.op-dashboard{--op-ink:#1d4037;--op-muted:#5c6f67;--op-line:#d5e2dc;--op-surface:#f7faf8;--op-bar:#315e50;--op-track:#e3ece7;padding-block:28px 72px}.op-dashboard *,.op-dashboard :before,.op-dashboard :after{min-width:0}.op-header{gap:18px;padding-block:8px 20px;display:grid}.op-header h1{color:#183b33;font:500 var(--fs-6)/1.04 var(--serif);letter-spacing:-.03em;margin:6px 0 10px}.op-header>div>p:not(.eyebrow){max-width:660px;color:var(--op-muted);font-size:var(--fs-2);margin:0;line-height:1.6}.op-period{gap:6px;display:grid}.op-period>span{color:var(--op-muted);font-size:var(--fs-1);font-weight:600}.op-period ul,.op-tabs ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.op-period a,.op-tabs a{min-height:44px;color:var(--op-ink);font-size:var(--fs-1);background:#fbfdfb;border:1px solid #b9cbc2;border-radius:3px;align-items:center;padding:8px 14px;font-weight:650;text-decoration:none;display:inline-flex}.op-period a:hover,.op-tabs a:hover{border-color:var(--op-bar)}.op-period a.is-active,.op-tabs a.is-active{color:#fff;background:var(--op-bar);border-color:var(--op-bar)}.op-tabs{border-bottom:1px solid var(--op-line);margin-bottom:18px;padding-bottom:14px}.op-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.op-metric{border:1px solid var(--op-line);background:#f6faf7;align-content:start;gap:6px;padding:14px;display:grid}.op-metric p{color:#4f6259;font-size:var(--fs-2);margin:0;line-height:1.35}.op-metric strong{color:#20483e;font:500 var(--fs-5)/1.05 var(--serif);overflow-wrap:anywhere}.op-metric small{color:var(--op-muted);font-size:var(--fs-1);line-height:1.4}.op-grid{gap:12px;display:grid}.op-panel{background:var(--op-surface);border:1px solid var(--op-line);padding:18px 16px}.op-panel .eyebrow{margin-bottom:6px}.op-panel h3{color:var(--op-ink);font:500 var(--fs-4)/1.2 var(--serif);margin:0 0 14px}.op-panel .op-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.op-note{color:var(--op-muted);font-size:var(--fs-2);margin:12px 0 0;line-height:1.6}.op-bars{gap:12px;margin:0;padding:0;list-style:none;display:grid}.op-bar-head{color:#33493f;font-size:var(--fs-1);justify-content:space-between;align-items:baseline;gap:12px;line-height:1.4;display:flex}.op-bar-label{overflow-wrap:anywhere}.op-bar-head strong{color:var(--op-ink);font-variant-numeric:tabular-nums;flex:none}.op-bar-track{background:var(--op-track);border-radius:4px;height:8px;margin-top:6px;display:block}.op-bar-fill{background:var(--op-bar);border-radius:4px;height:100%;display:block}.op-bar-detail{color:var(--op-muted);font-size:var(--fs-1);margin:5px 0 0;line-height:1.45}.op-tag{color:#4f6259;font-size:var(--fs-1);white-space:normal;border:1px solid #c3d3cb;border-radius:3px;margin-left:4px;padding:1px 6px;font-weight:600;display:inline-block}.op-path{font:600 var(--fs-1)/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:#2b4a40;overflow-wrap:anywhere;word-break:break-word}.op-table-wrap{border:1px solid var(--op-line);background:#fff;max-width:100%;overflow-x:auto}.op-table-wrap:focus-visible{outline-offset:2px;outline:3px solid #cf8b5d}.op-table{border-collapse:collapse;width:100%;font-size:var(--fs-1)}.op-table th,.op-table td{text-align:left;vertical-align:top;color:#33493f;border-bottom:1px solid #e4ece8;padding:10px 12px}.op-table thead th{color:#4f6259;font-size:var(--fs-1);background:#f1f6f3;font-weight:700}.op-table tbody th{overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;min-width:18ch;max-width:34ch;font-weight:600}.op-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.op-columns{border-bottom:1px solid #b9cbc2;align-items:flex-end;gap:2px;height:120px;padding-top:4px;display:flex}.op-column{flex:1 1 0;align-items:flex-end;height:100%;display:flex}.op-column>span{background:var(--op-bar);border-radius:4px 4px 0 0;width:100%;min-height:0;display:block}.op-columns-axis{color:var(--op-muted);font-size:var(--fs-1);justify-content:space-between;gap:8px;margin-top:6px;display:flex}.op-details{margin-top:14px}.op-details summary{min-height:44px;color:var(--op-ink);font-size:var(--fs-1);cursor:pointer;align-items:center;font-weight:650;display:flex}.op-details[open] summary{margin-bottom:8px}.op-link{color:var(--forest);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:650;text-decoration:underline}.op-link:hover{color:var(--copper-text)}.op-empty h3{overflow-wrap:anywhere}.op-footnote{border-top:1px solid var(--op-line);color:#5e6c66;font-size:var(--fs-2);margin-top:24px;padding-top:16px;line-height:1.65}.op-footnote p{max-width:900px;margin:0 0 8px}@media (min-width:640px){.op-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.op-panel{padding:22px}}@media (min-width:900px){.op-dashboard{padding-block:44px 88px}.op-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}.op-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.op-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.op-panel-wide{grid-column:1/-1}.op-columns{height:160px}}@media (prefers-reduced-motion:reduce){.op-dashboard *{transition:none!important}}@media (forced-colors:active){.op-bar-fill,.op-column>span{background:canvastext}.op-period a.is-active,.op-tabs a.is-active{outline:2px solid highlight}}
