:root{--ink:#182b2b;--muted:#586b68;--paper:#f8f7f1;--line:#d6ddd5;--accent:#176d61;--wash:#e5eee7;font:16px/1.65 system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#102f2b}header,main,footer{max-width:1240px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:95px;border-bottom:1px solid var(--line)}.mark{font:600 14px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}nav{display:flex;gap:24px;font-size:13px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:66px 0 56px}.eyebrow{font:12px ui-monospace,monospace;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}h1{font:normal clamp(42px,5.2vw,68px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:22px 0}h2{font:normal 34px/1.2 Georgia,serif;letter-spacing:-.025em;margin:0 0 20px}h3{font-size:18px;line-height:1.4;margin:0 0 12px}.lead{font-size:19px;color:var(--muted);max-width:650px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.button,button{display:inline-block;background:var(--accent);color:white;border:1px solid var(--accent);padding:12px 20px;text-decoration:none;border-radius:3px;font:600 14px system-ui;cursor:pointer}.button.secondary{background:transparent;color:var(--accent)}.button:hover,button:hover{background:#284d46;color:white}.visual{padding:30px;background:var(--wash);border:1px solid var(--line);border-radius:5px}.visual svg{width:100%;height:auto;display:block}.caption{font-size:12px;color:var(--muted);margin:18px 0 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:52px}.fact{padding:20px 18px;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.fact:last-child{border:0}.fact strong{display:block;font:32px Georgia,serif;color:var(--ink);margin-bottom:5px}.section{display:grid;grid-template-columns:220px 1fr;gap:42px;border-top:1px solid var(--line);padding:44px 0}.section>aside{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}p{margin:0 0 18px}.paper-title{font-family:Georgia,serif;font-size:23px}.note{padding:16px 20px;border-left:3px solid var(--accent);background:var(--wash);font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel{border:1px solid var(--line);padding:24px;background:#fffdfa;border-radius:4px}.toolbar{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}label{font-size:13px;color:var(--muted)}select,input,textarea{font:14px ui-monospace,monospace;padding:10px;border:1px solid #aabbb0;border-radius:3px;background:white;color:var(--ink)}select{display:block;margin-top:6px;max-width:100%}textarea{display:block;width:100%;min-height:180px;margin:10px 0;resize:vertical}pre{padding:18px;background:#eef1e9;white-space:pre-wrap;word-break:break-word;max-height:350px;overflow:auto;font:12px/1.55 ui-monospace,monospace}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:10px 9px;text-align:left;border-bottom:1px solid var(--line)}th{font-weight:600;color:var(--muted)}.scroll{overflow:auto}.mono{font-family:ui-monospace,monospace}.metric{font:42px Georgia,serif;color:var(--accent)}.small{font-size:13px;color:var(--muted)}#effectPlot svg,#contrastPlot svg{width:100%;height:auto}footer{padding:30px 36px 48px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}[role=status]{white-space:pre-wrap}.good{color:var(--accent)}.error{color:#a4372a}code{font:13px ui-monospace,monospace}details{padding:12px 0}summary{cursor:pointer}input[type=range]{width:180px;vertical-align:middle}@media(max-width:850px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:18px;padding-bottom:18px}.hero{grid-template-columns:1fr;gap:24px;padding-top:38px}.section{grid-template-columns:1fr;gap:15px}.grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}nav{gap:16px}.visual{padding:20px}h1{font-size:48px}}