/* Macro Dashboard in the cream design (approved 4 Oct 2026). Loaded after design.css. The heatmap
   colours, numbers & behaviour are unchanged; this is surfaces, type & the new top section. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 500;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-rupee-600-normal.woff2) format('woff2');unicode-range:U+20B9}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/public-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/public-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/public-sans-rupee-400-normal.woff2) format('woff2');unicode-range:U+20B9}
:root{--cream:#FFF0E1;--paper:#FFFFFF;--ink:#1E1A17;--muted:#5E5249;--line:#EAD9C7}
body{background:#FFF0E1;color:#1E1A17;font-family:'Public Sans',system-ui,sans-serif}
.dash-wrap h1,.dash-wrap h2,.dash-wrap h3{font-family:'Schibsted Grotesk',system-ui,sans-serif}

/* top section */
.mxh{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:48px;align-items:center;padding:40px 0 36px!important}
.mxh-live{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #EAD9C7;border-radius:999px;padding:6px 16px 6px 6px;font-size:15px!important;font-weight:600;color:#1F3A5F!important;margin:0 0 26px!important}
.mxh-live .lv{background:#1F3A5F;color:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mxh h1{font-size:64px!important;line-height:1.02;letter-spacing:-.035em;font-weight:700;margin:0 0 18px!important;color:#1E1A17}
.mxh h1 em{font-style:normal;color:#D2574A}
.mxh-lede{font-size:19px!important;line-height:1.55;color:#5E5249!important;max-width:600px;margin-bottom:22px!important}
.mxh-pts{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mxh-pts li{position:relative;padding-left:22px;font-size:17px;color:#5E5249}
.mxh-pts li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:3px;background:#E8604F}
.mxh-pts b{color:#1E1A17}
.mxh-card{background:linear-gradient(160deg,#1B3358 0%,#13233A 55%,#0E1B2E 100%);color:#fff;border-radius:24px;padding:22px 24px 24px;box-shadow:0 40px 80px -45px rgba(14,27,46,.75)}
.mxh-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9BE8C6}
.mxh-top .mxh-sp{flex:1}.mxh-top .mxh-sp+*,.mxh-top{white-space:nowrap}
.mxh-dot{width:10px;height:10px;border-radius:50%;background:#3FB58A;box-shadow:0 0 0 3px rgba(63,181,138,.25)}
.mxh-card h2{font-size:26px;line-height:1.2;color:#fff;margin:10px 0 14px;letter-spacing:-.015em}
.mxh-plain{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.mxh-plain b{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#F4A497;margin-bottom:4px}
.mxh-plain p{font-size:16.5px;line-height:1.5;color:#EDE4D8}
.mxh-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mxh-t{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 16px 10px}
.mxh-t p{font-size:14.5px;font-weight:600;color:#F4A497}
.mxh-t b{display:block;font:700 30px/1.15 'Schibsted Grotesk',system-ui,sans-serif;color:#fff;margin-top:4px}
.mxh-t small{display:block;font-size:13px;color:#A9B4C4;margin-top:2px}
.mxh-t svg{display:block;width:96px;height:28px;margin:10px auto 0}
.mxh-t polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke:#B7D2F2}
.mxh-t polyline.sk-c{stroke:#F4A497}.mxh-t polyline.sk-g{stroke:#9BE8C6}
.mxh-cal{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mxh-cal>div{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 14px 6px 6px;font-size:15px;color:#EDE4D8}
.mxh-cal .d{display:inline-block;background:#C2453B;color:#fff;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.15;text-align:center}

/* the rest of the page */
.released-week{background:#fff!important;border:1px solid #EAD9C7!important;border-radius:20px!important;padding:14px 18px!important;box-shadow:0 30px 60px -45px rgba(31,58,95,.5)}
.release-pill{background:#FFF8F1!important;border-color:#EAD9C7!important;color:#1F3A5F}
.tabs{display:inline-flex!important;gap:4px!important;background:#fff;border:1px solid #EAD9C7!important;border-radius:999px;padding:5px;margin:8px 0 6px;max-width:100%}
.tabs button{border:0!important;border-radius:999px;padding:10px 22px!important;min-height:0!important;font-size:16px!important;font-weight:600!important;color:#5E5249}
.tabs button[aria-pressed=true]{background:#1E1A17;color:#fff!important}
.toolbar{margin-top:12px}
.quiet{background:#fff!important;border:1px solid #EAD9C7!important;border-radius:12px!important;padding:8px 14px!important;font-size:14px!important;color:#1E1A17}
.heat-scroll{background:#fff!important;border:1px solid #EAD9C7;border-radius:20px!important;box-shadow:0 30px 60px -45px rgba(31,58,95,.55)}
.preview-membership{border-radius:20px!important}
@media(max-width:900px){.mxh{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 0!important}.mxh h1{font-size:44px!important}}
@media(max-width:640px){.mxh h1{font-size:36px!important}.mxh-lede{font-size:17px!important}.mxh-grid{grid-template-columns:1fr}.mxh-card{padding:18px}.tabs button{padding:8px 14px!important;font-size:14px!important}}
/* Latest column (4 Oct 2026): every row's newest reading, first, so no row opens on an empty cell */
.heat th.lt,.heat td.lt{border-right:2px solid #E8604F!important;box-shadow:inset 0 0 0 9999px rgba(255,255,255,.0)}
.heat thead th.lt{color:#C2453B!important}
.heat thead th.lt small{display:block;font-weight:400;font-size:10.5px;color:#8A7D73;text-transform:none;letter-spacing:0}
.heat td.lt small.lt-p{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;background:#1E1A17;color:#fff;font-size:10.5px;font-weight:700}