:root{--navy:#17334b;--teal:#007b83;--blue:#235dc0;--gold:#f0b43d;--orange:#ef6832;--red:#a33228;--green:#17613f;--line:#cbd8df;--muted:#536777;--paper:#fff;--wash:#f3f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--navy);font:17px/1.6 system-ui,"Segoe UI",sans-serif}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.08;letter-spacing:-.025em;margin:.25rem 0 1rem}h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.18;margin:.35rem 0 1rem}h3{font-size:1.18rem;line-height:1.35;margin:0 0 .5rem}p{margin:.65rem 0 1rem}button,input,select{font:inherit}button,.button{cursor:pointer;background:var(--blue);border:2px solid var(--blue);color:#fff;border-radius:8px;padding:10px 17px;min-height:46px;font-weight:700}button.secondary{background:#fff;color:var(--navy);border-color:#9eb3c0}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid #c4580c;outline-offset:3px}input[type=text],input[type=date],select{width:100%;min-height:46px;padding:10px;border:2px solid #96b1bf;border-radius:7px;background:#fff;color:var(--navy)}input[type=checkbox],input[type=radio]{width:22px;height:22px;flex:0 0 auto;accent-color:var(--blue)}header{background:var(--navy);color:#fff;padding:16px max(20px,calc((100vw - 1100px)/2))}.brand{font-size:14px;letter-spacing:.16em;font-weight:900}.topbar{position:sticky;top:0;z-index:8;background:#fff;border-bottom:1px solid var(--line);padding:10px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px}.topbar span{display:block}.storage{padding:7px max(20px,calc((100vw - 1100px)/2));font-size:14px;background:#e5f1f3}main{max-width:1100px;margin:auto;padding:22px 24px 80px}.kicker{color:var(--teal);font-size:14px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.identity,.lesson,#results{background:#fff;border-radius:14px;padding:30px;border-top:5px solid var(--teal)}.duo,.cards2,.cards3{display:grid;gap:18px}.duo,.cards2{grid-template-columns:repeat(2,1fr)}.cards3{grid-template-columns:repeat(3,1fr)}.duo>*,.card{padding:18px;background:#f0f8fa;border-top:3px solid var(--teal)}.apbox{background:#eef4fb;border-left:5px solid var(--blue);padding:18px 22px;margin:22px 0}.lookfor{background:#fff7e6;border-left:5px solid var(--gold);padding:18px 22px;margin:22px 0}.lookgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lookgrid div{background:#fff;padding:12px;border:1px solid #ead69f}.notebook{background:#fff9ed;border-left:5px solid var(--gold);padding:18px 22px;margin:22px 0}.notebook label,.checkline{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.chain{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:22px 0}.chain span{background:#eaf6f6;padding:14px 18px;border-radius:8px;font-weight:800}.chain b{color:var(--orange);font-size:1.5rem}.activity{margin:28px 0;padding:24px;background:#f4f8fc;border:1px solid #c5d8e4;border-radius:10px}.activity .eyebrow{font-size:13px;font-weight:900;color:#805300;letter-spacing:.06em}.activity fieldset{border:0;padding:0;margin:0}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.answers label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:13px;border-radius:8px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.feedback{font-weight:650;white-space:pre-wrap}.feedback:empty{display:none}.good{color:var(--green)}.bad{color:var(--red)}.scoreline,.small,.source{font-size:14px;color:var(--muted)}.matchrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin:10px 0}.tokens,.zones,.slots{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.token{background:#fff;color:var(--navy);border-color:#789baa;text-align:left}.token[aria-pressed=true]{background:#ffe1a0;border-color:#926600}.token small{display:block;color:var(--muted);font-size:13px}.zone,.slot{background:#fff;color:var(--teal);border:2px dashed #679ba1;flex:1 1 170px}.hotmap{position:relative;max-width:760px;margin:18px auto}.hotmap svg,.map{display:block;width:100%;height:auto;border:2px solid var(--navy);border-radius:12px;background:#edf3e8}.hotmap button{position:absolute;width:44px;height:44px;border-radius:50%;padding:0;background:var(--orange);border:3px solid #fff;box-shadow:0 0 0 2px var(--navy)}.hotmap button[aria-pressed=true]{background:var(--blue)}.maptitle{font-weight:900;fill:var(--navy)}.legend{fill:#fffdf6;stroke:#536777}.data-table{width:100%;border-collapse:collapse;margin:18px 0}.data-table th,.data-table td{padding:12px;border:1px solid var(--line);text-align:left}.data-table th{background:#eaf3f5}.bar{height:28px;background:#dce7ed;border-radius:4px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;background:var(--teal)}nav{display:flex;gap:12px;align-items:center;margin:18px 0}nav select{flex:1}.endnav{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.summary{background:#eaf6f6;border:2px solid var(--teal);padding:20px;border-radius:10px;margin:25px 0}.taskverb{font-size:1.3rem;font-weight:900;color:var(--orange)}.tools{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}dialog{max-width:520px;padding:25px;border:2px solid var(--line);border-radius:12px}dialog::backdrop{background:#17334b88}[hidden]{display:none!important}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:8px;background:#fff;padding:10px;z-index:20}footer{text-align:center;color:var(--muted);font-size:14px;padding:24px}.satpair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sat{aspect-ratio:16/9;border-radius:10px;border:2px solid var(--navy);background-size:cover;background-position:center;position:relative;overflow:hidden}.sat b{position:absolute;left:10px;top:10px;background:#fff;padding:5px 9px}.sat.before{background-image:linear-gradient(28deg,#274e32 0 28%,#376b3f 28% 51%,#254f35 51% 72%,#447a49 72%);}.sat.after{background-image:linear-gradient(28deg,#315b38 0 23%,#9a774c 23% 38%,#426f40 38% 50%,#c3ad7b 50% 69%,#315b38 69%)}
@media(max-width:760px){main{padding:14px}.identity,.lesson,#results{padding:22px 16px}.duo,.cards2,.cards3,.answers,.lookgrid,.satpair{grid-template-columns:1fr}.matchrow{grid-template-columns:1fr}.topbar{position:static}nav{flex-wrap:wrap}nav select{flex-basis:100%}}@media print{body>*{display:none!important}body:after{content:'Use Save Results as PDF to create the results-only report.';display:block;padding:30px}}

.table-scroll{overflow:auto}figure{margin:0;min-width:0}figcaption{text-align:center;font-weight:700;padding:8px}.lesson svg{max-height:510px}.teaching>p{max-width:900px}.hotmap{max-width:900px}.map-spot{transform:translate(-50%,-50%);width:44px!important;height:44px!important;font-size:18px;line-height:1;min-height:44px}.map-spot[aria-pressed=true]{background:#235dc0!important;box-shadow:0 0 0 4px #f0b43d!important}.map-spot:disabled{opacity:1}.activity-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.activity-nav span{font-size:15px}.activity .directions{padding-left:24px}.tokens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.token{min-width:0;padding:12px}.token svg{width:100%;height:auto}.token>span{display:block}.token[aria-pressed=true]{outline:3px solid #f0b43d}.activity fieldset:disabled{opacity:.88}.answer-body .answers label{cursor:pointer}.feedback{padding:12px 0}.apbox summary{font-weight:700;cursor:pointer}details.small{padding:16px}.button{display:inline-block}h2:focus,h3:focus{outline-offset:6px}.brand{letter-spacing:.1em}.teaching .map{margin:18px 0}.activity .map{margin-bottom:18px}.activity-nav button{font-size:16px}#sectionWrap{margin-top:26px}#lessonArea nav{position:relative}#identity{margin-bottom:20px}nav select{min-width:0}input[type=file]{max-width:100%}
@media(max-width:760px){.tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.activity{padding:18px 14px}.lookgrid{grid-template-columns:repeat(2,1fr)}.hotmap .map-spot{width:36px!important;height:36px!important;min-height:36px;font-size:16px}.activity-nav{flex-wrap:wrap}.map{min-width:0}.map text{paint-order:stroke;stroke-width:0}.data-table th,.data-table td{padding:9px}nav button{font-size:14px}.tools{flex-direction:column;align-items:stretch}}
.mapscroll{overflow-x:auto;margin:16px 0;max-width:100%}.mapscroll>svg{margin:0!important}.mapscroll .hotmap{margin:0}.mapscroll .hotmap svg{margin:0}h2,h3{scroll-margin-top:100px}
@media(max-width:760px){.mapscroll>svg,.mapscroll>.hotmap{min-width:760px}.mapscroll:before{content:'Scroll across the map to read every label →';display:block;position:sticky;left:0;padding:5px 0;font-size:14px;color:#536777}.lesson svg{max-height:none}.hotmap .map-spot{width:44px!important;height:44px!important;min-height:44px}}
@media(max-width:430px){.tokens{grid-template-columns:1fr}.activity .cards3{grid-template-columns:1fr}.hotmap{overflow:visible}.hotmap svg{min-height:0}}