:root{--ink:#132e52;--muted:#546c89;--line:#d8e5f4;--blue:#075bea;--teal:#0b919d;--pale:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--pale)}a{color:#0757c9;text-underline-offset:3px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e6b828;outline-offset:3px}header{background:#fff;border-bottom:1px solid var(--line)}.nav,main,footer{max-width:1140px;margin:auto}.nav{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:21px;color:var(--ink)}.brand img{border-radius:50%;object-fit:cover}main{padding:28px 24px 48px}.hero{background:linear-gradient(115deg,#08274f,#075bc7);border-radius:22px;color:#fff;padding:40px;display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center;overflow:hidden}.eyebrow{color:#8df4ec;font-size:12px;font-weight:800;letter-spacing:1.5px}h1{font-size:clamp(32px,4vw,48px);line-height:1.17;margin:20px 0}h1 em{color:#68e5e5;font-style:normal}.hero p{font-size:18px;color:#e1f1ff}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.pills span{background:#ffffff18;border:1px solid #ffffff30;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600}.hero small{color:#cae2ff}.hero-art{text-align:center;font-size:14px;line-height:1.5;color:#a9fff8}.hero-art svg{display:block;width:190px;margin:auto}.jump{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px}.jump a{background:white;border:1px solid var(--line);padding:7px 13px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:650}.jump a:hover{border-color:var(--blue);color:var(--blue)}section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;margin:22px 0;scroll-margin-top:20px}.section-title{display:flex;align-items:center;gap:13px;margin-bottom:20px}.section-title>span{background:#e5f3ff;color:#075bce;border-radius:9px;padding:6px 10px;font-size:14px;font-weight:800;flex-shrink:0}h2{font-size:26px;line-height:1.3;margin:0}h3{font-size:18px;line-height:1.5;margin:12px 0}p{margin:12px 0}.two,.three{display:grid;gap:20px;margin:20px 0}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two>article,.three>article{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8fbff}.three p{font-size:14px}.callout{background:#eaf8f9;border-left:4px solid #0e9aa5;border-radius:8px;padding:18px 20px;margin:20px 0}.callout.amber{background:#fff7df;border-color:#e3ae18}.danger,.two>article.danger{background:#fff1f3;border-color:#f3b9c5}.callout.danger{border-left-color:#d34463}li{margin:9px 0}ul,ol{padding-left:23px}.ref{font-size:12px;font-weight:bold;margin-left:4px;white-space:nowrap}figure{margin:22px 0}figure img{width:100%;height:auto;border-radius:12px;display:block}figcaption{font-size:12px;color:var(--muted);margin-top:8px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:22px 0}table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}caption{text-align:left;font-weight:750;padding:14px;background:#f0f6ff}th{background:#103c6e;color:white;text-align:left;padding:14px}td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border:0}tr:nth-child(even){background:#f7faff}td:first-child{font-weight:750;width:20%}td:nth-child(2){width:32%}details{border:1px solid var(--line);border-radius:10px;padding:16px;margin:20px 0}summary{cursor:pointer;font-weight:700;color:#0754b8}.recap{background:#0d315b;color:#e5f2ff;padding:12px 22px;border-radius:12px}#quiz-status{background:#e8f7f1;display:inline-block;padding:4px 13px;border-radius:99px;color:#146a52;font-size:13px;font-weight:750}.q{padding:23px 0;border-top:1px solid var(--line)}.q h3{margin:0 0 18px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.options button{display:flex;align-items:center;gap:12px;background:#f7faff;color:var(--ink);border:1px solid #cbdcf1;border-radius:10px;padding:13px;text-align:left;font:inherit;font-size:14px;cursor:pointer;min-height:64px}.options button b{background:#e3edfc;color:#175dba;padding:4px 10px;border-radius:7px}.options button:hover{border-color:var(--blue)}.options button[aria-pressed=true]{outline:2px solid #c89b0b;outline-offset:0}.options button.correct{background:#dcf6e9;border-color:#179563}.options button.wrong{background:#fff0f2;border-color:#d05d73}.feedback{padding:16px;border-radius:10px;background:#eef7ff;margin-top:13px;font-size:14px}.button{display:inline-block;background:#075bea;color:white;border:0;border-radius:9px;padding:12px 16px;font:inherit;font-size:14px;font-weight:750;text-decoration:none;cursor:pointer}.answer-key{margin-top:25px}.references{font-size:13px}.references li{scroll-margin-top:20px;margin:14px 0}.references small{display:block;color:var(--muted)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:24px;font-size:13px;border-top:1px solid var(--line)}.skip{position:absolute;top:-100px;left:10px;z-index:3}.skip:focus{top:10px;background:white;padding:10px}@media(max-width:700px){body{font-size:15px}main{padding:16px 12px 30px}.nav{padding:13px 15px}.brand{font-size:16px}.brand img{width:34px;height:34px}.nav .button{font-size:12px;padding:10px}.hero{padding:25px;grid-template-columns:1fr}.hero-art{display:none}h1{font-size:34px}.hero p{font-size:16px}.eyebrow{font-size:10px}.two,.three{grid-template-columns:1fr;gap:12px}.two>article,.three>article{padding:16px}section{padding:20px 16px}.section-title{gap:10px}h2{font-size:22px}.options{grid-template-columns:1fr}.jump{gap:7px}.jump a{font-size:12px;padding:6px 10px}.callout{padding:15px}table{font-size:13px}.q{padding:20px 0}footer{padding:20px 16px}.references{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:#000;font-size:11pt}header,.jump,.skip,.hero-art,#reset,#quiz-status,.options{display:none}main{max-width:none;padding:0}.hero{display:block;background:white;color:black;border:1px solid #ccc}.hero p,.hero small,.eyebrow{color:#333}section{border:0;padding:10px 0;margin:12px 0}.two,.three{display:block}.table-wrap{overflow:visible}table{min-width:0}.q{break-inside:avoid}.answer-key{display:block}details.answer-key:not([open])>ol{display:block}figure{break-inside:avoid}}
