:root{color-scheme:light;--navy:#102a3b;--gold:#a88849;--gray:#52636c;--line:#cbd5da}*{box-sizing:border-box}body{margin:0;background:#f8fafb;color:var(--navy);font:16px/1.65 Arial,sans-serif}header{background:white;border-bottom:1px solid var(--line);padding:18px max(5vw,16px);display:flex;align-items:center;justify-content:space-between;gap:16px}header img{width:min(260px,40vw);height:auto}header>div{display:flex;align-items:center;gap:20px}a{color:#234c66;text-underline-offset:4px}main{max-width:1180px;padding:48px 24px;margin:auto}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(34px,5vw,56px);max-width:860px}h2{font-size:clamp(26px,3vw,34px)}.lead{font-size:21px;max-width:840px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gray)}.notice{border-left:3px solid var(--gold);padding:12px 20px;background:#eef2f3}nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:25px 0}nav a{font-size:14px}form{background:var(--navy);color:white;padding:28px;border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}fieldset{min-width:0;border:1px solid #5f7380;padding:20px;display:grid;gap:15px}legend{color:#e4cc96;font-size:19px;padding:0 8px}label{display:grid;gap:6px;font-size:14px}input,textarea,select,button{font:inherit;color:var(--navy);border:1px solid #84959f;border-radius:4px;min-height:44px;padding:10px;max-width:100%;width:100%;background:#fff}textarea{font-family:monospace;resize:vertical}button{cursor:pointer;font-weight:bold;background:#d3b67d;border:0;width:auto}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ca980e;outline-offset:4px}.actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px}#status{min-height:30px}#headline{padding:0 0 20px;font-size:20px}section{border-top:1px solid var(--line);padding:28px 0;scroll-margin-top:24px}section>label{max-width:320px}.equation{padding:18px;background:#eaf0f3;font-family:monospace;overflow-wrap:anywhere;font-size:14px}figure{margin:24px 0;background:white;border:1px solid var(--line);padding:12px;border-radius:6px}figure:empty{display:none}figcaption{font-weight:bold;padding:8px}svg{display:block;width:100%;height:auto}svg text{font-family:Arial,sans-serif;fill:#213e50;font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:15px;font-size:13px;padding:8px}.table-wrap{max-width:100%;overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;min-width:420px;font-size:14px}th,td{padding:10px 12px;border-bottom:1px solid #dbe2e6;text-align:right;white-space:nowrap}th{background:#e9eef1}td:first-child,th:first-child{text-align:left}.source{font-size:13px;color:var(--gray)}footer{padding:30px;text-align:center;background:var(--navy);color:white}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{display:block;padding:15px}code{overflow-wrap:anywhere}@media(max-width:640px){header{padding:15px}header>div{gap:10px}header img{width:145px}main{padding:28px 16px}form{grid-template-columns:1fr;padding:16px;gap:16px}fieldset{padding:14px}header a{font-size:13px}header select{padding:6px;width:92px}nav{gap:12px;font-size:13px}figure{padding:4px}figure svg text{font-size:12px}svg text{font-size:14px}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Standard results: value, unit and method share one output contract. */
[hidden]{display:none!important}#headline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:24px 0}#headline dl{min-width:0;margin:0;padding:20px;border-top:3px solid var(--gold);background:#edf2f5}#headline dt{font-size:14px;line-height:1.5;color:#40596a}#headline dd{margin:10px 0;font-size:clamp(22px,2.4vw,28px);font-weight:bold;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#headline p{font-size:13px;line-height:1.5;margin:0;color:#40596a}#results th:last-child,#results td:last-child,#curves-table th:last-child,#curves-table td:last-child,#mc-summary th:last-child,#mc-summary td:last-child,#tarn-summary th:last-child,#tarn-summary td:last-child,#diagnostics-table th:last-child,#diagnostics-table td:last-child{white-space:normal;min-width:230px;text-align:left}td{font-variant-numeric:tabular-nums}#result-context{font-size:14px;color:var(--gray)}@media(max-width:760px){#headline{grid-template-columns:1fr;gap:12px}#headline dl{padding:16px}#headline dd{font-size:26px}}

/* Narrow viewport: keep the language controls within the header. */
@media(max-width:360px){header{flex-wrap:wrap}header>div{margin-left:auto;max-width:100%}}

/* Keyboard-accessible chart actions, independent of the canvas. */
.rates-chart-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 8px}.rates-chart-controls button{font-size:14px;min-height:44px}.rates-chart-controls [role=status]{font-size:13px;color:#40596a}