/* ═══════════════════════════════════════════════════════════════════════════
   RXAuthorized — ED landing additions (loads after site.css)
   ═══════════════════════════════════════════════════════════════════════════ */

/* language toggle */
.lang { display: inline-flex; border: 1px solid rgba(255,255,255,0.28); border-radius: 999px; padding: 3px; gap: 2px; margin-left: 6px; }
.lang button { appearance: none; border: 0; background: transparent; color: rgba(255,255,255,0.8); font: 600 0.78rem/1 var(--font-body); letter-spacing: 0.06em; padding: 7px 10px; border-radius: 999px; cursor: pointer; }
.lang button[aria-pressed="true"] { background: var(--white); color: var(--navy); }
.gtranslate_wrapper { display: none; }          /* the widget is driven by our toggle */
.skiptranslate, #goog-gt-tt, .goog-te-banner-frame { display: none !important; }
body { top: 0 !important; }                     /* Google Translate pushes the body down by its banner */

/* hero bullets */
.checks { list-style: none; margin: 1.1rem 0 0; padding: 0; display: grid; gap: 8px; }
.checks li { display: flex; align-items: center; gap: 10px; font-weight: 500; color: rgba(255,255,255,0.9); }
.checks li::before { content: ''; width: 20px; height: 20px; border-radius: 50%; flex: 0 0 auto;
  background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }

