:root{color-scheme:dark;--ink:#eff9ff;--muted:#b3cae8;--bg:#07132a;--panel:#0e2548;--line:#30577f;--cyan:#79ecf8;--lime:#b8f8d2;--gold:#ffe09d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% 3%,#173c78 0%,#07132a 43%,#050c1c);font:16px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}a{color:var(--cyan)}.skip{position:absolute;left:-500vw}.skip:focus{left:12px;top:12px;z-index:8;background:white;color:#09172c;padding:10px}.top{padding:11px max(18px,calc((100vw - 1220px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;background:#08162fd9}.logo img{width:138px;display:block}.top nav{display:flex;gap:17px;flex-wrap:wrap}.top nav a{font-size:13px;font-weight:750;color:#d5eaff;text-decoration:none}.container{max-width:1210px;width:calc(100% - 34px);margin:auto}.hero{padding:42px 0 28px;display:grid;grid-template-columns:1fr 160px;gap:15px;align-items:center}.hero h1{font-size:clamp(2rem,5vw,3.85rem);line-height:1.08;letter-spacing:-.05em;margin:10px 0 13px}.hero p{color:var(--muted);max-width:760px}.hero img{width:145px;height:170px;object-fit:contain;filter:drop-shadow(0 11px 30px #3deefd55)}.eyebrow{font-size:12px;letter-spacing:.15em;color:var(--cyan);font-weight:900}.track-picks{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.btn,.track-picks button,.skills button,.drillpick{border:1px solid #4b7eae;border-radius:12px;background:#153a65;color:white;padding:10px 15px;font-weight:800;min-height:44px}.track-picks button.active,.skills button.active,.drillpick.active,.btn.primary{background:#87e9f3;color:#09253e;border-color:#9feef8}.panel{border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(160deg,#102d56,#0c1d3b)}.notice{border-left:4px solid var(--gold);padding:12px 16px;background:#342f35;border-radius:9px;font-size:13px;color:#fff1cf}.targets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.target{border:1px solid #326b91;background:#112d50;padding:14px;border-radius:12px}.target b{display:block;font-size:22px;color:#9ff5ef}.target span{font-size:11px;color:#c4d8ee}.target:focus-within{border-color:var(--cyan)}.sectionlabel{font-size:13px;color:#a9e6f6;font-weight:900;letter-spacing:.07em}.skills{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 12px}.drills{display:flex;gap:8px;flex-wrap:wrap;padding:3px 0 16px}.drillpick{font-weight:650;font-size:13px;min-height:38px;padding:9px 12px}.workarea{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:18px;margin:18px 0 50px}.workarea h2{font-size:25px;margin:2px 0}.meta{font-size:12px;color:#8de7f2;font-weight:850}.passage{padding:16px 18px;background:#08192f;border-left:4px solid #49afc1;border-radius:10px;white-space:pre-wrap;line-height:1.72;margin:18px 0}.prompt{font-size:clamp(19px,2.2vw,23px);font-weight:760;line-height:1.5;margin:20px 0}.answers{display:grid;gap:9px;margin-bottom:13px}.answers button{width:100%;border:1px solid #426e96;border-radius:12px;background:#173a63;color:white;text-align:left;padding:13px 15px;font-size:15px;min-height:50px}.answers button.selected{border-color:#79f3e4;background:#194d5b}.answers button:disabled{opacity:.95}.answers button.correct{border-color:#72f1ba}.answers button.wrong{border-color:#ff9199}.writebox{width:100%;min-height:200px;resize:vertical;border-radius:14px;border:1px solid #4e7198;background:#071a35;color:white;padding:15px}.shortbox{min-height:52px;width:100%;max-width:380px;border-radius:10px;border:1px solid #5f8caf;background:#071a35;color:white;padding:12px}.audio{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0b3150;padding:15px;border-radius:12px;margin:14px 0}.audio p{font-size:12px;color:#c3ddeb;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.btn.secondary{background:transparent}.robo{display:flex;gap:12px;align-items:start}.robo img{width:82px;height:90px;object-fit:contain;flex-shrink:0}.robo h3{margin:0 0 4px;font-size:18px}.robo p,.aside p{font-size:14px;color:#c1d8ed;margin:4px 0 10px}.result{margin:18px 0;border:1px solid #45869a;border-radius:16px;background:#0d384b;padding:17px;line-height:1.66}.result strong{color:#acffdc}.result .robo{align-items:start;border-bottom:1px solid #416b80;padding-bottom:10px;margin-bottom:10px}.result .robo img{width:66px;height:76px}.detail{background:#10304a;border-radius:10px;padding:13px;margin-top:12px}.detail b{color:#d5fff0}.small{font-size:12px;color:#9fb7d3}.rubrics{padding-left:20px;margin:9px 0}.rubrics li{margin:5px 0}.aside{align-self:start}.aside h3{margin-top:0}.aside ul{padding-left:19px}.aside li{font-size:14px;margin:8px 0;color:#c1d8ed}.lesson-note{background:#0b1d38;border-radius:12px;padding:12px;margin-top:15px}.sitefoot{margin:40px auto 0;max-width:1210px;width:calc(100% - 34px);padding:20px 0 45px;border-top:1px solid var(--line);font-size:12px;color:#9cb7d3}.hidden{display:none!important}.status{color:#cff8ff;font-size:12px}.course-split{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:800px){.workarea{grid-template-columns:1fr}.targets{grid-template-columns:repeat(2,1fr)}.top{flex-wrap:wrap}.hero{grid-template-columns:1fr 88px}.hero img{width:85px;height:110px}.panel{padding:18px}}@media(max-width:500px){.container{width:calc(100% - 24px)}.target b{font-size:18px}.hero{grid-template-columns:1fr}.hero img{display:none}.top nav{gap:12px}.top nav a{font-size:11px}.skills button{flex:1}.drills{flex-direction:column}.drillpick{width:100%}}

.audio .btn:disabled{opacity:.58;cursor:not-allowed}.writebox:focus-visible,.shortbox:focus-visible{outline:3px solid var(--cyan)}

.table-scroll{overflow-x:auto;margin-top:10px}.data-table{border-collapse:collapse;width:100%;min-width:230px;text-align:left}.data-table td,.data-table th{padding:9px 12px;border-bottom:1px solid #346487}.data-table th{color:#9fe8f4;background:#16415e}
