/* === local latin fonts === */
/* Self-hosted latin variable faces (font-display: swap) */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-latin-var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/assets/fonts/notosans-latin-var.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* === end local latin fonts === */

/* ============================================================
   slotscricket.com — Rose-paper Mosaic Newsroom
   Locked palette + typography:
     canvas #FFF6F8, ink #351923, mute #6B4453, blue accent #275FC7
     surface #FFFFFF, ruled #E8D5DC, warm #9A4560
   Type: Manrope display + Noto Sans Devanagari body
============================================================ */

:root{
  --paper:#FFF6F8;
  --paper-2:#FBEFF2;
  --surface:#FFFFFF;
  --surface-2:#FCEEF2;
  --ink:#351923;
  --ink-2:#4F2A37;
  --mute:#6B4453;
  --mute-2:#8D6678;
  --ruled:#E8D5DC;
  --ruled-2:#F0DDE3;
  --accent:#275FC7;
  --accent-2:#1E48A0;
  --warm:#9A4560;
  --gold:#8A5F18;
  --shadow:0 1px 0 rgba(53,25,35,.04);
  --radius:14px;
  --radius-sm:8px;
  --radius-lg:22px;

  --h1:clamp(34px, 5.2vw, 64px);
  --h2:clamp(28px, 3.4vw, 42px);
  --h3:clamp(22px, 2.4vw, 30px);
  --h4:clamp(18px, 1.8vw, 22px);
  --body:17px;
  --maxw:1240px;
  --gutter:24px;

  --font-disp:"Manrope","Noto Sans Devanagari",system-ui,-apple-system,sans-serif;
  --font-body:"Noto Sans Devanagari","Manrope",system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:var(--body);
  line-height:1.7;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--ruled)}
a:hover{text-decoration-color:var(--accent);color:var(--accent-2)}
hr{border:0;border-top:1px solid var(--ruled);margin:32px 0}
button{font:inherit;cursor:pointer}

h1,h2,h3,h4,h5{font-family:var(--font-disp);color:var(--ink);font-weight:700;line-height:1.16;margin:0 0 .55em;letter-spacing:-.012em}
h1{font-size:var(--h1);letter-spacing:-.022em}
h2{font-size:var(--h2)}
h3{font-size:var(--h3)}
h4{font-size:var(--h4)}
p{margin:0 0 1em}

.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.wide{max-width:1380px;margin:0 auto;padding:0 var(--gutter)}

.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:6px;z-index:900}
.skip-link:focus{left:8px;outline:2px solid var(--accent)}

.site-header{position:sticky;top:0;z-index:120;background:var(--paper);border-bottom:1px solid var(--ruled)}
.brand-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--font-disp);font-weight:800;font-size:22px;letter-spacing:-.01em}
.brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#9A4560 0%,#8A5F18 100%);display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.brand .name{line-height:1}
.brand .tag{display:block;font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--mute);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}

.nav-desktop{display:none}
@media (min-width:1024px){.nav-desktop{display:flex;gap:22px;align-items:center}.nav-desktop a{text-decoration:none;color:var(--ink-2);font-weight:600;font-size:15px;padding:8px 0;border-bottom:2px solid transparent}.nav-desktop a[aria-current="page"]{border-bottom-color:var(--warm);color:var(--ink)}.nav-desktop a:hover{color:var(--accent-2);border-bottom-color:var(--accent)}}
.cta-desktop{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:11px;font-weight:700;font-size:15px;text-decoration:none;border:1px solid transparent;white-space:nowrap;line-height:1.1}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2);color:#fff;text-decoration:none}
.btn-secondary{background:transparent;color:var(--ink);border-color:var(--ruled)}
.btn-secondary:hover{border-color:var(--ink);color:var(--ink);text-decoration:none}
.btn-warm{background:var(--warm);color:#fff;border-color:var(--warm)}
.btn-warm:hover{background:#7A3548;border-color:#7A3548;color:#fff;text-decoration:none}
.btn-sm{padding:9px 14px;font-size:13px;border-radius:9px}
.btn-lg{padding:15px 22px;font-size:16px;border-radius:13px}

.hamburger{appearance:none;background:var(--surface);border:1px solid var(--ruled);width:42px;height:42px;border-radius:10px;display:grid;place-items:center;cursor:pointer;z-index:260;position:relative}
.hamburger span{display:block;width:20px;height:2px;background:var(--ink);position:relative;transition:.2s}
.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--ink);transition:.2s}
.hamburger span::before{top:-6px}
.hamburger span::after{top:6px}
.hamburger[aria-expanded="true"]{background:var(--ink);border-color:var(--ink)}
.hamburger[aria-expanded="true"] span{background:transparent}
.hamburger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);background:#fff}
.hamburger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);background:#fff}
@media (min-width:1024px){.hamburger{display:none}}