/* ingredient chapters */
.chapter .tag { display: inline-block; margin: -0.2rem 0 0.9rem; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.14); font-size: 0.9rem; font-weight: 500; }
.chapter .tag::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--ing, var(--accent)); margin-right: 8px; vertical-align: -1px; }
.chapter[data-chapter="s1"] { --ing: #14B9CD; } .chapter[data-chapter="s2"] { --ing: #E3A430; }
.chapter[data-chapter="s3"] { --ing: #A61E58; } .chapter[data-chapter="s4"] { --ing: #1F5EE6; }
.chapter--wide { width: min(52%, 640px); }

/* formula cards */
.formula { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; margin-top: 36px; }
.formula article { background: linear-gradient(170deg, #071F52, var(--navy)); color: var(--white); border-radius: 20px; padding: 22px 22px 24px; border: 1px solid rgba(255,255,255,0.08); }
.formula figure { margin: 0 0 14px; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: #03102B; }
.formula figure img { width: 100%; height: 100%; object-fit: cover; }
.formula h3 { font-size: 1.25rem; margin: 0 0 4px; }
.formula .kicker { font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; margin: 0 0 8px; color: var(--ing); }
.formula p { color: rgba(255,255,255,0.72); font-size: 0.95rem; margin: 0; }
.formula article[data-ing="s1"] { --ing: #5FE0EE; } .formula article[data-ing="s2"] { --ing: #F2C15E; }
.formula article[data-ing="s3"] { --ing: #FF7FB0; } .formula article[data-ing="s4"] { --ing: #7FA8FF; }
.formula__note { margin-top: 18px; font-size: 0.85rem; color: var(--ink-2); }

/* steps */
.steps { list-style: none; margin: 36px 0 0; padding: 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); counter-reset: step; }
.steps li { background: var(--white); border: 1px solid var(--line); border-radius: 18px; padding: 26px 24px; }
.steps li::before { counter-increment: step; content: counter(step, decimal-leading-zero); display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--accent); color: var(--white); font: 700 0.95rem var(--font-display); margin-bottom: 14px; }
.steps h3 { font-size: 1.2rem; margin: 0; }

/* FAQ */
.faq { display: grid; gap: 10px; margin-top: 32px; max-width: 860px; }
.faq details { background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: 4px 22px; }
.faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 0; font-family: var(--font-display); font-weight: 600; font-size: 1.08rem; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: '+'; font-size: 1.5rem; line-height: 1; color: var(--accent); flex: 0 0 auto; transition: transform .2s; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { color: var(--ink-2); margin: 0 0 18px; }

/* trust strip */
.trust { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.trust div { padding: 24px; border-radius: 18px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.09); }
.trust h3 { font-size: 1.1rem; margin: 0 0 6px; }
.trust p { margin: 0; color: rgba(255,255,255,0.7); font-size: 0.95rem; }

@media (max-aspect-ratio: 1/1) { .chapter--wide { width: 100%; } .checks { gap: 6px; } }
@media (max-width: 760px) { .lang { margin-left: auto; } .nav__cta { margin-left: 0; } }

/* ── light hero → dark stage burst ─────────────────────────────────────────── */
.story--light-hero .stage {
  background:
    radial-gradient(55% 50% at 74% 50%, rgba(246,3,255,0.14), transparent 70%),
    radial-gradient(60% 55% at 15% 85%, rgba(0,24,63,0.10), transparent 70%),
    linear-gradient(180deg, #FFFFFF 0%, #F3F3F8 60%, #E9EAF2 100%);
}
.stage__burst {
  position: absolute; inset: 0; pointer-events: none; --burst: 0%;
  background:
    radial-gradient(60% 55% at 72% 45%, rgba(246,3,255,0.16), transparent 70%),
    radial-gradient(70% 60% at 20% 90%, rgba(30,70,160,0.35), transparent 70%),
    linear-gradient(180deg, #051A45 0%, var(--navy) 60%, #000E28 100%);
  clip-path: circle(var(--burst) at 72% 50%);
  box-shadow: inset 0 0 0 0 transparent;
}
.stage__burst::after {                       /* magenta shock ring on the burst edge */
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(circle at 72% 50%, transparent calc(var(--burst) - 3%), rgba(246,3,255,0.55) calc(var(--burst) - 1%), transparent var(--burst));
  opacity: 0.9;
}
@media (max-aspect-ratio: 1/1) {
  .stage__burst, .stage__burst::after { clip-path: circle(var(--burst) at 50% 30%); }
  .stage__burst::after { background: radial-gradient(circle at 50% 30%, transparent calc(var(--burst) - 3%), rgba(246,3,255,0.55) calc(var(--burst) - 1%), transparent var(--burst)); }
}
.stage__canvas { z-index: 1; } .chapters, .progress, .skipstory { z-index: 2; }

/* theme-aware chrome: light hero (top) vs dark stage & sections */
.nav__logo img { transition: opacity .25s; }
.nav__logo .logo--white { position: absolute; left: 12px; top: 22px; }
html[data-theme="light"] .nav:not(.is-scrolled) { color: var(--ink); }
html[data-theme="light"] .nav:not(.is-scrolled) .lang { border-color: rgba(0,24,63,0.25); }
html[data-theme="light"] .nav:not(.is-scrolled) .lang button { color: var(--ink); }
html[data-theme="light"] .nav:not(.is-scrolled) .lang button[aria-pressed="true"] { background: var(--navy); color: var(--white); }
html[data-theme="light"] .nav:not(.is-scrolled) .logo--white { opacity: 0; }
html:not([data-theme="light"]) .logo--dark, .nav.is-scrolled .logo--dark { opacity: 0; }
html[data-theme="light"] .chapter--hero { color: var(--ink); }
html[data-theme="light"] .chapter--hero .checks li { color: var(--ink); }
html[data-theme="light"] .chapter--hero .btn--ghost { color: var(--navy); border-color: rgba(0,24,63,0.3); background: rgba(255,255,255,0.5); }
html[data-theme="light"] .chapter--hero .eyebrow { color: var(--ink-2); }
html[data-theme="light"] .chapter--hero .scrollhint { color: var(--ink-2); }
html[data-theme="light"] .progress__dot { background: rgba(0,24,63,0.22); }
html[data-theme="light"] .skipstory { color: var(--ink-2); }
.eyebrow--sentence { text-transform: none; letter-spacing: 0; font-family: var(--font-body); font-weight: 500; font-size: 0.92rem; max-width: 46ch; line-height: 1.5; align-items: flex-start; }
.eyebrow--sentence .eyebrow__dot { margin-top: 7px; flex: 0 0 auto; }
@media (max-aspect-ratio: 1/1) {
  html[data-theme="light"] .chapter--hero { background: linear-gradient(180deg, rgba(243,243,248,0) 0%, rgba(243,243,248,0.9) 38%, rgba(243,243,248,0.97) 100%); }
}

/* single photo in the Key section */
.split__media--single { min-height: 0; }
.photo--single { position: static; width: 100%; aspect-ratio: 5/4; outline: none; }

/* live rotating ingredient cards */
.formula figure { position: relative; }
.formula figure canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }

/* ED hero: copy block pulled toward the centre (the capsule sits at ~75% of the width) */
@media (min-aspect-ratio: 1/1) {
  .story--light-hero .chapter--hero { left: 9%; width: min(46%, 680px); }
  .story--light-hero .chapter--hero h1 { font-size: clamp(2.6rem, 5vw, 5rem); }
}