*{box-sizing:border-box}body{margin:0;background:#f3f6f4;color:#21372e;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}main{max-width:1120px;margin:auto;padding:40px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:clamp(1.8rem,5vw,2.7rem);margin:0;letter-spacing:-.04em}h2{margin:0;font-size:1.25rem}p{margin:.6em 0}.eyebrow,.muted,footer{font-size:.85rem;color:#5c7166}button{background:#23674c;color:white;border:0;border-radius:10px;padding:13px 20px;font:inherit;cursor:pointer;white-space:nowrap}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #dc9022;outline-offset:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.card,.panel{background:white;border:1px solid #d9e5dd;border-radius:16px;padding:24px}.panel{margin:18px 0}.price{font-size:1.8rem;font-weight:700;margin:14px 0 0}.up{color:#20694a}.down{color:#a23630}.range{padding-top:15px;border-top:1px solid #e4eae6;margin-top:16px}.range-label{display:flex;justify-content:space-between;gap:8px;font-size:.85rem}meter{width:100%;height:18px;accent-color:#23674c}.error{color:#a23630}a{color:#23674c}footer{margin-top:30px}@media(max-width:760px){main{padding:24px 16px}.cards{grid-template-columns:1fr}header{align-items:flex-start;flex-wrap:wrap}.card{padding:22px}}
.ai-copy{border-top:1px solid #e4eae6;margin-top:18px;padding-top:18px}.ai-copy>button{width:100%;white-space:normal;min-height:44px}.copy-secondary{background:#edf4f0;color:#23674c;padding:9px 14px;border:1px solid #d9e5dd}.copy-manual{margin-top:12px}.copy-manual textarea{width:100%;max-height:40vh;resize:vertical;font:inherit;font-size:16px;line-height:1.5;padding:12px;border:1px solid #b5cbbc;border-radius:8px;background:#f8faf9;color:#21372e}.copy-manual button{min-height:44px}.copy-manual textarea:focus-visible{outline:3px solid #dc9022;outline-offset:2px}
.selection{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.selection button{flex:1;min-height:44px;background:#e5eee8;color:#23674c;border:1px solid #bbd0c2;padding:10px 12px}.selection button[aria-pressed=true]{background:#23674c;color:white;border-color:#23674c}.chart-panel .selection{max-width:440px;margin-top:0}.cards{grid-template-columns:minmax(0,1fr)}.card[hidden]{display:none}.price-chart{width:100%;min-width:0}.price-chart svg{display:block;max-width:100%;height:280px;touch-action:pan-y}.price-chart svg:focus-visible{outline:3px solid #dc9022;outline-offset:2px}.chart-grid{stroke:#e4eae6;stroke-width:1}.chart-axis{fill:#5c7166;font:11px system-ui,sans-serif}.chart-line{fill:none;stroke:#23674c;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-point,.chart-marker{fill:#23674c;stroke:white;stroke-width:2}.chart-detail{min-height:3.4em;font-size:.9rem}.chart-panel p,.card p,footer p{overflow-wrap:anywhere}@media(max-width:420px){.chart-panel{padding:18px 12px}.range-label{flex-wrap:wrap}}
.price-chart{--chart-height:280px}.price-chart svg{width:100%;height:var(--chart-height)}
@media(max-width:760px){.price-chart{--chart-height:230px}}
.chart-price-label{font-size:14px;fill:#3e584a;pointer-events:none;font-variant-numeric:tabular-nums}
/* Compact header and accessible help dialog. Desktop content keeps its existing scale. */
.brand{flex:1;min-width:0}.menu-toggle{width:44px;min-height:44px;padding:6px;font-size:1.4rem;background:#e5eee8;color:#23674c}#refresh{min-height:44px;padding:8px 14px}dialog{color:#21372e;background:#fff;border:1px solid #d9e5dd;border-radius:16px;width:min(560px,calc(100% - 24px));max-height:85dvh;padding:20px;overscroll-behavior:contain}dialog::backdrop{background:rgb(20 40 30 / .45)}body:has(dialog[open]){overflow:hidden}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:white;padding:8px 0;z-index:1}.menu-heading h2{font-size:1.1rem}dialog details{border-top:1px solid #d9e5dd;margin-top:12px;padding-top:8px}dialog summary{cursor:pointer;min-height:44px;display:list-item;padding:8px 0;font-weight:700}dialog li{margin:8px 0}dialog ul{padding-left:22px}dialog dl{display:grid;grid-template-columns:90px 1fr;gap:6px 12px}dialog dd{margin:0}dialog button{min-height:44px}summary:focus-visible{outline:3px solid #dc9022;outline-offset:2px}
@media(max-width:760px){
body{font-size:14px;line-height:1.55}main{padding:12px}header{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}header h1{font-size:clamp(1rem,4.8vw,1.4rem);letter-spacing:-.04em;white-space:nowrap}header .eyebrow,header .tagline{display:none}#refresh{padding:8px 12px;font-size:.875rem}.menu-toggle{flex:0 0 44px}.selection{margin:12px 0;gap:6px}.selection button{min-height:44px;padding:7px 10px;font-size:.9rem}.selection button:not([aria-pressed=true]){background:#e5f1e8;color:#23674c}.panel,.card{padding:14px;border-radius:12px}.panel{margin:12px 0}.cards{margin:12px 0;gap:12px}h2{font-size:1.05rem}.price{font-size:1.65rem;margin-top:6px}.card p,.chart-panel p{margin:.4em 0}.muted,footer,.eyebrow{font-size:.78rem}.range{padding-top:10px;margin-top:10px}.range-label{font-size:.8rem}.chart-panel .selection{margin-bottom:10px}.chart-detail{min-height:3.1em;font-size:.8rem}#chart-status,#status{font-size:.78rem}.ai-copy{padding-top:12px;margin-top:12px}.ai-copy>button{padding:9px 12px}footer{margin-top:18px}dialog{font-size:14px}
}

.range-reading{border-top:1px solid #e4eae6;margin-top:16px;padding-top:12px}.range-reading h3{font-size:1rem;margin:0}.range-reading p{max-width:76ch}