:root{--bg: #ffffff;--rail: #f6f8f7;--surface: #ffffff;--ink: #1c2620;--muted: #5d6b63;--accent: #0f3d2e;--accent-2: #1f6b4f;--accent-soft: #e7f0ea;--border: #e4e9e5;--radius: 12px;--sidebar-w: 290px;--content-w: 760px;--header-h: 56px;--tile-back: #e6a93c;--tile-back-edge: #bd831f}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}.app-root{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--header-h)}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--accent);color:#fff}.menu-btn{display:inline-flex;background:none;border:none;color:#fff;padding:6px;cursor:pointer;border-radius:8px}.menu-btn:hover{background:#ffffff1f}.site-brand{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:.04em}.brand-logo{height:28px;width:auto;display:block}.site-brand ruby rt{font-size:.5em;font-weight:600;color:#bcd4c8;letter-spacing:.02em}.site-tagline{color:#bcd4c8;font-size:.78rem;margin-left:auto}.layout{flex:1;display:block;width:100%}.curriculum{position:fixed;top:0;left:0;height:100vh;width:84%;max-width:320px;z-index:50;overflow-y:auto;background:var(--rail);border-right:1px solid var(--border);padding:16px 10px 40px;transform:translate(-100%);transition:transform .25s ease;box-shadow:2px 0 16px #00000026}.curriculum.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:40;pointer-events:none;transition:background .25s ease}.sidebar-backdrop.show{background:#0006;pointer-events:auto}.curriculum-head{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--muted);padding:4px 8px 10px}.course{border-bottom:1px solid var(--border)}.course:last-child{border-bottom:none}.curriculum-section{border-bottom:none}.curriculum-courses{padding-left:10px}.curriculum-courses .course:last-child{border-bottom:none}.tools-section{margin-top:8px;border-top:1px solid var(--border);border-bottom:none}.tool-links{display:flex;flex-direction:column;gap:2px;padding:2px 0 6px 26px}.tool-link{display:block;padding:7px 10px;font-size:.86rem;color:var(--ink);border-radius:6px;text-decoration:none}.tool-link:hover{background:var(--accent-soft)}.tool-link.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.course-head{width:100%;display:flex;align-items:center;gap:6px;background:none;border:none;padding:12px 8px;cursor:pointer;text-align:left;font-size:.92rem;font-weight:700;color:var(--ink)}.course-head:hover{color:var(--accent)}.course-name{flex:1}.course-count{background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700;padding:1px 8px;border-radius:999px}.lesson-list{list-style:none;margin:0 0 8px;padding:0}.lesson-link{display:flex;align-items:flex-start;gap:8px;padding:8px 10px 8px 14px;color:var(--muted);text-decoration:none;font-size:.86rem;line-height:1.5;border-left:2px solid transparent}.lesson-link:hover{background:var(--accent-soft);color:var(--ink)}.lesson-link.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:700}.lesson-no{flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:50%;font-size:.72rem;font-weight:700;margin-top:1px}.lesson-link.active .lesson-no{background:var(--accent);color:#fff}.content{width:100%;max-width:var(--content-w);margin:0 auto;padding:18px 16px 48px}.hero h1{font-size:1.55rem;margin:4px 0 10px}.hero p{color:var(--muted);margin:0 0 8px}.hero-cta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:999px}.hero-cta:hover{background:var(--accent-2)}.hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.hero-cta--sub{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.hero-cta--sub:hover{background:var(--accent-soft)}.curriculum-ref{display:flex;align-items:center;gap:6px;margin:4px 4px 10px;padding:10px 12px;font-size:.9rem;font-weight:700;color:var(--accent);text-decoration:none;border:1px solid var(--border);border-radius:8px}.curriculum-ref:hover{background:var(--accent-soft)}.curriculum-ref.active{background:var(--accent-soft);border-color:var(--accent)}.yaku-page h1{font-size:1.5rem;margin:4px 0 10px}.yk-lead{color:var(--muted);margin-bottom:8px}.yk-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--muted);margin-bottom:14px;width:100%;max-width:440px;background:var(--surface)}.yk-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.yk-search input{flex:1;min-width:0;border:none;outline:none;font:inherit;font-size:.95rem;background:none;color:var(--ink)}.yk-search input::placeholder{color:#7c867f}.yk-group{margin-top:22px}.yk-group-head{font-size:1.05rem;margin:0 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent-soft)}.yk-list{display:grid;gap:8px}.yk-item{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}.yk-item.open{border-color:var(--accent)}.yk-row{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;padding:12px 14px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}.yk-row:hover{background:var(--accent-soft)}.yk-row-chevron{display:inline-flex;color:var(--muted);flex-shrink:0}.yk-row-name{font-weight:700}.yk-row-reading{color:var(--muted);font-size:.8rem;flex:1}.yk-badge{font-size:.76rem;font-weight:700;padding:2px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.yk-badge--1{background:#e7f0ea;color:#0f6b4e}.yk-badge--2{background:#e3eefb;color:#1f4e79}.yk-badge--3{background:#f1e8fb;color:#6b3fa0}.yk-badge--yakuman{background:#fbe7e6;color:#b3261e}.yk-free-tag{font-size:.7rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px;white-space:nowrap;flex-shrink:0}.yk-detail{padding:4px 14px 14px;border-top:1px solid var(--border)}.yk-cond{font-size:.82rem;color:var(--muted);margin:10px 0 0}.yk-cond--free{color:#9a6a17}.yk-cond strong{color:inherit;font-weight:700}.yk-tiles{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0 10px}.yk-tiles .tile{height:36px;padding:3px}.yk-tiles .tile--key{border-color:#e0392b;border-width:2px;box-shadow:0 0 0 1px #e0392b40,0 1px 3px #00000038}.yk-req{color:#e0392b}.yk-info{background:#eef4fb;border:1px solid #cfe0f0;border-radius:var(--radius);padding:11px 14px;font-size:.85rem;line-height:1.7;margin:4px 0 16px}.yk-info strong{color:#1f4e79}.yk-desc{font-size:.9rem;color:var(--ink);line-height:1.65;margin:0}.yk-meld{font-size:.82rem;font-weight:700;margin:8px 0 0}.yk-meld.ok{color:#0f6b4e}.yk-meld.no{color:#b3261e}.yk-freq{font-size:.82rem;color:var(--muted);margin:4px 0 0}.yk-stars{color:#e0a72e;letter-spacing:1px;font-size:.95rem}.yk-note{font-size:.8rem;color:var(--muted);margin-top:26px;line-height:1.7}.yk-note a{color:var(--accent)}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 18px 8px;margin-top:22px}.course-card-title{font-size:1.12rem;margin:0 0 12px;color:var(--accent)}.course-card-lessons{list-style:none;margin:0;padding:0}.course-card-lesson{display:flex;align-items:flex-start;gap:12px;padding:12px 6px;border-top:1px solid var(--border);text-decoration:none;color:inherit}.course-card-lesson:hover .course-card-lesson-title{color:var(--accent)}.course-card-lesson-title{display:block;font-weight:700}.course-card-lesson-desc{display:block;font-size:.84rem;color:var(--muted);margin-top:2px}.empty,.loading{color:var(--muted);padding:24px 0}.crumb{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--muted);margin-bottom:14px}.crumb a{color:var(--accent);text-decoration:none}.crumb a:hover{text-decoration:underline}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-size:.9rem}.back-link:hover{text-decoration:underline}.article h1{font-size:1.6rem;line-height:1.5;margin:2px 0 6px}.article-meta{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.82rem;margin:0 0 20px}.article-body{font-size:1rem}.article-body [id]{scroll-margin-top:calc(var(--header-h) + 8px)}.article-body h2{font-size:1.25rem;margin:34px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.article-body h3{font-size:1.08rem;margin:24px 0 8px}.article-body p{margin:0 0 14px}.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 16px}.article-body li{margin-bottom:6px}.article-body a,.article-body strong{color:var(--accent)}.article-body code{background:#eef2ef;padding:1px 6px;border-radius:5px;font-size:.92em}.article-body blockquote{margin:16px 0;padding:10px 16px;background:var(--accent-soft);border-radius:8px;color:#2a4a3b}.article-body blockquote p:last-child{margin-bottom:0}.article-body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.92rem}.article-body th,.article-body td{border:1px solid var(--border);padding:8px 10px;text-align:center}.article-body th{background:var(--accent-soft)}.article-body .tiles{display:inline-flex;flex-wrap:wrap;gap:5px;vertical-align:middle;margin:3px 2px}.tile{height:46px;aspect-ratio:7 / 10;width:auto;padding:4px;background:#fff;border:1px solid #8c968f;border-radius:7px;box-shadow:0 1px 3px #00000038;object-fit:contain}.article-body .tiles--v{flex-direction:column;gap:3px}.article-body .tile-back{display:inline-block;height:50px;aspect-ratio:7 / 10;padding:0;background:var(--tile-back);border:1px solid var(--tile-back-edge);border-radius:7px;box-shadow:0 1px 3px #00000038,inset 0 0 0 2px #ffffff47}.article-body p>.tiles:only-child .tile{height:54px}.article-body .tile-back{height:46px}.article-body .diagram{margin:18px auto 6px}.article-body .diagram svg{width:100%;height:auto;display:block}.article-body .diagram--board{max-width:360px}.article-body .diagram--strip{max-width:560px}.article-body .diagram--seats{max-width:240px}.article-body .figure-caption{text-align:center;font-size:.8rem;color:var(--muted);margin:-6px 0 18px}.article-body .term{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:none;padding:0 1px;margin:0;font:inherit;color:var(--accent);border-bottom:1px dashed var(--accent-2);cursor:pointer}.article-body .term:hover{background:var(--accent-soft)}.term-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.term-pop{position:fixed;z-index:61;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 24px #0000002e;padding:12px 14px}.term-pop-head{font-weight:700;color:var(--ink);font-size:.98rem}.term-pop-yomi{font-size:.78rem;color:var(--muted);font-weight:500;margin-left:2px}.term-pop-def{font-size:.86rem;color:var(--ink);line-height:1.65;margin:6px 0 8px}.term-pop-more{font-size:.8rem;color:var(--accent);font-weight:700;text-decoration:none}.term-pop-more:hover{text-decoration:underline}.nk-page h1{font-size:1.5rem;margin:4px 0 8px}.nk-lead{color:var(--muted);margin-bottom:14px}.nk-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.nk-stats{font-size:.88rem;color:var(--ink)}.nk-stats strong{color:var(--accent)}.nk-filters{display:flex;gap:6px;flex-wrap:wrap}.nk-chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 13px;font-size:.85rem;cursor:pointer;color:var(--ink)}.nk-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.nk-board{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px 14px 18px}.nk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);margin-bottom:6px}.nk-diff{font-size:.76rem;font-weight:700;padding:2px 10px;border-radius:999px}.nk-diff--beginner{background:#e7f0ea;color:#0f6b4e}.nk-diff--intermediate{background:#e3eefb;color:#1f4e79}.nk-diff--advanced{background:#fbe7e6;color:#b3261e}.nk-info-tag{background:#eef2ef;border-radius:999px;padding:2px 9px}.nk-dora{display:inline-flex;align-items:center;gap:6px;font-size:.86rem}.nk-dora-tile{height:40px!important}.nk-rivers{background:#f3f5f4;border-radius:8px;padding:10px 12px;margin:8px 0}.nk-rivers-label{font-size:.76rem;color:var(--muted);margin-bottom:6px}.nk-rivers-note{font-size:.82rem;color:var(--muted);margin:2px 0 0}.nk-rivers--none{min-height:64px}.nk-river-row{display:flex;align-items:center;gap:8px;margin:5px 0}.nk-river-seat{font-size:.76rem;color:var(--muted);width:4.5em;flex-shrink:0}.nk-river-riichi{color:#d8584f;font-weight:700;margin-left:2px}.nk-river-tiles{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.nk-rtile{height:38px!important}.nk-meld{display:inline-flex;gap:2px;margin-left:6px}.nk-rtile--meld{opacity:.85}.nk-hand{display:grid;grid-template-columns:repeat(7,max-content);gap:4px;justify-content:center;padding:14px 0 6px}@media (min-width: 560px){.nk-hand{grid-template-columns:repeat(14,max-content)}}.nk-tile{background:none;border:none;padding:0;cursor:pointer;line-height:0;transition:transform .12s}.nk-tile .tile{height:46px}.nk-tile:disabled{cursor:default}.nk-tile--selected{transform:translateY(-8px)}.nk-tile--selected .tile{border-color:var(--accent);border-width:2px}.nk-tile--answer .tile{border-color:#1f9d57;border-width:2px;box-shadow:0 0 0 1px #1f9d574d,0 1px 3px #00000038}.nk-tile--wrong .tile{border-color:#d8584f;border-width:2px}.nk-actions{display:flex;gap:10px;justify-content:center;margin-top:10px}.nk-btn{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 20px;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--ink)}.nk-btn:hover:not(:disabled){border-color:var(--accent)}.nk-btn:disabled{opacity:.5;cursor:default}.nk-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.nk-btn--primary:hover:not(:disabled){background:var(--accent-2)}.nk-result{margin-top:12px;text-align:center}.nk-verdict{font-size:1.1rem;font-weight:800;margin:0 0 6px}.nk-verdict.ok{color:#1f9d57}.nk-verdict.ng{color:#d8584f}.nk-ans-line{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.9rem;margin:0 0 8px}.nk-ans-tile{height:30px!important}.nk-explain{font-size:.9rem;color:var(--ink);line-height:1.65;text-align:left;background:#f3f5f4;border-radius:8px;padding:10px 12px;margin:0 0 12px}.nk-note{font-size:.8rem;color:var(--muted);margin-top:20px;line-height:1.7}.nk-note a{color:var(--accent)}.meld{display:inline-flex;align-items:flex-end;gap:2px;padding:6px 0;vertical-align:bottom}.meld .tile{height:46px}.meld-side{position:relative;display:inline-block;width:46px;height:33px}.meld-side .tile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.meld-stack{display:inline-flex;flex-direction:column;gap:1px;justify-content:flex-end}.legal-page h1{font-size:1.5rem;margin:4px 0}.legal-updated{color:var(--muted);font-size:.8rem;margin:0 0 18px}.app-promo{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.app-promo__head{font-size:1.05rem;margin:0 0 6px;color:var(--ink)}.app-promo__lead{font-size:.86rem;color:var(--muted);margin:0 0 14px;line-height:1.7}.app-promo__card{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.app-promo__icon{width:64px;height:64px;border-radius:14px;flex-shrink:0}.app-promo__info{min-width:0}.app-promo__name{font-weight:700;color:var(--ink);margin-bottom:4px}.app-promo__desc{font-size:.84rem;color:var(--muted);line-height:1.6;margin-bottom:10px}.app-promo__badge img{display:block}.tool-migrated{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:9px 14px;background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;font-size:.8rem;line-height:1.6;color:var(--muted)}.tool-migrated svg{color:var(--accent);flex-shrink:0}.tool-migrated p{margin:0}.tool-migrated strong{color:var(--ink);font-weight:700}.sc-page h1{font-size:1.5rem;margin:4px 0 8px}.sc-lead{color:var(--muted);margin-bottom:16px}.sc-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:6px 16px}.sc-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.sc-row:last-child{border-bottom:none}.sc-row-label{width:6.5em;flex-shrink:0;font-size:.9rem;color:var(--ink);font-weight:600}.sc-seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.sc-seg-btn{background:#fff;border:none;padding:8px 22px;font-size:.95rem;font-weight:700;cursor:pointer;color:var(--ink)}.sc-seg-btn+.sc-seg-btn{border-left:1px solid var(--border)}.sc-seg-btn.active{background:var(--accent);color:#fff}.sc-select{padding:9px 12px;font-size:.95rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);min-width:7em}.sc-result{margin:18px 0 4px;padding:22px 16px;border-radius:var(--radius);background:#f3f7f4;border:1px solid var(--border);text-align:center}.sc-label{display:inline-block;font-size:.9rem;font-weight:700;color:#fff;background:var(--accent);border-radius:999px;padding:3px 16px;margin-bottom:10px}.sc-total{font-size:2rem;font-weight:800;color:var(--ink);line-height:1.2}.sc-unit{font-size:1rem;font-weight:700;margin-left:2px}.sc-sub{font-size:.85rem;color:var(--muted);margin-top:8px}.sc-invalid{color:#d8584f;font-weight:700;margin:0}.sc-note{font-size:.8rem;color:var(--muted);margin-top:20px;line-height:1.7}.sc-note a{color:var(--accent)}.sc-lazy{margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.sc-lazy strong{display:block;font-size:.95rem;margin-bottom:4px;color:var(--ink)}.sc-lazy p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.7}.sc-lazy a{color:var(--accent);font-weight:700}.article-body .skip-note{background:#eef4fb;border:1px solid #cfe0f0;border-radius:var(--radius);padding:12px 16px;margin:14px 0 18px;font-size:.9rem;line-height:1.7}.article-body .skip-note strong{color:#1f4e79}.article-body .skip-note a{color:#1f4e79;font-weight:700}.article-body .tool-cta{display:block;background:var(--accent);color:#fff;text-align:center;padding:12px 16px;border-radius:var(--radius);text-decoration:none;font-weight:700;margin:20px 0}.article-body .tool-cta:hover{background:var(--accent-2)}.quiz-test{margin:18px 0 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.quiz-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--accent);color:#fff;font-weight:700}.quiz-score{font-size:.86rem;background:#ffffff29;padding:2px 12px;border-radius:999px}.quiz-q{padding:16px;border-top:1px solid var(--border)}.quiz-q:first-of-type{border-top:none}.quiz-q-title{display:flex;gap:8px;font-weight:700;margin:0 0 12px}.quiz-q-no{flex-shrink:0;background:var(--accent-soft);color:var(--accent);font-size:.78rem;padding:1px 9px;border-radius:999px;height:fit-content}.quiz-choices{list-style:none;margin:0;padding:0;display:grid;gap:8px}.quiz-choice{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:#fff;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:.94rem;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s}.quiz-choice:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.quiz-choice:disabled{cursor:default}.quiz-choice .quiz-mark{display:inline-flex;width:16px;flex-shrink:0}.quiz-choice.correct{border-color:#1f9d57;background:#e7f6ec;color:#146b3c;font-weight:700}.quiz-choice.correct .quiz-mark{color:#1f9d57}.quiz-choice.wrong{border-color:#d8584f;background:#fbeae8;color:#9c2f28}.quiz-choice.wrong .quiz-mark{color:#d8584f}.quiz-explain{margin:10px 0 0;font-size:.88rem;color:var(--muted);line-height:1.7}.quiz-explain.ok strong{color:#1f9d57}.quiz-explain.ng strong{color:#d8584f}.quiz-reset{display:inline-flex;align-items:center;gap:6px;margin:4px 16px 18px;background:none;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}.quiz-reset:hover{background:var(--accent-soft)}.lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:36px}.lesson-nav-link{display:flex;align-items:center;gap:8px;max-width:48%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;text-decoration:none;color:var(--accent);font-weight:700;font-size:.9rem}.lesson-nav-link.next{margin-left:auto;text-align:right}.lesson-nav-link:hover{border-color:var(--accent)}.lesson-nav-link small{display:block;color:var(--muted);font-weight:500;font-size:.72rem}.site-footer{border-top:1px solid var(--border);padding:24px 18px;text-align:center;background:var(--rail)}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-bottom:10px}.footer-links a{color:var(--accent);font-size:.88rem;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-note{color:var(--muted);font-size:.78rem;margin:0}@media (min-width: 901px){.menu-btn,.sidebar-backdrop{display:none}.layout{display:grid;grid-template-columns:minmax(var(--sidebar-w),1fr) minmax(0,var(--content-w)) 1fr}.content{grid-column:2;max-width:none;margin:0;padding:32px 36px 64px}.curriculum{position:fixed;top:var(--header-h);left:0;height:calc(100vh - var(--header-h));width:var(--sidebar-w);max-width:none;transform:none;box-shadow:none;transition:none;z-index:20}.site-footer{padding-left:var(--sidebar-w)}}