.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);background:var(--paper);border-left:1px solid var(--ruled);transform:translateX(100%);visibility:hidden;transition:transform .25s ease,visibility .25s ease;z-index:240;display:flex;flex-direction:column;padding:20px;gap:12px;overflow-y:auto;max-width:100vw}
.mobile-drawer[data-open="true"]{transform:translateX(0);visibility:visible}
@media (min-width:1024px){.mobile-drawer{display:none}}
.mobile-drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid var(--ruled);margin-bottom:6px}
.mobile-drawer .drawer-head .label{font-family:var(--font-disp);font-weight:800;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.mobile-drawer .drawer-close{appearance:none;background:transparent;border:1px solid var(--ruled);width:38px;height:38px;border-radius:9px;display:grid;place-items:center;cursor:pointer;position:relative;color:var(--ink)}
.mobile-drawer .drawer-close::before,.mobile-drawer .drawer-close::after{content:"";position:absolute;left:9px;right:9px;height:2px;background:var(--ink);border-radius:1px}
.mobile-drawer .drawer-close::before{transform:rotate(45deg)}
.mobile-drawer .drawer-close::after{transform:rotate(-45deg)}
.mobile-drawer .drawer-close:hover{background:var(--surface-2)}
.mobile-drawer nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.mobile-drawer nav a{display:block;padding:14px 12px;border-radius:9px;text-decoration:none;color:var(--ink);font-weight:600;font-size:17px}
.mobile-drawer nav a:hover{background:var(--surface-2);color:var(--accent-2)}
.mobile-drawer .drawer-cta{margin-top:auto;padding-top:14px;border-top:1px solid var(--ruled)}
.mobile-drawer .drawer-cta .btn{width:100%}
.scrim{position:fixed;inset:0;background:rgba(53,25,35,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:230}
.scrim[data-open="true"]{opacity:1;pointer-events:auto}

.route-of-six{border-top:1px solid var(--ruled);border-bottom:1px solid var(--ruled);background:var(--paper-2);padding:18px 0}
.route-of-six ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px 18px;justify-items:center}
.route-of-six a{display:block;text-decoration:none;color:var(--ink-2);font-weight:700;font-size:14px;padding:6px 4px;letter-spacing:.02em;text-align:center}
.route-of-six a small{display:block;color:var(--mute);font-weight:500;font-size:11px;margin-top:2px;letter-spacing:.04em}
@media (min-width:760px){.route-of-six ul{grid-template-columns:repeat(6,1fr)}}
.route-of-six a:hover{color:var(--accent-2)}

.chapter-strip{padding:42px 0 18px}
.chapter-strip .eyebrow{font-family:var(--font-disp);font-weight:800;font-size:12px;letter-spacing:.18em;color:var(--warm);text-transform:uppercase;margin-bottom:8px}
.chapter-strip .lead{font-size:18px;color:var(--ink-2);max-width:62ch}

.tile-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}
@media (min-width:760px){.tile-grid{grid-template-columns:repeat(3,1fr)}}
.tile-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--ruled);background:var(--surface);text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:220px}
.tile-card .img{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--surface-2)}
.tile-card .meta{padding:14px 16px 16px}
.tile-card .chapter{font-family:var(--font-disp);font-weight:800;font-size:11px;letter-spacing:.16em;color:var(--warm);text-transform:uppercase}
.tile-card h3{margin:.25em 0 .15em;font-size:19px}
.tile-card p{margin:0;color:var(--mute);font-size:14px}
.tile-card:hover{border-color:var(--warm)}

