:root{--navy:#153f61;--navy2:#0d2c45;--blue:#1d6492;--gold:#f4c43d;--green:#2f7d54;--purple:#67429a;--red:#a13e3e;--ink:#1d2b36;--line:#cad9e3;--soft:#f4f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eaf0f4;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}img,svg{max-width:100%;height:auto}a{color:#125b87}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:fixed;top:-80px;left:8px;z-index:9999;background:#fff;padding:10px}.skip:focus{top:8px}.top{position:sticky;top:0;z-index:99;background:var(--navy2);border-bottom:4px solid var(--gold);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;min-width:0}.brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.top a,.top button{min-height:44px;padding:8px 12px;border:2px solid #ffffff80;border-radius:10px;color:#fff;background:transparent;text-decoration:none;font-weight:750}.top button{background:var(--gold);color:#222;border-color:var(--gold)}.shell{width:min(1160px,calc(100% - 20px));margin:14px auto;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #153f6120}.hero{padding:28px;background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff}.hero h1{font-size:clamp(27px,5vw,50px);line-height:1.1;margin:8px 0}.hero p{max-width:850px}.badges{display:flex;flex-wrap:wrap;gap:7px}.badge{padding:5px 9px;border-radius:999px;background:#ffffff20;border:1px solid #ffffff40}.tabs{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:4px solid var(--navy)}.tab{min-height:62px;border:0;border-right:1px solid var(--line);background:#eef4f8;color:var(--navy);font-weight:800;padding:8px;cursor:pointer}.tab[aria-selected="true"]{background:var(--navy);color:#fff}.panel{padding:clamp(16px,3vw,32px)}.panel[hidden]{display:none}.section-title{color:var(--navy);font-size:clamp(24px,4vw,38px);border-bottom:3px solid #d7e7f1;padding-bottom:8px}.sub{color:var(--navy);margin-top:28px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.note{border-left:5px solid var(--gold);background:#fff8db;padding:13px;border-radius:10px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:720px}caption{text-align:left;padding:12px;font-weight:800;color:var(--navy)}th,td{border:1px solid var(--line);padding:10px;vertical-align:top}th{background:#edf4f8}.field{margin:12px 0}.field label{display:block;font-weight:750;margin-bottom:5px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #9db3c1;border-radius:9px}.field textarea{min-height:110px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.btn{min-height:44px;border:0;border-radius:9px;padding:10px 14px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.btn.alt{background:var(--purple)}.btn.danger{background:var(--red)}.privacy{padding:12px;background:#eef8f1;border:1px solid #aad1b8;border-radius:10px}.slide-deck{border:3px solid var(--navy);border-radius:17px;overflow:hidden;background:#edf5fa}.slide{display:none;min-height:520px;padding:clamp(22px,5vw,56px);background:linear-gradient(145deg,#f9fdff,#e6f3fa);position:relative}.slide.active{display:block}.slide:nth-child(4n+2){background:linear-gradient(145deg,#effaf3,#dff2e7)}.slide:nth-child(4n+3){background:linear-gradient(145deg,#fff9e7,#f7e6ad)}.slide:nth-child(4n){background:linear-gradient(145deg,#f5f0fb,#e9def5)}.slide h3{font-size:clamp(25px,4.7vw,44px);color:var(--navy);margin:0 0 16px}.slide p,.slide li{font-size:clamp(18px,2.5vw,25px)}.slide .math{font-size:clamp(25px,5vw,48px);font-weight:900;text-align:center;color:var(--purple);padding:20px}.slide-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;background:#fff}.slide-controls button{min-height:48px;border:0;border-radius:10px;padding:10px 16px;background:var(--navy);color:#fff;font-weight:850}.dots{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;padding:12px}.dot{width:26px;height:26px;border-radius:50%;border:0;background:#aac1d0;cursor:pointer}.dot.active{background:var(--navy)}.problem{border:2px solid #d0dce5;border-radius:15px;margin:18px 0;overflow:hidden}.problem header{background:var(--navy);color:#fff;padding:14px}.problem-body{padding:14px}.step{border-left:4px solid var(--blue);padding:10px 12px;margin:12px 0;background:var(--soft)}.feedback{min-height:26px;font-weight:750}.correct{color:#17643a}.wrong{color:#933}.teacher-only{display:none}.teacher-mode .teacher-only{display:block}.signature{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px;text-align:center}.signature img{height:118px;width:240px;object-fit:contain}.footer-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;background:#eef4f8}.footer-nav a,.footer-nav button{min-height:52px;border:2px solid var(--navy);border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:850;background:#fff;color:var(--navy)}.footer-nav button{background:var(--gold);border-color:var(--gold);color:#222}@media(max-width:760px){.top{align-items:flex-start}.brand span{display:none}.top nav{flex-wrap:nowrap}.top a,.top button{padding:7px 9px;font-size:14px}.tabs{grid-template-columns:repeat(4,1fr)}.tab{min-height:58px;font-size:13px}.grid,.grid.three{grid-template-columns:1fr}.shell{width:calc(100% - 8px);margin:4px auto;border-radius:8px}.panel{padding:14px 10px}.slide{min-height:560px;padding:24px 18px}.signature{gap:8px}.signature img{width:145px;height:94px}.signature p{font-size:13px}.footer-nav{grid-template-columns:1fr 1fr;padding:10px}}@media(max-width:360px){.tabs{grid-template-columns:repeat(2,1fr)}.top nav a:first-child{display:none}.slide-controls button{padding:9px 11px}.signature img{width:125px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{@page{size:A4;margin:14mm}.top,.tabs,.footer-nav,.actions,.slide-controls,.dots,.no-print{display:none!important}.shell{width:100%;margin:0;box-shadow:none}.panel{display:block!important;padding:0}.slide{display:block!important;min-height:auto;page-break-after:always}.teacher-only{display:none}.teacher-mode .teacher-only{display:block}.signature{break-inside:avoid}.problem{break-inside:avoid}}

/* Stage 4 rational-number module enhancements */
:root{--teal:#0d766e;--orange:#c66a20}.diagnostic-cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:12px;background:var(--gold);color:#222;text-decoration:none;font-weight:900;margin-top:8px}.hero-rational{background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.15) 0 88px,transparent 90px),linear-gradient(135deg,#0d2c45,#0d766e)}.concept-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.concept-strip>div{border-radius:12px;padding:12px;text-align:center;background:#eef8f7;border:1px solid #bddbd8}.concept-strip b{display:block;color:var(--teal);font-size:clamp(20px,3vw,30px)}.fraction-model{display:flex;width:100%;min-height:62px;border:2px solid var(--navy);border-radius:10px;overflow:hidden;background:#fff}.fraction-cell{flex:1;border-right:1px solid var(--navy);display:grid;place-items:center;font-weight:800}.fraction-cell:last-child{border-right:0}.fraction-cell.fill{background:#f4c43d}.hundred-grid{display:grid;grid-template-columns:repeat(10,1fr);aspect-ratio:1;max-width:380px;border:2px solid var(--navy);margin:12px auto}.hundred-grid span{border:1px solid #b9cad6}.hundred-grid span.fill{background:#5bb7ad}.conversion-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center;text-align:center;margin:15px 0}.conversion-chain .node{padding:16px;border-radius:14px;border:2px solid var(--teal);background:#f1fbfa;font-weight:900;font-size:clamp(20px,3vw,30px)}.conversion-chain .arrow{font-size:32px;color:var(--teal);font-weight:900}.step.locked{opacity:.62}.step.locked textarea,.step.locked input,.step.locked button{pointer-events:none}.step.completed{border-left-color:var(--green);background:#eef8f1}.step .hint{display:none;margin-top:8px;padding:8px 10px;border-radius:8px;background:#fff8db;border:1px solid #efd67a}.step .hint.show{display:block}.mastery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.mastery-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.mastery-card b{display:block;font-size:24px;color:var(--navy)}.media-lab{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(300px,1.1fr);gap:18px;align-items:start}.lab-output{border:2px solid var(--teal);border-radius:15px;padding:16px;background:#f4fbfa}.lab-number{font-size:clamp(28px,6vw,54px);font-weight:950;color:var(--teal);text-align:center}.external-media{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.external-media article{border:1px solid var(--line);border-radius:14px;padding:14px}.external-media a{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border-radius:9px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800}.media-frame{width:100%;height:520px;border:2px solid var(--line);border-radius:12px;background:#f4f8fb}.teacher-key{border:2px solid #7653a4;border-radius:14px;padding:15px;background:#f8f3fc}.print-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.print-tools select{min-height:44px;border-radius:9px;padding:7px;border:1px solid #fff8;color:#111;background:#fff}.micro-diag{border:2px solid #9cc9c5;border-radius:14px;padding:15px;background:#f2fbfa}.question-block{border:1px solid var(--line);border-radius:12px;padding:13px;margin:12px 0}.question-block legend{font-weight:850;color:var(--navy)}.options-list{display:grid;gap:7px}.options-list label{display:flex;gap:8px;align-items:flex-start;padding:9px;border:1px solid #d5e0e7;border-radius:9px}.status-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:850;background:#e8f6f3;color:#14685f}.slide{background-image:radial-gradient(circle at 92% 12%,rgba(13,118,110,.10) 0 68px,transparent 70px),linear-gradient(145deg,#f9fdff,#e6f3fa)}.slide:nth-child(4n+2){background-image:radial-gradient(circle at 8% 90%,rgba(47,125,84,.12) 0 82px,transparent 84px),linear-gradient(145deg,#effaf3,#dff2e7)}.slide:nth-child(4n+3){background-image:radial-gradient(circle at 90% 85%,rgba(244,196,61,.18) 0 80px,transparent 82px),linear-gradient(145deg,#fff9e7,#f7e6ad)}.slide:nth-child(4n){background-image:radial-gradient(circle at 8% 12%,rgba(103,66,154,.12) 0 75px,transparent 77px),linear-gradient(145deg,#f5f0fb,#e9def5)}
@media(max-width:820px){.media-lab{grid-template-columns:1fr}.external-media{grid-template-columns:1fr}.conversion-chain{grid-template-columns:1fr}.conversion-chain .arrow{transform:rotate(90deg)}.concept-strip{grid-template-columns:1fr 1fr}.media-frame{height:430px}.mastery{grid-template-columns:1fr}}
@media(max-width:420px){.concept-strip{grid-template-columns:1fr}.media-frame{height:360px}.top .print-tools select{display:none}}
@media print{body[data-print-scope]:not([data-print-scope="all"]) .panel{display:none!important}body[data-print-scope="modul"] #panel-modul,body[data-print-scope="lkpd"] #panel-lkpd,body[data-print-scope="bacaan"] #panel-bacaan,body[data-print-scope="slide"] #panel-slide,body[data-print-scope="soal"] #panel-soal,body[data-print-scope="asesmen"] #panel-asesmen,body[data-print-scope="rubrik"] #panel-rubrik{display:block!important}body[data-print-scope="slide"] @page{size:A4 landscape}}

/* Stage 5 — Bab Bilangan Rasional lengkap */
.rational-lab{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:18px;align-items:start}.lab-controls{display:grid;gap:12px}.fraction-input{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.fraction-input input{min-width:0;text-align:center;font-weight:800}.lab-result{border:2px solid var(--teal);border-radius:16px;padding:16px;background:#f4fbfa}.lab-result .big{font-size:clamp(28px,5vw,48px);font-weight:950;color:var(--teal);text-align:center}.number-track{position:relative;height:72px;margin:16px 8px 4px;border-top:4px solid var(--navy)}.number-track::before,.number-track::after{position:absolute;top:-28px;font-weight:800}.number-track::before{content:'−1';left:0}.number-track::after{content:'1';right:0}.track-point{position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--gold);border:3px solid var(--navy);transform:translateX(-50%)}.formula-box{padding:12px;border-radius:12px;background:#fff;border:1px solid #b8d7d4;font-family:ui-monospace,Consolas,monospace;font-size:clamp(17px,2.5vw,24px);overflow-wrap:anywhere}.chapter-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.chapter-map article{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.chapter-map strong{display:block;color:var(--navy)}.score-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.score-banner article{padding:12px;border-radius:12px;background:#eef8f7;border:1px solid #b8d7d4;text-align:center}.score-banner b{display:block;font-size:28px;color:var(--teal)}.sumative-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.manual-rubric{border:2px solid #7653a4;border-radius:14px;padding:14px;background:#faf7fd}.share-note{padding:12px;border-left:5px solid var(--gold);background:#fff8dc;border-radius:8px}.chapter-complete{background:linear-gradient(135deg,#0d2c45,#0d766e);color:#fff;padding:18px;border-radius:16px;margin:16px 0}.chapter-complete a{display:inline-flex;margin:5px;padding:10px 13px;border-radius:10px;background:#f4c43d;color:#18202a;text-decoration:none;font-weight:900}
@media(max-width:860px){.rational-lab{grid-template-columns:1fr}.chapter-map{grid-template-columns:1fr 1fr}.score-banner{grid-template-columns:1fr}.sumative-grid{grid-template-columns:1fr}}
@media(max-width:440px){.chapter-map{grid-template-columns:1fr}.fraction-input{grid-template-columns:1fr auto 1fr}}

/* Stage 6 — Rasio dan Perbandingan */
:root{--ratio:#9a4f20;--ratio2:#d5782f;--ratio-soft:#fff5e9}.hero-ratio{background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.14) 0 95px,transparent 97px),linear-gradient(135deg,#0d2c45,#8b461d)}.ratio-cta{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;border-radius:12px;background:var(--gold);color:#222;text-decoration:none;font-weight:900;margin-top:8px}.ratio-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.ratio-strip article{border:1px solid #e5c3a9;background:#fff8f0;border-radius:13px;padding:13px;text-align:center}.ratio-strip strong{display:block;color:var(--ratio);font-size:clamp(20px,3vw,30px)}.ratio-visual{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border:2px solid #d6a27b;border-radius:15px;background:#fff}.ratio-token{width:38px;height:38px;border-radius:50%;border:2px solid #173e5d;display:grid;place-items:center;font-weight:900}.ratio-token.a{background:#f4c43d}.ratio-token.b{background:#65b8ad}.ratio-lab{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:18px;align-items:start}.ratio-output{border:2px solid var(--ratio);border-radius:16px;padding:16px;background:#fff8f0}.ratio-big{font-size:clamp(30px,6vw,58px);font-weight:950;color:var(--ratio);text-align:center}.equiv-table{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.equiv-table div{padding:9px;border:1px solid #dfc4b0;border-radius:8px;text-align:center;background:#fff}.step.locked{opacity:.58}.step.locked textarea,.step.locked button{pointer-events:none}.step.completed{border-left-color:var(--green);background:#eef8f1}.step .hint{display:none;margin-top:8px;padding:9px;border-radius:8px;background:#fff8db;border:1px solid #efd67a}.step .hint.show{display:block}.mastery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.mastery-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}.mastery-card b{display:block;font-size:24px;color:var(--navy)}.micro-diag{border:2px solid #e2b48e;border-radius:14px;padding:15px;background:#fff8f0}.teacher-key{border:2px solid #7653a4;border-radius:14px;padding:15px;background:#f8f3fc}.question-block{border:1px solid var(--line);border-radius:12px;padding:13px;margin:12px 0}.question-block legend{font-weight:850;color:var(--navy)}.options-list{display:grid;gap:7px}.options-list label{display:flex;gap:8px;align-items:flex-start;padding:9px;border:1px solid #d5e0e7;border-radius:9px}.print-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.print-tools select{min-height:44px;border-radius:9px;padding:7px;border:1px solid #fff8;color:#111;background:#fff}.external-media{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.external-media article{border:1px solid var(--line);border-radius:14px;padding:14px}.external-media a{display:inline-flex;min-height:44px;align-items:center;padding:8px 12px;border-radius:9px;background:var(--navy);color:#fff;text-decoration:none;font-weight:800}.slide{background-image:radial-gradient(circle at 92% 12%,rgba(154,79,32,.10) 0 70px,transparent 72px),linear-gradient(145deg,#fffdfb,#f9eee4)}.slide:nth-child(4n+2){background-image:radial-gradient(circle at 8% 90%,rgba(47,125,84,.11) 0 82px,transparent 84px),linear-gradient(145deg,#effaf3,#dff2e7)}.slide:nth-child(4n+3){background-image:radial-gradient(circle at 90% 85%,rgba(244,196,61,.18) 0 80px,transparent 82px),linear-gradient(145deg,#fff9e7,#f7e6ad)}.slide:nth-child(4n){background-image:radial-gradient(circle at 8% 12%,rgba(29,100,146,.12) 0 75px,transparent 77px),linear-gradient(145deg,#edf7fd,#dcecf7)}.status-chip{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:850;background:#fff0e2;color:#854017}.field-help{font-size:13px;color:#526672}.privacy-box{padding:12px;border:1px solid #aad1b8;background:#eef8f1;border-radius:10px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.domain-plan{border:1px solid var(--line);border-radius:12px;padding:13px;margin:10px 0;background:#f8fbfd}.session-plan{display:grid;grid-template-columns:120px 1fr;gap:10px;border-bottom:1px solid #dbe4ea;padding:8px 0}.session-plan:last-child{border-bottom:0}.feedback[aria-live]{min-height:28px}
@media(max-width:820px){.ratio-lab{grid-template-columns:1fr}.ratio-strip{grid-template-columns:1fr 1fr}.external-media{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.mastery{grid-template-columns:1fr}}
@media(max-width:430px){.ratio-strip{grid-template-columns:1fr}.print-tools select{display:none}.session-plan{grid-template-columns:1fr}.ratio-token{width:32px;height:32px}}
@media print{body[data-print-scope]:not([data-print-scope="all"]) .panel{display:none!important}body[data-print-scope="modul"] #panel-modul,body[data-print-scope="lkpd"] #panel-lkpd,body[data-print-scope="bacaan"] #panel-bacaan,body[data-print-scope="slide"] #panel-slide,body[data-print-scope="soal"] #panel-soal,body[data-print-scope="asesmen"] #panel-asesmen,body[data-print-scope="rubrik"] #panel-rubrik{display:block!important}.external-media,.ratio-lab iframe{display:none!important}}

/* Stage 7 — five remaining Ratio modules */
.lab-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lab-result{border:2px solid #9a4f20;border-radius:16px;padding:16px;background:#fff8f0}.lab-result strong{font-size:clamp(22px,4vw,38px);color:#8b461d}.mini-chart{height:240px;border:1px solid #cad8e1;border-radius:12px;background:linear-gradient(#fff,#f7fbfd);position:relative;overflow:hidden}.mini-chart svg{width:100%;height:100%}.compound-bars{display:grid;gap:8px}.compound-row{display:flex;align-items:center;gap:8px}.compound-row span:first-child{width:28px;font-weight:900}.compound-bar{height:28px;border-radius:8px;background:linear-gradient(90deg,#f4c43d,#d5782f);min-width:20px}.compound-row:nth-child(2) .compound-bar{background:linear-gradient(90deg,#65b8ad,#1b7b72)}.compound-row:nth-child(3) .compound-bar{background:linear-gradient(90deg,#8fb4d2,#1d6492)}.scale-ruler{height:74px;border-bottom:4px solid #153f61;position:relative;margin:16px 0}.scale-ruler i{position:absolute;bottom:-10px;width:2px;height:22px;background:#153f61}.scale-ruler b{position:absolute;bottom:18px;transform:translateX(-50%);font-size:12px}.decision-list{display:grid;gap:9px}.decision-list article{padding:11px;border:1px solid #d6e1e8;border-radius:10px;background:#f8fbfd}.stage7-complete{background:linear-gradient(135deg,#0d2c45,#8b461d);color:#fff;padding:18px;border-radius:16px;margin:18px 0}.stage7-complete a{display:inline-flex;margin:5px;padding:10px 13px;border-radius:10px;background:#f4c43d;color:#18202a;text-decoration:none;font-weight:900}
@media(max-width:760px){.lab-grid{grid-template-columns:1fr}.mini-chart{height:210px}}
@media(max-width:430px){.lab-card,.lab-result{padding:11px}.mini-chart{height:180px}}
/* Prevent wide pedagogical tables from widening the page; they remain scrollable inside their wrappers. */
.shell,.panel{min-width:0;max-width:100%;overflow-x:clip}.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-wrap table{max-width:none}
@media(max-width:760px){.top{flex-wrap:wrap}.top nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}.top nav>a,.top nav>.print-tools{min-width:0;width:100%}.top nav>.print-tools{grid-column:1/-1}.top nav>.print-tools button{width:100%}}
html,body{max-width:100%;overflow-x:hidden}