/* ══════════════════════════════════════════════════════════════
   EMERSEN v4 THEME — dark earth, re-skins every site.css page.
   Tokens are inverted page-wide; containers that already paint a
   dark or coloured ground get their original tokens back, so their
   light-on-dark type keeps working. Pebble motifs are removed in
   markup; any CSS pebble shapes are squared off here.
   ══════════════════════════════════════════════════════════════ */
:root{
  --cream:#16110D;--cream-2:#1E1813;--paper:#231C16;
  --ink:#F5EFE4;--ink-2:rgba(245,239,228,.8);
  --clay:#9DB36E;--clay-soft:#B6C98E;--clay-deep:#D2E0B4;
  --moss:#8C9E61;--moss-soft:#A7B97A;--moss-deep:#C2D09B;
  --ochre:#DDB372;--ochre-soft:#E8C890;--aubergine:#A37D8F;--aubergine-soft:#BC98A9;--teal:#72A095;--rust:#D88660;--stone:#B5A58E;
  --muted:rgba(245,239,228,.62);--hairline:rgba(245,239,228,.12);--hairline-2:rgba(245,239,228,.07);
  --font-display:'Schibsted Grotesk',system-ui,sans-serif;
  --font-body:'Schibsted Grotesk',system-ui,sans-serif;
  --font-accent:'Source Serif 4',Georgia,serif;
  --radius:16px;
}
html,body{background:#16110D;color:#F5EFE4}
body{font-weight:400}
::selection{background:#DDB372;color:#16110D}

/* dark / coloured grounds keep light-on-dark tokens, one shade deeper than the page */
.section--ink,
.btn--primary,
.nav .btn--outline,
.watch-btn,
.dform select option,
.card__watch,
.nav-toggle span,
.logos,
.compare__cell--to,
.card--feature,
.cta,
.chat__bar,
.chat__avatar,
.chat__msg--user .chat__bubble,
.companion-card,
.skip-link,
.fsnap__bar,
.fsnap__f--predict .fsnap__bar,
.fsnap__f--assist .fsnap__bar,
.fsnap__f--companion .fsnap__bar,
.fsnap__st--live,
.mkt__tick,
.chap__rule,
.chap > #method.section--ink,
.chap > #moments.section--ink,
.layer__l--own,
.offer__st--live,
.ar-cta__inner,
.ab-cta,
.man-statement,
.man-close__inner,
.faq-cta,
.ti-model--exec{--cream:#F5EFE4;--cream-2:#EDE5D4;--paper:#FAF6EC;--ink:#1A1410;--ink-2:#2A211B;--clay:#8FB060;--clay-soft:#A9C47E;--clay-deep:#C9DDA4;--moss:#6B7E40;--moss-soft:#A2B774;--ochre:#DDB372;--ochre-soft:#E8C890;--muted:rgba(245,239,228,.62);--hairline:rgba(245,239,228,.16);--hairline-2:rgba(245,239,228,.08)}
.section--ink,.cta,.belief,.ar-cta__inner,.ab-cta{background:#0F0B08!important;box-shadow:inset 0 0 0 1px rgba(245,239,228,.08)}

/* headline accents: italic serif in amber, as on the homepage */
h1 em.accent,h2 em.accent,h1 em,h2 em{color:#DDB372!important;font-family:'Source Serif 4',Georgia,serif;font-style:italic;font-weight:400}
.h-display{letter-spacing:-.035em!important}
.scribble{display:none!important}

/* surfaces: cards read as raised panels on the dark page */
[class*="card"]:not([class*="__"]),.fam,.step,.cpz__c,.mkt__c,.ar-next__card,.founder,.faq-q,.hq,.dim,.tile{border-color:rgba(245,239,228,.1)}
.card,.assess-card,.ar-next__card,.founder,.cpz__c{border:1px solid rgba(245,239,228,.09);border-radius:16px}

/* buttons: pills */
.btn{border-radius:999px!important}
.btn--primary{background:#F5EFE4!important;color:#16110D!important}
.btn--primary:hover{box-shadow:0 10px 28px rgba(0,0,0,.45)}
.btn--outline{box-shadow:inset 0 0 0 1px rgba(245,239,228,.24)!important;color:#F5EFE4!important;background:none!important}

/* pebble-shaped CSS bullets become small squared ticks */
.ar-body ul li::before,[class*="stone"],.mkt__x,.mkt__tick{border-radius:2px!important}
.divider-stones,[class*="__rings"],[class*="__stones"],.cn-hero__rings{display:none!important}

/* ── v4 chrome ── */
.v4nav{position:sticky;top:0;z-index:60;background:rgba(22,17,13,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,239,228,.09)}
.v4nav__in{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:28px;height:66px}
.v4brand{font-family:'Young Serif',Georgia,serif;font-size:24px;color:#F5EFE4;line-height:1;text-decoration:none}
.v4nav__l{display:flex;gap:24px;margin-left:12px}
.v4nav__l a{font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:14px;color:rgba(245,239,228,.66);text-decoration:none}
.v4nav__l a:hover,.v4nav__l a[aria-current]{color:#F5EFE4}
.v4nav__r{margin-left:auto}
.v4btn{display:inline-flex;font-family:'Schibsted Grotesk',system-ui,sans-serif;font-size:13.5px;font-weight:600;padding:9px 17px;border-radius:999px;background:#F5EFE4;color:#16110D;text-decoration:none}
.v4btn:hover{color:#16110D;box-shadow:0 10px 28px rgba(0,0,0,.45)}
@media (max-width:900px){.v4nav__l{display:none}}
.v4foot{border-top:1px solid rgba(245,239,228,.09);padding:56px 0 40px;font-family:'Schibsted Grotesk',system-ui,sans-serif;background:#16110D;color:#F5EFE4}
.v4foot__in{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}
.v4foot__g{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}
.v4foot h4{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,239,228,.42);margin:0 0 14px}
.v4foot a{display:block;font-size:14.5px;color:rgba(245,239,228,.66);padding:4px 0;text-decoration:none}
.v4foot a:hover{color:#F5EFE4}
.v4foot p{font-size:14px;color:rgba(245,239,228,.42);margin:12px 0 0;max-width:30ch}
.v4foot__b{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:1px solid rgba(245,239,228,.09);font-size:13px;color:rgba(245,239,228,.42)}
@media (max-width:760px){.v4foot__g{grid-template-columns:1fr 1fr}}

/* FAQ closing card: muted panel instead of moss green */
.faq-cta{background:#221B15!important;box-shadow:inset 0 0 0 1px rgba(245,239,228,.1)!important}
.faq-cta .btn--on-dark,.faq-cta .btn{background:#F5EFE4!important;color:#16110D!important}

/* collapse the slots stones used to occupy */
[class*="__stone"],[class*="-stone"]:not(svg){display:none!important}
.companion-card,.predict-card{grid-template-columns:1fr!important}
/* Perspective: hard questions. Stones are hidden, so show the numbers in gold and tighten the gutter */
.hq{grid-template-columns:72px 1fr!important;gap:32px!important}
.hq__index-n{position:static!important;width:auto!important;height:auto!important;justify-content:flex-start!important;font-size:40px!important;line-height:1!important;padding-top:2px;color:#DDB372!important}
.hq__view{max-width:760px!important}
.hq__worry{max-width:640px!important}
@media (max-width:860px){.hq{grid-template-columns:1fr!important;gap:14px!important}.hq__index-n{font-size:30px!important}}
/* suite family heads: titles never squeeze */
.suite-family__head{flex-wrap:wrap;row-gap:10px}
.suite-family__title{flex-shrink:0;white-space:nowrap;margin-bottom:6px}