@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#142e2c;--ink-soft:#48635f;--cream:#f6f4ee;--card:#fffefa;--line:#e3e4dd;--teal:#087365;--mint:#d7e8de;--gold:#d9b87b;--muted:#798984}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}.app-shell{display:flex;min-height:100vh}.rail{width:82px;flex:none;background:var(--ink);color:#eff4e9;display:flex;flex-direction:column;align-items:center;padding:28px 0;position:sticky;top:0;height:100vh}.rail-mark{font-family:'Playfair Display',Georgia,serif;font-size:42px;line-height:1}.rail-mark span{color:var(--gold)}.rail-line{width:1px;height:54px;background:#5e8178;margin:30px 0}.rail-label,.rail-bottom{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;line-height:1.3;letter-spacing:.2em;font-weight:700}.rail-bottom{margin-top:auto;color:#8bad9f;letter-spacing:.15em}.main{width:min(100%,1550px);margin:0 auto;padding:0 58px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ded6}.eyebrow,.topbar-right,.hero-kicker,.hero-control label,.metric-top,.section-index,.panel-caption,.statement-period,thead th,footer{font-size:10px;font-weight:700;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:9px}.live-dot,.status-dot{height:7px;width:7px;border-radius:50%;background:#2fae8d;display:inline-block}.topbar-right{display:flex;gap:15px;color:var(--muted);letter-spacing:.05em}.topbar-sep{width:1px;background:#ccd5ce}.hero{display:flex;justify-content:space-between;gap:36px;align-items:end;padding:58px 0 45px}.hero-kicker{color:var(--teal);letter-spacing:.2em}.divider-slash{color:#b3bdb5;margin:0 8px}h1,h2,p{margin-top:0}h1{font:600 clamp(42px,5.3vw,75px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:15px 0 18px}h1 em{font-weight:500;color:var(--teal)}.hero-copy{color:var(--ink-soft);font-size:15px;max-width:480px;line-height:1.65;margin-bottom:0}.hero-control{min-width:205px;margin-bottom:4px}.hero-control label{display:block;color:var(--muted);margin-bottom:9px}.select-wrap{position:relative}.select-wrap:after{content:'⌄';position:absolute;right:18px;top:10px;pointer-events:none;font-size:23px;color:var(--ink)}select{appearance:none;width:100%;height:47px;border:1px solid #cbd7cd;border-radius:7px;background:var(--card);padding:0 42px 0 15px;color:var(--ink);font:600 14px 'DM Sans',Arial,sans-serif;cursor:pointer}select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.status{margin-top:13px;color:var(--ink-soft);font-size:11px;display:flex;gap:8px;align-items:center}.summary-grid{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:15px}.metric{background:var(--card);border:1px solid var(--line);border-radius:9px;min-height:179px;padding:23px 25px;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(12,42,37,.025)}.metric-primary{background:var(--ink);color:white;border-color:var(--ink)}.metric-top{display:flex;justify-content:space-between;align-items:start;color:var(--muted);letter-spacing:.1em}.metric-primary .metric-top{color:#a9c3b7}.metric-icon{font-size:20px;font-weight:400;line-height:1}.metric-value{font-size:clamp(27px,2.9vw,42px);font-weight:600;letter-spacing:-.05em;margin-top:28px;white-space:nowrap}.metric-footer{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;color:var(--ink-soft);font-size:11px}.metric-primary .metric-footer{color:#b8ccc1}.metric-change{white-space:nowrap;color:#087365;font-weight:700}.metric-primary .metric-change{color:#9edcba}.metric-change.negative{color:#ab5a45}.middle-grid{display:grid;grid-template-columns:1.38fr 1fr;gap:16px;margin-top:17px}.panel{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:28px 30px;box-shadow:0 5px 20px rgba(12,42,37,.025)}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.section-index{color:var(--teal);margin-bottom:10px}.panel h2{font:600 25px/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:0}.panel-caption{color:var(--muted);white-space:nowrap;margin-top:5px}.chart-legend{display:flex;gap:22px;font-size:11px;color:var(--ink-soft);margin-top:28px}.chart-legend span{display:flex;gap:7px;align-items:center}.legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-net{background:#b9d3c3}.legend-result{background:#087365}.trend-chart{display:flex;align-items:end;gap:18px;height:190px;margin-top:13px;padding:10px 2px 0;border-bottom:1px solid #cfd8ce}.trend-group{height:100%;display:flex;flex:1;align-items:end;justify-content:center;gap:14px;position:relative;padding-bottom:27px}.trend-group:after{content:attr(data-label);position:absolute;bottom:3px;color:var(--muted);font-size:11px}.trend-bar{width:min(32%,48px);border-radius:4px 4px 0 0;min-height:3px;position:relative}.trend-bar.net{background:#b9d3c3}.trend-bar.result{background:#087365}.trend-bar span{position:absolute;top:-23px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;white-space:nowrap;color:var(--ink)}.insight-panel{background:#e7eee5;display:flex;flex-direction:column}.insight-panel h2{font-size:28px;line-height:1.2;max-width:350px}.insight-text{font-size:13px;line-height:1.65;color:var(--ink-soft);max-width:420px;margin:17px 0 22px}.insight-line{height:1px;background:#c9d9cb;margin-top:auto;margin-bottom:16px}.insight-stat{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:12px;color:var(--ink-soft)}.insight-stat strong{color:var(--ink);font-size:16px}.statement{margin-top:17px;padding-bottom:14px}.statement-heading{margin-bottom:25px}.statement-period{color:var(--muted);margin-top:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px}thead{border-bottom:1px solid #cdd8ce}thead th{text-align:right;color:var(--muted);font-size:9px;padding:0 0 13px}thead th:first-child{text-align:left;width:55%}tbody td{border-bottom:1px solid #eef0ea;padding:11px 0;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}tbody td:first-child{text-align:left}tbody tr:last-child td{border-bottom:none}tbody tr.group td{padding-top:20px;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:.13em;border-bottom:none}tbody tr.sub td:first-child{padding-left:18px;color:var(--ink-soft)}tbody tr.total{background:#f0f5ef;font-weight:700}tbody tr.total td{padding:14px 11px}tbody tr.total td:first-child{border-left:3px solid var(--teal)}tbody tr.final{background:var(--ink);color:#fff;font-weight:700}tbody tr.final td{padding:17px 11px;border:none;font-size:14px}tbody tr.final td:first-child{border-left:3px solid var(--gold)}.notice{display:flex;gap:13px;padding:19px 22px;margin:17px 0 24px;background:#f0eee7;border:1px solid #e5e0d4;border-radius:7px;color:#59645d}.notice-mark{border:1px solid #a9b2a6;border-radius:50%;width:19px;height:19px;flex:none;text-align:center;font-family:Georgia,serif;font-size:13px}.notice p{font-size:11px;line-height:1.55;margin:0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d9ded6;padding:21px 0 28px;color:var(--ink);font-size:9px;letter-spacing:.09em}.footer-light{color:var(--muted)}@media(max-width:1050px){.main{padding:0 30px}.summary-grid{grid-template-columns:repeat(3,1fr)}.metric{padding:21px 18px}.metric-value{font-size:29px}.middle-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.rail{width:48px}.rail-mark{font-size:28px}.rail-label,.rail-bottom{font-size:8px}.main{padding:0 18px}.topbar{height:63px}.topbar-right span:first-child,.topbar-sep{display:none}.hero{padding:38px 0 31px;display:block}.hero-control{margin-top:25px;max-width:250px}.summary-grid{grid-template-columns:1fr;gap:10px}.metric{min-height:145px}.metric-value{margin-top:16px}.middle-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.panel{padding:22px 19px}.statement{margin-top:10px}.panel-heading{align-items:start}.panel-caption,.statement-period{font-size:9px}.notice{margin-top:10px}footer{flex-direction:column;gap:7px}}@media(max-width:430px){.rail{display:none}.main{padding:0 15px}h1{font-size:45px}.topbar-right{font-size:9px}.panel h2{font-size:22px}.insight-panel h2{font-size:25px}}
