.hero h1{font-size:clamp(50px,7.4vw,96px)}.tag{display:inline-block;font-size:13px;padding:4px 12px;border:1px solid var(--line);border-radius:20px;margin-left:20px;color:var(--blue)}.byline{font-size:14px;margin-top:30px}.verdict{background:#17273e;color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.verdict .eyebrow{color:#b8cbe5}.verdict h2{margin:25px 0}.verdict p{color:#d2dceb}.verdict h3{font-size:23px}.decision-label{display:inline-block;color:#ffc4ab;border:1px solid #a17c6b;padding:6px 12px;font-size:13px}.design-grid,.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.design-grid article{border-top:2px solid var(--blue);padding-top:20px}.design-grid span{font-size:12px;color:var(--blue);font-weight:600}.design-grid h3{font-size:23px}.table-wrap{overflow:auto;margin-top:30px}table{border-collapse:collapse;width:100%;text-align:left}caption{font-size:14px;color:var(--muted);text-align:left;padding:15px 0}th,td{padding:16px;border-bottom:1px solid var(--line)}th{background:#e6eaf0;font-size:14px}.presets{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.presets button{font:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:12px 18px}.presets button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.inputs{padding:28px;background:var(--surface);border:1px solid var(--line)}label{display:block;font-size:16px;font-weight:600}output{float:right;color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);height:36px;cursor:pointer}.ends{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:30px}.inputs .note{margin-bottom:0}.live-result{padding:30px;background:#f2e4d9;border-left:4px solid #a55018;display:flex;flex-direction:column;justify-content:center}.live-result h3{font-size:30px;line-height:1.2;margin:15px 0}.live-result p{color:#603b24}.live-result.candidate{background:#e4eee7;border-color:#2c6841}.live-result.candidate p{color:#2f563c}.live-result.uncertain{background:#e8ecf4;border-color:#5876a4}.live-result.uncertain p{color:#354963}.scorecards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.scorecards article{border-top:1px solid var(--line);padding:20px 0}.scorecards span{font-size:14px;color:var(--muted)}.scorecards strong{display:block;font-size:30px;line-height:1.3;color:var(--blue);margin:10px 0}.scorecards small{font-size:13px;color:var(--muted)}.interval-panel{background:var(--surface);padding:28px;border:1px solid var(--line);margin-top:20px}.interval-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.interval-heading h3{margin:0}.interval-heading span{font-size:13px;color:var(--muted)}#interval-chart svg{display:block;width:100%;height:auto;min-height:130px}#interval-text{margin-top:0}.lesson{background:#e6ebf3}.lesson h2{margin:25px 0 40px}.lesson-grid h3{font-size:21px}.next-steps article{display:flex;gap:30px;border-top:1px solid var(--line);padding:25px 0}.next-steps article>span{color:var(--blue);font-size:24px}.next-steps h3{margin:0;font-size:24px}.next-steps p{max-width:850px}details{margin-top:18px}summary{cursor:pointer}.detail-body{overflow-wrap:anywhere}.downloads{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.downloads a{padding:12px 18px;border:1px solid var(--line);background:var(--surface);color:var(--blue)}.sources{font-size:14px}.sources a{text-decoration:underline}footer h2{margin:25px 0}footer .footer-bottom a{font-size:14px}input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:800px){.verdict,.lab-grid{grid-template-columns:1fr;gap:25px}.design-grid,.lesson-grid{grid-template-columns:1fr;gap:18px}.scorecards{grid-template-columns:1fr 1fr}.tag{display:table;margin:12px 0 0}.interval-heading{display:block}.interval-heading span{display:block;margin-top:10px}.hero h1{font-size:clamp(42px,9vw,68px)}}@media(max-width:500px){.presets button{font-size:14px;flex:1;padding:10px}.inputs,.interval-panel,.live-result{padding:20px}.scorecards{gap:15px}.scorecards strong{font-size:26px}.next-steps article{gap:15px}th,td{padding:12px}.hero .text-link{margin-left:0}.hero-bottom h2{font-size:25px}}
