:root{
    --green-deep:#1B3B2F;
    --green-mid:#234E3E;
    --green-dark:#132A21;
    --cream:#F6F1E4;
    --cream-2:#ECE3CE;
    --paper:#FFFFFF;
    --brass:#D9A94E;
    --flag:#E15B3D;
    --maroon:#7A2E22;
    --sky:#6E8F82;
    --ink:#1C231D;
    --ink-soft:#5C6259;
    --line: rgba(122,46,34,0.14);
    --healthy:#3F7856;
    --monitor:#D9A94E;
    --risk:#E15B3D;
    --ig:#D6336C;
    --yt:#FF0000;
    --tk-a:#25F4EE;
    --tk-b:#111111;
    --shadow: 0 1px 2px rgba(27,59,47,0.05), 0 10px 28px rgba(27,59,47,0.07);
    --sidebar-w: 220px;
  }
  *{box-sizing:border-box;}
  html,body{height:100%;}
  body{margin:0;background:var(--cream);color:var(--ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 26px 90px;}

  /* ===== APP SHELL / SIDEBAR ===== */
  .app-shell{display:flex;align-items:stretch;min-height:100vh;}
  .sidebar{
    width:var(--sidebar-w);flex:0 0 var(--sidebar-w);
    background:linear-gradient(180deg, var(--green-deep), var(--green-dark));
    color:var(--cream);display:flex;flex-direction:column;
    position:sticky;top:0;height:100vh;overflow-y:auto;
    padding:22px 14px 14px;border-right:1px solid rgba(0,0,0,0.18);
    z-index:40;
  }
  .sidebar::-webkit-scrollbar{width:6px;}
  .sidebar::-webkit-scrollbar-thumb{background:rgba(246,241,228,0.15);border-radius:6px;}
  .sidebar-brand{padding:0 8px 14px;border-bottom:1px solid rgba(246,241,228,0.12);margin-bottom:14px;}
  .brand-wordmark{font-family:'Newsreader',serif;font-weight:600;font-size:26px;line-height:1;color:var(--flag);letter-spacing:.005em;}
  .sidebar-brand .tagline{margin-top:4px;font-family:'Manrope',sans-serif;font-weight:700;font-size:8px;color:#AEC4B7;letter-spacing:1.1px;text-transform:uppercase;white-space:nowrap;}

  .side-nav{flex:1;display:flex;flex-direction:column;}
  .side-nav-group{margin-bottom:20px;}
  .side-nav-label{font-family:'Manrope',sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(246,241,228,0.4);padding:0 8px 7px;}

  .tabs{display:flex;flex-direction:column;gap:2px;}
  .tab-btn{
    display:flex;align-items:center;gap:9px;width:100%;text-align:left;
    font-family:'Manrope', sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.01em;
    background:transparent;border:none;border-radius:9px;color:#CFE0D5;
    padding:9px 10px;cursor:pointer;transition:all .15s ease;
  }
  .tab-btn i{width:14px;text-align:center;font-size:12.5px;opacity:.8;flex-shrink:0;}
  .tab-btn:hover{background:rgba(246,241,228,0.08);color:var(--cream);}
  .tab-btn.active{background:var(--brass);color:var(--green-deep);font-weight:700;box-shadow:0 6px 16px rgba(217,169,78,0.3);}
  .tab-btn.active i{opacity:1;}

  .sidebar-footer{border-top:1px solid rgba(246,241,228,0.12);margin-top:16px;padding:16px 10px 4px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:rgba(246,241,228,0.45);line-height:1.7;}

  .mobile-topbar{display:none;}
  .brand-wordmark--mobile{font-size:20px;color:var(--flag);}
  .sidebar-scrim{display:none;}

  /* ===== MAIN CONTENT ===== */
  .main-content{flex:1;min-width:0;}
  .content-header{padding:32px 0 18px;margin-bottom:6px;border-bottom:2px solid var(--line);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;}
  .content-header-text h1{font-family:'Newsreader', serif;font-weight:500;font-size:clamp(24px,2.8vw,32px);line-height:1.1;margin:0 0 6px;color:var(--green-deep);text-align:left;letter-spacing:-.01em;}
  .content-header-text .sub{text-align:left;color:var(--ink-soft);font-size:13.5px;max-width:560px;margin:0;line-height:1.5;padding:0;font-family:'Manrope',sans-serif;}
  .content-header-right{display:flex;align-items:center;}
  .content-header-meta{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);text-align:right;white-space:nowrap;}

  .panel{display:none;padding-top:30px;}
  .panel.active{display:block;}

  .kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px;}
  .kpi{background:var(--paper);border:1px solid rgba(27,59,47,0.06);box-shadow:var(--shadow);border-radius:18px;padding:18px 18px 16px;}
  .kpi-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;}
  .kpi-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;}
  .lab{font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:6px;}
  .num{font-family:'Newsreader', serif;font-size:28px;font-weight:600;line-height:1.1;color:var(--ink);}
  .delta{font-size:11.5px;font-weight:600;margin-top:6px;}
  .delta.up{color:var(--healthy);}
  .delta.down{color:var(--risk);}

  .hole{background:var(--paper);border:1px solid rgba(27,59,47,0.06);box-shadow:var(--shadow);border-radius:20px;padding:24px 22px 22px;margin-bottom:22px;}
  .hole-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;flex-wrap:wrap;gap:8px;}
  .hole-top h2{font-family:'Newsreader', serif;font-size:19px;font-weight:500;margin:0;color:var(--green-deep);}
  .hole-meta{font-size:11.5px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
  .chart-box{height:200px;position:relative;}
  .chart-box.tall{height:280px;}
  .chart-box.xtall{height:360px;}
  .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .insight{font-size:13px;line-height:1.65;color:var(--ink-soft);border-left:3px solid var(--brass);padding-left:12px;margin-top:4px;}
  .note-box{font-size:12px;line-height:1.6;color:var(--ink-soft);background:var(--cream-2);border-radius:10px;padding:12px 14px;margin-bottom:18px;}
  .platform-legend{display:flex;gap:14px;font-size:11.5px;color:var(--ink-soft);margin-bottom:12px;font-family:'IBM Plex Mono',monospace;}
  .platform-legend span{display:flex;align-items:center;gap:5px;}
  .legend-row{display:flex;gap:18px;font-size:12px;margin-bottom:14px;flex-wrap:wrap;}
  .legend-row span{display:flex;align-items:center;gap:6px;}
  .dot{display:inline-block;width:9px;height:9px;border-radius:50%;}

  /* PROGRAM CARDS */
  .prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .prog-card{background:var(--cream-2);border-radius:14px;padding:16px 15px 14px;display:flex;flex-direction:column;gap:12px;}
  .prog-card-top{display:flex;align-items:center;gap:10px;}
  .prog-badge-lg{width:62px;height:62px;border-radius:14px;font-weight:800;font-size:16px;color:#fff;flex-shrink:0;overflow:hidden;}
  .status-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;}
  .status-badge.healthy{background:rgba(63,120,86,0.15);color:var(--healthy);}
  .status-badge.monitor{background:rgba(217,169,78,0.18);color:#A07A2A;}
  .status-badge.risk{background:rgba(225,91,61,0.13);color:var(--risk);}
  .prog-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--paper);border-radius:10px;padding:10px 8px;}
  .prog-stat .n{font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:14px;color:var(--ink);}
  .prog-stat .l{font-size:9.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-top:1px;}
  .split-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;margin-top:2px;}
  .split-legend{display:flex;gap:10px;font-size:10px;color:var(--ink-soft);margin-top:4px;font-family:'IBM Plex Mono',monospace;}
  .platform-split-label{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:2px;}
  .prog-chart{height:72px;position:relative;}
  .suggestion{font-size:11.5px;line-height:1.6;color:var(--ink-soft);border-left:2px solid var(--brass);padding-left:10px;}
  .tag{display:inline-block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;background:var(--brass);color:#fff;border-radius:4px;padding:2px 6px;margin-right:5px;}
  .stat-row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);}
  .stat-label{font-size:12.5px;font-weight:600;color:var(--ink);}
  .stat-track{height:8px;background:var(--cream-2);border-radius:4px;overflow:hidden;}
  .stat-fill{height:100%;border-radius:4px;transition:width .6s ease;}
  .stat-val{font-size:11.5px;font-family:'IBM Plex Mono',monospace;color:var(--ink-soft);text-align:right;}
  .stat-list{display:flex;flex-direction:column;}

  /* AUDIENCE */
  .audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;}
  .persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .persona-card{background:var(--cream-2);border-radius:14px;padding:16px 15px;}
  .persona-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;}
  .persona-avatar{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0;}
  .persona-name{font-weight:700;font-size:14px;color:var(--green-deep);margin:0 0 2px;}
  .persona-sub{font-size:11px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
  .persona-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;}
  .persona-tag{background:rgba(27,59,47,0.08);border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:600;color:var(--green-deep);}
  .persona-quote{font-style:italic;font-size:12.5px;color:var(--ink-soft);margin:0 0 8px;line-height:1.5;}
  .persona-section-label{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--maroon);margin:0 0 4px;}
  .persona-body{font-size:12px;line-height:1.65;color:var(--ink-soft);margin:0 0 10px;}
  .persona-strategy{background:rgba(27,59,47,0.06);border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6;color:var(--ink-soft);}

  /* BUSINESS SUMMARY TAB */
  .fin-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;}
  .fin-section-title{font-family:'Newsreader',serif;font-size:22px;font-weight:600;color:var(--green-deep);margin:28px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--line);display:flex;align-items:center;gap:10px;}
  .fin-section-title span{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);font-weight:400;background:var(--cream-2);padding:3px 8px;border-radius:6px;}
  .stream-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;}
  .stream-card{background:var(--paper);border-radius:14px;padding:14px 14px 12px;border:1px solid rgba(27,59,47,0.06);box-shadow:var(--shadow);}
  .stream-name{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink-soft);margin-bottom:6px;}
  .stream-amount{font-family:'Newsreader',serif;font-size:22px;font-weight:600;color:var(--ink);}
  .stream-currency{font-size:11px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;margin-top:2px;}
  .stream-bar{height:4px;border-radius:2px;margin-top:8px;}

  /* PARTNERSHIP TAB */
  .pnr-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto;}
  .pnr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--cream-2);border-radius:10px;padding:10px 12px;}
  .pnr-left{display:flex;align-items:center;gap:10px;min-width:0;}
  .pnr-icon{width:32px;height:32px;border-radius:8px;background:rgba(27,59,47,0.08);color:var(--green-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;}
  .pnr-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;}
  .pnr-cat{font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--ink-soft);margin-top:1px;}
  .hide-val-btn{display:inline-flex;align-items:center;gap:5px;background:var(--cream-2);border:1px solid rgba(27,59,47,0.12);border-radius:7px;padding:5px 10px;font-size:10.5px;font-weight:700;color:var(--ink-soft);cursor:pointer;font-family:inherit;}
  .hide-val-btn:hover{background:rgba(27,59,47,0.08);}
  .mask-values .sensitive-val{filter:blur(6px);user-select:none;}
  .prog-fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .prog-fin-card{background:var(--paper);border-radius:14px;padding:16px;border:1px solid rgba(27,59,47,0.06);box-shadow:var(--shadow);}
  .prog-fin-top{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
  .prog-fin-logo{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .prog-fin-name{font-weight:700;font-size:13.5px;color:var(--green-deep);line-height:1.2;}
  .prog-fin-type{font-size:10px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
  .fin-bar-wrap{margin-bottom:10px;}
  .fin-bar-label{display:flex;justify-content:space-between;font-size:10.5px;margin-bottom:3px;}
  .fin-bar-label span:first-child{font-weight:600;color:var(--ink-soft);}
  .fin-bar-label span:last-child{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--ink);}
  .fin-bar-track{height:7px;background:var(--cream-2);border-radius:4px;overflow:hidden;}
  .fin-bar-fill{height:100%;border-radius:4px;}
  .fin-net{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line);margin-top:2px;}
  .fin-net-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);}
  .fin-net-val{font-family:'Newsreader',serif;font-size:18px;font-weight:600;}
  .fin-net-val.pos{color:var(--healthy);}
  .fin-net-val.neg{color:var(--risk);}
  .ytd-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
  .ytd-card{background:var(--paper);border:1px solid rgba(27,59,47,0.06);box-shadow:var(--shadow);border-radius:18px;padding:18px 18px 16px;}
  .rev-vs-exp-chart{height:260px;position:relative;}
  .data-note{background:rgba(217,169,78,0.12);border:1px solid rgba(217,169,78,0.35);border-radius:10px;padding:10px 14px;font-size:12px;color:#7A6020;margin-bottom:18px;display:flex;align-items:flex-start;gap:8px;}
  .data-note i{margin-top:1px;flex-shrink:0;}

  footer{text-align:center;padding:34px 0 20px;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-soft);letter-spacing:.03em;}


  .obs-text{font-size:11.5px;line-height:1.7;color:var(--ink-soft);max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0;}
  .obs-text.obs-open{max-height:400px!important;opacity:1!important;}
  .obs-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:6px;padding:2px 0;}
  .obs-trigger:hover .obs-toggle-icon{color:var(--brass);}
  .obs-block{border-left:3px solid var(--brass);padding-left:11px;margin-top:4px;transition:background .2s;}
  .obs-block:hover{background:rgba(217,169,78,0.05);border-radius:0 8px 8px 0;}


  .sp-card .sp-img{transition:transform .4s ease;}
  .sp-card:hover .sp-img{transform:scale(1.04);}
  .sp-detail.sp-open{max-height:500px!important;}

  /* ===== OVERVIEW FILTER TOOLBAR (top-right of content header) ===== */
  .ov-toolbar-slot{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
  .ov-seg{display:flex;background:var(--cream-2);border-radius:9px;padding:3px;gap:2px;flex-shrink:0;}
  .ov-seg-btn{font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.01em;background:transparent;border:none;border-radius:7px;color:var(--ink-soft);padding:6px 11px;cursor:pointer;transition:all .15s ease;white-space:nowrap;}
  .ov-seg-btn:hover{color:var(--ink);}
  .ov-seg-btn.active{background:var(--green-deep);color:var(--cream);}
  .ov-filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  .ov-field{display:flex;flex-direction:column;gap:2px;font-family:'Manrope',sans-serif;}
  .ov-field span{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);}
  .ov-select{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink);background:var(--cream-2);border:1px solid rgba(27,59,47,0.12);border-radius:7px;padding:6px 8px;cursor:pointer;width:112px;}
  .ov-period-pill{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:var(--green-deep);background:rgba(217,169,78,0.16);border:1px solid rgba(217,169,78,0.4);border-radius:20px;padding:6px 12px;white-space:nowrap;flex-shrink:0;}

  /* ===== PLATFORM PANEL LOCAL FILTER TOOLBAR (inside the Platform panel) ===== */
  .pf-toolbar{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;}

  /* ===== PLATFORM SWITCHER (Instagram / TikTok / YouTube buttons within the Platform panel) ===== */
  .pf-switcher{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
  .pf-switch-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-size:13.5px;font-weight:700;background:var(--paper);border:1.5px solid rgba(27,59,47,0.1);border-radius:12px;color:var(--ink-soft);padding:11px 20px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px rgba(27,59,47,0.04);outline:none;}
  .pf-switch-btn i{font-size:16px;transition:color .15s ease;}
  .pf-switch-btn:hover{border-color:rgba(27,59,47,0.24);color:var(--ink);}
  .pf-switch-btn.active{color:#fff;border-color:transparent;}

  /* ===== PRODUCTIVITY TABLES (KPI-by-platform + stage comparison) ===== */
  .prod-table-wrap{overflow-x:auto;}
  .prod-table{width:100%;border-collapse:collapse;font-family:'Manrope',sans-serif;font-size:13px;}
  .prod-table th{text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);padding:0 12px 10px;border-bottom:1.5px solid rgba(27,59,47,0.1);white-space:nowrap;}
  .prod-table td{padding:10px 12px;border-bottom:1px solid rgba(27,59,47,0.06);white-space:nowrap;}
  .prod-table tbody tr:hover{background:rgba(217,169,78,0.08);}
  .prod-table tfoot td{border-top:1.5px solid rgba(27,59,47,0.14);border-bottom:none;font-weight:700;padding-top:12px;}
  .prod-month{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink);font-weight:600;}
  .prod-num{font-family:'IBM Plex Mono',monospace;color:var(--ink);}
  .prod-total-cell{color:var(--green-deep);}
  .prod-pct{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;padding:1px 6px;border-radius:8px;background:var(--cream-2);color:var(--ink-soft);}
  .prod-pct.prod-pct-good{background:rgba(63,120,86,0.16);color:var(--healthy);}
  .prod-pct.prod-pct-mid{background:rgba(217,169,78,0.2);color:var(--monitor);}
  .prod-pct.prod-pct-low{background:rgba(225,91,61,0.16);color:var(--risk);}

  /* program logo chip (used in Overview's "Views per Program" ranking) */
  .stat-logo{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;overflow:hidden;font-weight:800;font-family:'Manrope',sans-serif;}
  .stat-logo img{max-width:82%;max-height:82%;object-fit:contain;}
  .stat-row-wide{grid-template-columns:172px 1fr 70px;}
  .stat-row-wide .stat-label{display:flex;align-items:center;gap:9px;}

  /* 2026 Goals & Pace (progress rings) */
  .goals-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:22px;padding:6px 4px 4px;}
  .goal-card{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;min-width:120px;}
  .goal-ring{width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 1s ease;}
  .goal-ring-inner{width:80px;height:80px;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(27,59,47,0.06);}
  .goal-pct{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:18px;color:var(--ink);}
  .goal-val{font-family:'IBM Plex Mono',monospace;font-size:9.5px;color:var(--ink-soft);margin-top:3px;}
  .goal-lab{font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;color:var(--ink);}
  .goal-sub{font-family:'Manrope',sans-serif;font-size:10.5px;color:var(--ink-soft);}

  /* Combined-section internals: a divider + mini-header for stacking two insights in one card */
  .subsec-divider{border-top:1px solid var(--line);margin:22px 0 16px;}
  .subsec-title{display:flex;align-items:center;gap:8px;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em;}
  .subsec-title span{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-soft);font-weight:400;text-transform:none;letter-spacing:0;background:var(--cream-2);padding:2px 7px;border-radius:6px;}

  /* Revenue Diversification Ideas — compact single-list rows */
  .div-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);}
  .div-row:last-child{border-bottom:none;}
  .div-badge{flex-shrink:0;width:120px;text-align:center;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:4px 6px;border-radius:6px;color:#fff;font-family:'IBM Plex Mono',monospace;display:inline-flex;align-items:center;justify-content:center;gap:5px;}
  .div-name{flex-shrink:0;width:150px;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .div-idea{flex:1;font-size:12px;color:var(--ink-soft);line-height:1.4;}
  .div-views{flex-shrink:0;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);text-align:right;width:64px;}

  /* Content-Audience Fit (Overview: our content mix vs audience's own IG interests) */
  .fit-row{display:grid;grid-template-columns:170px 1fr 1fr 70px;gap:16px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);}
  .fit-row:last-child{border-bottom:none;}
  .fit-tag{font-size:12px;font-weight:700;font-family:'Manrope',sans-serif;color:var(--ink);line-height:1.3;}
  .fit-metric{display:flex;align-items:center;gap:8px;}
  .fit-metric-lab{font-size:9px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;width:50px;flex-shrink:0;font-family:'IBM Plex Mono',monospace;}
  .fit-track{flex:1;height:7px;background:var(--cream-2);border-radius:5px;overflow:hidden;}
  .fit-fill{height:100%;border-radius:5px;}
  .fit-metric-val{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-soft);width:32px;text-align:right;flex-shrink:0;}
  .fit-gap{font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:700;text-align:right;}
  .fit-gap.up{color:var(--healthy);}
  .fit-gap.down{color:var(--risk);}
  .fit-legend{display:flex;gap:16px;margin-bottom:10px;font-size:11px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
  .fit-legend span{display:inline-flex;align-items:center;gap:5px;}
  .fit-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}

  /* Cross-Platform Audience Snapshot (Overview: native IG/TikTok/YouTube analytics) */
  .plat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
  .plat-card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;}
  .plat-head{display:flex;align-items:center;gap:7px;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:10px;}
  .plat-head i{font-size:13px;color:var(--sky);}
  .plat-head span{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:400;color:var(--ink-soft);text-align:right;}
  .plat-stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;border-top:1px solid var(--cream-2);}
  .plat-stat:first-of-type{border-top:none;}
  .plat-stat-lab{font-size:10px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-family:'IBM Plex Mono',monospace;flex-shrink:0;}
  .plat-stat-val{font-size:12px;font-weight:700;color:var(--ink);text-align:right;font-family:'Manrope',sans-serif;}
  .plat-stat-sub{font-weight:400;color:var(--ink-soft);font-size:10.5px;}

  /* Content Action Plan (Overview to-do: continue / scale up / revamp) */
  .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
  .todo-col{display:flex;flex-direction:column;}
  .todo-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);}
  .todo-item:last-of-type{border-bottom:none;}
  .todo-icon{flex-shrink:0;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;margin-top:1px;}
  .todo-continue{background:var(--healthy);}
  .todo-scaleup{background:var(--brass);}
  .todo-revamp{background:var(--risk);}
  .todo-body{flex:1;min-width:0;}
  .todo-title{display:flex;align-items:center;gap:7px;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:700;color:var(--ink);margin-bottom:3px;}
  .todo-desc{font-size:11.5px;line-height:1.5;color:var(--ink-soft);}
  .todo-more{font-size:11px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;padding-top:8px;}

  /* Content Performance Insight (Overview) */
  .ci-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:2px 2px 18px;}
  .ci-stat{border-right:1px solid var(--line);}
  .ci-stat:last-child{border-right:none;}
  .ci-stat .sub{font-size:11px;color:var(--ink-soft);margin-top:4px;line-height:1.4;}
  .ci-health-bar{display:flex;width:100%;height:10px;border-radius:6px;overflow:hidden;background:var(--cream-2);}
  .ci-health-bar > div{height:100%;}
  .ci-health-legend{display:flex;gap:16px;margin-top:10px;font-size:11px;color:var(--ink-soft);font-family:'IBM Plex Mono',monospace;}
  .ci-health-legend span{display:inline-flex;align-items:center;gap:5px;}
  .ci-health-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}

  /* Top Programs (Views / Net P&L) ranked list */
  .tp-list{display:flex;flex-direction:column;gap:10px;}
  .tp-row{display:flex;align-items:center;gap:12px;}
  .tp-rank{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--green-deep);color:var(--cream);font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
  .tp-body{flex:1;min-width:0;}
  .tp-name{display:flex;align-items:center;gap:8px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .tp-track{height:7px;background:var(--cream-2);border-radius:5px;overflow:hidden;}
  .tp-fill{height:100%;border-radius:5px;background:var(--healthy);}
  .tp-fill-neg{background:var(--risk);}
  .tp-val{flex-shrink:0;width:118px;text-align:right;font-family:'IBM Plex Mono',monospace;font-size:12.5px;font-weight:600;color:var(--ink);}
  .tp-val-neg{color:var(--risk);}
  .tp-footnote{margin-top:12px;font-family:'Manrope',sans-serif;font-size:10.5px;color:var(--ink-soft);line-height:1.5;}

  /* platform icon-only legend (Overview's "Views by Platform") */
  .ov-platform-legend{display:flex;justify-content:center;gap:26px;margin-top:8px;}
  .ov-platform-legend-item{display:flex;flex-direction:column;align-items:center;gap:3px;}
  .ov-platform-legend-item i{font-size:19px;}
  .ov-platform-legend-val{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--ink);}
  .ov-platform-legend-pct{font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--ink-soft);}

  /* ===== RESPONSIVE ===== */
  @media(max-width:900px){
    .mobile-topbar{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg, var(--green-deep), var(--green-dark));color:var(--cream);padding:14px 18px;position:sticky;top:0;z-index:50;}
    .mobile-menu-toggle{background:rgba(246,241,228,0.1);border:none;color:var(--cream);width:36px;height:36px;border-radius:9px;font-size:15px;cursor:pointer;flex-shrink:0;}
    .app-shell{display:block;}
    .sidebar{position:fixed;top:0;left:0;height:100vh;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 40px rgba(0,0,0,0.35);}
    .sidebar.open{transform:translateX(0);}
    .sidebar-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:39;}
    .sidebar-scrim.show{display:block;}
    .main-content{width:100%;}
    .content-header{padding-top:22px;}
    .content-header-right{width:100%;justify-content:flex-start;}
    .ov-toolbar-slot{justify-content:flex-start;width:100%;}
    .kpi-strip,.fin-kpi-strip,.ytd-cards{grid-template-columns:1fr 1fr;}
    .prog-grid,.prog-fin-grid,.persona-grid{grid-template-columns:1fr 1fr;}
    .stream-grid{grid-template-columns:1fr 1fr;}
    .grid-2,.audience-grid{grid-template-columns:1fr;}
    .grid-3{grid-template-columns:1fr;}
    .ci-stat-row{grid-template-columns:1fr 1fr;row-gap:14px;}
    .ci-stat{border-right:none;}
    .fit-row{grid-template-columns:130px 1fr 1fr 55px;gap:8px;}
    .div-badge{width:96px;font-size:9px;}
    .div-name{width:110px;}
    .plat-grid{grid-template-columns:1fr;}
  }
  @media(max-width:560px){
    .kpi-strip,.fin-kpi-strip,.ytd-cards{grid-template-columns:1fr;}
    .prog-grid,.prog-fin-grid,.persona-grid{grid-template-columns:1fr;}
    .stream-grid{grid-template-columns:1fr;}
    .ci-stat-row{grid-template-columns:1fr;}
    .fit-row{grid-template-columns:1fr;row-gap:6px;}
    .fit-gap{text-align:left;}
    .div-row{flex-wrap:wrap;}
    .div-name{order:2;flex:1;width:auto;}
    .div-views{order:3;}
    .div-idea{order:4;flex-basis:100%;margin-top:4px;}
    .content-header{flex-direction:column;align-items:flex-start;}
    .content-header-meta{text-align:left;}
    .ov-period-pill{margin-left:0;}
    .ov-toolbar{padding:14px 16px;}
  }

  /* ===== MONTHLY REPORT (viewer chrome = .mr-*, slides = .mr2-* on a fixed 1000x563 canvas that is scaled to fit) ===== */
  .mr-monthrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
  .mr-monthrow .mr-label{font-size:10.5px;letter-spacing:1.2px;color:var(--ink-soft);text-transform:uppercase;font-weight:800;}
  .mr-monthpill{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;}
  .mr-monthpill.active{background:var(--brass);color:var(--green-deep);border-color:var(--brass);}
  .mr-monthrow .mr-hint{color:var(--ink-soft);font-size:12.5px;}
  .mr-deckwrap{background:#0a0f0c;border:1px solid #24382f;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);}
  .mr-deckframe{position:relative;background:#0a0f0c;}
  .mr-decknav{display:flex;align-items:center;gap:4px;padding:10px 14px;background:#0e1712;border-bottom:1px solid #24382f;overflow-x:auto;}
  .mr-decknav .mr-logo{font-weight:800;font-size:14px;color:#fff;margin-right:8px;white-space:nowrap;font-family:'Newsreader',serif;}
  .mr-decknav .mr-navtab{white-space:nowrap;font-size:12px;font-weight:700;color:#9db3a8;padding:7px 12px;border-radius:999px;cursor:pointer;}
  .mr-decknav .mr-navtab.mr-current{background:var(--brass);color:var(--green-deep);}
  .mr-deckfoot{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0e1712;border-top:1px solid #24382f;}
  .mr-navbtn{background:var(--brass);color:var(--green-deep);border:none;font-weight:800;font-size:12.5px;padding:9px 16px;border-radius:9px;cursor:pointer;}
  .mr-navbtn.mr-secondary{background:#182e25;color:#cfe0d6;border:1px solid #24382f;}
  .mr-counter{font-size:12.5px;color:#9db3a8;font-weight:700;min-width:54px;text-align:center;}
  .mr-dots{flex:1;display:flex;gap:5px;align-items:center;overflow-x:auto;}
  .mr-pgdot{width:8px;height:8px;border-radius:50%;background:#2b4237;flex-shrink:0;cursor:pointer;}
  .mr-pgdot.mr-active{background:var(--brass);width:20px;border-radius:5px;}
  .mr-fsbtn{background:#182e25;border:1px solid #24382f;color:#cfe0d6;font-size:12.5px;font-weight:700;padding:9px 14px;border-radius:9px;cursor:pointer;}
  .mr-footnote{margin-top:14px;color:var(--ink-soft);font-size:11.5px;line-height:1.5;}
  .mr-deckframe:fullscreen{display:flex;flex-direction:column;height:100vh;}
  .mr-deckframe:fullscreen .mr2-stage{flex:1;aspect-ratio:auto;}

  .mr2-stage{position:relative;aspect-ratio:16/9;width:100%;background:#000;overflow:hidden;}
  .mr2-canvas{position:absolute;left:0;top:0;width:1000px;height:563px;transform-origin:0 0;}
  .mr2-slide{position:absolute;inset:0;display:none;overflow:hidden;background:#fff;color:#111;font-family:'Manrope',sans-serif;}
  .mr2-slide.mr2-show{display:block;}
  .mr2-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;z-index:5;user-select:none;}
  .mr2-arrow:hover{background:rgba(0,0,0,.6);}
  .mr2-arrow.l{left:10px;} .mr2-arrow.r{right:10px;}
  .mr2-empty{padding:40px;color:var(--ink-soft);font-size:14px;}

  /* common bits */
  .mr2-head{position:absolute;left:0;right:0;top:0;height:50px;display:flex;align-items:center;gap:14px;padding:0 24px 0 16px;}
  .mr2-head img{height:34px;width:auto;}
  .mr2-head .mr2-rule{flex:1;height:1px;background:#1b3b2f;opacity:.7;}
  .mr2-head .mr2-tag{font-family:'Newsreader',serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#1b3b2f;}
  .mr2-dark .mr2-head .mr2-rule{background:#fff;opacity:.55;} .mr2-dark .mr2-head .mr2-tag{color:#fff;}
  .mr2-pageno{position:absolute;right:14px;bottom:8px;font-size:9px;color:rgba(0,0,0,.35);}
  .mr2-neg{color:#e0452f;} .mr2-pos{color:#2f9e5b;}

  /* cover + dividers */
  .mr2-cover{background:#0d1a12;color:#fff;}
  .mr2-cover .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;filter:saturate(.85);}
  .mr2-cover .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,12,.8),rgba(7,20,12,.2));}
  .mr2-cover .wm{position:absolute;left:52px;top:92px;height:30px;}
  .mr2-cover h1{position:absolute;left:52px;top:136px;margin:0;font-size:56px;line-height:1.02;font-weight:800;text-transform:uppercase;letter-spacing:-.5px;max-width:520px;}
  .mr2-cover .period{position:absolute;left:600px;top:150px;font-size:26px;font-weight:600;line-height:1.1;text-transform:uppercase;}
  .mr2-divider{color:#fff;}
  .mr2-divider.green{background:#173422;} .mr2-divider.maroon{background:#5b0f00;}
  .mr2-divider h2{position:absolute;left:62px;top:50%;transform:translateY(-50%);margin:0;font-size:50px;line-height:1.04;font-weight:800;text-transform:uppercase;max-width:640px;letter-spacing:-.4px;}
  .mr2-divider .icons{position:absolute;left:62px;top:160px;display:flex;gap:10px;font-size:30px;}
  .mr2-divider .icons i{color:#fff;}
  .mr2-divider.green h2{top:140px;transform:none;font-size:54px;}

  /* summary */
  .mr2-title{position:absolute;left:78px;top:6px;font-size:21px;font-weight:800;color:#173422;text-transform:uppercase;letter-spacing:.2px;}
  .mr2-sub{position:absolute;left:0;right:0;top:50px;height:54px;background:#173422;color:#fff;display:flex;align-items:center;padding:0 62px;font-size:23px;font-weight:700;text-transform:uppercase;}
  .mr2-sub small{font-size:10px;font-weight:600;margin-left:8px;opacity:.9;}
  .mr2-sumcols{position:absolute;left:34px;right:30px;top:62px;bottom:14px;display:grid;grid-template-columns:380px 150px 1fr;gap:14px;}
  .mr2-colh{font-size:8.5px;font-weight:800;line-height:1.25;text-transform:uppercase;color:#222;margin-bottom:8px;}
  .mr2-rank{display:flex;flex-direction:column;gap:0;}
  .mr2-rankrow{display:flex;align-items:center;gap:10px;height:66px;position:relative;}
  .mr2-rankrow .no{width:24px;height:24px;border-radius:50%;border:1px solid #173422;display:flex;align-items:center;justify-content:center;font-size:12px;color:#173422;flex-shrink:0;}
  .mr2-rankrow:first-child .no{width:34px;height:34px;font-size:17px;background:#dcead9;margin-left:-4px;}
  .mr2-rankrow .th{width:60px;height:56px;border-radius:2px;background:#ddd center/cover no-repeat;flex-shrink:0;overflow:hidden;}
  .mr2-rankrow .th.ph{display:flex;align-items:center;justify-content:center;text-align:center;font-size:7px;font-weight:800;color:#fff;background:linear-gradient(135deg,#5b0f00,#173422);padding:3px;line-height:1.15;}
  .mr2-rankrow .tt{flex:1;font-size:9.5px;line-height:1.25;color:#222;}
  .mr2-rankrow .tt b{display:block;font-size:7.5px;letter-spacing:.8px;text-transform:uppercase;color:#7a2e22;margin-bottom:1px;}
  .mr2-rankrow .vv{font-size:10.5px;font-weight:800;color:#111;min-width:52px;text-align:right;}
  .mr2-plat{display:flex;flex-direction:column;gap:12px;margin-top:8px;}
  .mr2-platrow{display:flex;align-items:center;gap:8px;}
  .mr2-platrow .no{width:22px;height:22px;border-radius:50%;border:1px solid #173422;display:flex;align-items:center;justify-content:center;font-size:11px;color:#173422;flex-shrink:0;}
  .mr2-platrow:first-child .no{width:36px;height:36px;font-size:19px;background:#dcead9;}
  .mr2-platrow .ic{font-size:26px;width:30px;text-align:center;}
  .mr2-platrow .ic.yt{color:#f00;} .mr2-platrow .ic.tk{color:#000;} .mr2-platrow .ic.ig{color:#d6249f;}
  .mr2-platrow .num{font:800 15px 'Manrope',sans-serif;color:#111;}
  .mr2-mini{border:1px solid #444;font-size:8px;margin-bottom:8px;width:100%;border-collapse:collapse;}
  .mr2-mini th{text-align:left;font-weight:800;padding:2px 4px;border-bottom:1px solid #444;font-size:8px;}
  .mr2-mini td{padding:2px 4px;font-size:8px;white-space:nowrap;}
  .mr2-mini td.r{text-align:right;} .mr2-mini td b{font-weight:800;}

  /* production */
  .mr2-prod .body{position:absolute;left:62px;right:62px;top:78px;}
  .mr2-prod table{border-collapse:collapse;font-size:11.5px;}
  .mr2-pp{width:100%;border:1px solid #3a3a6a;margin:0 auto;}
  .mr2-pp th,.mr2-pp td{border:1px solid #3a3a6a;text-align:center;padding:5px 6px;font-weight:700;font-size:13px;color:#1a1a4a;}
  .mr2-pp caption{caption-side:top;}
  .mr2-pp .cap{font-weight:800;}
  .mr2-ppd td{border:none;font-weight:500;font-size:12px;padding:6px;text-align:center;}
  .mr2-perf{margin:16px 0 0;display:flex;gap:26px;align-items:flex-start;}
  .mr2-perfbox{border-collapse:collapse;}
  .mr2-perfbox td{border:1px solid #3a3a6a;padding:6px 10px;font-size:13px;font-weight:700;color:#1a1a4a;text-align:center;min-width:130px;}
  .mr2-perfbox tr:first-child td{border:2px solid #f0b429;}
  .mr2-lower{display:grid;grid-template-columns:1fr 330px;gap:20px;margin-top:20px;}
  .mr2-card{border:1px solid #555;padding:0 0 4px;font-size:11px;color:#1a1a4a;}
  .mr2-card h4{margin:0;padding:3px 5px;font-size:11px;font-weight:800;}
  .mr2-card .ln{display:grid;grid-template-columns:1fr 70px 70px 46px;padding:2.5px 5px;font-size:10.5px;align-items:center;}
  .mr2-card .ln b{font-weight:800;}
  .mr2-card .ln .c{text-align:center;}
  .mr2-card .ln .g{color:#2f9e5b;font-weight:700;}
  .mr2-dp{border-collapse:collapse;width:100%;margin-bottom:8px;}
  .mr2-dp td,.mr2-dp th{border:1px solid #555;padding:3px 6px;text-align:center;font-size:11.5px;color:#1a1a4a;}
  .mr2-dp th{font-weight:800;}

  /* episode */
  .mr2-ep{background:#fff;}
  .mr2-ep .left{position:absolute;left:0;top:0;width:486px;height:471px;background:#5b0f00;color:#fff;}
  .mr2-ep .bar{position:absolute;left:0;right:0;bottom:0;height:92px;background:#000;color:#fff;}
  .mr2-ep .emb{position:absolute;left:14px;top:12px;height:36px;}
  .mr2-ep .mr2-toprule{position:absolute;left:70px;right:24px;top:28px;height:1px;background:#1b3b2f;}
  .mr2-ep .mr2-tagr{position:absolute;right:24px;top:12px;font-family:'Newsreader',serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#1b3b2f;}
  .mr2-ep .mr2-rule2{position:absolute;left:70px;right:24px;top:28px;height:1px;background:#fff;opacity:.85;z-index:2;}
  .mr2-ep .plogo{position:absolute;left:28px;top:56px;width:190px;height:130px;object-fit:contain;object-position:left center;}
  .mr2-ep .etl{position:absolute;left:246px;top:62px;font-size:9px;font-weight:800;letter-spacing:.5px;}
  .mr2-ep h3{position:absolute;left:246px;top:78px;width:222px;margin:0;font-size:18px;line-height:1.22;font-weight:800;color:#fff;}
  .mr2-ep .thumb{position:absolute;left:30px;top:200px;width:437px;height:246px;background:#222 center/cover no-repeat;}
  .mr2-ep .right{position:absolute;left:520px;right:0;top:0;height:471px;}
  .mr2-ep .rh{position:absolute;left:34px;font-size:11px;font-weight:800;color:#111;letter-spacing:.2px;text-transform:uppercase;}
  .mr2-ep .pie{position:absolute;left:34px;top:80px;width:430px;height:190px;}
  .mr2-ep .hrs{position:absolute;left:34px;top:312px;right:28px;}
  .mr2-bar{display:flex;height:22px;border-radius:11px;overflow:hidden;margin:4px 0 4px;}
  .mr2-bar div{height:100%;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;}
  .mr2-leg{display:flex;gap:12px;justify-content:center;font-size:7.5px;color:#444;margin:2px 0 3px;}
  .mr2-leg i{display:inline-block;width:7px;height:7px;margin-right:3px;vertical-align:-0px;}
  .mr2-ep .bar .cell{position:absolute;top:18px;}
  .mr2-ep .bar .k{font-size:8px;color:#bbb;margin-bottom:12px;white-space:nowrap;}
  .mr2-ep .bar .v{font-size:13px;font-weight:600;white-space:nowrap;}
  .mr2-ep .bar .v.neg{color:#ff4b3a;font-weight:800;} .mr2-ep .bar .v.pos{color:#2fd46b;font-weight:800;}
  .mr2-ep .bar .big{position:absolute;top:14px;}
  .mr2-ep .bar .big .k{font-size:12px;color:#fff;margin-bottom:6px;}
  .mr2-ep .bar .big .v{font-size:20px;font-weight:700;}
  .mr2-ep .bar .big .v.pos{color:#18ff4a;}
  .mr2-ep .nodata{font-size:10px;color:#888;margin-top:8px;}
  .mr2-legend{position:absolute;right:0;top:0;font-size:9px;line-height:1.5;color:#222;}
  .mr2-legend div{display:flex;align-items:center;gap:5px;}
  .mr2-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}

  /* best / least content */
  .mr2-top .mr2-mon{position:absolute;right:24px;top:12px;font-family:'Newsreader',serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#1b3b2f;}
  .mr2-top .band{position:absolute;left:0;right:0;bottom:0;height:56px;color:#fff;display:flex;align-items:center;justify-content:flex-end;padding:0 40px;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.2px;}
  .mr2-top .band.best{background:#173422;} .mr2-top .band.least{background:#5b0f00;}
  .mr2-top .cards{position:absolute;left:0;right:0;top:44px;bottom:60px;display:flex;justify-content:center;align-items:flex-start;gap:54px;padding-top:22px;}
  .mr2-card3{width:230px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;}
  .mr2-card3 .imgbox{height:300px;display:flex;align-items:flex-end;justify-content:center;position:relative;width:100%;}
  .mr2-card3 .imgbox img,.mr2-card3 .imgbox .ph{max-height:300px;max-width:190px;box-shadow:0 2px 8px rgba(0,0,0,.18);}
  .mr2-card3 .imgbox .ph{width:170px;height:280px;background:linear-gradient(160deg,#5b0f00,#173422);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;font-size:14px;font-weight:800;line-height:1.25;}
  .mr2-card3 .no{position:absolute;right:6px;top:-12px;width:38px;height:38px;border-radius:50%;border:1px solid #111;background:#dcead9;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:'Newsreader',serif;}
  .mr2-card3:nth-child(n+2) .no{width:30px;height:30px;font-size:16px;top:-8px;}
  .mr2-card3 .nm{margin-top:12px;font-size:12px;font-weight:800;line-height:1.25;color:#111;min-height:30px;}
  .mr2-card3 .st{font-size:11.5px;line-height:1.5;color:#111;text-transform:uppercase;}
  .mr2-card3 .pg{font-size:8.5px;letter-spacing:.8px;color:#7a2e22;text-transform:uppercase;font-weight:800;margin-top:3px;}

  /* ads */
  .mr2-ads h2{position:absolute;left:44px;top:60px;margin:0;font-size:24px;font-weight:800;color:#d9230f;text-transform:uppercase;}
  .mr2-adtbl{position:absolute;left:44px;right:44px;top:104px;border-collapse:collapse;font-size:11px;}
  .mr2-adtbl th{background:#cfe2f3;border:1px solid #888;padding:7px 6px;font-weight:800;text-align:center;font-size:10px;}
  .mr2-adtbl td{border:1px solid #888;padding:7px 8px;text-align:center;font-size:11px;}
  .mr2-adtbl td.l{text-align:left;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .mr2-adtbl td.l a{color:#1a56b0;}
  .mr2-adtbl tr.tot td{background:#f3f3f3;font-weight:800;}
  .mr2-adtbl .co{display:block;font-size:8.5px;color:#a15a00;font-style:italic;}
  .mr2-adnote{position:absolute;left:44px;right:44px;bottom:18px;font-size:8.5px;color:#666;}
  .mr2-win .mr2-winbox{position:absolute;left:44px;top:44px;}
  .mr2-win .mr2-winbox img{height:326px;width:auto;display:block;box-shadow:0 2px 8px rgba(0,0,0,.2);}
  .mr2-win .ph{width:260px;height:326px;background:linear-gradient(160deg,#5b0f00,#173422);}
  .mr2-win .st{position:absolute;left:44px;top:406px;font-size:14px;line-height:1.55;font-weight:500;text-transform:uppercase;}
  .mr2-win .info{position:absolute;left:420px;top:90px;font-size:13px;line-height:1.9;color:#333;}
  .mr2-win .info b{display:inline-block;min-width:140px;color:#173422;}

  /* generic tables */
  .mr2-t{position:absolute;left:46px;right:46px;top:100px;}
  .mr2-t h2{margin:0 0 14px;text-align:center;font-size:19px;font-weight:800;color:#111;}
  .mr2-tbl{border-collapse:collapse;width:100%;font-size:10px;}
  .mr2-tbl th{background:#5b0f00;color:#fff;border:1px solid #5b0f00;padding:5px 6px;font-weight:700;font-size:10px;}
  .mr2-tbl td{border:1px solid #777;padding:4px 7px;font-size:10px;text-align:center;}
  .mr2-tbl td.l{text-align:left;}
  .mr2-tbl.green th{background:#173422;border-color:#173422;}
  .mr2-tbl.sm td{padding:4px 7px;font-size:10.5px;} .mr2-tbl.sm th{padding:6px 6px;font-size:10.5px;}
  .mr2-tbl.md td{padding:8px 9px;font-size:12px;} .mr2-tbl.md th{padding:8px 8px;font-size:12px;}
  .mr2-tier-a td{background:#d9ead3;font-weight:700;} .mr2-tier-b td{background:#fff2cc;font-weight:700;}
  .mr2-tier-c td{background:#fce5cd;font-weight:700;} .mr2-tier-d td{background:#f4cccc;font-weight:700;}
  .mr2-pwrap{position:absolute;left:46px;right:46px;top:84px;display:grid;grid-template-columns:600px 1fr;gap:28px;}
  .mr2-pwrap h2{grid-column:1/-1;text-align:center;margin:0 0 -6px;font-size:16px;font-weight:800;text-transform:uppercase;color:#d9230f;}
  .mr2-sum h5{margin:46px 0 8px;text-align:center;font-size:11px;font-weight:800;}
  .mr2-sum ul{margin:0;padding-left:16px;font-size:10px;line-height:1.5;color:#222;}

  /* feedback */
  .mr2-fb h2{position:absolute;left:36px;top:78px;margin:0;font-size:28px;font-weight:700;color:#111;font-family:'Manrope',sans-serif;}
  .mr2-fb ul,.mr2-fb ol{position:absolute;left:36px;right:60px;top:136px;margin:0;padding-left:26px;font-size:13px;line-height:1.55;color:#111;}
  .mr2-fb li{margin-bottom:7px;}
  .mr2-fb ul.dash{list-style:none;padding-left:18px;} .mr2-fb ul.dash li:before{content:"–";position:absolute;margin-left:-16px;}

  @media(max-width:700px){ .mr-hint{display:none;} .mr-navbtn,.mr-fsbtn{padding:8px 10px;} }