:root { --broad-paper:#f7f8fc; --broad-ink:#1d253c; --broad-muted:#667085; --broad-line:#e4e7ec; --broad-teal:#6941c6; --broad-soft:#f4f3ff; --broad-up:#027a48; --broad-down:#d92d20; }
.broad-page { background:var(--broad-paper); color:var(--broad-ink); min-height:100vh; padding:42px 0 80px; }
.broad-page__inner { margin:0 auto; max-width:1180px; padding:0 28px; }
.broad-breadcrumb { color:var(--broad-muted); display:flex; font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.75rem; gap:.55rem; margin-bottom:36px; }
.broad-breadcrumb a { color:var(--broad-teal); text-decoration:none; }
.broad-hero { align-items:end; border-bottom:3px solid var(--broad-ink); display:flex; gap:2rem; justify-content:space-between; padding-bottom:28px; }
.broad-eyebrow,.broad-kicker { color:var(--broad-teal); font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.72rem; font-weight:600; letter-spacing:.07em; margin:0 0 .5rem; text-transform:uppercase; }
.broad-hero h1,.broad-panel h2,.broad-narrative h2,.broad-cta h2 { letter-spacing:-.04em; }
.broad-hero h1 { font-size:clamp(2.1rem,5vw,3.8rem); line-height:.98; margin:0; }
.broad-hero > div:first-child > p:last-child { color:var(--broad-muted); font-size:1.05rem; line-height:1.55; margin:1rem 0 0; max-width:660px; }
.broad-regime { background:var(--broad-soft); border:1px solid #d6bbfb; border-radius:8px; min-width:220px; padding:.8rem 1rem; }
.broad-regime span,.broad-regime small { color:var(--broad-teal); display:block; font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.67rem; text-transform:uppercase; }
.broad-regime strong { display:block; font-size:1.25rem; margin:.15rem 0; }
.broad-panel,.broad-narrative { background:#fff; border:1px solid var(--broad-line); border-radius:10px; }
.broad-panel { margin-top:24px; padding:1.35rem; }
.broad-panel__header { align-items:center; display:flex; gap:1rem; justify-content:space-between; margin-bottom:1.1rem; }
.broad-panel h2,.broad-narrative h2,.broad-cta h2 { font-size:1.28rem; margin:0; }
.broad-panel__note { color:var(--broad-muted); font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.7rem; }
.broad-periods { border:1px solid var(--broad-line); border-radius:6px; display:flex; overflow:hidden; }
.broad-periods button { background:#fff; border:0; border-left:1px solid var(--broad-line); color:var(--broad-muted); cursor:pointer; font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.75rem; padding:.45rem .65rem; }
.broad-periods button:first-child { border-left:0; }.broad-periods button.is-active { background:var(--broad-teal); color:#fff; }
.broad-cards { display:grid; gap:10px; grid-template-columns:repeat(5,1fr); }
.broad-card { background:#fcfcfd; border:1px solid var(--broad-line); border-radius:7px; display:flex; flex-direction:column; min-height:105px; padding:.8rem; }
.broad-card span { color:var(--broad-muted); font-size:.78rem; }.broad-card strong { font-size:1.4rem; margin:.25rem 0; }.broad-card small { color:var(--broad-muted); font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.65rem; margin-top:auto; }
.broad-narrative { border-left:4px solid var(--broad-teal); margin:20px 0; padding:1.05rem 1.25rem; }.broad-narrative h2 { font-size:1.15rem; margin-bottom:.3rem; }.broad-narrative > p:last-child { color:var(--broad-muted); margin:0; }
.broad-grid { display:grid; gap:20px; grid-template-columns:1.2fr .8fr; }.broad-grid .broad-panel { margin-top:0; }
.broad-chart-wrap { height:330px; position:relative; }.broad-legend { display:flex; flex-wrap:wrap; gap:.55rem 1rem; margin-top:.8rem; }.broad-legend span { align-items:center; color:var(--broad-muted); display:inline-flex; font-size:.76rem; gap:.35rem; }.broad-legend i { border-radius:50%; height:8px; width:8px; }
.broad-leaders__list { display:grid; }.broad-leader { align-items:center; border-top:1px solid var(--broad-line); display:grid; gap:.65rem; grid-template-columns:22px 1fr auto; padding:.68rem 0; }.broad-leader b { color:var(--broad-muted); font-family:'Inter','Segoe UI',Arial,sans-serif; font-size:.75rem; }.broad-leader span { font-weight:600; }.is-up { color:var(--broad-up)!important; }.is-down { color:var(--broad-down)!important; }
.broad-cta { align-items:center; background:var(--broad-teal); border-radius:10px; color:#fff; display:flex; gap:1.5rem; justify-content:space-between; margin-top:20px; padding:1.5rem; }.broad-cta .broad-kicker { color:#d6bbfb; }.broad-cta h2 { color:#fff; font-size:1.35rem; max-width:600px; }.broad-cta p { color:#e9d7fe; margin:.45rem 0 0; }.broad-cta__link { background:#fff; border-radius:6px; color:var(--broad-teal); font-weight:700; padding:.7rem .9rem; text-decoration:none; white-space:nowrap; }.broad-cta__link span { margin-left:.4rem; }
@media(max-width:850px){.broad-grid{grid-template-columns:1fr}.broad-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.broad-page{padding-top:26px}.broad-page__inner{padding:0 16px}.broad-hero,.broad-cta{align-items:flex-start;flex-direction:column}.broad-regime{width:100%}.broad-panel__header{align-items:flex-start;flex-direction:column}.broad-cards{grid-template-columns:1fr 1fr}.broad-chart-wrap{height:260px}}