:root {
  --void: #17191e;
  --panel: #202228;
  --signal: #f7f6f1;
  --muted: #a8abb2;
  --line: rgba(247, 246, 241, 0.16);
  --accent: #d7ff45;
  color-scheme: dark;
  font-family: "Helvetica Neue", "Inter", "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: geometricPrecision;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { min-width: 320px; background: var(--void); scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: var(--void); color: var(--signal); }
a { color: inherit; text-decoration: none; }

.skip-link {
  position: fixed;
  z-index: 100;
  top: 1rem;
  left: 1rem;
  padding: .75rem 1rem;
  background: var(--signal);
  color: var(--void);
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }

.site-header,
.site-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: min(1500px, calc(100% - 3rem));
  margin: 0 auto;
}
.site-header { min-height: 88px; border-bottom: 1px solid var(--line); }
.brand { font-size: 1.08rem; font-weight: 760; letter-spacing: .21em; }
.brand span { color: var(--accent); }
.header-meta { display: flex; gap: 1.4rem; color: var(--muted); font-size: .66rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.header-actions { display: flex; align-items: center; gap: 1.35rem; }
.edition-label { color: var(--muted); font-size: .66rem; font-weight: 760; letter-spacing: .16em; text-transform: uppercase; }
.language-switch {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .7rem .15rem .7rem .7rem;
  border: 0;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: .66rem;
  font-weight: 760;
  letter-spacing: .16em;
}
.language-switch [data-language-option] { opacity: .46; transition: opacity 160ms ease, color 160ms ease; }
.language-switch [data-language-option].is-active { color: var(--signal); opacity: 1; }
.language-divider { display: block; width: 1.7rem; height: 1px; background: var(--line); }
.language-switch:focus-visible,
.brand:focus-visible,
.source-list a:focus-visible { outline: 1px solid var(--accent); outline-offset: 6px; }

.article-shell { width: min(1280px, calc(100% - 3rem)); margin: 0 auto; }
.article-header { max-width: 1120px; padding: clamp(5rem, 11vw, 10rem) 0 clamp(4rem, 8vw, 7.5rem); }
.classification { display: flex; flex-wrap: wrap; gap: .8rem 1.25rem; align-items: center; margin-bottom: 2rem; color: var(--muted); font-size: .69rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.simulation-pill,
.topic-pill { border: 1px solid var(--accent); border-radius: 999px; padding: .58rem .78rem; color: var(--accent); }
h1 { max-width: 1080px; margin: 0; font-size: clamp(3.2rem, 7.4vw, 7.8rem); font-weight: 550; letter-spacing: -.065em; line-height: .93; }
.real-article h1 { font-size: clamp(3rem, 6.6vw, 7rem); }
.dek { max-width: 830px; margin: 2.4rem 0 0; color: #c7c9cf; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.2rem, 2vw, 1.72rem); line-height: 1.5; }

.disclosure { display: grid; grid-template-columns: .65fr 1fr; gap: 2rem 5rem; border-top: 1px solid var(--accent); border-bottom: 1px solid var(--line); padding: clamp(2.2rem, 5vw, 4.5rem) 0; }
.disclosure .section-label { grid-column: 1 / -1; }
.disclosure h2 { margin: 0; font-size: clamp(2rem, 4vw, 4.2rem); line-height: 1; letter-spacing: -.05em; }
.disclosure > p:last-child { max-width: 680px; margin: 0; color: #c7c9cf; font-size: 1rem; line-height: 1.75; }

.integrity-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line);
}
.integrity-strip > div { min-width: 0; padding: 1.4rem 1.35rem 1.45rem 0; }
.integrity-strip > div + div { border-left: 1px solid var(--line); padding-left: 1.35rem; }
.integrity-strip span,
.integrity-strip strong { display: block; }
.integrity-strip span { min-height: 2.2em; color: var(--muted); font-size: .61rem; font-weight: 760; letter-spacing: .13em; line-height: 1.45; text-transform: uppercase; }
.integrity-strip strong { margin-top: .7rem; color: var(--signal); font-size: clamp(1.05rem, 1.6vw, 1.3rem); font-weight: 560; letter-spacing: -.025em; }

.article-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: clamp(3rem, 8vw, 8rem); padding: clamp(4.5rem, 9vw, 9rem) 0; }
.article-body { min-width: 0; }
.article-body section { padding: 0 0 clamp(4rem, 7vw, 7rem); }
.section-label { margin: 0 0 1.25rem; color: var(--accent); font-size: .68rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.article-body h2 { max-width: 760px; margin: 0 0 2rem; font-size: clamp(2rem, 4vw, 4rem); font-weight: 540; letter-spacing: -.05em; line-height: 1.02; }
.article-body p,
.article-body li { color: #d6d7da; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.08rem, 1.5vw, 1.28rem); line-height: 1.8; }
.article-body p { max-width: 780px; }
.fact-list,
.caveat-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.fact-list li,
.caveat-list li { position: relative; border-top: 1px solid var(--line); padding: 1.4rem 0 1.4rem 2.4rem; }
.fact-list li::before,
.caveat-list li::before { position: absolute; left: 0; content: "×"; color: var(--accent); font-family: Arial, sans-serif; font-weight: 800; }
.opinion-block { border-left: 2px solid var(--accent); padding-left: clamp(1.5rem, 4vw, 3.5rem) !important; }
blockquote { max-width: 800px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.55rem, 3vw, 2.85rem); line-height: 1.35; letter-spacing: -.025em; }

.evidence-rail { position: sticky; top: 2rem; align-self: start; display: grid; gap: 1rem; }
.rail-card { border: 1px solid var(--line); background: rgba(247,246,241,.035); padding: 1.5rem; }
.rail-card-dark { border-color: var(--accent); }
.rail-card > span { display: block; margin-bottom: 1rem; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.rail-card strong { display: block; font-size: 1rem; }
.rail-card p { margin: 1rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.65; }
.digest-card code { display: block; overflow-wrap: anywhere; color: #d5d6d9; font-size: .68rem; line-height: 1.65; }
.source-list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.source-list li { border-top: 1px solid var(--line); padding: .88rem 0; }
.source-list li:first-child { border-top: 0; padding-top: 0; }
.source-list a { display: block; color: var(--signal); font-size: .82rem; font-weight: 630; line-height: 1.4; transition: color 160ms ease; }
.source-list a::after { content: " ↗"; color: var(--accent); }
.source-list a:hover { color: var(--accent); }
.source-list small { display: block; margin-top: .28rem; color: var(--muted); font-size: .58rem; font-weight: 720; letter-spacing: .11em; }
.source-list-short li { padding-bottom: 0; }

.site-footer { min-height: 160px; border-top: 1px solid var(--line); color: var(--muted); font-size: .68rem; letter-spacing: .08em; }
.brand-small { color: var(--signal); font-size: .8rem; }

@media (max-width: 850px) {
  .article-grid,
  .disclosure { grid-template-columns: 1fr; }
  .disclosure .section-label { grid-column: auto; }
  .evidence-rail { position: static; }
  .integrity-strip { grid-template-columns: repeat(2, 1fr); }
  .integrity-strip > div:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; }
  .integrity-strip > div:nth-child(4) { border-top: 1px solid var(--line); }
  .site-footer { align-items: flex-start; flex-direction: column; justify-content: center; padding: 2rem 0; }
}

@media (max-width: 560px) {
  .site-header,
  .site-footer,
  .article-shell { width: min(100% - 2rem, 1280px); }
  .site-header { min-height: 72px; }
  .header-meta span:first-child { display: none; }
  .header-actions { gap: .35rem; }
  .edition-label { font-size: .58rem; letter-spacing: .12em; }
  .language-switch { gap: .45rem; font-size: .58rem; letter-spacing: .11em; }
  .language-divider { width: 1.1rem; }
  .article-header { padding-top: 4rem; }
  h1 { font-size: clamp(2.9rem, 15vw, 4.4rem); }
  .real-article h1 { font-size: clamp(2.75rem, 13.5vw, 4.3rem); }
  .disclosure { gap: 1.5rem; }
  .integrity-strip { grid-template-columns: 1fr; }
  .integrity-strip > div + div,
  .integrity-strip > div:nth-child(3) { border-top: 1px solid var(--line); border-left: 0; padding-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}