/* Editorial extension of the canonical public family, not a second theme. */
html[data-story-kind] { scroll-behavior: smooth; }
html[data-story-kind] body { background: var(--public-canvas, #090b12); color: var(--public-ink, #eef1f6); }
.story-reading { max-width: 76rem; margin-inline: auto; padding: 1.5rem clamp(1.25rem, 4vw, 3rem); }
.story-review-bar { display: flex; align-items: center; justify-content:space-between; gap: .75rem 1.5rem; margin-top: .25rem; padding-top: 1rem; padding-bottom: 1rem; font-size: .8125rem; border-bottom: 1px solid var(--public-line, #3b4657); }
.story-byline { display: flex; flex-wrap: wrap; gap: .25rem .75rem; color: var(--public-muted, #b2bdcd); }
html[data-story-kind] .story-byline.article-meta { margin: 0; padding: 0; border: 0; font-family: inherit; font-weight: 500; }
html[data-story-kind] .story-byline.article-meta > span { width: auto; }
.story-byline > span + span::before { content: "·"; margin-right: .75rem; color: var(--public-line, #3b4657); }
.story-review-bar strong { flex-basis: 100%; color: var(--public-volt, #c9ff45); }
.story-locale-menu { position: relative; flex: none; }
.story-locale-menu > summary { min-height: 44px; display: inline-flex; align-items: center; cursor: pointer; color: var(--public-ink, #eef1f6); font-weight: 700; }
.story-locale-menu > nav { position: absolute; z-index: var(--product-z-overlay, 40); right: 0; top: calc(100% - .25rem); display: grid; min-width: 11rem; padding: .5rem; border: 1px solid var(--public-line, #3b4657); border-radius: var(--product-radius-control, 10px); background: var(--public-surface, #171d27); box-shadow: var(--product-shadow-overlay, 0 16px 48px #0006); }
.story-locale-menu a { min-height: 44px; display: flex; align-items: center; padding-inline: .65rem; color: var(--public-ink, #eef1f6); text-decoration: none; }
.story-locale-menu a:hover { color: var(--public-volt, #c9ff45); background: var(--public-raised, #222a37); }
html[data-story-kind] :is(.prose, .market-legal, .si-prose), .story-reading:has(.story-faq) { max-width: 70ch; }
html[data-story-kind] .market-section .market-wrap.market-legal { display: block; }
html[data-story-kind] .market-section .market-wrap.market-legal h2 { max-width: 25ch; }
html[data-story-kind] :is(.market-section, .market-evidence, .market-pricing, .market-faq) { background: var(--public-canvas, #090b12) !important; color: var(--public-ink, #eef1f6) !important; }
html[data-story-kind] :is(.market-section, .market-evidence, .market-pricing, .market-faq):nth-child(even) { background: var(--public-surface, #171d27) !important; }
html[data-story-kind] main :is(p, li) { line-height: 1.78; text-wrap: pretty; }
html[data-story-kind] main p { margin-block: 1rem; }
html[data-story-kind] h1 { max-width: 18ch; text-wrap: balance; }
html[data-story-kind="article"] body.vurm-public-shell.public-reference .page-hero { padding-block: clamp(40px, 6vw, 84px) clamp(28px, 4vw, 48px) !important; }
html[data-story-kind="article"] body .breadcrumbs { display: none !important; }
/* Reading pages keep the canonical header character, but no longer reserve a
   second hero column that narrows long editorial titles on phones. */
html[data-story-kind] .vurm-public-hero-heading { display: block; max-width: 70ch; }
html[data-story-kind] .vurm-public-hero-heading > .vurm-public-hero-character-host,
html[data-story-kind] .si-hero-heading > .si-hero-character { display: none; }
html[data-story-kind] body .page-hero h1,
html[data-story-kind] .market-hero h1,
html[data-story-kind] .si-hero h1 { width: 100%; max-width: 18ch; font-size: clamp(2.45rem, 5.2vw, 4.75rem) !important; line-height: 1.02; }
.story-section + .story-section { margin-top: clamp(2.75rem, 6vw, 4.75rem); }
.story-sources, .story-faq, .article-related { margin-block: clamp(3rem, 7vw, 5rem); }
.story-sources { font-size: .95rem; }
.story-faq details { padding: 1.1rem 0; border-bottom: 1px solid var(--public-line, #3b4657); }
.story-faq summary { min-height: 2.75rem; cursor: pointer; font-weight: 650; }
.story-faq p { color: var(--public-muted, #b2bdcd); }
html[data-story-kind] a { overflow-wrap: anywhere; }
html[data-story-kind] :focus-visible { outline: 3px solid var(--public-violet, #6f4df6); outline-offset: 4px; }
@media (max-width: 600px) {
  .story-review-bar { align-items: flex-start; flex-direction: column; }
  .story-locale-menu > nav { right: auto; left: 0; }
  html[data-story-kind] .page-hero h1, html[data-story-kind] .market-hero h1, html[data-story-kind] .si-hero h1 { max-width: 100%; font-size: clamp(2.2rem, 10vw, 3.2rem) !important; }
  html[data-story-kind] .article-layout { display: block; }
  html[data-story-kind] .article-toc { display: none; }
}
@media (prefers-reduced-motion: reduce) { html[data-story-kind] { scroll-behavior: auto; } }