.hero-mosaic{padding:26px 0 6px}
.hero-frame{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);aspect-ratio:5/4;position:relative;border:1px solid var(--ruled)}
@media (min-width:760px){.hero-frame{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;aspect-ratio:16/9}}
.hero-tile{position:relative;overflow:hidden;background:var(--ink)}
.hero-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.02)}
.hero-tile .cap{position:absolute;inset:auto 0 0 0;padding:10px 12px;color:#fff;font-family:var(--font-disp);font-weight:700;font-size:13px;background:linear-gradient(180deg,rgba(53,25,35,0) 0%,rgba(53,25,35,.85) 100%);letter-spacing:.02em}
.hero-tile.big{grid-column:1 / span 2;grid-row:1 / span 2}
.hero-overlay{position:absolute;left:18px;top:18px;max-width:340px;background:rgba(255,246,248,.95);border-radius:14px;padding:14px 16px;border:1px solid var(--ruled);font-family:var(--font-disp)}
.hero-overlay .eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--warm);text-transform:uppercase;margin-bottom:4px}
.hero-overlay h1{font-size:30px;line-height:1.05;margin:.1em 0 .35em;letter-spacing:-.022em}
@media (max-width:599px){.hero-overlay{left:10px;right:10px;top:auto;bottom:10px;max-width:none}.hero-overlay h1{font-size:24px}}
.hero-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hero-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(53,25,35,.06);padding:5px 9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--ink-2);border:1px solid var(--ruled)}
.hero-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}

.section-marker{display:flex;align-items:baseline;gap:14px;margin:0 0 14px}
.section-marker .num{font-family:var(--font-disp);font-weight:800;font-size:clamp(64px,10vw,140px);line-height:.85;color:var(--ink);letter-spacing:-.05em}
.section-marker .num-mute{color:var(--warm);opacity:.95}
.section-marker .label{font-family:var(--font-disp);font-weight:800;font-size:12px;letter-spacing:.22em;color:var(--mute);text-transform:uppercase;border-top:1px solid var(--ruled);padding-top:6px;flex:1}

section[id]{scroll-margin-top:84px}
.section{padding:54px 0;border-top:1px solid var(--ruled);overflow-x:clip;max-width:100%}
.section.no-rule{border-top:0}
.section .section-head{margin-bottom:22px}
.section .section-head h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.018em;margin:0 0 6px}
.section .section-head p{margin:0;color:var(--mute);font-size:16px;max-width:62ch}

.mosaic-rules{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:760px){.mosaic-rules{grid-template-columns:1.1fr .9fr;align-items:stretch}}
.mosaic-rules .prose{padding:6px 0}
.mosaic-rules .prose h2{font-size:clamp(28px,3vw,38px);margin-bottom:12px}
.mosaic-rules .prose ul{padding-left:18px;margin:0 0 16px}
.mosaic-rules .prose li{margin-bottom:6px}
.mosaic-rules .visual{border-radius:var(--radius);overflow:hidden;border:1px solid var(--ruled);background:var(--surface);aspect-ratio:4/3}
.mosaic-rules .visual img{width:100%;height:100%;object-fit:cover}

.bd-desk{display:grid;gap:1px;background:var(--ruled);border:1px solid var(--ruled);border-radius:var(--radius);overflow:hidden}
.bd-desk .cell{background:var(--surface);padding:22px}
.bd-desk .cell h3{margin:0 0 6px;font-size:18px}
.bd-desk .cell p{margin:0;color:var(--mute);font-size:14.5px}
.bd-desk.two{grid-template-columns:1fr}
.bd-desk.three{grid-template-columns:1fr}
.bd-desk.four{grid-template-columns:1fr}
@media (min-width:660px){.bd-desk.two{grid-template-columns:1fr 1fr}.bd-desk.three{grid-template-columns:repeat(3,1fr)}.bd-desk.four{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.bd-desk.four{grid-template-columns:repeat(4,1fr)}}

.portrait-gallery{display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.portrait-gallery{grid-template-columns:repeat(4,1fr)}}
.portrait-gallery figure{margin:0}
.portrait-gallery .imgbox{aspect-ratio:3/4;border-radius:var(--radius);overflow:hidden;border:1px solid var(--ruled);background:var(--surface)}
.portrait-gallery img{width:100%;height:100%;object-fit:cover}
.portrait-gallery figcaption{padding:10px 4px 0;font-size:13.5px;color:var(--mute)}
.portrait-gallery figcaption strong{display:block;color:var(--ink);font-size:14.5px;margin-bottom:2px}

.format-rail{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:760px){.format-rail{grid-template-columns:repeat(3,1fr)}}
.format-rail .card{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px}
.format-rail .tag{font-family:var(--font-disp);font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--warm);background:var(--surface-2);padding:5px 9px;border-radius:999px;display:inline-flex;align-self:flex-start}
.format-rail h3{margin:.2em 0;font-size:21px}
.format-rail .meta{color:var(--mute);font-size:14px}
.format-rail ul{margin:6px 0 0;padding-left:18px;font-size:14.5px;color:var(--ink-2)}
.format-rail ul li{margin-bottom:4px}

