/* ============================================================
   STEMCELLATLAS — clinical editorial system
   Cold white canvas, navy ink, teal/cyan evidence signals.

   Palette verified against Alethia (Awwwards Site of the Day, climate-tech):
   No cream paper tones: the visual register is medical, crisp and current.

   Typography chosen for READING, not for decoration:
     Source Serif 4 (Adobe, Frank Griesshammer) — a TEXT serif drawn for screens.
       Moderate stroke contrast, so thin strokes survive at every size; the opsz
       axis adjusts proportions per size automatically. A display serif such as
       Fraunces or Playfair has high contrast and fussy details that read as
       decorative and go weak at body sizes — wrong register for a reference work.
     Inter (Rasmus Andersson) — tall x-height, open apertures, and unambiguous
       glyphs (1 / l / I are distinct). This page is full of NCT identifiers,
       percentages and counts, so digit and letter disambiguation is functional,
       not aesthetic. Tabular figures are on by default site-wide.
   Tracking stays at or above 0: negative tracking collides glyphs at large sizes.
   ============================================================ */
/* Approved Switzer direction (2026-08-30): EN plus explicitly opted-in,
   newly localized pages. Legacy non-EN pages retain their existing families. */
@import url('https://api.fontshare.com/v2/css?f[]=switzer@400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400..600&family=Inter:wght@400..600&display=swap');

:root{
  --paper:#f7fafc;
  --paper-2:#ffffff;
  --paper-3:#edf4f6;
  --paper-4:#dce8ed;
  --bg:var(--paper);

  --ink:#09202b;
  --muted:#53666f;
  --faint:#70838d;
  --hair:#d8e2e7;
  --hair-2:#e8eff3;

  --accent:#087c80;
  --accent-2:#07555e;
  --accent-soft:#e3f5f6;
  --bright:#83e7ef;
  --bright-2:#43c7d3;
  --clay:#b34d59;
  --gold:#b34d59;
  --navy:#082e3a;
  --signal:#2f80ed;
  --positive:#39b98a;
  --danger:#d15b62;
  --line:var(--hair);
  --surface:var(--paper-2);

  --maxw:1180px;
  --radius:16px;
  --shadow-sm:0 1px 2px rgba(15,31,16,.05);
  --shadow:0 2px 6px rgba(15,31,16,.05),0 18px 40px -22px rgba(15,31,16,.26);
  --shadow-lg:0 4px 10px rgba(15,31,16,.05),0 40px 80px -34px rgba(15,31,16,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip;max-width:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-weight:400;font-size:17px;line-height:1.62;font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
[dir="rtl"] body{font-family:Inter,'Segoe UI',Tahoma,sans-serif}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4.5vw,28px)}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Source Serif 4','Iowan Old Style',Georgia,serif;font-optical-sizing:auto;
  font-weight:600;letter-spacing:-.002em;line-height:1.14;color:var(--ink);margin:0 0 .48em;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.2vw,3.9rem)}
h2{font-size:clamp(1.7rem,3.1vw,2.4rem);line-height:1.14}
h3{font-size:1.32rem;line-height:1.25}
p{margin:0 0 1.05em;color:var(--muted)}
.lead{font-size:clamp(1.06rem,1.5vw,1.24rem);color:var(--muted);line-height:1.6;font-weight:400}
.eyebrow{font-family:Inter;font-size:.7rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase;color:var(--accent)}
.muted{color:var(--faint)}.faint{color:var(--faint)}.small{font-size:.88rem}
.serif{font-family:'Source Serif 4',Georgia,serif}

/* status pills on the cell-type pages */
.pill{display:inline-block;font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 13px;border-radius:999px;border:1px solid var(--hair);color:var(--muted);background:var(--paper-2)}
.pill.ok{border-color:var(--bright-2);color:var(--accent-2);background:var(--bright)}
.pill.warn{border-color:#e0d6a8;color:#6b5710;background:#f7f0d8}
.pill.bad{border-color:#e2c6b4;color:var(--clay);background:#f4e8e1}

/* ---- Skip link: keyboard users hit ~30 nav links before reaching content.
   Off-screen until focused, then pinned top-left above the sticky header. ---- */
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;z-index:200;background:var(--accent);color:#fff;
  font-size:.92rem;font-weight:600;text-decoration:none;border-radius:0 0 10px 0}
/* NB: hidden by clip-path, not by left:-9999px. Off-canvas positioning is measured
   into scrollWidth in RTL documents — on /he/ and /ar/ it produced an 11,424px wide
   page (10,000px of phantom scroll) even with overflow-x:clip on html and body. */
.skip-link:focus{position:absolute;width:auto;height:auto;clip-path:none;
  inset-inline-start:0;top:0;padding:12px 20px}

/* ---- Header ---- */
header.site{position:sticky;top:0;z-index:50;background:rgba(247,250,252,.9);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--hair)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}




.menu{display:flex;gap:16px;align-items:center;margin-left:24px;font-size:.92rem;font-weight:500;flex-wrap:nowrap}
.menu a{color:var(--muted);transition:color .2s;white-space:nowrap}.menu a:hover{color:var(--accent)}
.nav .btn{flex:none}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 22px;border-radius:999px;font-size:.92rem;font-weight:600;border:1px solid var(--accent);transition:transform .15s,box-shadow .2s;cursor:pointer}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px rgba(31,74,51,.45)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--hair)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}
.lang-pick{font-size:.82rem;color:var(--faint);display:flex;gap:9px;flex-wrap:wrap}
.lang-pick a:hover{color:var(--accent)}.lang-pick a.on{color:var(--ink);font-weight:600}

/* ---- Hero ---- */
.hero{padding:46px 0 40px;border-bottom:1px solid var(--hair)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.2rem,4vw,3.4rem)}
.hero-card{border:1px solid var(--hair);border-radius:18px;padding:28px;background:var(--paper-2);box-shadow:var(--shadow)}
.hero-card .calc-total{font-size:2.5rem;margin:6px 0 0}
.hero-card .savebox{margin-top:14px}
.hero .eyebrow{margin-bottom:14px;display:inline-block}
.eu-flag{display:inline-block;background:#003399;color:#ffd617;font-size:.86rem;font-weight:600;
  padding:9px 16px;border-radius:999px;margin-bottom:22px;letter-spacing:.01em;line-height:1.4}
.eu-flag a{color:#ffd617;text-decoration:underline}
.hero h1{max-width:16ch}
.hero .lead{max-width:60ch;margin-top:18px}
.hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.trust{display:flex;gap:34px;margin-top:48px;flex-wrap:wrap;padding-top:30px;border-top:1px solid var(--hair-2)}
.trust .t{min-width:120px}
.trust .n{font-family:'Source Serif 4',Georgia,serif;font-size:2.1rem;color:var(--accent);line-height:1}
.trust .l{font-size:.82rem;color:var(--muted);margin-top:6px;letter-spacing:.02em}

/* ---- Sections ---- */
section{padding:72px 0}
.section-head{max-width:64ch;margin-bottom:42px}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--hair);border-radius:var(--radius);padding:26px;background:var(--paper-2);transition:border-color .2s,transform .2s,box-shadow .25s}
.card:hover{border-color:var(--hair);transform:translateY(-2px);box-shadow:var(--shadow)}
.card h3{font-size:1.32rem;margin-bottom:.35em}
.card p{font-size:.98rem;color:var(--muted);margin-bottom:.6em}
.card .more{font-size:.86rem;font-weight:600;color:var(--accent)}
.tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:5px 11px;border-radius:999px;margin-bottom:14px}
.alt{background:var(--paper-3)}

/* ---- Prose (article body) ---- */
.prose{max-width:74ch;margin:0 auto}
.prose h2{margin-top:1.7em}.prose h3{margin-top:1.5em}
.prose ul{padding-left:1.1em}.prose li{margin:.4em 0;color:var(--muted)}
.prose .callout{border-left:3px solid var(--accent);background:var(--accent-soft);padding:18px 22px;border-radius:0 10px 10px 0;margin:1.6em 0;font-size:1rem}
.prose .src{font-size:.82rem;color:var(--faint);border-top:1px solid var(--hair);padding-top:14px;margin-top:30px}
.breadcrumb{font-size:.82rem;color:var(--faint);margin-bottom:26px;letter-spacing:.02em}
.breadcrumb a:hover{color:var(--accent)}

