:root{color-scheme:light;--ink:#16313b;--muted:#52666e;--paper:#f5f3ed;--panel:#fffef9;--line:#d6dedb;--teal:#087f79;--amber:#a45414;--red:#af3a41;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font:16px/1.65 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}a{color:var(--teal);text-underline-offset:4px}button,select,input{font:inherit}button,select,.button{border:1px solid var(--ink);border-radius:5px;padding:.55rem .85rem;background:var(--panel);color:var(--ink)}button,.button{cursor:pointer}button:hover,.button:hover{background:#e8efea}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c46b21;outline-offset:4px}header{border-bottom:1px solid var(--line);background:var(--panel)}.top{max-width:1180px;margin:auto;display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem;flex-wrap:wrap}.brand{font-weight:750;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:.7rem}.brand img{border-radius:7px;image-rendering:pixelated}.top nav{margin-left:auto;display:flex;gap:1.1rem;flex-wrap:wrap}.top nav a[aria-current=page]{color:var(--ink);font-weight:750}main{max-width:1180px;margin:auto;padding:3.5rem 2rem}.eyebrow{font:700 .77rem var(--mono);letter-spacing:.12em;color:var(--amber);text-transform:uppercase}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:end;margin-bottom:2.5rem}h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.08;letter-spacing:-.045em;margin:.7rem 0 1.4rem;font-weight:750}h2{font-size:1.6rem;line-height:1.25;margin-top:0}h3{line-height:1.3}.lede{font-size:1.1rem;max-width:700px;color:var(--muted)}.note{border-left:3px solid var(--amber);padding:1rem 1.3rem;background:#efe9db}.hero .note{font-size:.93rem}.meta{font: .8rem/1.7 var(--mono);color:var(--muted)}.toolbar{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;padding:1.2rem 0;border-top:1px solid var(--line)}.toolbar label{display:flex;align-items:center;gap:.7rem}.tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tabs button[aria-pressed=true]{color:white;background:var(--ink)}.workspace{padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.metric{border-top:3px solid var(--teal);padding:1rem;background:#f0f4ef}.metric strong{display:block;font:700 1.9rem var(--mono)}.metric span{font-size:.86rem;color:var(--muted)}.scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:.9rem;white-space:nowrap}th,td{padding:.7rem;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{font-weight:650;background:#f1f3ec}.chart{width:100%;height:auto;display:block;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#dce2db 40px);margin:1.5rem 0}.chart text{font:12px var(--mono);fill:var(--muted)}.legend{display:flex;gap:1.2rem;font-size:.85rem;flex-wrap:wrap}.dot{display:inline-block;width:10px;height:10px;background:var(--teal);margin-right:6px}.dot.amber{background:var(--amber)}.timeline{margin:1.5rem 0}.timeline-row{display:grid;grid-template-columns:160px 1fr;gap:1rem;align-items:center;margin:1.2rem 0}.track{height:36px;background:#edf0e9;position:relative}.workbar{height:18px;position:absolute;top:15px;background:var(--teal);border-radius:2px}.marker{position:absolute;top:0;height:36px;width:2px;background:var(--red)}.cancel{background:var(--amber)}.bar-row{display:grid;grid-template-columns:150px 1fr 70px;gap:1rem;align-items:center;margin:1rem 0}.bar{background:var(--teal);min-width:1px;height:28px}.reading{max-width:800px;margin:auto}.reading h2{margin-top:2.7rem;border-top:1px solid var(--line);padding-top:1.5rem}.reading p,.reading li{color:#304b54}pre{padding:1.3rem;background:#17313c;color:#f7f0df;border-radius:5px;overflow:auto;line-height:1.6;font-size:.85rem}code{font-family:var(--mono);font-size:.9em}details{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}summary{cursor:pointer;font-weight:650}.status{padding:.7rem 0;font-size:.9rem;color:var(--muted)}.error{color:var(--red);background:#ffebeb;padding:1rem}footer{max-width:1180px;margin:2rem auto;padding:2rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.5rem}.card{padding:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:5px}.card h3{margin-top:0}.button{display:inline-block;text-decoration:none}small{font-size:.8rem}.trace{max-height:420px;overflow:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:680px){.top{padding:1rem}.top nav{gap:.8rem;font-size:.87rem}main{padding:2rem 1rem}.hero{grid-template-columns:1fr;gap:1rem}.workspace{padding:1rem}.metrics{gap:.5rem}.metric{padding:.65rem}.metric strong{font-size:1.3rem}.metric span{font-size:.75rem}.timeline-row{grid-template-columns:100px 1fr;font-size:.8rem;gap:.5rem}.bar-row{grid-template-columns:90px 1fr 52px;font-size:.8rem;gap:.4rem}.cards{grid-template-columns:1fr}h1{font-size:2.55rem}.toolbar label{width:100%;justify-content:space-between}.toolbar select{max-width:70%}}

#resource-search{display:block;width:100%;max-width:100%;padding:.7rem;margin-top:.5rem;border:1px solid var(--ink);background:var(--panel);border-radius:5px}.learning-unit{border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2rem;scroll-margin-top:1rem}.resource{border-bottom:1px solid var(--line);padding:.8rem 0}.resource h3{font-size:1rem}.resource p{margin:.3rem 0}.reading,.workspace,.hero>*,.card{min-width:0}.reading a{overflow-wrap:anywhere}input:focus-visible{outline:3px solid #c46b21;outline-offset:4px}