.long-read{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:900px){.long-read{grid-template-columns:1.6fr 1fr;align-items:start}}
.long-read .body p{font-size:17.5px;line-height:1.75;color:var(--ink-2)}
.long-read .body h3{margin-top:1.2em;font-size:21px}
.long-read aside{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);padding:22px;position:sticky;top:96px}
.long-read aside h3{margin:0 0 10px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:800;font-family:var(--font-disp)}
.long-read aside ol{padding-left:18px;margin:0;font-size:14.5px;color:var(--ink-2)}
.long-read aside ol li{margin-bottom:8px}

.review-shelf{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:900px){.review-shelf{grid-template-columns:repeat(2,1fr)}}
.review-shelf .card{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:18px;border:1px solid var(--ruled);border-radius:var(--radius);background:var(--surface);align-items:start}
.review-shelf .card .badge{width:88px;height:88px;border-radius:12px;overflow:hidden;background:var(--surface-2)}
.review-shelf .card .badge img{width:100%;height:100%;object-fit:cover}
.review-shelf .card h3{margin:0 0 4px;font-size:18px}
.review-shelf .card .meta{color:var(--mute);font-size:13px;margin-bottom:6px}
.review-shelf .card .stars{color:var(--gold);font-size:14px;letter-spacing:2px}
.review-shelf .card p{margin:6px 0 0;color:var(--ink-2);font-size:14.5px}