/* ---- Table ---- */
table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--hair)}
th{font-family:Inter;font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
tr:hover td{background:var(--paper-3)}
.win{color:var(--accent);font-weight:600}

/* ---- Calculator ---- */
.calc{border:1px solid var(--hair);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--paper-2)}
.calc-grid{display:grid;grid-template-columns:1.05fr .95fr}
.calc-in{padding:34px 32px;border-right:1px solid var(--hair)}
.calc-out{padding:34px 32px;background:var(--paper-2)}
.field{margin-bottom:24px}
.field label{display:flex;justify-content:space-between;font-size:.86rem;font-weight:600;color:var(--muted);margin-bottom:9px}
.field label .val{color:var(--accent);font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:4px;background:var(--hair);outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid #fff;box-shadow:0 1px 5px rgba(11,107,83,.4)}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid #fff}
select,input[type=number]{width:100%;padding:11px 13px;border:1px solid var(--hair);border-radius:10px;font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--paper-2)}
.calc-total{font-family:'Source Serif 4',Georgia,serif;font-size:3rem;color:var(--accent);line-height:1;margin:4px 0 2px;font-variant-numeric:tabular-nums}
.calc-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--hair-2);font-size:.94rem}
.calc-row span:first-child{color:var(--muted)}
.calc-row b{font-variant-numeric:tabular-nums}
.calc-route{margin:0 0 22px;padding:13px 15px;border:1px solid #bdd4c5;border-radius:10px;background:#edf5ef;color:#183729;font-size:.92rem;line-height:1.45}
.calc-route span{display:inline-block;margin:0 7px;color:var(--accent)}
.field-note{display:block;margin-top:7px;color:var(--faint);font-size:.78rem;line-height:1.4}
.calc-section-title{margin:24px 0 14px;padding-top:20px;border-top:1px solid var(--hair);font:600 .9rem/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.calc-result-label{font-size:.76rem;line-height:1.35;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.calc-compare-result{margin-top:26px;padding:20px;border-radius:12px;background:#fff;border:1px solid var(--hair)}
.calc-home-total{font-family:'Source Serif 4',Georgia,serif;font-size:2.1rem;line-height:1.05;margin:7px 0 12px;color:var(--ink);font-variant-numeric:tabular-nums}
.calc-gap{display:flex;justify-content:space-between;gap:18px;padding-top:12px;border-top:1px solid var(--hair-2);font-size:.88rem;color:var(--muted)}
.calc-gap b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.calc-gap .gap-positive{color:#176b3a}.calc-gap .gap-negative{color:#9b3b35}
.calc-benefit-section{margin-top:52px}
.calc-benefit-section .section-head{margin-bottom:24px}
.calc-benefits .card{height:100%}
.savebox{margin-top:18px;background:var(--accent-soft);border-radius:12px;padding:18px 20px}
.savebox .big{font-family:'Source Serif 4',Georgia,serif;font-size:2rem;color:var(--accent);line-height:1}
.safe-badge{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:.85rem;color:var(--muted)}
.safe-badge .ic{width:30px;height:30px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-weight:700}

/* ---- CTA band ---- */
.cta-band{background:var(--ink);color:#fff;border-radius:20px;padding:56px;text-align:center;margin:30px auto}
.cta-band h2{color:#fff}.cta-band p{color:#c7ccd3}
.cta-band .btn{background:var(--paper-2);color:var(--ink);border-color:var(--paper-2)}

/* ---- Footer ---- */
footer.site{border-top:1px solid var(--hair);padding:56px 0 40px;font-size:.9rem;color:var(--muted)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
footer h4{font-family:Inter;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
footer a{display:block;padding:4px 0;color:var(--muted)}footer a:hover{color:var(--accent)}
.foot-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:var(--faint)}
.disc{font-size:.78rem;color:var(--faint);max-width:80ch;margin-top:18px;line-height:1.5}

/* ---- Pills / chips ---- */
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}
.chip{font-size:.84rem;border:1px solid var(--hair);border-radius:999px;padding:7px 14px;color:var(--muted);transition:.2s}
.chip:hover{border-color:var(--accent);color:var(--accent)}

/* ---- Photo placeholders (swap for real licensed images) ---- */
figure{margin:1.8em 0}
.ph{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--hair);background:
   linear-gradient(135deg,#eef4f1,#f6f3ee);display:grid;place-items:center;min-height:260px}
.ph::after{content:attr(data-label);position:absolute;bottom:12px;left:14px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);background:rgba(255,255,255,.7);padding:4px 10px;border-radius:6px}
.ph svg{opacity:.5;width:70px;height:70px}
.ph.sea{background:linear-gradient(160deg,#dfeef2,#eaf3ee 60%,#f5f1ea)}
.ph.clinic{background:linear-gradient(135deg,#eef1f4,#f3f3f1)}
.ph.sofia{background:linear-gradient(150deg,#f1efe9,#eef3f0)}
.ph.tall{min-height:340px}
figure figcaption{font-size:.86rem;color:var(--muted);margin-top:10px;line-height:1.5}
.imggrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* ---- Safety / climate aside (the "сноска") ---- */
.aside{border:1px solid var(--hair);border-radius:14px;padding:24px 26px;background:var(--paper-3);margin:1.8em 0}
.aside h4{font-family:Inter;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.aside .rows{display:grid;gap:10px}
.aside .r{display:flex;gap:11px;font-size:.95rem;align-items:flex-start}
.aside .r .k{color:var(--accent);font-weight:700;flex:none}
.note{font-size:.84rem;color:var(--faint);border-top:1px solid var(--hair);margin-top:18px;padding-top:12px}
sup.fn{color:var(--accent);font-weight:600;font-size:.7em}

/* ---- Comparison bars ---- */
.bars{margin:1.6em 0}
.bar{margin:12px 0}
.bar .lab{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:5px}
.bar .lab b{font-variant-numeric:tabular-nums}
.bar .track{height:13px;background:var(--hair-2);border-radius:7px;overflow:hidden}
.bar .fill{height:100%;border-radius:7px;background:#cfd6dc}
.bar.us .fill,.bar.uk .fill,.bar.de .fill{background:#c9a9a0}
.bar.eu .fill{background:var(--accent)}
.bar.eu .lab b{color:var(--accent)}

/* ---- Charts ---- */
.chart{border:1px solid var(--hair);border-radius:14px;padding:22px 24px;margin:1.6em 0;background:var(--paper-2)}
.chart-t{font-family:Inter;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
table.sortable th{cursor:pointer;user-select:none}
table.sortable th:hover{color:var(--accent)}

/* ---- Interlink / related ---- */
.related{border-top:1px solid var(--hair);margin-top:36px;padding-top:26px}
.related h4{font-family:Inter;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}
.related .links{display:flex;flex-wrap:wrap;gap:10px}
.related a{font-size:.9rem;border:1px solid var(--hair);border-radius:999px;padding:8px 15px;color:var(--muted);transition:.2s}
.related a:hover{border-color:var(--accent);color:var(--accent)}
.toc{background:var(--paper-3);border:1px solid var(--hair);border-radius:12px;padding:18px 22px;margin:1.4em 0}
.toc h4{font-family:Inter;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.toc a{display:inline-block;font-size:.92rem;color:var(--accent);margin:3px 14px 3px 0}

/* ---- Feature checklist ---- */
.feat{list-style:none;padding:0}
.feat li{display:flex;gap:11px;padding:7px 0;font-size:.97rem;align-items:flex-start}
.feat li::before{content:"✓";color:var(--accent);font-weight:700;flex:none}

/* ---- World-first banner ---- */
.wf{background:linear-gradient(135deg,var(--accent),#0e7c66);color:#fff;padding:64px 0;margin:8px 0;border-radius:0}
.wf .wrap{max-width:900px;text-align:center}
.wf h2{color:#fff;max-width:18ch;margin:14px auto}
.wf .lead{color:#dff0ea;max-width:70ch;margin:0 auto 8px;font-weight:300}
.wf .badge-new{background:rgba(255,255,255,.16);color:#fff}
.wf .hero-cta{justify-content:center;margin-top:26px}
.wf .btn{background:var(--paper-2);color:var(--accent);border-color:var(--paper-2)}

/* ---- Locator / map ---- */
.locsvg{width:100%;height:auto;border-radius:14px;border:1px solid var(--hair)}
.fchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fchip{display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:10px;padding:9px 14px;font-size:.84rem;color:var(--muted);line-height:1.2}
.fchip b{font-size:.92rem;color:var(--ink);font-weight:600}

/* ---- Unique-tool framing ---- */
.badge-new{display:inline-block;background:var(--accent);color:#fff;font-size:.78rem;font-weight:600;
  letter-spacing:.02em;padding:7px 15px;border-radius:999px;margin-bottom:18px}
.ubadges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ub{font-size:.86rem;font-weight:500;border:1px solid var(--hair);background:var(--paper-2);border-radius:999px;
  padding:9px 15px;color:var(--muted)}
.ticks{display:flex;justify-content:space-between;margin-top:7px;font-size:.68rem;color:var(--faint);text-align:center;line-height:1.25}
.qa{border-top:1px solid var(--hair);padding:14px 0}
.qa h4{font-family:Inter;font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--ink)}
.qa p{font-size:.94rem;color:var(--muted);margin:0}
.qa a{color:var(--accent);font-weight:500}

/* ---- Calculator extras ---- */
.calc-sub{font-size:.82rem;color:var(--faint);margin:-6px 0 16px}
.inc{margin-top:16px;border-top:1px solid var(--hair-2);padding-top:14px}
.inc .h{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.inc ul{list-style:none;padding:0;margin:0;columns:2;font-size:.86rem;color:var(--muted)}
.inc li{padding:3px 0}.inc li::before{content:"✓ ";color:var(--accent)}
.toggle-row{display:flex;gap:10px;align-items:center;font-size:.86rem;color:var(--muted);margin-bottom:8px}

/* ---- Mobile hamburger menu (CSS-only via <details>) ---- */
.mobnav{display:none}
.mobnav summary{list-style:none;cursor:pointer;font-size:1.45rem;line-height:1;padding:6px 12px;border:1px solid var(--hair);border-radius:10px;color:var(--ink)}
.mobnav summary::-webkit-details-marker{display:none}
.mobnav[open] summary{border-color:var(--accent);color:var(--accent)}
.mobnav-panel{position:absolute;right:18px;top:64px;background:var(--paper-2);border:1px solid var(--hair);border-radius:14px;box-shadow:var(--shadow);min-width:230px;padding:10px;display:flex;flex-direction:column;gap:1px;z-index:60}
.mobnav-panel a{padding:12px 13px;border-radius:9px;font-size:1rem;color:var(--muted)}
.mobnav-panel a:hover{background:var(--paper-3);color:var(--accent)}
.mobnav-panel .btn{margin-top:8px;justify-content:center}

@media(max-width:1240px){ .menu{display:none} .mobnav{display:block} .cta-top{display:none} }
@media(max-width:760px){  }

@media(max-width:860px){
  .imggrid,.inc ul{grid-template-columns:1fr;columns:1}
  .calc-grid,.g2,.g3,.g4,.foot-grid,.hero-grid{grid-template-columns:1fr}
  .calc-in{border-right:none;border-bottom:1px solid var(--hair)}
  .cta-band{padding:34px 22px}
  section{padding:46px 0}
  .trust{gap:16px}.trust .t{min-width:88px}.trust .n{font-size:1.7rem}
  /* tables scroll instead of squishing */
  .prose table,.wrap table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .calc-in,.calc-out{padding:24px 20px}
  .wf{padding:46px 0}
  .ub{font-size:.8rem;padding:8px 12px}
}
@media(max-width:560px){
  .wrap{padding:0 16px}
  .nav{height:64px}
  .cta-top{display:none}                 /* CTA lives in the hamburger panel on small screens */
  .mobnav-panel{top:58px;right:16px;left:16px;min-width:auto}
  h1{font-size:2rem}
  .hero{padding:34px 0 32px}
  .hero-cta{flex-direction:column;gap:10px}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-card{padding:22px}.hero-card .calc-total{font-size:2.1rem}
  .calc-total{font-size:2.4rem}
  .ticks{font-size:.62rem}
  .lead{font-size:1.08rem}
  .cta-band{padding:30px 18px}
  .badge-new,.eu-flag{font-size:.74rem}
  .fchips{gap:8px}.fchip{padding:8px 11px}
  table th,table td{padding:10px 11px;font-size:.9rem}
}

/* ---- touch ergonomics (70%+ of health searches are on a phone) ----
   iOS Safari zooms the whole page whenever a focused control renders below 16px,
   so form controls hold 16px and a 44px hit area on small screens. */
@media(max-width:860px){
  select,input[type=number],input[type=text],input[type=email],textarea{
    font-size:16px;min-height:44px;padding:12px 14px}
  .field{margin-bottom:18px}
  .field label{font-size:.92rem}
  /* NB: no `display` here. `.btn` already declares inline-flex, and re-declaring it
     with equal specificity but LATER source order resurrected `.cta-top`, which the
     1040px/560px rules hide — the CTA then overflowed a 375px viewport (doc width 465)
     and pushed the hamburger off-screen. Touch sizing only. */
  .btn,.cc-btn,.more{min-height:44px;align-items:center}
  .calc-total{font-size:2.4rem}
  .chart .bar .lab{font-size:.88rem}
}

/* ---- tasteful clinic recommendation card (lead-gen, non-aggressive) ---- */
.clinic-card{border:1px solid var(--hair);border-radius:16px;padding:20px 22px;margin:24px 0;background:linear-gradient(#ffffff,#f9fbfc)}
.cc-eyebrow{font-size:.76rem;font-weight:700;color:var(--accent);letter-spacing:.05em;text-transform:uppercase}
.cc-name{font-size:1.15rem;font-weight:700;margin:5px 0 2px}
.cc-sub{color:var(--muted);margin:0 0 14px;font-size:.95rem;line-height:1.5}
.cc-actions{display:flex;gap:10px;flex-wrap:wrap}
.cc-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 17px;border-radius:10px;font-weight:600;text-decoration:none;background:var(--accent);color:#fff;font-size:.92rem;transition:filter .15s}
.cc-btn:hover{filter:brightness(.94)}
.cc-btn.cc-ghost{background:var(--paper-2);color:#1a1a1a;border:1px solid #d8dce2}
.cc-note{font-size:.82rem;color:#777;margin:12px 0 0;line-height:1.45}
@media(max-width:520px){.cc-actions{flex-direction:column}.cc-btn{justify-content:center}}

/* ---- GDPR cookie consent banner ---- */
.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:var(--paper-2);border-top:1px solid #e0e3e8;box-shadow:0 -4px 20px rgba(0,0,0,.08)}
.cc-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cc-txt{margin:0;font-size:.9rem;color:#333;flex:1;min-width:240px;line-height:1.45}
.cc-btns{display:flex;gap:10px;flex-shrink:0}
.cc-accept{background:var(--accent);color:#fff;border:0;padding:9px 22px;border-radius:9px;font-weight:600;cursor:pointer}
.cc-accept:hover{filter:brightness(.94)}
.cc-decline{background:var(--paper-2);color:var(--muted);border:1px solid #ccc;padding:9px 18px;border-radius:9px;cursor:pointer}
@media(max-width:560px){.cc-btns{width:100%}.cc-accept,.cc-decline{flex:1}}

/* ---- email lead-capture under calculator ---- */
.lead-capture{border:1px solid var(--hair);border-radius:16px;padding:22px;margin:24px 0;background:var(--paper-2)}
.lead-capture h3{margin:0 0 4px;font-size:1.18rem}
.lc-sub{margin:0 0 14px;color:var(--muted);font-size:.92rem;line-height:1.45}
.lc-estimate-summary{margin:0 0 14px;padding:11px 13px;border-radius:9px;background:#f1f3f1;color:var(--muted);font-size:.84rem;line-height:1.45}
.lc-estimate-summary.ready{background:#e4f2e8;color:#163c28;font-weight:650}
.lc-row{display:flex;gap:10px;flex-wrap:wrap}
.lc-row input{flex:1;min-width:200px;padding:12px 14px;border:1px solid #ccd2da;border-radius:10px;font-size:1rem}
.lc-row button{background:var(--accent);color:#fff;border:0;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;white-space:nowrap}
.lc-row button:hover{filter:brightness(.94)}
.lc-row button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.4)}
.lc-consent{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:.84rem;color:var(--muted);line-height:1.45}
.lc-consent input{margin-top:3px;flex-shrink:0}
.lc-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0}
.lc-msg{margin:12px 0 0;font-size:.92rem;min-height:1px}
.lc-msg.ok{color:var(--accent);font-weight:600}
.lc-msg.err{color:#c0392b}
@media(max-width:520px){.lc-row button{width:100%}}

/* ---- Evidence index table (homepage + condition listings) ----
   A scannable table beats a grid of identical cards: the reader compares numbers
   down a column instead of re-reading the same card shell N times. On phones the
   table reflows to stacked rows rather than scrolling sideways. */
.index{width:100%;border-collapse:collapse;margin-top:6px}
.index thead th{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
  font-weight:500;text-align:left;padding:0 14px 12px 0;border-bottom:1px solid var(--hair);white-space:nowrap}
.index th.n,.index td.n{text-align:right;padding-right:0}
.index tbody tr{border-bottom:1px solid var(--hair-2);transition:background .18s}
.index tbody tr:hover{background:var(--paper-2)}
.index td{padding:16px 14px 16px 0;vertical-align:middle}
.index .nm{font-size:1.02rem;color:var(--ink)}
.index .nm a:hover b{color:var(--accent)}
.index td.n{font-variant-numeric:tabular-nums;color:var(--muted)}
@media(max-width:620px){
  .index thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .index,.index tbody,.index tr,.index td{display:block;width:auto}
  .index tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;
    align-items:baseline;padding:15px 0}
  .index td{padding:0;border:0}
  .index .nm{grid-column:1/-1}
  .index td.n{text-align:left;font-size:.85rem;color:var(--faint)}
  .index td.n:last-child{text-align:right}
}


/* ---- Brand lockup ------------------------------------------------------
   The mark is four nested contour rings with an off-centre nucleus: it reads
   as a dividing cell and as topographic isolines at the same time — cell plus
   atlas. Asymmetry keeps it from looking like a target. Beside it a two-part
   wordmark and a spaced descriptor, which is how institutions sign themselves. */
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;flex:none}
.brand .mk{width:32px;height:32px;flex:none;display:block}
.brand .wm{display:flex;flex-direction:column;gap:2px;line-height:1}
.brand .wm b{font-family:'Source Serif 4',Georgia,serif;font-weight:600;font-size:1.24rem;
  letter-spacing:-.004em;color:var(--ink)}
.brand .wm b span{font-style:normal;font-weight:600;color:var(--accent)}
.brand .wm small{font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}
@media(max-width:640px){.brand .wm small{display:none}.brand .mk{width:28px;height:28px}}

/* ---- Hero as a scene, not a text block --------------------------------
   A light layout needs a visual centre even more than a dark one. Two soft
   radial washes plus generous scale; the evidence map sits opposite the copy. */
.hero{position:relative;overflow:hidden;padding:clamp(40px,6vw,78px) 0 clamp(30px,4vw,52px);
  border-bottom:1px solid var(--hair)}
.hero::before{content:"";position:absolute;inset:-30% -20% auto -20%;height:130%;z-index:0;
  pointer-events:none;filter:blur(6px);
  background:radial-gradient(46% 40% at 78% 24%,rgba(198,241,157,.42) 0%,transparent 62%),
             radial-gradient(52% 44% at 14% 70%,rgba(31,74,51,.10) 0%,transparent 66%)}
.hero>.wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(2.3rem,5vw,3.7rem);max-width:15ch}
.hero .lead{max-width:54ch}

/* evidence map — the centrepiece */
.emap{border:1px solid var(--hair);border-radius:20px;overflow:hidden;background:var(--paper-2);
  box-shadow:var(--shadow-lg);margin:0}
.emap .cap{display:flex;justify-content:space-between;align-items:center;gap:14px;
  padding:14px 18px;border-bottom:1px solid var(--hair-2)}
.emap svg{width:100%;height:auto;display:block}
.emap .lg{display:flex;gap:16px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--hair-2);
  font-size:.72rem;color:var(--faint)}
.emap .dot2{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:baseline}
.axis{stroke:#d8d7d2;stroke-width:1}
.axl{fill:#999d97;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;font-family:Inter,sans-serif}
.pt{transition:opacity .2s} .pt:hover{opacity:1}

/* numbers rail */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(30px,4vw,52px);
  padding-top:0;border-top:1px solid var(--hair)}
.trust .t{padding:20px 18px 20px 0;border-right:1px solid var(--hair-2);min-width:0}
.trust .t:last-child{border-right:0}
.trust .n{font-family:'Source Serif 4',Georgia,serif;font-weight:600;
  font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.05;color:var(--ink);letter-spacing:-.01em}
.trust .l{font-size:.76rem;color:var(--faint);margin-top:8px;line-height:1.42;max-width:22ch}
@media(max-width:820px){
  .trust{grid-template-columns:1fr 1fr}
  .trust .t{padding:16px 14px 16px 0}
  .trust .t:nth-child(2n){border-right:0}
  .trust .t:nth-child(-n+2){border-bottom:1px solid var(--hair-2)}
}

/* hero grid: copy | map | refusals — map is the widest column so it reads as the subject */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);
  gap:clamp(26px,4vw,54px);align-items:center}
.hero-grid>div:first-child{grid-row:auto}
.hero-copy .lead{max-width:62ch}
.hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0}
.hero-proof span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 12px;border:1px solid var(--hair);border-radius:999px;background:rgba(255,255,255,.56);font-size:.78rem;color:var(--muted)}
.hero-proof b{font-size:.95rem;color:var(--ink)}
.hero-cost-card{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(24px,3.4vw,38px);box-shadow:0 28px 70px rgba(22,47,36,.22);position:relative;overflow:hidden}
.hero-cost-card::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,rgba(198,241,157,.3),transparent 68%);pointer-events:none}
.hero-cost-card .eyebrow{color:var(--bright)}
.hero-cost-card .muted{color:#bdc9c5}
.hero-cost-total{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.045em;margin:12px 0 24px}
.hero-cost-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.13);padding:12px 0;font-size:.88rem;color:#bdc9c5}
.hero-cost-row b{color:#fff}
.hero-mini-bars{display:grid;gap:14px;margin:22px 0}
.hero-mini-bars>div{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:10px;font-size:.72rem;color:#bdc9c5}
.hero-mini-bars i{height:7px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}
.hero-mini-bars em{display:block;height:100%;background:var(--bright);border-radius:99px}
.hero-mini-bars b{font-size:.78rem;color:#fff}
.hero-cost-card .btn{margin-top:8px;background:var(--bright);border-color:var(--bright);color:var(--ink)}
.home-emap{margin:0 0 30px}
.home-emap svg{max-height:340px}
.hero-card{border:1px solid var(--hair-2);border-radius:18px;padding:22px 24px;background:var(--paper-2);
  box-shadow:var(--shadow-sm)}
.hero-card .feat{margin:10px 0 0;padding-left:0;list-style:none}
.hero-card .feat li{position:relative;padding-left:20px;margin:.5em 0;font-size:.9rem;color:var(--muted);line-height:1.5}
.hero-card .feat li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:1.5px;background:var(--bright-2)}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr}
  .hero-grid>div:first-child{grid-row:auto}
}
@media(max-width:560px){
  .hero-mini-bars>div{grid-template-columns:1fr auto}
  .hero-mini-bars i{grid-column:1/-1;grid-row:2;width:100%}
}

/* ---- Mobile touch targets ------------------------------------------------
   WCAG 2.2 SC 2.5.8 asks for 24x24 CSS px minimum; Apple and Google both
   recommend 44px. Chips, the hamburger, inline "more" links and the consent
   buttons all sat at 21-37px. Sized up rather than spaced out, so the tap
   area matches what the eye reads as the control. */
@media(max-width:860px){
  .chips a.chip{min-height:44px;display:inline-flex;align-items:center;padding:10px 16px}
  .mobnav>summary{min-height:44px;min-width:44px;display:grid;place-items:center}
  .more{display:inline-flex;align-items:center;min-height:44px}
  .cc-accept,.cc-decline,.cc-btn{min-height:44px;padding-block:12px}
  /* the evidence map is decorative detail at phone width — keep it, shrink it */
  .emap svg{max-height:300px}
}
/* Section rhythm on phones: 72px top+bottom on every section is what turns a
   4-section page into a 7,000px scroll. Tighten without crowding. */
@media(max-width:640px){
  section{padding:40px 0}
  .hero{padding:28px 0 32px}
  .trust{margin-top:26px}
  .trust .t{padding:14px 12px 14px 0}
}

/* Visible locale switcher: all eleven languages remain one tap from every page. */
.lang-menu{position:relative;margin-left:auto;z-index:40}
.lang-menu summary{list-style:none;cursor:pointer;border:1px solid var(--hair);border-radius:999px;background:var(--paper-2);padding:9px 13px;font-size:.75rem;font-weight:700;letter-spacing:.06em;min-height:40px;display:flex;align-items:center}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-panel{position:absolute;right:0;top:48px;width:280px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:var(--paper-2);border:1px solid var(--hair);border-radius:16px;box-shadow:var(--shadow-lg)}
.lang-panel a{padding:9px;border-radius:8px;font-size:.8rem;color:var(--muted)}
.lang-panel a:hover,.lang-panel a.on{background:var(--accent-soft);color:var(--accent)}
@media(max-width:1040px){.lang-menu{margin-left:auto}}
@media(max-width:640px){.lang-menu summary{padding:8px 10px}.lang-panel{position:fixed;left:16px;right:16px;top:70px;width:auto}}

/* Homepage conversion modules preserve the calculator and Bulgaria context. */
.calculator-stage{background:var(--ink);color:#fff}
.calculator-stage h2,.calculator-stage .eyebrow{color:#fff}
.calculator-stage .lead{color:#bdc9c5}
.calculator-stage .calc,.calculator-stage .lead-capture{background:var(--paper-2);color:var(--ink);border-color:transparent;box-shadow:0 30px 80px rgba(0,0,0,.24)}
.calculator-stage .calc-out{background:#edf4ef}
.bg-module{background:#e8efe9}
.bg-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,64px);align-items:center}
.bg-module .clinic-card{margin:0;background:var(--ink);border-color:var(--ink);color:#fff;padding:30px;border-radius:20px}
.bg-module .cc-name{color:#fff;font-size:1.3rem}.bg-module .cc-sub,.bg-module .cc-note{color:#bdc9c5}
.bg-module .cc-btn{background:var(--bright);color:var(--ink)}.bg-module .cc-btn.cc-ghost{background:#fff;color:var(--ink)}
@media(max-width:860px){.bg-shell{grid-template-columns:1fr}.calculator-stage .calc{box-shadow:none}}
@media(max-width:640px){
  /* the caption row is label + meta side by side; at 375px they collide, so stack */
  .emap .cap{flex-direction:column;align-items:flex-start;gap:4px}
  .emap .cap .eyebrow{font-size:.62rem}
  .emap .cap .small{font-size:.78rem}
}
#cp-treatment-note{display:none}
.calc-fixed-price{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;letter-spacing:-.04em;color:var(--ink);padding:10px 0 2px}
.trust-strip{padding:0 0 18px}.trust-strip .wrap{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:14px 18px}.trust-row{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;font-size:13px;line-height:1.45}.trust-row+.trust-row{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.trust-note{color:var(--muted)}.review-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-weight:750}.review-status.pending{background:#fff4d6;color:#7a5300}.review-status.reviewed{background:#e5f7ee;color:#075e45}.trust-strip a{font-weight:700}
@media(max-width:640px){.trust-strip .wrap{padding:12px 14px}.trust-row{align-items:flex-start;gap:8px 12px}}

/* -------------------------------------------------------------------------
   StemCellAtlas homepage v3 — image-led, clinical and cold-toned.
   The selectors are deliberately scoped so article pages keep their reading
   anatomy while the homepage can behave like a modern discovery product. */
.atlas-hero{padding:clamp(30px,4vw,50px) 0 30px;background:#fff;border-bottom:1px solid var(--hair)}
.atlas-hero-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:36px;align-items:end;margin-bottom:30px}
.atlas-hero-intro .eyebrow{grid-column:1/-1;margin-bottom:-22px}
.atlas-hero-intro h1{font-size:clamp(2.55rem,4.5vw,4.35rem);line-height:.98;letter-spacing:-.035em;max-width:15ch;margin:0}
.atlas-hero-intro .lead{max-width:48ch;margin:0 0 5px}
.atlas-start-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:18px;align-items:stretch}
.atlas-test-panel,.atlas-trip-panel{margin:0;border:1px solid var(--hair);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 64px -44px rgba(8,46,58,.58)}
.atlas-test-panel{display:grid;grid-template-columns:minmax(230px,.74fr) minmax(0,1.26fr);min-height:438px}
.atlas-test-panel>img{width:100%;height:100%;object-fit:cover;object-position:45% center}
.atlas-panel-body{padding:26px;display:flex;flex-direction:column}.atlas-panel-body h2{font-size:clamp(1.7rem,2.6vw,2.45rem);margin-top:9px}
.atlas-test-links{display:grid;gap:8px;margin-top:auto}
.atlas-test-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--hair)}
.atlas-test-links span{display:grid;gap:2px}.atlas-test-links b{font-size:.88rem}.atlas-test-links small{font-size:.72rem;line-height:1.35;color:var(--muted)}.atlas-test-links em{font-size:.68rem;font-style:normal;white-space:nowrap;color:var(--accent);font-weight:700}
.atlas-trip-panel{display:flex;flex-direction:column;min-height:438px}
.atlas-trip-head{height:118px;position:relative;overflow:hidden;background:var(--navy)}
.atlas-trip-head::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,46,58,.9),rgba(8,46,58,.2))}
.atlas-trip-head img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.atlas-trip-head>span{position:absolute;z-index:1;inset:auto 22px 18px;display:grid;color:#fff}.atlas-trip-head small{color:#83e7ef;text-transform:uppercase;letter-spacing:.11em;font-size:.63rem}.atlas-trip-head b{font-family:'Source Serif 4',Georgia,serif;font-size:1.45rem}
.atlas-trip-form{display:grid;gap:10px;padding:18px 22px 20px}.atlas-trip-form label{display:grid;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--muted)}
.atlas-trip-form input{width:100%;height:42px;border:1px solid var(--hair);border-radius:10px;background:#f8fbfc;color:var(--ink);font:600 .92rem Inter,sans-serif;padding:8px 10px;outline:none}.atlas-trip-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(8,124,128,.12)}
.atlas-trip-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.atlas-trip-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--hair);padding-top:12px}.atlas-trip-total span{font-size:.76rem;color:var(--muted)}.atlas-trip-total b{font-family:'Source Serif 4',Georgia,serif;font-size:2rem;color:var(--navy)}.atlas-trip-form p{font-size:.68rem;line-height:1.35;margin:0}.atlas-trip-form .btn{justify-content:center;min-height:44px}
.atlas-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);gap:clamp(34px,5vw,76px);align-items:center}
.atlas-hero-copy h1{font-size:clamp(2.65rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.035em;max-width:11.5ch;margin-top:18px}
.atlas-hero-copy .lead{max-width:59ch;margin-top:24px;color:#425864}
.atlas-primary{background:var(--navy);border-color:var(--navy)}
.atlas-primary:hover{box-shadow:0 14px 30px -12px rgba(8,46,58,.58)}
.atlas-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.atlas-proof span{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--hair);border-radius:999px;padding:8px 12px;background:#fff;color:var(--muted);font-size:.78rem}
.atlas-proof b{font-size:.94rem;color:var(--ink)}
.atlas-hero-visual{min-height:560px;margin:0;position:relative;border-radius:28px;overflow:hidden;background:var(--navy);box-shadow:0 35px 90px -40px rgba(8,46,58,.58)}
.atlas-hero-visual>img{display:block;width:100%;height:560px;object-fit:cover;object-position:42% center}
.atlas-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,46,58,.52) 100%);pointer-events:none}
.atlas-signal-card{position:absolute;z-index:2;right:22px;bottom:22px;width:min(350px,calc(100% - 44px));padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(8,32,43,.9);backdrop-filter:blur(16px);color:#fff;box-shadow:0 20px 44px rgba(0,0,0,.22)}
.atlas-signal-card .eyebrow{color:#83e7ef;display:block;margin-bottom:11px}
.atlas-signal-card>div{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.12)}
.atlas-signal-card b{font-size:.7rem;color:#83e7ef}.atlas-signal-card span{font-size:.86rem}.atlas-signal-card em{font-size:.68rem;font-style:normal;color:#9eb2bc;text-transform:uppercase;letter-spacing:.08em}

.atlas-route{background:#fff}
.atlas-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:34px}
.atlas-section-head>div{max-width:760px}.atlas-section-head h2{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.025em;margin-top:10px}.atlas-section-head>p{max-width:36ch;margin:0}
.atlas-route-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}
.atlas-image-card{min-height:410px;position:relative;border-radius:22px;overflow:hidden;background:var(--navy);box-shadow:0 20px 50px -36px rgba(8,46,58,.7)}
.atlas-image-card>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s ease}
.atlas-image-card:hover>img{transform:scale(1.025)}
.atlas-image-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,32,43,.02) 25%,rgba(8,32,43,.9) 100%)}
.atlas-card-copy{position:absolute;z-index:1;inset:auto 24px 24px;color:#fff;display:grid;gap:5px}
.atlas-card-copy small{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#83e7ef}.atlas-card-copy b{font-family:'Source Serif 4',Georgia,serif;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}.atlas-card-copy em{font-style:normal;color:#cfdae0;font-size:.84rem;line-height:1.42}

.atlas-cold-section{background:#edf4f6}
.atlas-condition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.atlas-condition{display:grid;gap:2px;min-height:126px;padding:18px;border:1px solid #d3e1e6;border-radius:16px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}
.atlas-condition:hover{transform:translateY(-2px);border-color:#93cbd0;box-shadow:0 14px 34px -26px rgba(8,46,58,.65)}
.atlas-condition span{font-weight:600;line-height:1.24}.atlas-condition b{font-size:1.35rem;color:var(--navy);margin-top:auto}.atlas-condition small{font-size:.76rem;color:var(--accent)}
.atlas-link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.atlas-link-row a{border:1px solid #cbdbe1;border-radius:999px;background:#fff;padding:9px 14px;font-size:.82rem;font-weight:600;color:var(--accent-2)}

.atlas-editorial{background:#fff}
.atlas-editorial-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(38px,6vw,78px);align-items:center}
.atlas-editorial figure,.atlas-cost-exit figure{margin:0;border-radius:24px;overflow:hidden;background:#e7eff4}
.atlas-editorial figure img,.atlas-cost-exit figure img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}
.atlas-editorial h2,.atlas-cost-exit h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.025em;margin-top:12px}
.atlas-number-list{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.atlas-number-list li{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:14px;border:1px solid var(--hair);border-radius:14px;background:#f9fcfd}
.atlas-number-list b{grid-row:1/3;font-size:.75rem;color:var(--accent);padding-top:2px}.atlas-number-list span{font-size:.8rem;color:var(--muted)}

.atlas-profiles{background:#f7fafc}
.atlas-profile-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.atlas-profile-strip a{display:flex;flex-direction:column;min-width:0;border:1px solid var(--hair);border-radius:17px;overflow:hidden;background:#fff}
.atlas-profile-strip img{width:100%;aspect-ratio:1.18/1;object-fit:cover}.atlas-profile-strip b{padding:15px 15px 2px;font-size:.92rem}.atlas-profile-strip span{padding:0 15px 16px;font-size:.75rem;line-height:1.4;color:var(--muted)}

.atlas-dark-section{background:var(--navy);color:#fff}
.atlas-dark-section h2,.atlas-dark-section .more{color:#fff}.atlas-dark-section .eyebrow{color:#83e7ef}
.atlas-quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.atlas-quiz-grid a{display:grid;grid-template-rows:245px auto auto auto;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#0d3b49;color:#fff}
.atlas-quiz-grid img{width:100%;height:245px;object-fit:cover}.atlas-quiz-grid small{padding:18px 20px 2px;color:#83e7ef;text-transform:uppercase;letter-spacing:.1em}.atlas-quiz-grid b{padding:0 20px;font-family:'Source Serif 4',Georgia,serif;font-size:1.45rem}.atlas-quiz-grid span{padding:4px 20px 20px;color:#b9ccd4;font-size:.84rem}

.atlas-interventions{background:#fff}
.atlas-intervention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.atlas-intervention-grid a{display:grid;grid-template-rows:210px auto auto auto;border:1px solid var(--hair);border-radius:18px;overflow:hidden;background:#fff}
.atlas-intervention-grid img{width:100%;height:210px;object-fit:cover}.atlas-intervention-grid small{padding:15px 16px 1px;color:var(--accent);font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.atlas-intervention-grid b{padding:0 16px;font-size:1rem}.atlas-intervention-grid span{padding:4px 16px 17px;color:var(--muted);font-size:.78rem;line-height:1.42}

.atlas-cost-exit{background:#eaf3f7}
.atlas-cost-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(34px,6vw,72px);align-items:center}
.atlas-cost-exit figure img{min-height:410px}.atlas-cost-exit .small{margin-top:22px;max-width:62ch}

@media(max-width:1020px){
  .atlas-hero-intro{grid-template-columns:1fr}.atlas-hero-intro .eyebrow{grid-column:auto;margin-bottom:-18px}.atlas-hero-intro .lead{max-width:66ch}.atlas-start-grid{grid-template-columns:1fr}.atlas-test-panel{min-height:430px}.atlas-trip-panel{min-height:0}
  .atlas-hero-grid{grid-template-columns:1fr}.atlas-hero-copy{max-width:760px}.atlas-hero-copy h1{max-width:13ch}.atlas-hero-visual{min-height:480px}.atlas-hero-visual>img{height:480px}
  .atlas-route-grid{grid-template-columns:1fr 1fr}.atlas-image-card-large{grid-column:1/-1}
  .atlas-condition-grid{grid-template-columns:repeat(2,1fr)}
  .atlas-profile-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.atlas-profile-strip a{flex:0 0 230px;scroll-snap-align:start}
  .atlas-intervention-grid{grid-template-columns:1fr 1fr}
  .atlas-quiz-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .atlas-hero-intro{gap:20px}.atlas-hero-intro .eyebrow{margin-bottom:-12px}.atlas-hero-intro h1{font-size:clamp(2.35rem,11vw,3.45rem)}.atlas-start-grid{gap:14px}.atlas-test-panel{grid-template-columns:1fr;min-height:0}.atlas-test-panel>img{height:158px}.atlas-panel-body{padding:18px 20px}.atlas-trip-head{height:110px}
  .atlas-hero{padding-top:32px}.atlas-hero-copy h1{font-size:clamp(2.55rem,12vw,4rem);line-height:1.01}.atlas-hero-copy .lead{font-size:1rem;line-height:1.52}.atlas-hero-copy .hero-cta{margin-top:24px}
  .atlas-hero-visual{min-height:390px}.atlas-hero-visual>img{height:390px}.atlas-signal-card{right:14px;bottom:14px;width:calc(100% - 28px);padding:15px}
  .atlas-section-head{align-items:flex-start;flex-direction:column;gap:8px}.atlas-section-head h2{font-size:2.25rem}
  .atlas-route-grid,.atlas-quiz-grid,.atlas-editorial-grid,.atlas-cost-grid{grid-template-columns:1fr}.atlas-image-card-large{grid-column:auto}.atlas-image-card{min-height:340px}
  .atlas-editorial figure img{min-height:340px}.atlas-editorial figure{order:2}.atlas-number-list{grid-template-columns:1fr}
  .atlas-quiz-grid a{grid-template-rows:210px auto auto auto}.atlas-quiz-grid img{height:210px}
  .atlas-cost-exit figure{order:2}.atlas-cost-exit figure img{min-height:300px}
}
@media(max-width:540px){
  .atlas-trip-pair{grid-template-columns:1fr 1fr}.atlas-trip-form{padding:16px}.atlas-test-links a{align-items:flex-start}.atlas-test-links em{white-space:normal;text-align:right;max-width:78px}
  .atlas-proof{display:grid;grid-template-columns:1fr 1fr}.atlas-proof span:last-child{grid-column:1/-1}
  .atlas-condition-grid,.atlas-intervention-grid{grid-template-columns:1fr}.atlas-condition{min-height:108px}
  .atlas-intervention-grid a{grid-template-columns:116px 1fr;grid-template-rows:auto auto 1fr;min-height:132px}.atlas-intervention-grid img{grid-row:1/4;width:116px;height:100%;min-height:132px}.atlas-intervention-grid small{padding-top:14px}.atlas-intervention-grid span{padding-bottom:14px}
}

/* Wave 3 discovery surfaces: faceted situations, bounded condition groups,
   and source-labelled patient accounts. Kept cold and data-led. */
.profile-characteristics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:22px 0 10px;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--hair)}
.profile-characteristics>span{display:grid;gap:5px;padding:15px 17px;background:#f8fbfc}
.profile-characteristics small{font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.profile-characteristics b,.profile-characteristics a{font-size:.86rem;color:var(--navy)}
.profile-browser-controls{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto auto;gap:12px;align-items:end;margin:28px 0 22px;padding:18px;border:1px solid var(--hair);border-radius:18px;background:#edf4f6}
.profile-browser-controls label{display:grid;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.profile-browser-controls select,.profile-browser-controls button{height:44px;border:1px solid #cbdbe1;border-radius:10px;background:#fff;color:var(--ink);padding:0 11px;font:600 .82rem Inter,sans-serif}
.profile-browser-controls button{cursor:pointer;color:var(--accent)}
.profile-browser-controls #pf-count{align-self:center;min-width:92px;font-size:.78rem;color:var(--muted)}
.profile-browser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.profile-browser-card{border:1px solid var(--hair);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 18px 42px -38px rgba(8,46,58,.72)}
.profile-browser-card[hidden]{display:none}
.profile-browser-card a{display:grid;height:100%;grid-template-rows:190px 1fr}
.profile-browser-card img{width:100%;height:190px;object-fit:cover}
.profile-card-body{display:grid;grid-template-rows:auto 1fr auto;gap:7px;padding:15px 16px}
.profile-card-body small{font-size:.65rem;line-height:1.4;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}
.profile-card-body b{font-family:'Source Serif 4',Georgia,serif;font-size:1.12rem;line-height:1.15;color:var(--ink)}
.profile-card-body em{font-size:.72rem;font-style:normal;color:var(--muted)}
.profile-browser-next{margin-top:28px;padding:24px;border-radius:18px;background:var(--navy);color:#d8e7eb}
.profile-browser-next h2{color:#fff;margin-top:0}.profile-browser-next p{max-width:62ch}
.condition-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:26px 0}
.condition-type-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:180px;border:1px solid var(--hair);border-radius:18px;overflow:hidden;background:#fff}
.condition-type-card img{width:180px;height:100%;object-fit:cover}.condition-type-card>span{display:grid;align-content:center;gap:7px;padding:20px}
.condition-type-card small{font-size:.66rem;color:var(--accent);text-transform:uppercase;letter-spacing:.07em}.condition-type-card b{font-family:'Source Serif 4',Georgia,serif;font-size:1.3rem;line-height:1.1;color:var(--ink)}.condition-type-card em{font-size:.75rem;font-style:normal;color:var(--muted);line-height:1.42}
.condition-type-hero{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:22px;margin:26px 0}
.condition-type-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:22px 0;border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--hair)}
.condition-type-stats>span{display:grid;gap:6px;padding:17px;background:#f8fbfc}.condition-type-stats small{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.condition-type-stats b{font-size:1.1rem;color:var(--navy)}
.condition-boundary,.experience-disclosure{margin:22px 0;padding:18px 20px;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;background:#eaf3f7}.condition-boundary p,.experience-disclosure p{margin:.4em 0 0}
.experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}
.experience-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--hair);border-radius:18px;background:#fff;box-shadow:0 18px 44px -40px rgba(8,46,58,.7)}
.experience-person{display:grid;gap:2px;padding-bottom:13px;border-bottom:1px solid var(--hair)}.experience-person span{font-family:'Source Serif 4',Georgia,serif;font-size:1.35rem;color:var(--navy)}.experience-person small{font-size:.69rem;color:var(--muted)}
.experience-reported{margin:8px 0 16px;padding:14px 16px;border-left:3px solid #83e7ef;background:#f3f8fa;color:#314c59;font-size:.9rem;line-height:1.55}
.experience-boundary{margin-top:auto;padding:14px;border-radius:12px;background:#edf4f6}.experience-boundary p{margin:.45em 0 0;font-size:.78rem;line-height:1.5}.experience-card .more{margin-top:13px}
@media(max-width:920px){.profile-browser-controls{grid-template-columns:1fr 1fr}.profile-browser-grid{grid-template-columns:1fr 1fr}.condition-type-grid{grid-template-columns:1fr}.condition-type-stats{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.profile-characteristics,.profile-browser-grid,.experience-grid{grid-template-columns:1fr}.profile-browser-controls{grid-template-columns:1fr}.profile-browser-controls #pf-count{min-height:32px}.condition-type-card{grid-template-columns:120px minmax(0,1fr);min-height:150px}.condition-type-card img{width:120px}.condition-type-card>span{padding:15px}.condition-type-stats{grid-template-columns:1fr 1fr}}

/* Working combinatorial tools. */
.tool-hero-image{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:22px;margin:24px 0}
.tool-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin:24px 0;padding:22px;border:1px solid var(--hair);border-radius:18px;background:#edf4f6}
.tool-panel>label{display:grid;gap:7px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.tool-panel select{width:100%;height:46px;border:1px solid #c6d9df;border-radius:10px;background:#fff;color:var(--ink);padding:0 11px;font:600 .82rem Inter,sans-serif}
.tool-panel>.btn{min-height:46px;justify-content:center}.tool-result{grid-column:1/-1;display:grid;gap:7px;min-height:0;padding:0;transition:.2s}
.tool-result:not(:empty){margin-top:5px;padding:18px;border-radius:14px;background:var(--navy);color:#d9e8ec}.tool-result small{font-size:.66rem;color:#83e7ef;text-transform:uppercase;letter-spacing:.08em}.tool-result strong{font-family:'Source Serif 4',Georgia,serif;font-size:1.55rem;color:#fff}.tool-result p{margin:0;color:#c0d2d8}.tool-result a{color:#83e7ef;font-weight:700}.tool-result code{color:#fff;white-space:normal;overflow-wrap:anywhere}
.tool-checklist{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.tool-checklist>label{display:flex;align-items:flex-start;gap:9px;min-height:48px;padding:12px;border:1px solid #d3e1e6;border-radius:11px;background:#fff;text-transform:none;letter-spacing:0;font-size:.78rem}.tool-checklist input{width:18px;height:18px;accent-color:var(--accent);flex:none}.tool-checklist>.btn{grid-column:1/-1;justify-self:start}
.tool-print ol{margin:0 0 10px;padding-left:22px}.tool-print h3{color:#fff;margin:10px 0 4px}.tool-print .btn{justify-self:start}
.tool-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:28px 0}.tool-hub-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:180px;border:1px solid var(--hair);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 44px -40px rgba(8,46,58,.7)}.tool-hub-card img{width:180px;height:100%;object-fit:cover}.tool-hub-card>span{display:grid;align-content:center;gap:7px;padding:20px}.tool-hub-card small{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.tool-hub-card b{font-family:'Source Serif 4',Georgia,serif;font-size:1.35rem;line-height:1.1;color:var(--ink)}.tool-hub-card em{font-style:normal;font-size:.78rem;line-height:1.45;color:var(--muted)}
@media(max-width:820px){.tool-panel,.tool-checklist{grid-template-columns:1fr 1fr}.tool-hub-grid{grid-template-columns:1fr}}
@media(max-width:560px){.tool-panel,.tool-checklist{grid-template-columns:1fr}.tool-checklist>.btn{grid-column:auto}.tool-hub-card{grid-template-columns:116px minmax(0,1fr);min-height:146px}.tool-hub-card img{width:116px}.tool-hub-card>span{padding:15px}}
@media print{body *{visibility:hidden}.tool-print,.tool-print *{visibility:visible}.tool-print{position:absolute;inset:0;color:#000!important;background:#fff!important}.tool-print strong,.tool-print h3{color:#000!important}.tool-print .btn{display:none}}

/* 2026 widget canon: fast, private, one decision per step. */
.quiz-shell{max-width:900px;margin:0 auto}.quiz-intro{max-width:760px;margin-bottom:28px}.quiz-intro h1{max-width:16ch;margin-bottom:18px}.quiz-intro>p{max-width:68ch;color:#425d68}.quiz-meta{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;padding:0;list-style:none}.quiz-meta li{padding:8px 12px;border:1px solid #cfe0e5;border-radius:999px;background:#f5fafb;color:#45616b;font-size:.72rem}.quiz-meta b{color:var(--navy)}
.quiz-flow{position:relative;margin:28px 0;padding:clamp(20px,4vw,38px);border:1px solid #cbdce2;border-radius:24px;background:linear-gradient(145deg,#f8fcfd 0%,#edf5f7 100%);box-shadow:0 28px 70px -58px rgba(6,40,54,.8)}
.quiz-progress{display:grid;grid-template-columns:1fr minmax(150px,280px);gap:18px;align-items:center;margin-bottom:28px;color:#52707b;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.quiz-progress progress{width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;background:#d8e7eb}.quiz-progress progress::-webkit-progress-bar{background:#d8e7eb}.quiz-progress progress::-webkit-progress-value{background:linear-gradient(90deg,var(--accent),#65d8e6)}.quiz-progress progress::-moz-progress-bar{background:var(--accent)}
.quiz-step{min-width:0;margin:0;padding:0;border:0}.quiz-step[hidden]{display:none}.quiz-step legend{display:grid;gap:7px;width:100%;max-width:720px;margin:0 0 22px;padding:0;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:650;line-height:1.12;color:var(--ink)}.quiz-step legend span{font-family:Inter,sans-serif;font-size:.66rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quiz-option{position:relative;display:flex;min-height:66px;cursor:pointer}.quiz-option input{position:absolute;opacity:0;pointer-events:none}.quiz-option span{display:flex;align-items:center;width:100%;padding:15px 46px 15px 17px;border:1px solid #cbdce2;border-radius:14px;background:#fff;color:#294854;font-size:.88rem;font-weight:650;line-height:1.35;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.quiz-option span:after{content:"";position:absolute;right:17px;top:50%;width:18px;height:18px;border:2px solid #9db7c1;border-radius:50%;transform:translateY(-50%);box-sizing:border-box}.quiz-option:hover span{border-color:#86bdc9;transform:translateY(-1px)}.quiz-option input:focus-visible+span{outline:3px solid rgba(0,129,154,.24);outline-offset:3px}.quiz-option input:checked+span{border-color:var(--accent);background:#e5f4f7;box-shadow:inset 0 0 0 1px var(--accent)}.quiz-option input:checked+span:after{border:5px solid var(--accent);background:#fff}
.quiz-controls{display:flex;gap:10px;align-items:center;margin-top:24px}.quiz-controls .btn{min-width:132px;min-height:48px;justify-content:center}.quiz-back,.quiz-secondary{border:1px solid #b9ced5!important;background:#fff!important;color:var(--navy)!important}.quiz-error{margin:0 0 20px;padding:13px 15px;border-left:4px solid #d63f52;border-radius:0 10px 10px 0;background:#fff0f2;color:#7b2632;font-weight:700}.quiz-error[hidden]{display:none}.quiz-privacy{margin:19px 0 0;color:#5a747d;font-size:.73rem;line-height:1.5}.quiz-method{margin:18px 0;padding:15px 18px;border:1px solid var(--hair);border-radius:13px;background:#fff}.quiz-method summary{cursor:pointer;font-weight:750;color:var(--navy)}.quiz-method p{margin:.7em 0 0;color:var(--muted);font-size:.82rem}
.quiz-hub>.lead{max-width:760px}.quiz-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:30px 0}.quiz-hub-card{display:grid;grid-template-rows:220px 1fr;min-height:460px;border:1px solid var(--hair);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 26px 62px -50px rgba(7,40,53,.85);transition:transform .18s,box-shadow .18s}.quiz-hub-card:hover{transform:translateY(-3px);box-shadow:0 30px 68px -48px rgba(7,40,53,.78)}.quiz-hub-card img{width:100%;height:220px;object-fit:cover}.quiz-hub-card>span{display:grid;grid-template-rows:auto auto 1fr auto;gap:9px;padding:20px}.quiz-hub-card small{color:var(--accent);font-size:.65rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.quiz-hub-card b{font-family:'Source Serif 4',Georgia,serif;font-size:1.38rem;line-height:1.12;color:var(--ink)}.quiz-hub-card em{font-size:.78rem;font-style:normal;line-height:1.48;color:var(--muted)}.quiz-hub-card strong{color:var(--accent);font-size:.78rem}.quiz-hub-principles{display:flex;flex-wrap:wrap;gap:8px;padding:20px;border-radius:16px;background:var(--navy);color:#d8e8eb}.quiz-hub-principles b{width:100%;color:#fff}.quiz-hub-principles span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:.69rem}
.quiz-result{max-width:920px;margin:0 auto}.quiz-result-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:34px;align-items:center;margin:20px 0 32px}.quiz-result-hero h1{max-width:15ch;margin:8px 0 14px}.quiz-result-hero img{width:100%;height:330px;object-fit:cover;border-radius:22px}.quiz-result-note{max-width:48ch;color:#57717b}.quiz-result-copy{max-width:760px;font-size:1.02rem;line-height:1.72}.quiz-result-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:28px 0;padding:17px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.quiz-result-actions .btn{min-height:46px}.quiz-result-actions p{flex-basis:100%;margin:0;color:var(--accent)}.quiz-next{margin:34px 0;padding:clamp(22px,4vw,34px);border-radius:20px;background:#eaf3f6}.quiz-next h2{max-width:18ch;margin-top:8px}.quiz-next-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quiz-next-card{display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid #c8dce2;border-radius:13px;background:#fff;color:var(--navy);font-weight:700}.quiz-next-card b{color:var(--accent);white-space:nowrap}.quiz-retake{margin:25px 0}
@media(max-width:820px){.quiz-hub-grid{grid-template-columns:1fr 1fr}.quiz-result-hero{grid-template-columns:1fr}.quiz-result-hero img{height:360px;order:-1}}
@media(max-width:620px){.quiz-flow{padding:18px;border-radius:18px}.quiz-progress{grid-template-columns:1fr;gap:8px}.quiz-options,.quiz-hub-grid,.quiz-next-grid{grid-template-columns:1fr}.quiz-option{min-height:60px}.quiz-controls{display:grid;grid-template-columns:1fr 1fr}.quiz-controls .atlas-primary:last-child{grid-column:2}.quiz-hub-card{grid-template-columns:118px 1fr;grid-template-rows:1fr;min-height:160px}.quiz-hub-card img{width:118px;height:100%;min-height:160px}.quiz-hub-card>span{padding:15px}.quiz-result-hero img{height:270px}.quiz-result-actions{display:grid}.quiz-result-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.quiz-option span,.quiz-hub-card{transition:none}.quiz-option:hover span,.quiz-hub-card:hover{transform:none}}
@media print{.quiz-result-actions,.quiz-retake,header,footer{display:none!important}.quiz-result,.quiz-result *{visibility:visible}.quiz-result{position:absolute;inset:0;padding:20px}.quiz-result-hero img{max-height:240px}.quiz-next{background:#fff;border:1px solid #ccc}}

/* Quiz editorial override: match the premium white homepage, never the legacy green hero. */
[hidden]{display:none!important}
.section-quiz{background:#fff}.section-quiz .hero{padding:clamp(42px,6vw,74px) 0 clamp(34px,5vw,64px);background:#fff}.section-quiz .hero::before{display:none}.section-quiz .hero h1{font-size:clamp(3rem,6.2vw,5.8rem);line-height:.94;max-width:12ch;letter-spacing:-.035em}.section-quiz .hero .lead{max-width:58ch;color:#4e626c;font-size:1.02rem}.section-quiz main>section:last-of-type{background:#fff}
.section-quiz .quiz-shell{max-width:920px}.section-quiz .quiz-intro{margin:0 0 44px}.section-quiz .quiz-intro>.eyebrow{display:none}.section-quiz .quiz-meta{gap:0;margin:0;padding-bottom:22px;border-bottom:1px solid #dfe6e9}.section-quiz .quiz-meta li{padding:0;border:0;border-radius:0;background:transparent;color:#6d7d84;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.section-quiz .quiz-meta li+li::before{content:"·";padding:0 12px;color:#9aa7ac}.section-quiz .quiz-meta b{font-weight:700;color:#344951}
.section-quiz .quiz-flow{margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}.section-quiz .quiz-progress{grid-template-columns:auto 1fr;gap:24px;margin:0 0 42px;color:#74858c;font-size:.64rem}.section-quiz .quiz-progress progress{height:2px;border-radius:0;background:#e5eaec}.section-quiz .quiz-progress progress::-webkit-progress-bar{background:#e5eaec}.section-quiz .quiz-progress progress::-webkit-progress-value{background:#0b2d38}.section-quiz .quiz-progress progress::-moz-progress-bar{background:#0b2d38}
.section-quiz .quiz-step legend{max-width:820px;gap:12px;margin-bottom:30px;font-size:clamp(2rem,4.2vw,3.55rem);font-weight:520;line-height:1.02;letter-spacing:-.025em}.section-quiz .quiz-step legend span{font-size:.62rem;color:#6b7e86}.section-quiz .quiz-options{grid-template-columns:1fr;gap:0;border-top:1px solid #cfd9dd}.section-quiz .quiz-option{min-height:70px;border-bottom:1px solid #cfd9dd}.section-quiz .quiz-option span{padding:20px 52px 20px 4px;border:0;border-radius:0;background:#fff;color:#17323c;font-size:.96rem;font-weight:520;transition:background .12s,color .12s}.section-quiz .quiz-option span::after{right:8px;width:17px;height:17px;border:1.5px solid #7f959e}.section-quiz .quiz-option:hover span{border:0;background:#f7f9fa;transform:none}.section-quiz .quiz-option input:focus-visible+span{outline:2px solid #0b2d38;outline-offset:-2px}.section-quiz .quiz-option input:checked+span{border:0;background:#f1f5f6;box-shadow:inset 3px 0 0 #0b2d38}.section-quiz .quiz-option input:checked+span::after{border:5px solid #0b2d38;background:#fff}
.section-quiz .quiz-controls{justify-content:flex-end;margin-top:28px}.section-quiz .quiz-controls .btn{min-width:150px;min-height:50px;border-radius:999px}.section-quiz .quiz-controls .atlas-primary{background:#0b2d38;border-color:#0b2d38;color:#fff}.section-quiz .quiz-back{margin-right:auto;border:0!important;background:transparent!important;text-decoration:underline;text-underline-offset:4px}.section-quiz .quiz-privacy{max-width:66ch;margin-top:28px;padding-top:18px;border-top:1px solid #e5eaec;color:#75858b}.section-quiz .quiz-method{margin:34px 0 0;padding:18px 0;border:0;border-top:1px solid #dfe6e9;border-bottom:1px solid #dfe6e9;border-radius:0}.section-quiz .quiz-error{border-radius:0;background:#fff;border-left:3px solid #b34d59}
.section-quiz .quiz-hub>.eyebrow{display:none}.section-quiz .quiz-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border:1px solid #dbe3e7;background:#dbe3e7}.section-quiz .quiz-hub-card{grid-template-rows:190px 1fr;min-height:410px;border:0;border-radius:0;box-shadow:none}.section-quiz .quiz-hub-card:hover{transform:none;box-shadow:none}.section-quiz .quiz-hub-card img{height:190px;border-radius:0}.section-quiz .quiz-hub-card>span{padding:20px}.section-quiz .quiz-hub-card b{font-size:1.42rem}.section-quiz .quiz-hub-principles{margin-top:30px;border-radius:0;background:#0b2d38}.section-quiz .quiz-hub-principles span{border-radius:0}
.section-quiz .quiz-result-hero{padding-bottom:36px;border-bottom:1px solid #dfe6e9}.section-quiz .quiz-result-hero img{border-radius:0}.section-quiz .quiz-result-actions{border-color:#dfe6e9}.section-quiz .quiz-next{padding:30px 0;border-top:1px solid #dfe6e9;border-bottom:1px solid #dfe6e9;border-radius:0;background:#fff}.section-quiz .quiz-next-card{border-radius:0}
.page-quiz-index .hero{padding:18px 0 20px;border-bottom:1px solid #dfe6e9}.page-quiz-index .hero .wrap{display:grid;grid-template-columns:auto 1fr auto;gap:8px 24px;align-items:end}.page-quiz-index .hero nav{grid-column:1/-1;font-size:.72rem}.page-quiz-index .hero .eyebrow{grid-column:1/-1;margin:0}.page-quiz-index .hero h1{max-width:none;margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(2rem,3vw,2.8rem);line-height:1;letter-spacing:-.025em}.page-quiz-index .hero .lead{max-width:none;margin:0 0 3px;font-size:.86rem}.page-quiz-index main>section:last-of-type{padding-top:18px}.page-quiz-index .quiz-hub-grid{margin-top:0}
@media(max-width:820px){.section-quiz .quiz-hub-grid{grid-template-columns:1fr 1fr}.section-quiz .hero h1{font-size:clamp(3rem,10vw,5rem)}}
@media(max-width:820px){.page-quiz-index .hero .wrap{grid-template-columns:1fr auto}.page-quiz-index .hero nav,.page-quiz-index .hero .eyebrow{grid-column:1/-1}.page-quiz-index .hero .lead{max-width:32ch}}
@media(max-width:620px){.section-quiz .hero{padding:34px 0 38px}.section-quiz .hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.section-quiz .quiz-intro{margin-bottom:30px}.section-quiz .quiz-progress{grid-template-columns:1fr;gap:10px;margin-bottom:32px}.section-quiz .quiz-step legend{font-size:clamp(1.9rem,9vw,2.7rem)}.section-quiz .quiz-controls{display:flex}.section-quiz .quiz-controls .btn{min-width:0;padding-inline:22px}.section-quiz .quiz-hub-grid{grid-template-columns:1fr}.section-quiz .quiz-hub-card{grid-template-columns:130px 1fr;grid-template-rows:1fr;min-height:170px}.section-quiz .quiz-hub-card img{width:130px;height:100%;min-height:170px}.section-quiz .quiz-result-hero img{border-radius:0}.page-quiz-index .hero{padding:12px 0 14px}.page-quiz-index .hero nav{display:none}.page-quiz-index .hero .wrap{grid-template-columns:1fr}.page-quiz-index .hero .eyebrow{grid-column:auto;font-size:.58rem}.page-quiz-index .hero h1{font-size:2rem;line-height:1}.page-quiz-index .hero .lead{font-size:.78rem;line-height:1.35}.page-quiz-index main>section:last-of-type{padding-top:8px}}

/* Interactive-page release canon: the interaction, not a marketing hero, owns
   the first viewport. This override intentionally wins over the earlier quiz
   editorial experiment. */
.section-quiz .hero{padding:14px 0 16px;border-bottom:1px solid #dfe6e9;background:#fff}
.section-quiz .hero .wrap{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr);gap:7px 32px;align-items:end}
.section-quiz .hero nav,.section-quiz .hero .eyebrow{grid-column:1/-1}
.section-quiz .hero nav{margin:0;font-size:.68rem}
.section-quiz .hero .eyebrow{margin:0;font-size:.6rem}
.section-quiz .hero h1{max-width:19ch;margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:560;line-height:1.01;letter-spacing:-.018em}
.section-quiz .hero .lead{max-width:58ch;margin:0 0 2px;font-size:.86rem;line-height:1.45;color:#596d75}
.section-quiz main>section:last-of-type{padding:16px 0 58px;background:#fff}
.section-quiz .quiz-intro{margin:0 0 18px}
.section-quiz .quiz-meta{padding-bottom:14px}
.section-quiz .quiz-progress{margin-bottom:28px}
.section-quiz .quiz-step legend{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.06}
.page-quiz-index .hero{padding:12px 0 14px}
.page-quiz-index main>section:last-of-type{padding-top:8px}

/* Cost calculator: same cold-white editorial system as the new homepage and
   quizzes. No legacy green panels, cream surfaces, or oversized intro. */
.page-calculator{background:#fff}
.page-calculator .hero{padding:16px 0 18px;border-bottom:1px solid #dfe6e9;background:#fff}
.page-calculator .hero::before{display:none}
.page-calculator .hero .wrap{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(380px,1.15fr);gap:8px 34px;align-items:end}
.page-calculator .hero .eyebrow{grid-column:1/-1;margin:0;font-size:.6rem}
.page-calculator .hero h1{max-width:18ch;margin:0;font-size:clamp(2rem,3.2vw,3rem);line-height:1.02;letter-spacing:-.018em}
.page-calculator .hero .lead{max-width:62ch;margin:0 0 2px;font-size:.86rem;line-height:1.45}
.page-calculator main>section:not(.hero){padding:16px 0 70px;background:#fff}
.page-calculator .calc{border:1px solid #cfdbe0;border-radius:0;background:#fff;box-shadow:none}
.page-calculator .calc-in{padding:28px 30px;border-right:1px solid #cfdbe0;background:#fff}
.page-calculator .calc-out{padding:28px 30px;background:#f2f7f9}
.page-calculator .calc-route{margin-bottom:24px;padding:0 0 0 14px;border:0;border-left:3px solid #0b2d38;border-radius:0;background:transparent;color:#304c57;font-size:.82rem}
.page-calculator .field{margin-bottom:20px}
.page-calculator .field label{font-size:.78rem;letter-spacing:.015em;color:#425b65}
.page-calculator .field input,.page-calculator .field select{border-color:#c5d4da;border-radius:0;background:#fff}
.page-calculator .calc-section-title{font-size:.72rem;letter-spacing:.08em}
.page-calculator .calc-total{font-size:clamp(2.7rem,5vw,4rem);color:#082e3a;letter-spacing:-.035em}
.page-calculator .calc-compare-result{border-color:#cfdbe0;border-radius:0;background:#fff}
.page-calculator .lead-capture{border-color:#cfdbe0;border-radius:0;background:#fff;box-shadow:none}
.page-calculator .lc-estimate-summary{border-radius:0;background:#f2f7f9}

@media(max-width:820px){
  .section-quiz .hero .wrap,.page-calculator .hero .wrap{grid-template-columns:1fr}
  .section-quiz .hero nav,.section-quiz .hero .eyebrow,.page-calculator .hero .eyebrow{grid-column:auto}
  .section-quiz .hero h1,.page-calculator .hero h1{max-width:24ch;font-size:2.15rem}
  .section-quiz .hero .lead,.page-calculator .hero .lead{font-size:.8rem;line-height:1.38}
}
@media(max-width:620px){
  .section-quiz .hero,.page-calculator .hero{padding:10px 0 12px}
  .section-quiz .hero nav{display:none}
  .section-quiz .hero h1,.page-calculator .hero h1{font-size:1.9rem;line-height:1.02}
  .section-quiz .hero .lead,.page-calculator .hero .lead{display:none}
  .section-quiz main>section:last-of-type,.page-calculator main>section:not(.hero){padding-top:10px}
  .section-quiz .quiz-intro{margin-bottom:12px}
  .section-quiz .quiz-meta{padding-bottom:10px}
  .section-quiz .quiz-progress{margin-bottom:22px}
  .section-quiz .quiz-step legend{font-size:1.85rem}
  .page-calculator .calc-in,.page-calculator .calc-out{padding:22px 18px}
}

/* Evidence tools follow the same interaction-first contract. Their documentary
   image remains visible as a restrained masthead, never as a gate before the
   controls. */
.section-tools{background:#fff}
.section-tools .hero{padding:14px 0 16px;border-bottom:1px solid #dfe6e9;background:#fff}
.section-tools .hero::before{display:none}
.section-tools .hero .wrap{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(380px,1.14fr);gap:7px 32px;align-items:end}
.section-tools .hero nav,.section-tools .hero .eyebrow{grid-column:1/-1}
.section-tools .hero nav{margin:0;font-size:.68rem}
.section-tools .hero .eyebrow{margin:0;font-size:.6rem}
.section-tools .hero h1{max-width:20ch;margin:0;font-size:clamp(2rem,3.2vw,3rem);font-weight:560;line-height:1.01;letter-spacing:-.018em}
.section-tools .hero .lead{max-width:60ch;margin:0 0 2px;font-size:.86rem;line-height:1.45}
.section-tools main>section:last-of-type{padding:16px 0 64px;background:#fff}
.section-tools .tool-hero-image{height:132px;max-height:132px;margin:0 0 14px;border-radius:0;object-position:center 48%}
.section-tools .tool-panel{margin:0 0 24px;border-color:#cfdbe0;border-radius:0;background:#fff}
.section-tools .tool-panel select{border-radius:0}
.section-tools .tool-result:not(:empty){border-radius:0}
@media(max-width:820px){
  .section-tools .hero .wrap{grid-template-columns:1fr}
  .section-tools .hero nav,.section-tools .hero .eyebrow{grid-column:auto}
  .section-tools .hero h1{max-width:24ch;font-size:2.15rem}
  .section-tools .hero .lead{font-size:.8rem;line-height:1.38}
}
@media(max-width:620px){
  .section-tools .hero{padding:10px 0 12px}
  .section-tools .hero nav{display:none}
  .section-tools .hero h1{font-size:1.9rem;line-height:1.02}
  .section-tools .hero .lead{display:none}
  .section-tools main>section:last-of-type{padding-top:10px}
  .section-tools .tool-hero-image{height:96px;max-height:96px;margin-bottom:10px}
}
/* Demand-led trend tools — clean white/graphite product UI, 2026-08-29 */
.trend-hub,.trend-tool{--tt-ink:#101114;--tt-muted:#666b75;--tt-line:#e4e7ec;--tt-blue:#3157ff;color:var(--tt-ink)}
.trend-hub-head{max-width:820px;margin:0 0 28px}.trend-hub-head h1{font-size:clamp(30px,4vw,54px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 12px}.trend-hub-head p{max-width:760px;color:var(--tt-muted);font-size:17px;line-height:1.55}
.trend-kicker{display:inline-block;color:var(--tt-blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.trend-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trend-hub-card{display:flex;flex-direction:column;min-height:390px;border:1px solid var(--tt-line);border-radius:18px;overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.trend-hub-card:hover{transform:translateY(-3px);border-color:#b8c2ff;box-shadow:0 16px 40px rgba(25,31,55,.09)}.trend-hub-card img{width:100%;height:190px;object-fit:cover;background:#f4f5f7}.trend-hub-card span{display:flex;flex:1;flex-direction:column;padding:18px}.trend-hub-card small{color:var(--tt-blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trend-hub-card b{font-size:22px;line-height:1.1;letter-spacing:-.025em;margin:8px 0}.trend-hub-card em{color:var(--tt-muted);font-style:normal;line-height:1.45}.trend-hub-card strong{margin-top:auto;padding-top:18px;color:var(--tt-ink);font-size:13px}
.trend-proof{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:14px;border:1px solid var(--tt-line);border-radius:14px;background:#fff}.trend-proof b{margin-right:8px}.trend-proof span{padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#3e424b;font-size:12px}
.trend-tool-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:22px;align-items:center;margin:0 0 10px}.trend-tool-top h1{font-size:clamp(30px,4.4vw,58px);line-height:1.01;letter-spacing:-.05em;margin:8px 0 12px;max-width:900px}.trend-tool-top p{color:var(--tt-muted);font-size:17px;line-height:1.55;max-width:780px}.trend-tool-top img{width:100%;height:120px;object-fit:cover;border-radius:14px;background:#f4f5f7}
.trend-app{border:1px solid var(--tt-line);border-radius:20px;background:#fff;overflow:hidden;margin:18px 0}.trend-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:18px;border-bottom:1px solid var(--tt-line);background:#f8f9fb}.trend-controls label{display:grid;gap:6px;color:#3f444d;font-size:12px;font-weight:750}.trend-controls select{width:100%;min-height:46px;border:1px solid #cfd4dc;border-radius:10px;background:#fff;padding:0 12px;color:var(--tt-ink);font:inherit}.trend-controls .btn,.trend-question .btn{min-height:46px;border-radius:10px;white-space:nowrap}
.trend-question{padding:20px;border-bottom:1px solid var(--tt-line);background:#f8f9fb}.trend-question h2{font-size:19px;margin:0 0 12px}.trend-chipset{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.trend-chip{cursor:pointer}.trend-chip input{position:absolute;opacity:0;pointer-events:none}.trend-chip span{display:block;border:1px solid #cfd4dc;border-radius:999px;background:#fff;padding:9px 13px;font-size:13px;font-weight:700}.trend-chip input:checked+span{border-color:var(--tt-blue);background:#edf0ff;color:#1b35ba;box-shadow:inset 0 0 0 1px var(--tt-blue)}.trend-chip input:focus-visible+span{outline:3px solid rgba(49,87,255,.25);outline-offset:2px}
.trend-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.trend-result-single{display:block}.trend-result>article{padding:24px;min-width:0}.trend-result>article+article{border-left:1px solid var(--tt-line)}.trend-result article>small{color:var(--tt-blue);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.trend-result h2{font-size:clamp(23px,3vw,34px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 16px}.trend-result dl{display:grid;grid-template-columns:130px 1fr;margin:0 0 18px}.trend-result dt,.trend-result dd{margin:0;padding:9px 0;border-bottom:1px solid var(--tt-line);font-size:13px}.trend-result dt{color:var(--tt-muted)}.trend-result dd{font-weight:650}.trend-result article>a{font-size:13px;font-weight:800}.trend-empty{padding:28px;margin:0;color:var(--tt-muted)}
.trend-row{display:grid;grid-template-columns:160px 1fr 1.2fr;gap:14px;padding:13px 0;border-top:1px solid var(--tt-line);align-items:start}.trend-row b{font-size:14px}.trend-row span{font-size:13px;color:#343840}.trend-row em{font-size:12px;line-height:1.4;color:var(--tt-muted);font-style:normal}.trend-verdict{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--tt-blue);background:#f5f7ff;border-radius:0 10px 10px 0}.trend-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:18px 0}.trend-pair span{display:grid;gap:4px;padding:14px;border:1px solid var(--tt-line);border-radius:12px}.trend-pair small{color:var(--tt-muted)}.trend-pair i{font-size:22px;font-style:normal}.trend-overlap{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.trend-overlap span{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--tt-line);border-radius:10px}.trend-overlap span.all{border-color:var(--tt-blue);background:#edf0ff}.trend-overlap small{color:var(--tt-muted)}
.trend-method{margin:18px 0;border-top:1px solid var(--tt-line);padding:16px 0;color:var(--tt-muted)}.trend-method summary{cursor:pointer;color:var(--tt-ink);font-weight:800}.trend-sources{columns:2;column-gap:28px;padding-left:20px}.trend-sources li{break-inside:avoid;margin:7px 0;font-size:12px}.retired-quiz{max-width:720px;padding:20px 0 50px}.retired-quiz h1{font-size:34px;letter-spacing:-.03em}
@media(max-width:860px){.trend-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-tool-top{grid-template-columns:1fr}.trend-tool-top img{height:110px}.trend-controls{grid-template-columns:1fr 1fr}.trend-controls .btn{grid-column:1/-1}.trend-row{grid-template-columns:1fr}.trend-sources{columns:1}}
@media(max-width:600px){.trend-hub-grid{grid-template-columns:1fr}.trend-hub-card{min-height:0}.trend-hub-card img{height:170px}.trend-tool-top h1{font-size:34px}.trend-result{grid-template-columns:1fr}.trend-result>article+article{border-left:0;border-top:1px solid var(--tt-line)}.trend-controls{grid-template-columns:1fr}.trend-pair{grid-template-columns:1fr}.trend-pair i{text-align:center}}

/* sca-editorial-type-20260830 — typography/layout only; images and engines stay.
   Primitive -> semantic -> component tokens. EN plus data-sca-design opt-in:
   untranslated legacy locale templates do not change until separately released.
   High specificity bridges legacy inline page CSS without rewriting content. */
/* Intrinsic HTML dimensions reserve space, but are NOT fixed display sizes.
   Keep specificity below component crops (.card img, etc.). Without this reset,
   responsive width + height="1067" stretches a landscape image into a portrait. */
:where(html:is([lang="en"],[data-sca-design="20260830"])) img{max-width:100%;height:auto}
html:is([lang="en"],[data-sca-design="20260830"]) {
  --sca-switzer:Switzer,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --sca-mono:ui-monospace,"Cascadia Mono","JetBrains Mono",Consolas,monospace;
  --sca-space-sm:12px;--sca-space-md:20px;--sca-space-lg:32px;
  --sca-font-body:var(--sca-switzer);--sca-font-label:var(--sca-mono);
  --sca-title:clamp(1.75rem,2.45vw,2.125rem);
  --sca-heading:clamp(1.375rem,1.9vw,1.625rem);
  --sca-card-radius:2px;--sca-section-gap:clamp(28px,3vw,44px);
}
html:is([lang="en"],[data-sca-design="20260830"]) body {
  --maxw:1440px;--faint:#53616e;
  font-family:var(--sca-font-body)!important;
  font-size:clamp(1rem,.9vw,1.125rem);line-height:1.6;background:#fff;
}
html:is([lang="en"],[data-sca-design="20260830"]) body :where(h1,h2,h3,h4,h5,h6,p,a,b,strong,em,span,small,div,
  label,legend,input,select,textarea,button,summary,li,td,th,dt,dd,figcaption,output) {
  font-family:var(--sca-font-body)!important;
}
html:is([lang="en"],[data-sca-design="20260830"]) body h1 {
  font-size:var(--sca-title)!important;font-weight:600!important;
  line-height:1.14!important;letter-spacing:0!important;
  max-width:38ch!important;text-wrap:pretty;
}
html:is([lang="en"],[data-sca-design="20260830"]) body h2 {
  font-size:var(--sca-heading)!important;font-weight:600!important;
  line-height:1.24!important;letter-spacing:0!important;text-wrap:pretty;
}
html:is([lang="en"],[data-sca-design="20260830"]) body h3 {
  font-size:clamp(1.125rem,1.3vw,1.25rem)!important;
  font-weight:600!important;line-height:1.3!important;letter-spacing:0!important;
}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.eyebrow,.trend-kicker,.gb-kicker,.section-label,
  .quiz-meta,.calc-section-title,.tool-hub-card small,.trend-hub-card small) {
  font-family:var(--sca-font-label)!important;
  font-size:clamp(.6875rem,.65vw,.8125rem)!important;
  font-weight:400!important;letter-spacing:.035em!important;line-height:1.5;
}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(code,pre,kbd,samp),
html:is([lang="en"],[data-sca-design="20260830"]) body :is(code,pre,kbd,samp) * {font-family:var(--sca-font-label)!important}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.wrap,.container){max-width:var(--maxw)}
html:is([lang="en"],[data-sca-design="20260830"]) body .wrap{padding-inline:clamp(20px,3.2vw,48px)}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.hero,.atlas-hero){padding-block:20px!important;min-height:0}
html:is([lang="en"],[data-sca-design="20260830"]) body .hero::before{display:none}
html:is([lang="en"],[data-sca-design="20260830"]) body .hero .lead{font-size:clamp(.875rem,1vw,1rem)!important;line-height:1.5}
html:is([lang="en"],[data-sca-design="20260830"]) body .atlas-hero-intro{gap:12px 32px;margin-bottom:22px;align-items:start}
html:is([lang="en"],[data-sca-design="20260830"]) body .atlas-hero-intro .eyebrow{margin-bottom:0}
html:is([lang="en"],[data-sca-design="20260830"]) body .atlas-hero-intro .lead{font-size:1rem;max-width:56ch}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.atlas-route,.atlas-editorial,.atlas-cold-section,
  .atlas-profiles,.atlas-interventions,.atlas-cost-exit){padding-block:var(--sca-section-gap)}
html:is([lang="en"],[data-sca-design="20260830"]) body .atlas-section-head{margin-bottom:var(--sca-space-md);align-items:start}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.atlas-test-panel,.atlas-trip-panel,.atlas-image-card,
  .tool-hub-card,.quiz-hub-card,.trend-hub-card,.gb-card,.card,.tool-panel,.trend-app,
  .trend-verdict,.condition-type-card,.profile-browser-card,.atlas-signal-card) {
  border-radius:var(--sca-card-radius)!important;box-shadow:none!important;
}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.tool-hub-card,.quiz-hub-card,.trend-hub-card,.gb-card):hover {
  transform:none;box-shadow:none!important;
}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.tool-hub-card b,.quiz-hub-card b,.trend-hub-card b) {
  font-size:clamp(1.125rem,1.4vw,1.375rem)!important;
  font-weight:600;line-height:1.25;letter-spacing:0!important;
}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.btn,.atlas-primary,.atlas-trip-form input,
  .trend-controls select,.tool-panel select){border-radius:2px!important}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.tool-panel,.trend-controls){gap:var(--sca-space-sm);background:#fff}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(input,select,textarea){font-variant-numeric:tabular-nums}
html:is([lang="en"],[data-sca-design="20260830"]) body :is(.atlas-route-grid,.atlas-quiz-grid,.trend-hub-grid,.tool-hub-grid) {
  gap:var(--sca-space-md);
}
@media(max-width:820px){
  html:is([lang="en"],[data-sca-design="20260830"]) body{--sca-title:1.75rem;--sca-heading:1.375rem}
  html:is([lang="en"],[data-sca-design="20260830"]) body .hero{padding-block:12px!important}
  html:is([lang="en"],[data-sca-design="20260830"]) body .atlas-hero-intro{grid-template-columns:1fr;gap:10px}
  html:is([lang="en"],[data-sca-design="20260830"]) body .atlas-hero-intro .eyebrow{grid-column:auto}
  html:is([lang="en"],[data-sca-design="20260830"]) body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:1rem!important}
}

/* Localized pages: long compounds, citations and expanded translations may
   wrap instead of pushing grid cells outside the viewport. No font shrinking. */
html[data-sca-design="20260830"] body :is(h1,h2,h3,h4,p,a,label,figcaption,summary){overflow-wrap:anywhere}
html[data-sca-design="20260830"] body :is(.grid>*,.atlas-section-head>*,.atlas-start-grid>*,.atlas-trip-pair>*){min-inline-size:0}
/* Keep localized action labels readable beside the flexible description. */
html[data-sca-design="20260830"] .atlas-test-links> a>span{min-inline-size:0;flex:1}
html[data-sca-design="20260830"] .atlas-test-links> a>em{flex-shrink:0;max-inline-size:40%;white-space:normal;text-align:end}

/* ── Journal data figures: charts + source tables (added 2026-09) ───────── */
.prose figure.chart{margin:26px 0 10px;padding:18px 18px 10px;background:var(--paper-2);
  border:1px solid var(--hair);border-radius:12px;overflow-x:auto}
.prose figure.chart svg{display:block;color:var(--ink)}
.prose figure.chart figcaption{margin-top:10px;padding-top:10px;border-top:1px solid var(--hair-2);
  color:var(--muted);font-size:13.5px;line-height:1.5}
.prose table.tbl{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:14.5px;
  display:block;overflow-x:auto;white-space:nowrap}
.prose table.tbl thead th{text-align:right;padding:8px 12px;border-bottom:2px solid var(--hair);
  color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.prose table.tbl thead th:first-child{text-align:left}
.prose table.tbl td{text-align:right;padding:9px 12px;border-bottom:1px solid var(--hair-2);
  font-variant-numeric:tabular-nums}
.prose table.tbl td:first-child{text-align:left;color:var(--ink);font-weight:600;white-space:normal}
.prose table.tbl tbody tr:hover{background:var(--accent-soft)}
.prose table.tbl code{font-size:12.5px;color:var(--muted);background:var(--paper-3);
  padding:2px 6px;border-radius:4px}
@media(max-width:640px){.prose table.tbl{font-size:13.5px}
  .prose figure.chart{padding:14px 12px 8px}}