@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--ink:#183a34;--green:#176a52;--bg:#f6f7f3;--muted:#6d7c75;--line:#dce3dc;--lime:#d5ec97}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.8 'Noto Sans JP',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c1a048;outline-offset:3px}header{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 40px;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:1px;color:var(--ink)}.brand i{color:#a2b0a6;font-style:normal}.brand-icon{background:var(--ink);color:var(--lime);border-radius:11px;padding:5px 10px;font-size:17px}.header-sub{font-size:12px;color:var(--muted)}.pill{font-size:11px;letter-spacing:1px;border:1px solid var(--line);padding:5px 13px;border-radius:30px;margin-left:auto}.layout{max-width:1460px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:75vh}aside{border-right:1px solid var(--line);padding:40px 22px;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted)}aside .eyebrow{margin:0 10px 20px}nav{display:grid;gap:8px}nav button{border:0;background:none;text-align:left;padding:13px 15px;border-radius:9px;display:flex;gap:14px;align-items:center;font-size:19px}nav button span{font-size:13px;font-weight:500}nav button.active{background:#e4ede2;color:#155c48}nav button:hover{background:#eaf0e6}.side-foot{margin-top:auto;padding:70px 10px 10px;font-size:12px}.side-foot small{color:var(--muted);font-size:10px}main{padding:42px 48px 50px;min-width:0;max-width:1120px;width:100%}h1{font-size:30px;line-height:1.55;margin:9px 0 8px;letter-spacing:.02em}h2{font-size:19px;margin:0 0 14px}h3{font-size:16px}p{margin:8px 0 18px}.muted{color:var(--muted);font-size:13px}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.topline p{margin:0}.date{font-size:12px;color:var(--muted)}.hero{position:relative;overflow:hidden;background:var(--ink);color:white;border-radius:16px;padding:36px 38px;min-height:235px;display:flex;gap:20px;align-items:center}.hero h2{font-size:29px;line-height:1.6;font-weight:500}.hero p{color:#bbcfc3;font-size:13px}.hero .eyebrow{color:var(--lime);margin-bottom:13px}.hero-art{margin-left:auto;min-width:150px;width:185px;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #53776b;border-radius:50%}.hero-art:before{content:'';position:absolute;inset:17px;border:1px solid #53776b;border-radius:50%}.hero-art:after{content:'✦';position:absolute;right:5px;top:0;color:var(--lime);font-size:40px}.hero-art strong{font-size:60px;font-weight:400;line-height:1}.hero-art small{display:block;text-align:center;font-size:11px;color:#c3d5ca;letter-spacing:2px;margin-top:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;border:0;border-radius:8px;background:var(--green);color:white;font-weight:600;font-size:13px;min-height:47px;padding:11px 23px;text-decoration:none}.hero .btn{background:var(--lime);color:var(--ink)}.btn.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.45;cursor:default}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 32px;gap:15px}.stat{padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:12px}.stat .value{font-size:30px;font-weight:600;line-height:1.5}.stat .value small{font-size:12px;font-weight:400;margin-left:5px;color:var(--muted)}.stat .label{font-size:11px;color:var(--muted)}.stat .track{height:4px;border-radius:4px;background:#eaf0e9;margin-top:12px}.track i{display:block;height:100%;background:var(--green);border-radius:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{margin:0}.textbtn{background:none;border:0;color:var(--green);font-size:12px;padding:8px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px}.card h3{margin:10px 0 5px}.card p{font-size:12px;color:var(--muted);margin-bottom:16px}.icon{height:36px;width:36px;display:grid;place-items:center;background:#eef3e8;border-radius:9px;font-size:20px}.card .btn{width:100%}.notice{font-size:12px;color:var(--muted);background:#edf1e8;border-radius:8px;padding:14px 18px;margin-top:22px}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:22px 0}.filters label{font-size:11px;color:var(--muted);flex:1;min-width:140px}select,input[type=search]{display:block;width:100%;border:1px solid var(--line);padding:10px 12px;border-radius:7px;background:var(--bg);color:var(--ink);min-height:46px}input[type=search]{margin:14px 0 22px}.question{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px}.qmeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:11px;color:var(--muted)}.qmeta .tag{background:#edf2e7;color:var(--green);padding:4px 10px;border-radius:5px}.bookmark{margin-left:auto;border:1px solid var(--line);background:white;padding:7px 12px;border-radius:7px}.question h2{font-size:20px}.content{line-height:1.95;overflow-wrap:anywhere}.content img{display:block;max-width:100%;height:auto;margin:18px auto}.content table{border-collapse:collapse;margin:18px 0;font-size:13px;display:block;max-width:100%;overflow:auto}.content th,.content td{border:1px solid var(--line);padding:9px 13px;min-width:65px}.content th{background:#eef2e9}.content caption{text-align:left;font-size:12px;color:var(--muted)}.content dd{margin:8px 0 20px 20px}.content dt{font-weight:bold}.content h2{margin:28px 0 15px}.content h3{margin-top:28px}.content ul,.content ol{padding-left:24px}.choices{display:grid;gap:12px;margin:25px 0}.choice{display:flex;gap:15px;width:100%;padding:15px 17px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;align-items:flex-start;line-height:1.8;font-size:14px}.choice b{flex-shrink:0;width:29px;height:29px;border-radius:6px;background:#f0f3ec;display:grid;place-items:center;font-weight:500}.choice:not(:disabled):hover{border-color:var(--green);background:#f6faf2}.choice.correct{border:2px solid var(--green);background:#eef8ed}.choice.wrong{border:2px solid #b76749;background:#fff3eb}.choice:disabled{cursor:default;opacity:1;color:var(--ink)}.actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.result{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.result-banner{border-radius:9px;background:#eaf4e6;padding:15px 20px;font-weight:700;margin-bottom:20px}.result-banner.wrong{background:#fff0e5;color:#884528}.source{font-size:11px;display:block;margin-top:18px;color:var(--muted)}.rows{display:grid;gap:10px}.row{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);border-radius:10px;background:white;padding:16px 20px;width:100%}.row .number{font-size:11px;color:var(--muted);min-width:66px}.row .row-title{font-size:13px;flex:1}.row .arrow{color:var(--green)}.row .status{font-size:11px;color:var(--green)}.empty{text-align:center;background:white;border:1px solid var(--line);border-radius:12px;padding:50px 20px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note-card{text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff;padding:22px;min-height:130px}.note-card:hover{border-color:var(--green)}.note-card .eyebrow{color:var(--green)}.note-card h3{margin:12px 0 5px}.note-card p{font-size:11px;margin:0;color:var(--muted)}details{border:1px solid var(--line);border-radius:10px;background:white;margin:12px 0;overflow:hidden}summary{cursor:pointer;padding:18px 20px;font-weight:500}.note-body{padding:0 25px 25px}.progress-row{display:grid;grid-template-columns:80px 1fr 75px;align-items:center;gap:15px;margin:16px 0;font-size:12px}.progress-row .track{height:7px;background:#e9eee5;border-radius:9px}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:20px 0}footer{max-width:1100px;margin:0 auto;padding:28px 30px 45px;font-size:10px;line-height:2;color:var(--muted);border-top:1px solid var(--line)}footer a{color:var(--muted)}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:10px;font-size:12px;display:none;z-index:20}.math-error{font-size:11px;color:var(--muted)}
@media(min-width:1500px){main{padding-right:65px;padding-left:65px}}@media(max-width:1000px){.layout{grid-template-columns:190px 1fr}main{padding:30px 25px}aside{padding:30px 12px}.hero{padding:28px}.hero-art{min-width:130px;width:130px}.hero-art strong{font-size:45px}.hero h2{font-size:24px}header{padding:0 25px}.stat{padding:18px}.header-sub{display:none}}@media(max-width:700px){header{height:67px;padding:0 20px;gap:10px}.brand{font-size:17px}.pill{font-size:9px;padding:4px 8px}.layout{display:block}aside{position:fixed;bottom:0;left:0;width:100%;padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);z-index:10}aside .eyebrow,.side-foot{display:none}nav{display:flex;gap:0;justify-content:space-around}nav button{flex:1;min-width:0;justify-content:center;flex-direction:column;gap:0;font-size:20px;padding:4px 0;border-radius:7px}nav button span{font-size:9px}main{padding:25px 18px 32px}h1{font-size:25px}.topline{margin-bottom:22px}.date{display:none}.hero{padding:27px 24px;min-height:240px}.hero h2{font-size:25px}.hero-art{position:absolute;right:-45px;top:24px;opacity:.22;width:160px;pointer-events:none}.hero>div:first-child{position:relative;z-index:1}.hero p{font-size:12px;max-width:245px}.stats{gap:8px;margin:16px 0 28px}.stat{padding:13px 11px}.stat .value{font-size:24px}.stat .label{font-size:10px}.stat .value small{font-size:10px}.cards{gap:10px}.card{padding:17px 14px}.card h3{font-size:14px}.card p{font-size:11px}.card .btn{padding:10px;font-size:11px}.section-heading h2{font-size:17px}.question{padding:20px 16px}.question h2{font-size:18px}.content{font-size:14px}.choice{padding:13px 12px;font-size:13px;gap:11px}.filters{padding:13px;gap:12px}.filters label{min-width:110px}.note-grid{gap:10px}.note-card{padding:17px 14px}.note-card h3{font-size:14px}.note-body{padding:0 16px 20px}.row{padding:13px 12px;gap:10px}.row .number{min-width:50px;font-size:10px}.row .row-title{font-size:12px}footer{margin:0 18px;padding:20px 0 115px;font-size:9px}.btn{min-height:48px}.notice{font-size:11px}.bookmark{padding:7px 9px}.actions .btn{flex:1}.content table{font-size:12px}.content td,.content th{padding:7px}.content caption{font-size:11px}}