:root{
    /* ── Lapis velvet evening palette ── */
    --navy:#081849; --lapis:#213885; --plum:#5F3475; --magenta:#893172;
    --beige:#ECDFD2; --gray:#CCCACC;
    /* surfaces & ink (light editorial) */
    --bg:#FFFFFF; --bg-warm:#FAF7F2; --surface:#FFFFFF;
    --ink:#14213D; --ink-soft:#54607A; --ink-faint:#8B93A6;
    --line:#E8E3DA; --line-cool:#E4E8EF;
    --accent:#213885;
    --serif:'Lora', Georgia, 'Times New Roman', serif;
    --sans:'Roboto', system-ui, -apple-system, sans-serif;
    --nav-h:80px;
    --maxw:1280px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{ -webkit-text-size-adjust:100%; }
  body{
    font-family:var(--serif); color:var(--ink); background:var(--bg);
    font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  body.no-scroll{ overflow:hidden; }
  a{ color:var(--lapis); text-decoration:none; }
  a:hover{ text-decoration:underline; }
  .num{ font-family:var(--sans); font-variant-numeric:tabular-nums; }

  /* ───────────────────────── TOP NAV ───────────────────────── */
  .topbar{
    position:sticky; top:0; z-index:60; background:rgba(255,255,255,.92);
    backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--line);
    height:var(--nav-h); display:flex; align-items:center;
  }
  .topbar-inner{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 26px;
    display:flex; align-items:center; gap:22px; }
  .brand{ display:flex; align-items:baseline; gap:9px; flex-shrink:0; }
  .brand .logo-dot{ width:11px; height:11px; border-radius:50%; background:var(--magenta); align-self:center; box-shadow:0 0 0 3px rgba(137,49,114,.14); }
  .brand .name{ font-family:var(--serif); font-weight:700; font-size:21px; letter-spacing:-.3px; color:var(--navy); }
  .brand .name b{ color:var(--magenta); font-weight:700; }
  .nav-tabs{ display:flex; gap:4px; margin-left:8px; }
  .nav-tab{
    font-family:var(--sans); font-size:14px; font-weight:500; color:var(--ink-soft);
    padding:8px 14px; border-radius:7px; cursor:pointer; border:none; background:none;
    position:relative; transition:color .15s, background .15s; line-height:1;
  }
  .nav-tab:hover{ color:var(--navy); background:var(--bg-warm); }
  .nav-tab.active{ color:var(--navy); font-weight:700; }
  .nav-tab.active::after{
    content:""; position:absolute; left:14px; right:14px; bottom:-9px; height:2.5px;
    background:var(--magenta); border-radius:2px;
  }
  .powered{ margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; line-height:1.2; flex-shrink:0; }
  .powered .pl{ font-family:var(--sans); font-size:9.5px; letter-spacing:1.3px; text-transform:uppercase; color:var(--ink-faint); }
  .powered .pn{ font-family:var(--serif); font-style:italic; font-size:14px; color:var(--lapis); font-weight:500; }
  a.pn:hover{ text-decoration:underline; }

  /* ── colored (navy) header ── */
  .topbar{ background:var(--navy); border-bottom:1px solid rgba(255,255,255,.10); }
  .topbar .brand{ order:1; }
  .topbar .nav-tabs{ order:2; margin-right:auto; }
  .topbar .loc-switch{ order:3; }
  .topbar .powered{ order:4; margin-left:0; }
  .topbar .brand .name{ color:#fff; }
  .topbar .nav-tab{ color:rgba(255,255,255,.74); }
  .topbar .nav-tab:hover{ color:#fff; background:rgba(255,255,255,.08); }
  .topbar .nav-tab.active{ color:#fff; }
  /* location selector — clean white pill on the navy bar */
  .topbar .loc-btn{ background:#fff; border-color:transparent; }
  .topbar .loc-btn:hover{ background:#F3F0EA; border-color:transparent; }
  .topbar .loc-btn.open{ background:#fff; border-color:transparent; box-shadow:0 0 0 2px rgba(255,255,255,.25); }
  .topbar .loc-label{ color:var(--navy); }
  .topbar .loc-sub{ color:var(--ink-faint); }
  .topbar .loc-chev{ color:var(--ink-soft); }
  .topbar .powered .pl{ color:rgba(255,255,255,.5); }
  .topbar .powered .pn{ color:#C7CFE8; }

  /* ── location switcher ── */
  .loc-switch{ position:relative; flex-shrink:0; }
  .loc-btn{ display:flex; align-items:center; gap:9px; padding:6px 11px; border:1px solid var(--line);
    background:var(--bg-warm); border-radius:9px; cursor:pointer; font-family:var(--sans); transition:border-color .12s, background .12s; }
  .loc-btn:hover{ border-color:var(--lapis); }
  .loc-btn.open{ border-color:var(--lapis); background:#fff; }
  .loc-pin{ width:17px; height:17px; color:var(--magenta); flex-shrink:0; }
  .loc-text{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.15; }
  .loc-label{ font-size:13.5px; font-weight:700; color:var(--navy); }
  .loc-sub{ font-size:10.5px; color:var(--ink-faint); }
  .loc-chev{ width:11px; height:11px; color:var(--ink-faint); transition:transform .18s; }
  .loc-btn.open .loc-chev{ transform:rotate(180deg); }
  .loc-btn.is-sample .loc-pin{ color:#B07A1E; }
  .loc-pop{ position:absolute; top:calc(100% + 10px); left:0; width:330px; max-width:88vw; z-index:80;
    background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 20px 54px rgba(8,24,73,.22);
    display:none; overflow:hidden; }
  .loc-pop.open{ display:block; animation:fade .16s ease both; }
  .loc-search-wrap{ display:flex; align-items:center; gap:9px; padding:13px 14px; border-bottom:1px solid var(--line); }
  .loc-search-wrap svg{ width:15px; height:15px; color:var(--ink-faint); flex-shrink:0; }
  .loc-search-wrap input{ flex:1; border:none; outline:none; font-family:var(--sans); font-size:13.5px; color:var(--ink); background:none; }
  .loc-list{ max-height:340px; overflow-y:auto; padding:6px; }
  .loc-group{ font-family:var(--sans); font-size:10.5px; font-weight:700; letter-spacing:.7px; text-transform:uppercase;
    color:var(--ink-faint); padding:11px 12px 5px; }
  .loc-item{ display:flex; flex-direction:column; align-items:flex-start; gap:1px; width:100%; text-align:left;
    background:none; border:none; cursor:pointer; padding:8px 12px; border-radius:8px; font-family:var(--sans); }
  .loc-item:hover{ background:var(--bg-warm); }
  .loc-item.on{ background:#EEF1F8; }
  .li-main{ font-size:14px; font-weight:600; color:var(--navy); display:flex; align-items:center; gap:8px; }
  .li-sub{ font-size:11.5px; color:var(--ink-faint); }
  .li-sample{ font-size:8.5px; font-weight:700; letter-spacing:.5px; color:#9A6A12; background:#FBF0DC; border:1px solid #ECD9B4; border-radius:4px; padding:1px 5px; }
  .loc-empty{ padding:22px 14px; text-align:center; font-family:var(--sans); font-size:13px; color:var(--ink-faint); }

  /* ── sample-data banner ── */
  .sample-banner{ display:none; background:#FBF3E2; border-bottom:1px solid #EDD9B0; }
  .sample-banner-inner{ max-width:var(--maxw); margin:0 auto; padding:8px 26px; font-family:var(--sans);
    font-size:12.5px; color:#7A5713; }
  .sample-banner-inner b{ color:#5E430E; }

  /* ───────────────────────── LAYOUT ───────────────────────── */
  .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 26px; }
  .panel{ display:none; }
  .panel.active{ display:block; animation:fade .3s ease both; }
  .panel-chart{ padding-bottom:80px; }
  @keyframes fade{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;} }

  /* ───────────────────────── HERO ───────────────────────── */
  .hero{ padding:46px 0 28px; border-bottom:1px solid var(--line); }
  .eyebrow{ font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:1.6px;
    text-transform:uppercase; color:var(--magenta); margin-bottom:14px; }
  .hero h1{ font-family:var(--serif); font-weight:600; font-size:clamp(22px, 3.35vw, 42px); line-height:1.12;
    letter-spacing:-.6px; color:var(--navy); white-space:nowrap; text-wrap:balance; }
  .hero .lead{ font-size:18.5px; line-height:1.6; color:var(--ink-soft); max-width:62ch; margin-top:18px; }
  .hero .meta{ font-family:var(--sans); font-size:12.5px; color:var(--ink-faint); margin-top:18px;
    display:flex; flex-wrap:wrap; gap:6px 18px; }
  .hero .meta b{ color:var(--ink-soft); font-weight:500; }

  /* ───────────────────────── STAT TILES ───────────────────────── */
  .stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line);
    border:1px solid var(--line); border-radius:14px; overflow:hidden; margin:30px 0 8px; }
  .stat-tile{ background:var(--surface); padding:20px 22px; }
  .stat-tile .v{ font-family:var(--sans); font-weight:700; font-size:30px; color:var(--navy); line-height:1; letter-spacing:-.5px; }
  .stat-tile .v small{ font-size:16px; font-weight:500; color:var(--ink-faint); letter-spacing:0; }
  .stat-tile .k{ font-family:var(--sans); font-size:12.5px; font-weight:500; color:var(--ink-soft); margin-top:9px; }
  .stat-tile .sub{ font-family:var(--sans); font-size:11px; color:var(--ink-faint); margin-top:3px; }

  /* ───────────────────────── CHART ───────────────────────── */
  .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
    margin:42px 0 20px; padding-bottom:14px; border-bottom:1px solid var(--line); }
  .section-head h2{ font-family:var(--serif); font-weight:600; font-size:32px; color:var(--navy); letter-spacing:-.3px; }
  .section-head p{ font-size:14.5px; color:var(--ink-soft); margin-top:5px; max-width:64ch; }
  .section-head .right{ font-family:var(--sans); font-size:12px; color:var(--ink-faint); white-space:nowrap; flex-shrink:0; padding-bottom:3px; }

  .chart-card{ background:var(--surface); }
  .chart-row{ display:grid; grid-template-columns:186px 1fr 150px; align-items:center;
    gap:16px; padding:13px 0; border-bottom:1px solid var(--line); }
  .chart-row:last-child{ border-bottom:none; }
  .chart-label strong{ font-family:var(--serif); display:block; font-size:15.5px; font-weight:600; color:var(--navy); }
  .chart-label small{ font-family:var(--sans); font-size:11px; color:var(--ink-faint); letter-spacing:.2px; }
  .chart-track{ position:relative; height:34px; display:flex; border-radius:7px; overflow:hidden;
    background:var(--bg-warm); box-shadow:inset 0 0 0 1px var(--line); }
  .chart-seg{ height:100%; display:flex; align-items:center; justify-content:center; position:relative;
    transition:filter .15s; cursor:default; }
  .chart-seg + .chart-seg{ box-shadow:inset 1px 0 0 rgba(255,255,255,.45); }
  .chart-seg:hover{ filter:brightness(1.08) saturate(1.05); }
  .chart-seg span{ font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.2px; }
  .chart-total{ font-family:var(--sans); font-size:13px; font-weight:500; color:var(--ink-faint); text-align:right; }
  .chart-action{ font-family:var(--sans); font-size:12.5px; color:var(--ink-soft); }
  .chart-action b{ color:var(--magenta); font-weight:700; }
  .chart-action.clear b{ color:var(--lapis); }

  .chart-axis{ display:grid; grid-template-columns:186px 1fr 150px; gap:16px;
    font-family:var(--sans); font-size:11px; color:var(--ink-faint); padding-bottom:10px; }

  .legend{ display:flex; flex-wrap:wrap; gap:9px 20px; align-items:center; margin-top:26px;
    padding-top:20px; border-top:1px solid var(--line); }
  .legend-item{ display:inline-flex; align-items:center; gap:8px; font-family:var(--sans); font-size:13px; color:var(--ink-soft); }
  .legend-sw{ width:15px; height:15px; border-radius:4px; flex-shrink:0; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); }

  /* shared fixed tooltip (chart + table) */
  .tooltip{ position:fixed; z-index:999; display:none; max-width:300px;
    background:#2C2B30; color:#fff; font-family:var(--sans); font-size:12.5px; line-height:1.55;
    padding:12px 14px; border-radius:10px; box-shadow:0 10px 30px rgba(20,20,24,.30); pointer-events:none; }
  .tooltip .tt-title{ font-weight:700; font-size:13px; }
  .tooltip .tt-sub{ font-size:11px; color:#BFBDC4; margin-bottom:7px; }
  .tooltip .tt-foot{ margin-top:9px; padding-top:8px; border-top:1px solid rgba(255,255,255,.16); font-weight:700; }
  .tooltip .tt-foot.alert{ color:#E7A9CE; }
  .tooltip .tt-foot.clear{ color:#9DB6EE; }
  .tt-sw{ display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:6px; vertical-align:middle; }

  /* ───────────────────────── BENEFITS TAB (grid) ───────────────────────── */
  .panel-benefits.active{ display:block; padding-bottom:44px; }
  .panel-benefits .wrap{ max-width:none; min-width:0; width:100%; margin:0; }  /* full-width; margin:0 prevents auto-margin overflow */
  .grid-head{ flex-shrink:0; padding:18px 0 14px; }
  .grid-head h2{ font-family:var(--serif); font-weight:600; font-size:18px; color:var(--navy); letter-spacing:-.3px; }
  .grid-head p{ font-family:var(--serif); font-size:14.5px; color:var(--ink-soft); margin-top:5px; }
  .grid-hint{ display:inline-flex; align-items:center; gap:7px; margin-top:11px;
    font-family:var(--sans); font-size:12px; font-weight:500; color:var(--lapis);
    background:#EEF1F8; border:1px solid #D8E0EF; border-radius:999px; padding:5px 12px 5px 10px; }
  .grid-hint svg{ width:14px; height:14px; flex-shrink:0; }
  .grid-legend{ display:flex; flex-wrap:wrap; gap:7px 16px; align-items:center; margin-top:13px; }
  .grid-legend .gl{ display:inline-flex; align-items:center; gap:7px; font-family:var(--sans); font-size:12px; color:var(--ink-soft); }
  .gl .dot{ width:11px; height:11px; border-radius:3px; flex-shrink:0; }
  .gl b{ font-weight:700; color:var(--ink); margin-left:2px; }

  .table-scroll{ max-height:calc(100vh - var(--nav-h) - 150px); min-width:0; overflow:auto; border:1px solid var(--line-cool); border-radius:12px;
    background:var(--surface); position:relative; box-shadow:0 1px 3px rgba(20,33,61,.04); }
  table{ border-collapse:separate; border-spacing:0; width:100%; min-width:1120px;
    table-layout:fixed; font-family:var(--sans); }
  .col-benefit{ width:260px; }
  thead{ position:sticky; top:0; z-index:20; }
  thead .carrier-row th{ background:var(--navy); color:#fff; font-size:12.5px; font-weight:700;
    text-align:center; padding:11px 8px 7px; border-right:1px solid rgba(255,255,255,.14); }
  thead .carrier-row th:last-child{ border-right:none; }
  thead .carrier-row th a{ color:#fff; text-decoration:underline; text-decoration-color:rgba(255,255,255,.45); text-underline-offset:2px; }
  thead .carrier-row th a:hover{ text-decoration-color:#fff; }
  thead .carrier-row th.benefit-col{ text-align:left; padding-left:18px; vertical-align:bottom;
    font-family:var(--serif); font-size:14px; font-weight:600; }
  .level-tag{ display:inline-block; margin-top:5px; font-size:8.5px; font-weight:700; letter-spacing:.6px;
    padding:2px 6px; border-radius:4px; white-space:nowrap; }
  .level-carrier{ background:rgba(255,255,255,.16); color:#DDE5F5; }
  .level-plan{ background:rgba(137,49,114,.32); color:#F2D6E8; }
  thead .plan-row th{ background:#0E2356; color:#C8D2EC; font-size:11px; font-weight:500;
    text-align:center; padding:6px 7px 9px; border-right:1px solid rgba(255,255,255,.10);
    border-bottom:2px solid var(--lapis); vertical-align:top; }
  thead .plan-row th:last-child{ border-right:none; }
  thead .plan-row th a{ color:#fff; font-weight:700; font-size:12px; text-decoration:underline; text-decoration-color:rgba(255,255,255,.4); text-underline-offset:2px; }
  thead .plan-row th a:hover{ text-decoration-color:#fff; }
  thead .plan-row th small{ display:block; opacity:.8; font-size:10px; margin-top:2px; }
  /* frozen first column */
  thead th.benefit-col{ position:sticky; left:0; z-index:25; }
  tbody td.benefit-name{ position:sticky; left:0; z-index:5; background:var(--surface);
    box-shadow:1px 0 0 var(--line-cool); }
  tr.benefit-row:hover td.benefit-name{ background:#FBFAF8; }

  tr.group-header td{ position:sticky; left:0; background:var(--bg-warm); color:var(--navy);
    font-family:var(--sans); font-weight:700; font-size:11px; letter-spacing:.7px; text-transform:uppercase;
    padding:9px 18px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); z-index:4; }
  tr.benefit-row td{ padding:8px; border-bottom:1px solid var(--line-cool); vertical-align:middle; }
  tr.benefit-row:hover{ background:#FBFAF8; }
  tr.benefit-row td.benefit-name{ font-family:var(--sans); font-size:13px; color:var(--ink);
    min-width:248px; max-width:280px; padding-left:18px; line-height:1.4; font-weight:500; }
  tr.benefit-row.sub-item td.benefit-name{ padding-left:32px; font-weight:400; color:var(--ink-soft); }
  tr.benefit-row.sub-item td.benefit-name::before{ content:"\21B3"; color:var(--ink-faint); margin-right:6px; }
  td.status-cell{ text-align:center; min-width:96px; }

  .badge{ display:inline-flex; align-items:center; justify-content:center; width:100%; max-width:118px;
    padding:4px 8px; border-radius:7px; font-size:11.5px; font-weight:500; line-height:1.3; cursor:default;
    border:1px solid transparent; }
  .badge.has-tip{ cursor:help; }
  /* status badge colors — derived live from the active chart palette (Tweaks) */
  .b-required{ background:var(--bb-required-bg,#EAE6F0); color:var(--bb-required-fg,#3A2257); border-color:var(--bb-required-bd,#D8CFE6); }
  .b-notification{ background:var(--bb-notification-bg,#E5EAF6); color:var(--bb-notification-fg,#1E3A78); border-color:var(--bb-notification-bd,#CBD6EE); }
  .b-may-be{ background:var(--bb-may-be-bg,#F3ECF1); color:var(--bb-may-be-fg,#6E3A66); border-color:var(--bb-may-be-bd,#E4D2DF); }
  .b-not-required{ background:var(--bb-not-required-bg,#F1EDE6); color:var(--bb-not-required-fg,#7A6A52); border-color:var(--bb-not-required-bd,#E4D9C8); }
  .b-not-mentioned{ background:var(--bb-not-mentioned-bg,#F0F0F1); color:var(--bb-not-mentioned-fg,#5C6270); border-color:var(--bb-not-mentioned-bd,#DDDEE1); }

  /* density tweak */
  body.compact tr.benefit-row td{ padding:5px 8px; }
  body.compact tr.benefit-row td.benefit-name{ font-size:12.5px; }
  body.compact .badge{ padding:3px 7px; font-size:11px; }

  /* ───────────────────────── NOTES TAB ───────────────────────── */
  .notes-wrap{ padding:40px 0 80px; max-width:760px; }
  .notes-wrap .eyebrow{ margin-bottom:12px; }
  .notes-wrap h1{ font-family:var(--serif); font-weight:600; font-size:34px; color:var(--navy); letter-spacing:-.4px; line-height:1.15; }
  .notes-wrap .lede{ font-size:18px; color:var(--ink-soft); margin-top:16px; line-height:1.6; }
  .notes-key{ display:grid; grid-template-columns:1fr; gap:1px; background:var(--line);
    border:1px solid var(--line); border-radius:12px; overflow:hidden; margin:30px 0 10px; }
  .notes-key .nk{ background:var(--surface); padding:13px 18px; display:flex; gap:16px; align-items:baseline; }
  .notes-key .nk .h{ flex:0 0 168px; display:flex; align-items:center; gap:9px; font-family:var(--sans); font-weight:700; font-size:13.5px; color:var(--navy); }
  .notes-key .nk .d{ width:13px; height:13px; border-radius:4px; flex-shrink:0; }
  .notes-key .nk p{ font-size:13.5px; color:var(--ink-soft); margin-top:0; line-height:1.5; flex:1; }
  .note-block{ margin-top:34px; }
  .note-block h3{ font-family:var(--serif); font-weight:600; font-size:20px; color:var(--navy); margin-bottom:6px;
    padding-top:22px; border-top:1px solid var(--line); }
  .note-block h3:first-child{ border-top:none; padding-top:0; }
  .note-item{ margin-top:18px; }
  .note-item .t{ font-family:var(--sans); font-weight:700; font-size:13px; letter-spacing:.2px; color:var(--magenta);
    text-transform:uppercase; }
  .note-item p{ font-size:16px; color:var(--ink); margin-top:4px; line-height:1.62; }

  /* ───────────────────────── FOOTER ───────────────────────── */
  footer{ border-top:1px solid var(--line); background:var(--bg-warm); }
  .footer-top{ max-width:var(--maxw); margin:0 auto; padding:30px 26px 24px;
    display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:30px 40px; }
  .footer-brand .fb{ font-family:var(--serif); font-weight:700; font-size:18px; color:var(--navy); }
  .footer-brand .fb b{ color:var(--magenta); }
  .footer-brand .powered-by{ font-family:var(--serif); font-style:italic; font-size:14px; color:var(--lapis); margin-top:6px; }
  .footer-col h4{ font-family:var(--sans); font-size:11px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:9px; }
  .footer-col p, .footer-col li{ font-family:var(--sans); font-size:12.5px; color:var(--ink-soft); line-height:1.55; }
  .footer-col ul{ list-style:none; display:flex; flex-direction:column; gap:5px; }
  .footer-col li a{ display:inline-flex; align-items:center; gap:5px; color:var(--lapis); text-decoration:none; }
  .footer-col li a:hover{ color:var(--navy); text-decoration:underline; }
  .footer-col .src-ext{ width:9px; height:9px; opacity:.55; flex-shrink:0; }
  .footer-col li a:hover .src-ext{ opacity:.9; }
  .footer-col .src-note{ font-size:10.5px; color:var(--ink-faint); font-style:italic; }
  /* external-link arrow on benefits-table header links (matches footer) */
  thead th a .src-ext{ width:9px; height:9px; opacity:.6; margin-left:4px; vertical-align:middle; }
  thead th a:hover .src-ext{ opacity:1; }
  .footer-bottom{ border-top:1px solid var(--line); }
  .footer-bottom-inner{ max-width:var(--maxw); margin:0 auto; padding:14px 26px;
    font-family:var(--sans); font-size:11px; color:var(--ink-faint); line-height:1.5; }

  /* ───────────────────────── TWEAKS PANEL ───────────────────────── */
  #tweaks{ position:fixed; right:18px; bottom:18px; z-index:200; width:268px; display:none;
    background:var(--surface); border:1px solid var(--line); border-radius:14px;
    box-shadow:0 18px 50px rgba(8,24,73,.22); font-family:var(--sans); overflow:hidden; }
  #tweaks.open{ display:block; }
  #tweaks .tw-head{ display:flex; align-items:center; justify-content:space-between;
    padding:13px 15px; border-bottom:1px solid var(--line); background:var(--navy); }
  #tweaks .tw-head .ttl{ font-family:var(--serif); font-weight:700; font-size:15px; color:#fff; }
  #tweaks .tw-head button{ background:none; border:none; color:#C8D2EC; font-size:18px; cursor:pointer; line-height:1; padding:2px 4px; }
  #tweaks .tw-body{ padding:15px; display:flex; flex-direction:column; gap:18px; }
  #tweaks .tw-sec > .lbl{ font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:9px; }
  .seg{ display:flex; gap:6px; }
  .seg button{ flex:1; font-family:var(--sans); font-size:12.5px; font-weight:500; padding:8px 6px;
    border:1px solid var(--line); background:var(--surface); color:var(--ink-soft); border-radius:8px; cursor:pointer; transition:all .12s; }
  .seg button:hover{ border-color:var(--lapis); color:var(--navy); }
  .seg button.on{ background:var(--navy); border-color:var(--navy); color:#fff; }
  .pal-prev{ display:flex; gap:3px; margin-top:9px; }
  .pal-prev span{ flex:1; height:7px; border-radius:2px; }

  /* ───────────────────────── RESPONSIVE ───────────────────────── */
  @media (max-width:920px){
    .stats{ grid-template-columns:repeat(2,1fr); }
    .notes-key{ grid-template-columns:1fr; }
    .footer-top{ grid-template-columns:1fr 1fr; }
    .chart-row{ grid-template-columns:120px 1fr 108px; }
    .chart-axis{ grid-template-columns:120px 1fr 108px; }
    .powered{ display:none; }
  }
  @media (max-width:680px){
    .nav-tab{ padding:8px 9px; font-size:13px; }
    .wrap, .topbar-inner{ padding-left:16px; padding-right:16px; }
  }

  @media print{ .topbar, #tweaks, .nav-tabs{ position:static; } }