:root{--ink: #1d1d1f;--ink-soft: #55555a;--paper: #ffffff;--paper-dim: #f7f6f3;--line: #e4e2dc;--accent: #c8401f;--accent-soft: #fbeee9;--ok: #2e7d4f;--ng: #b3261e}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;color:var(--ink);background:var(--paper);line-height:1.9}ruby rt{font-size:.5em;color:var(--ink-soft);letter-spacing:0}a{color:inherit}.app{display:flex;min-height:100vh}.nav-toggle{position:fixed;left:12px;bottom:12px;z-index:20;font:inherit;font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;box-shadow:0 2px 8px #00000014}.nav-toggle .nt-open{display:none}html.nav-closed .nav-toggle .nt-open{display:inline}html.nav-closed .nav-toggle .nt-close,html.nav-closed .sidebar{display:none}.sidebar{width:268px;flex-shrink:0;background:var(--paper-dim);border-right:1px solid var(--line);padding:28px 0 60px;font-size:.82rem}.site-title{display:block;padding:0 24px 20px;border-bottom:1px solid var(--line);margin-bottom:20px;text-decoration:none}.site-title .mark{color:var(--accent);font-weight:700;font-size:1.05rem;letter-spacing:.04em}.site-title .sub{color:var(--ink-soft);font-size:.72rem;margin-top:2px}.nav-group{padding:0 24px;margin-bottom:18px}.nav-hen{font-weight:700;font-size:.78rem;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}.nav-hen.open{color:var(--accent)}.nav-hen .soon-tag,.nav-chapter .soon-tag{font-weight:400;font-size:.66rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:0 8px;margin-left:8px}.nav-chapter{margin-left:8px;color:var(--ink-soft);padding:2px 0}.nav-chapter.open{color:var(--ink);font-weight:600}.nav-quests{margin:4px 0 10px 16px;border-left:2px solid var(--line);padding-left:12px}.nav-quests li{list-style:none;padding:2.5px 0;color:var(--ink-soft)}.nav-quests li a{text-decoration:none}.nav-quests li.done:before{content:"✓ ";color:var(--ok);font-weight:700}.nav-quests li.now{color:var(--accent);font-weight:700;background:var(--accent-soft);border-radius:4px;padding-left:6px;margin-left:-6px}.progress{padding:14px 24px 0;border-top:1px solid var(--line);margin-top:8px}.progress .bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:6px}.progress .bar span{display:block;height:100%;width:0;background:var(--accent)}.progress .label{color:var(--ink-soft);font-size:.72rem}.main{flex:1;min-width:0}.quest,.cover{max-width:760px;padding:44px 56px 80px}.crumb{font-size:.78rem;color:var(--ink-soft);letter-spacing:.05em}.crumb b{color:var(--accent);font-weight:600}.quest h1{font-size:2.3rem;font-weight:800;margin:10px 0 6px;letter-spacing:.02em}.quest-lead{color:var(--ink-soft);font-size:.9rem;margin-bottom:34px}.quest article,article.quest{counter-reset:block}.quest section{margin-bottom:40px}.quest h2{font-size:.95rem;font-weight:700;letter-spacing:.1em;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:14px}.quest h2:before{counter-increment:block;content:counter(block);width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--accent);color:#fff;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.scene{background:var(--paper-dim);border-radius:10px;padding:22px 26px}.scene .situation{font-size:.78rem;color:var(--ink-soft);margin-bottom:6px}.scene .sentence{font-size:1.25rem;font-weight:600}.scene .sentence em,.examples li em{font-style:normal;color:var(--accent);font-weight:800}.meaning{border-left:4px solid var(--accent);background:var(--accent-soft);padding:16px 22px;border-radius:0 8px 8px 0;font-size:1.1rem;font-weight:700}.meaning small{display:block;font-weight:400;font-size:.82rem;color:var(--ink-soft);margin-top:4px}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border:1px solid var(--line);padding:9px 14px;text-align:left;vertical-align:top}th{background:var(--paper-dim);font-weight:700;font-size:.8rem;white-space:nowrap}td .form,.compare-form{color:var(--accent);font-weight:700}.examples li{list-style:none;padding:14px 0;border-bottom:1px dashed var(--line);font-size:1.05rem}.examples .note{font-size:.78rem;color:var(--ink-soft);display:block}.warn{display:flex;gap:10px;align-items:baseline;background:#fff8e6;border:1px solid #ecdca8;border-radius:8px;padding:12px 16px;font-size:.85rem;margin-top:14px}.warn b{color:#a05a00}.quiz{border:1px solid var(--line);border-radius:10px;overflow:hidden}.quiz-head{background:var(--paper-dim);padding:10px 18px;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.q{padding:16px 18px;border-top:1px solid var(--line);font-size:.95rem}.q .stem{margin-bottom:8px}.q .stem .qnum{color:var(--accent);font-weight:800;margin-right:8px}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{font:inherit;font-size:.88rem;padding:6px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}.q:not(.answered) .choices button:hover{border-color:var(--accent);color:var(--accent)}.choices button.correct{background:var(--ok);color:#fff;border-color:var(--ok);font-weight:700}.choices button.wrong{background:var(--ng);color:#fff;border-color:var(--ng)}.q.answered .choices button{cursor:default}.answer{margin-top:10px;font-size:.83rem;background:#eef6f0;border-radius:6px;padding:10px 14px;color:#1e4d33}.answer b{color:var(--ok)}.pager{display:flex;justify-content:space-between;margin-top:56px;font-size:.85rem}.pager a{color:var(--accent);text-decoration:none;font-weight:700}.pager .dir{color:var(--ink-soft);font-weight:400;display:block;font-size:.72rem}.cover .hero{margin:40px 0 48px}.cover .hero .kicker{color:var(--accent);font-weight:700;font-size:.85rem;letter-spacing:.15em}.cover .hero h1{font-size:2.6rem;font-weight:800;line-height:1.4;margin:8px 0 12px}.cover .hero p{color:var(--ink-soft);max-width:34em}.cover .start{display:inline-block;margin-top:22px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;padding:10px 26px;border-radius:999px}.cover .toc-list{margin-top:8px}.cover .toc-list li{list-style:none;padding:10px 0;border-bottom:1px dashed var(--line);display:flex;gap:14px;align-items:baseline}.cover .toc-list .vnum{color:var(--accent);font-weight:800;width:2em}.cover .toc-list .soon-tag{font-size:.66rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:0 8px}.cover .toc-list .desc{color:var(--ink-soft);font-size:.82rem}@media(max-width:860px){.app{flex-direction:column}.sidebar{width:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:28px}.quest,.cover{padding:32px 22px 80px}.quest h1{font-size:1.7rem}}@media print{.sidebar,.nav-toggle,.pager,.start{display:none!important}.quest,.cover{max-width:none;padding:0}.answer{display:none!important}.choices button{border:1px solid #999;background:#fff!important;color:#000!important}body{line-height:1.8}}