.ledger{width:100%;border-collapse:collapse;margin-top:14px;background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);overflow:hidden;font-size:14.5px;table-layout:fixed;word-break:break-word}
.ledger th,.ledger td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--ruled-2);vertical-align:top}
.ledger thead th{background:var(--surface-2);font-family:var(--font-disp);font-weight:700;font-size:12.5px;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase}
.ledger tbody tr:last-child td{border-bottom:0}
.ledger .num{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.ledger .pos{color:#1F7A5C;font-weight:700}
.ledger .neg{color:#B43A4F;font-weight:700}

.helpline{background:linear-gradient(135deg,#FBEFF2 0%,#FCEEF2 100%);border:1px solid var(--warm);border-radius:var(--radius-lg);padding:30px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.helpline{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;padding:36px 40px}}
.helpline h2{font-size:clamp(26px,3vw,36px);margin:0 0 8px}
.helpline p{color:var(--ink-2);margin:0 0 12px;overflow-wrap:break-word;word-break:break-word}
.helpline ul{list-style:none;padding:0;margin:12px 0 0;font-size:14.5px;color:var(--ink-2)}
.helpline ul li{padding-left:22px;position:relative;margin-bottom:6px;overflow-wrap:break-word}
.helpline ul li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--warm)}
.helpline ul li strong{overflow-wrap:anywhere}
.helpline .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.helpline .actions .btn{max-width:100%;text-align:center;white-space:normal;line-height:1.25}

.story-rail{display:grid;gap:14px;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 18px;scroll-padding:8px;-webkit-overflow-scrolling:touch}
@media (min-width:760px){.story-rail{grid-auto-columns:46%}}
@media (min-width:1024px){.story-rail{grid-auto-columns:32%}}
.story-rail .card{scroll-snap-align:start;background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.story-rail .card .img{aspect-ratio:16/10;background:var(--surface-2)}
.story-rail .card .img img{width:100%;height:100%;object-fit:cover}
.story-rail .card .meta{padding:14px 16px 16px}
.story-rail .card .date{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-weight:700;font-family:var(--font-disp)}
.story-rail .card h3{margin:.2em 0 .35em;font-size:18px;line-height:1.25}
.story-rail .card p{margin:0;color:var(--mute);font-size:14px}
.story-rail-wrap{position:relative;overflow-x:clip;max-width:100%}
.story-rail-nav{display:flex;justify-content:flex-end;gap:6px;margin-bottom:6px}
.story-rail-nav button{appearance:none;background:transparent;border:1px solid var(--ruled);width:34px;height:34px;border-radius:8px;color:var(--ink);font-size:16px}
.story-rail-nav button:hover{background:var(--surface-2)}
.story-rail-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.colophon{background:var(--ink);color:#EFE2E7;padding:46px 0 22px;margin-top:54px}
.colophon a{color:#EFE2E7;text-decoration:none}
.colophon a:hover{color:#fff;text-decoration:underline}
.colophon .grid{display:grid;gap:30px;grid-template-columns:1fr}
@media (min-width:760px){.colophon .grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}}
.colophon h2{font-family:var(--font-disp);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#E09AAD;margin:0 0 12px;font-weight:800;line-height:1.3}
.colophon ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.colophon .brand-line{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.colophon .brand-line .mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#9A4560,#8A5F18);display:grid;place-items:center;color:#fff;font-weight:800}
.colophon .brand-line strong{font-family:var(--font-disp);font-size:20px;color:#fff}
.colophon .meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:13px;color:#B89DA9}
.colophon .small,.colophon .muted{color:#B89DA9}
.colophon p{color:#EFE2E7}
.colophon .legal-line{margin-top:34px;padding-top:18px;border-top:1px solid #5B3A48;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:12.5px;color:#B89DA9}
.colophon .legal-line a{color:#D9C3CC}

/* alt footer grid used by about/robots/sitemap (no .colophon wrapper) */
.colophon-grid{display:grid;gap:30px;grid-template-columns:1fr}
@media (min-width:760px){.colophon-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:42px}}
.colophon-grid .brand-block{font-size:14.5px;line-height:1.55;color:#EFE2E7}
.colophon-grid .brand-block strong{font-family:var(--font-disp);color:#fff;font-size:18px}
.colophon-grid h5{font-family:var(--font-disp);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#E09AAD;margin:0 0 12px;font-weight:800}
.colophon-grid a{display:block;color:#EFE2E7;text-decoration:none;padding:3px 0;font-size:14.5px}
.colophon-grid a:hover{color:#fff;text-decoration:underline}
.colophon-grid .brand-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#9A4560,#8A5F18);display:grid;place-items:center;color:#fff;font-weight:800}
.colophon-grid .date-strip{margin-top:28px;padding-top:18px;border-top:1px solid #5B3A48;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:12.5px;color:#B89DA9}
.colophon-grid .small,.colophon-grid .muted{color:#B89DA9}

.faq{display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--ruled);border-radius:12px;padding:14px 16px}
.faq summary{cursor:pointer;font-weight:700;color:var(--ink);font-family:var(--font-disp);font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--warm);font-weight:800;font-size:20px;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:10px 0 0;color:var(--ink-2);font-size:15px}

.toc{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);padding:16px 18px}
.toc h4{margin:0 0 8px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:800;font-family:var(--font-disp)}
.toc ol{padding-left:20px;margin:0;font-size:14.5px;color:var(--ink-2)}
.toc ol li{margin-bottom:4px}
.toc a{text-decoration:none;color:var(--ink-2)}
.toc a:hover{color:var(--accent-2);text-decoration:underline}

.page-hero{padding:46px 0 26px;border-bottom:1px solid var(--ruled)}
.page-hero .eyebrow{font-family:var(--font-disp);font-weight:800;font-size:12px;letter-spacing:.18em;color:var(--warm);text-transform:uppercase;margin-bottom:10px}
.page-hero h1{font-size:clamp(30px,4.4vw,52px);letter-spacing:-.022em;margin:0 0 12px}
.page-hero .lede{font-size:18px;color:var(--ink-2);max-width:62ch}
.page-hero .meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:13px;color:var(--mute)}
.page-hero .meta-row .pill{background:var(--surface);border:1px solid var(--ruled);padding:5px 9px;border-radius:999px;font-weight:600;color:var(--ink-2)}

.article{display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.article{grid-template-columns:minmax(0,1fr) 280px}}
.article > *{min-width:0}
article.body{box-sizing:border-box;min-width:0 !important;max-width:100%;overflow-wrap:break-word}
.article .body, .body{padding:30px 0 20px;min-width:0;overflow-wrap:break-word;max-width:100%}
.article .body > * + *{margin-top:18px}
.article .body h2{margin-top:34px;font-size:clamp(24px,2.6vw,32px);scroll-margin-top:90px}
.article .body h3{margin-top:24px;font-size:20px}
.article .body p,.article .body li{font-size:17px;line-height:1.75;color:var(--ink-2)}
.article .body ul,.article .body ol{padding-left:20px}
.article .body figure{margin:24px 0;max-width:100%}
.article .body figure img{border-radius:var(--radius);border:1px solid var(--ruled);max-width:100%;height:auto}
.article .body figcaption{color:var(--mute);font-size:13px;margin-top:6px}
.article .body blockquote{border-left:3px solid var(--warm);padding:8px 16px;margin:20px 0;color:var(--ink-2);background:var(--surface-2);border-radius:0 12px 12px 0;font-style:normal}
.article .body blockquote cite{display:block;margin-top:6px;font-size:13px;color:var(--mute);font-style:normal}

.aside-rail{display:flex;flex-direction:column;gap:18px;position:sticky;top:96px;align-self:start}
@media (max-width:899px){.aside-rail{position:static}}

.kpi-row{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:18px 0}
@media (min-width:660px){.kpi-row{grid-template-columns:repeat(4,1fr)}}
.kpi{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);padding:14px 14px;text-align:left}
.kpi .label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-weight:700;font-family:var(--font-disp)}
.kpi .value{font-family:var(--font-disp);font-weight:800;font-size:22px;color:var(--ink);margin-top:4px}

.related-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:660px){.related-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.related-grid{grid-template-columns:repeat(3,1fr)}}
.related-card{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.related-card .img{aspect-ratio:16/10;background:var(--surface-2)}
.related-card .img img{width:100%;height:100%;object-fit:cover}
.related-card .meta{padding:14px 16px}
.related-card .date{font-size:11.5px;color:var(--mute);letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-family:var(--font-disp)}
.related-card h3{margin:.2em 0;font-size:17px;line-height:1.25}
.related-card:hover{border-color:var(--warm)}

.factbox{background:var(--surface-2);border:1px solid var(--warm);border-radius:var(--radius);padding:18px 20px;margin:18px 0}
.factbox h3{margin:0 0 6px;font-size:16px;font-family:var(--font-disp);font-weight:800}
.factbox p{margin:0;color:var(--ink-2);font-size:14.5px}
.factbox .verdict{font-weight:700;color:var(--ink)}

.steps{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:760px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps .step{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:flex-start}
.steps .step .n{width:36px;height:36px;border-radius:10px;background:var(--warm);color:#fff;display:grid;place-items:center;font-family:var(--font-disp);font-weight:800;flex-shrink:0;font-size:16px}
.steps .step h3{margin:0 0 4px;font-size:16px}
.steps .step p{margin:0;color:var(--mute);font-size:14px}

.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:140;display:none}
@media (max-width:899px){.sticky-cta{display:block}}
.sticky-cta .btn{width:100%;box-shadow:0 10px 30px rgba(53,25,35,.20);font-size:16px}
.sticky-cta-wrap{padding-bottom:84px}

.inline-related{border-left:3px solid var(--accent);background:var(--surface-2);padding:12px 16px;border-radius:0 10px 10px 0;margin:22px 0}
.inline-related h4{margin:0 0 6px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;font-family:var(--font-disp);color:var(--ink-2)}
.inline-related ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14.5px}
.inline-related a{text-decoration:none;color:var(--accent-2)}
.inline-related a:hover{text-decoration:underline}

.media-row{display:grid;gap:14px;grid-template-columns:1fr;margin:18px 0}
@media (min-width:720px){.media-row{grid-template-columns:1fr 1fr}}
.media-row figure{margin:0}
.media-row img{width:100%;border-radius:var(--radius);border:1px solid var(--ruled)}
.media-row figcaption{font-size:13px;color:var(--mute);margin-top:6px}

.compared{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);overflow:hidden;table-layout:fixed;word-break:break-word}
.compared th,.compared td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--ruled-2);vertical-align:top}
.compared thead th{background:var(--ink);color:#fff;font-family:var(--font-disp);font-weight:700;font-size:13px}
.compared .check{color:#1F7A5C;font-weight:700}
.compared .x{color:#B43A4F;font-weight:700}

.notice{background:#FFFBEA;border:1px solid #E6C97A;border-radius:12px;padding:14px 16px;margin:14px 0;color:#5A4719;font-size:14.5px}
.notice strong{color:#3A2D11}
.notice-pink{background:var(--surface-2);border:1px solid var(--ruled);border-radius:12px;padding:14px 16px;margin:14px 0;color:var(--ink-2);font-size:14.5px}

.form-card{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);padding:22px}
.form-card label{display:block;font-size:13px;color:var(--ink-2);font-weight:600;margin-bottom:6px}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--ruled);background:#fff;color:var(--ink);font:inherit}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.form-card .row{display:grid;gap:14px;grid-template-columns:1fr;margin-bottom:14px}
@media (min-width:720px){.form-card .row.cols-2{grid-template-columns:1fr 1fr}}

.muted{color:var(--mute)}
.small{font-size:13px;color:var(--mute)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--ruled);color:var(--ink-2);padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;font-family:var(--font-disp)}

.news-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:660px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr)}}
.news-card{background:var(--surface);border:1px solid var(--ruled);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column}
.news-card .img{aspect-ratio:16/10;background:var(--surface-2)}
.news-card .img img{width:100%;height:100%;object-fit:cover}
.news-card .meta{padding:14px 16px 16px}
.news-card .kicker{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--warm);font-weight:800;font-family:var(--font-disp)}
.news-card h3{margin:.25em 0 .35em;font-size:19px;line-height:1.25}
.news-card p{margin:0;color:var(--mute);font-size:14px}
.news-card .byline{margin-top:10px;font-size:12px;color:var(--mute-2)}

.callout-soft{background:#FBEFF2;border:1px dashed var(--ruled);border-radius:var(--radius);padding:20px 22px;color:var(--ink-2);font-size:15px}
.callout-soft strong{color:var(--ink)}

.explore{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:660px){.explore{grid-template-columns:1fr 1fr}}
.explore a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--ruled);background:var(--surface);text-decoration:none;color:var(--ink);font-weight:600}
.explore a:hover{border-color:var(--warm)}
.explore a small{display:block;color:var(--mute);font-weight:500;font-size:13px;margin-top:2px}

html{overflow-x:hidden}
body{overflow-x:clip}
.brand-row{flex-wrap:wrap}
@media (max-width:520px){.cta-desktop .btn-ghost{display:none}.brand-row{gap:8px}.brand{font-size:18px !important}.brand .mark{width:30px;height:30px;font-size:16px}}

a:focus-visible,button:focus-visible,summary:focus-visible,.hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}

.legal-meta{font-size:12.5px;color:var(--mute);line-height:1.6}

.split-img{display:grid;gap:18px;grid-template-columns:1fr;align-items:center;margin:18px 0}
@media (min-width:780px){.split-img{grid-template-columns:1.1fr 1fr}}
.split-img.reverse{direction:rtl}
.split-img.reverse > *{direction:ltr}
.split-img img{width:100%;border-radius:var(--radius);border:1px solid var(--ruled)}
.split-img figcaption{font-size:13px;color:var(--mute);margin-top:6px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.center{text-align:center}
.spaced{margin-top:18px}
.mt-0{margin-top:0}
.mt-1{margin-top:8px}.mt-2{margin-top:14px}.mt-3{margin-top:22px}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:14px}.mb-3{margin-bottom:22px}
.row-gap-tight{display:flex;flex-wrap:wrap;gap:8px}

@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}