:root{--ink:#193b38;--teal:#11675c;--muted:#5a6e6a;--paper:#f5f6f1;--line:#d9e1d9;--gold:#f6df9d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.55}header,footer{max-width:1100px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}header{border-bottom:1px solid var(--line)}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.brand{text-decoration:none;font-weight:800;letter-spacing:3px;font-size:25px}.brand span{display:block;letter-spacing:0;font-size:13px;font-weight:500;color:var(--muted)}nav{display:flex;gap:24px;font-size:14px}main{max-width:920px;min-height:65vh;margin:0 auto;padding:48px 28px 64px}.narrow{max-width:680px;margin:auto}.intro{max-width:760px;margin-bottom:32px}h1{font-size:clamp(29px,4.6vw,48px);line-height:1.14;font-weight:650;letter-spacing:-1.5px;margin:12px 0 24px}h2{font-size:22px;line-height:1.3;margin:0 0 12px}.lead{font-size:22px;color:var(--muted);max-width:640px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--teal);margin-bottom:16px}.card{padding:30px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.study-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;font-size:14px}.study-meta span,.badge{background:#ecf2eb;border-radius:5px;padding:4px 9px}.badge{font-size:13px}.small,.hint{font-size:15px;color:var(--muted)}.demo-banner{padding:11px 18px;text-align:center;background:var(--gold);font-size:14px;font-weight:700}.notice{padding:16px 20px;background:#edf3e9;border-left:4px solid var(--teal);margin-bottom:24px}.notice.error,.errorlist{background:#fff0ed;color:#822c20}.errorlist{border-radius:6px;padding:12px 16px 12px 32px}button,.button,.secondary{font:inherit;display:inline-block;border:1px solid transparent;border-radius:7px;padding:13px 21px;cursor:pointer;text-decoration:none;font-weight:650}button,.button{color:white;background:var(--teal)}button:hover,.button:hover{background:#0a5148}.secondary{background:white;color:var(--teal);border-color:var(--teal)}.secondary:hover{background:#eff5f0;color:var(--teal)}button:disabled{opacity:.6;cursor:wait}.text-button{font-size:14px;background:none;color:var(--teal);padding:0;text-decoration:underline;font-weight:400}.text-button:hover{background:none}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{display:block;width:100%;padding:13px 12px;font:inherit;border:1px solid #9ead9f;border-radius:6px;color:var(--ink);background:#fff;margin-top:7px}input[type=checkbox],input[type=radio]{width:20px;height:20px;vertical-align:middle;accent-color:var(--teal);flex-shrink:0}label{font-weight:550}input[type=checkbox]+label{font-weight:400}.helptext{display:block;color:var(--muted);font-size:14px;margin-top:5px}.answer{margin:24px 0 32px}.answer div div{border:1px solid var(--line);border-radius:7px;margin:12px 0}.answer div div label{padding:16px;display:flex;gap:12px;align-items:center;font-weight:450}.answer input[type=radio]{margin:0}.check-row{display:flex;gap:12px;padding:12px 0;align-items:center;overflow-wrap:anywhere}progress{height:6px;width:100%;accent-color:var(--teal);display:block;border:none}.progress-label{font-size:13px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.answer-row{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.answer-row h2{font-size:15px;color:var(--muted);font-weight:500}.answer-row p{margin:4px 0;font-size:20px;overflow-wrap:anywhere}.answer-row a{font-size:14px}.answer-list{margin:24px 0 36px}.queue-card{background:white;padding:18px 24px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow-wrap:anywhere}section{margin-bottom:28px}.mono{font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:14px}dt{font-size:14px;color:var(--muted)}dd{margin:3px 0 18px}.prose h2{margin-top:30px}.prose p{max-width:72ch}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap}footer form{margin:0}.skip{position:absolute;left:16px;top:-100px;background:white;padding:8px;z-index:99}.skip:focus{top:10px}:focus-visible{outline:3px solid #df9300;outline-offset:3px}@media(max-width:600px){header,footer{padding:20px}header{align-items:flex-start}nav{flex-direction:column;gap:10px;text-align:right}main{padding:30px 18px 48px}.card{padding:22px 19px}h1{letter-spacing:-.7px}.study-meta{gap:8px}button,.button{width:100%;text-align:center}footer .text-button{width:auto}.progress-label span{max-width:140px;text-align:right}.answer-row{gap:14px}}
