/* ══════════════════════════════════════════════════════════════
   iv-tiles.css — Apple-style tile layout on one continuous plum
   canvas. Linked ONLY on the pages that adopt the new Home design
   language (Exposure, Economics·Potential, Intelligence, Articles,
   ADAPT&R). Loaded AFTER iv-shared.css so it overrides it.
   Brand colours stay IV — only the LAYOUT principle is Apple.
   ══════════════════════════════════════════════════════════════ */

/* — Flip the light "parchment/agora" theme tokens to the plum ladder,
     so every light surface/text that uses them becomes dark+cream. — */
:root{
  --parchment-bg:#1A1225;--parchment-light:#2A1D3D;--parchment-card:#2A1D3D;--parchment-rule:#3D2855;
  --warm-white:#2A1D3D;--warm-gray:#3D2855;--light-marble:#1A1225;
  --ink-primary:#E8E4DE;--ink-secondary:#AEA2BC;--ink-muted:#8A7E94;
  --deep-purple-text:#AEA2BC;--sepia:#C4956A;
}

/* — One continuous plum canvas: no more alternating full-bleed zones — */
body{background:var(--dark-marble)}
.zone-dark,.zone-elevated,.rem-section,.programs-section,#agora,
.impact-hero,.impact-cta,.agora-close{background:transparent!important;border-top:none!important;border-bottom:none!important}
#agora{color:var(--marble)!important}
/* kill the light→dark gradient transition bands */
.transition-band,.wdc-transition,.wdc-return-band{height:0!important;background:none!important}

/* — Light-theme titles that were coloured with --dark-marble → cream — */
.ag-title,.seed-label h2,.domains-section h2,.programs-inner h2,
.dc-title,.pc-body h3,.impact-cta h2,.agora-close h2{color:var(--marble)!important}

/* — Big Georgia headlines on the canvas (heroes untouched) — */
.zone-title,.ag-title{font-size:clamp(30px,4.2vw,46px)!important;letter-spacing:-0.01em;line-height:1.15}
.l-heading{font-size:clamp(24px,3.2vw,34px)!important}
.zone-label,.l-container .l-label,.ag-label{letter-spacing:3px}

/* — Tiles: cards-plum, rounded, generous padding, dezente bronze
     hairline + weicher Schatten (the Apple feature-tile look) — */
.stat-card,.trust-claim,.cross-site-card,.article-card,.phase-card,
.domain-card,.prog-card,.problem-card,.l-callout,.wdc-card,.iv-module,
.impact-cta-inner,
[style*="border-left:2px solid var(--bronze)"],
[style*="border-left:3px solid var(--bronze)"]{
  background:var(--deep-surface)!important;
  border:1px solid rgba(196,149,106,0.16)!important;
  border-radius:22px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 34px 66px -48px rgba(0,0,0,.95);
  transition:border-color .3s ease,transform .3s ease;
}
.stat-card{padding:2.25rem 1.75rem!important;overflow:visible!important}
.stat-card::before{display:none}
.stat-number{color:var(--bronze)!important;font-family:var(--serif)}
.stat-desc{color:var(--marble)!important}
.trust-claim{border-left:1px solid rgba(196,149,106,0.16)!important;padding:1.9rem 1.75rem!important}
.phase-card,.domain-card,.prog-card,.problem-card,.l-callout{padding:1.9rem 2rem!important}
.phase-card h3,.phase-card h4,.dc-title,.pc-body h3,.l-callout .lead{color:var(--marble)!important}
.phase-card p,.dc-desc,.pc-body p,.l-callout .body{color:var(--ash)!important}
.phase-letter,.pc-abbr,.l-container .l-label{color:var(--bronze)!important}
.domain-card::before{display:none!important}

.stat-card:hover,.trust-claim:hover,.article-card:hover,.phase-card:hover,
.domain-card:hover,.prog-card:hover,.cross-site-card:hover,
[style*="border-left:2px solid var(--bronze)"]:hover,
[style*="border-left:3px solid var(--bronze)"]:hover{
  border-color:rgba(196,149,106,0.42)!important;transform:translateY(-2px)}

/* — SEED matrix table on plum — */
.seed-matrix,.seed-matrix th,.seed-matrix td{color:var(--marble)!important;border-color:var(--tyrian)!important}
.seed-matrix .empty{color:var(--ash)!important}

/* — Interactive tool shells become rounded tiles; internals untouched — */
.rem-tool,.wdc-section{
  background:var(--deep-surface)!important;
  border:1px solid rgba(196,149,106,0.16)!important;
  border-radius:26px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 40px 80px -52px rgba(0,0,0,.95);
}
.wdc-section{max-width:900px;margin:0 auto;padding:2.5rem clamp(1.25rem,3vw,2.5rem)!important}
.theater-embed-wrap iframe{border-radius:22px!important}

/* — Roomier rhythm between sections (viel Weißraum) — */
.rem-cta,.impact-cta{padding-top:clamp(2rem,5vw,4rem)!important}
.cross-site{border-top:none!important}

/* — TRELIS block (adaptr): from full-bleed band to a centered card — */
.trelis-block{
  width:min(900px,calc(100% - 3rem))!important;
  margin:2.5rem auto!important;
  background:var(--deep-surface)!important;
  border:1px solid rgba(196,149,106,0.16)!important;
  border-left:1px solid rgba(196,149,106,0.16)!important;
  border-radius:22px!important;
  padding:2rem 2.35rem!important;
  box-shadow:0 1px 2px rgba(0,0,0,.35),0 34px 66px -48px rgba(0,0,0,.95);
}