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