@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
:root{--navy:#0F2D4A;--peach:#F5B39B;--terracotta:#A34F3D;--ivory:#FFFAF6;--sage:#7D8E83;--line:#E8D7CC;--muted:#546474;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--ivory);font:16px/1.58 var(--sans)}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:50;background:white}.course-nav{background:#fff;border-bottom:1px solid var(--line)}.nav-inner{max-width:1180px;padding:13px 26px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{text-decoration:none;font:29px var(--serif)}.wordmark b{color:var(--terracotta)}.back{text-decoration:none;font-size:13px;font-weight:700;color:var(--terracotta)}.hero{max-width:1180px;margin:auto;padding:28px 26px 18px}.eyebrow{text-transform:uppercase;color:var(--terracotta);letter-spacing:.16em;font-size:11px;font-weight:800}.hero h1{font:clamp(42px,5vw,68px)/1.03 var(--serif);letter-spacing:-.03em;margin:12px 0 12px}.hero p{max-width:860px;color:var(--muted);margin:0 0 11px}.notice{display:inline-block;font-size:12px;border:1px solid #E9D1C4;background:#FCEDE5;border-radius:20px;padding:4px 11px}.course-shell{max-width:1180px;margin:12px auto 45px;padding:0 26px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 14px}.progress-meta{font-size:13px;font-weight:800}.progress-track{height:8px;background:#ECDDD6;border-radius:99px;flex:1;min-width:170px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--terracotta);transition:width .35s}.course-layout{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(300px,.74fr);gap:22px;align-items:start}.simulation{min-height:505px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 16px 34px #0F2D4A13;overflow:hidden}.browserbar{height:39px;background:var(--navy);display:flex;align-items:center;gap:6px;padding:0 15px;color:#fff;font-size:11px;letter-spacing:.05em}.dot{width:7px;height:7px;border-radius:50%;background:var(--peach)}.browserbar .host{margin-left:auto;opacity:.83}.appframe{display:grid;grid-template-columns:138px 1fr;min-height:460px}.app-sidebar{background:#F0E9E2;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:6px}.app-logo{font-weight:800;color:var(--navy);font-size:13px;padding:3px 7px 14px;border-bottom:1px solid #DFCCC2;margin-bottom:8px}.navitem{padding:9px 10px;border-radius:8px;font-size:12px;color:#506171}.navitem.active{background:#F6D8C7;color:var(--navy);font-weight:800}.app-content{padding:19px 23px 22px;min-width:0}.app-kicker{font:800 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--terracotta)}.app-title{font:31px/1.1 var(--serif);margin:4px 0 14px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px}.stat{background:#FBF5EF;border:1px solid #EDDDD2;border-radius:9px;padding:10px}.stat span{display:block;color:#6F6B6B;font-size:10px}.stat b{font-size:20px}.fake-table{width:100%;border-collapse:collapse;font-size:11px}.fake-table th{text-align:left;color:#536373;background:#F5ECE6;padding:9px}.fake-table td{padding:10px 8px;border-bottom:1px solid #EEE3DC}.fake-table tr:nth-child(even){background:#FDF9F5}.fake-chip{background:#DDE9E2;color:#446355;padding:3px 6px;border-radius:99px;font-size:10px}.fake-chip.alert{background:#FCE0D5;color:#8B4333}.fake-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{background:#FCF8F3;border:1px solid #DFCFC7;border-radius:9px;padding:11px}.field small{display:block;font-size:10px;color:#65727C}.field b{font-size:12px}.ui-callout{background:#FCE9DD;border:1px solid #E5BFAF;padding:11px 13px;border-radius:10px;font-size:12px;margin-top:15px}.ui-callout:before{content:'●';color:var(--terracotta);margin-right:7px}.ui-pillrow{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.ui-pill{font:700 11px var(--sans);background:#EDF0E9;padding:5px 8px;border-radius:30px}.app-footer{padding-top:18px;font-size:10px;color:#697B82}.task-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 16px 34px #0F2D4A0D;min-height:505px;display:flex;flex-direction:column}.task-num{color:var(--terracotta);font-weight:800;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.task-panel h2{font:35px/1.09 var(--serif);margin:10px 0 10px}.task-desc{font-size:14px;color:var(--muted);margin:0 0 16px}.objective{border-left:3px solid var(--terracotta);padding:9px 12px;background:#F8EEE7;font-size:12px;margin-bottom:18px}.choice{width:100%;text-align:left;border:1px solid #DCCEC5;background:#FFF9F4;padding:12px 13px;border-radius:10px;cursor:pointer;margin:0 0 9px;color:var(--navy);font-size:13px;line-height:1.4}.choice:hover{background:#FCE8DD;border-color:#D69A85}.choice:disabled{cursor:default;opacity:.68}.choice.selected{border-color:var(--terracotta);background:#FCE5D8;opacity:1}.choice.good{border-left:5px solid #577564}.choice.bad{border-left:5px solid #AE6554}.check-row{display:flex;align-items:flex-start;gap:10px;background:#FFF8F2;padding:11px;margin-bottom:8px;border:1px solid var(--line);border-radius:9px;font-size:13px;cursor:pointer}.check-row input{accent-color:var(--terracotta);margin-top:4px;flex:0 0 auto}.hotspot-wrap{margin-top:9px}.hotspot{border:1px dashed var(--terracotta);background:#FCE0D2;color:#813B2C;font-size:12px;padding:12px 10px;border-radius:10px;cursor:pointer;text-align:left;width:100%;margin-bottom:8px}.hotspot:hover,.hotspot:focus-visible{background:#F6CBB7}.feedback{border-radius:9px;padding:12px 13px;font-size:13px;margin:12px 0 8px;background:#EDF3ED;border:1px solid #BFD0C3}.feedback.bad{background:#FFF0EA;border-color:#E6C0B4}.actions{display:flex;align-items:center;gap:9px;justify-content:space-between;margin-top:auto;padding-top:14px}.next,.restart{border:none;background:var(--terracotta);color:#fff;font-weight:800;padding:11px 18px;border-radius:9px;cursor:pointer}.next:disabled{background:#D4C3B8;cursor:default}.outline{background:transparent;border:1px solid #C4B0A7;border-radius:9px;color:var(--navy);padding:10px 14px;cursor:pointer}.completion{background:#0F2D4A;color:#fff;padding:30px;border-radius:17px;grid-column:1/-1}.completion h2{font:52px var(--serif);margin:10px 0}.completion p{max-width:720px}.recap{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.recap article{background:#1D4561;border:1px solid #537184;border-radius:12px;padding:16px}.recap b{font-size:25px;color:var(--peach)}.recap span{display:block;font-size:12px}.completions .restart{background:var(--peach);color:var(--navy)}.footnote{text-align:center;font-size:12px;color:#6C7C86;padding:10px 15px 35px}.nojs{padding:30px;text-align:center}.visually-hidden{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:810px){.course-layout{grid-template-columns:1fr}.simulation,.task-panel{min-height:auto}.task-panel{padding:23px}.appframe{grid-template-columns:118px 1fr}.hero h1{font-size:46px}.recap{grid-template-columns:1fr 1fr}}
@media(max-width:490px){.nav-inner{padding:11px 16px}.wordmark{font-size:24px}.hero{padding:25px 17px 10px}.hero h1{font-size:40px}.course-shell{padding:0 14px}.appframe{grid-template-columns:95px 1fr}.app-sidebar{padding:12px 6px}.navitem{padding:8px 5px;font-size:10px}.app-content{padding:12px}.app-title{font-size:25px}.stat-grid{gap:4px}.stat{padding:7px}.stat b{font-size:16px}.fake-form{grid-template-columns:1fr}.fake-table td,.fake-table th{padding:6px 4px;font-size:9px}.recap{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}