.article-page { background: #07090d; }
.article-home { text-decoration: none; }
.article-hero { min-height: 72svh; padding: 130px 0 80px; display: flex; flex-direction: column; justify-content: flex-end; }
.article-hero h1 { max-width: 1050px; font-size: clamp(4rem, 8vw, 8.4rem); }
.article-deck { margin: 30px 0 0; color: var(--mint); font-family: "Newsreader", serif; font-size: clamp(1.35rem, 2.5vw, 2rem); }
.article-byline { display: flex; flex-wrap: wrap; gap: 12px 34px; margin-top: 65px; padding-top: 22px; border-top: 1px solid var(--line); color: var(--muted); font: 600 .68rem "DM Sans", sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.article-body { width: min(900px, calc(100vw - 48px)); padding-bottom: 130px; }
.article-body > section, .article-body > aside { margin-top: 110px; }
.article-abstract { border-left: 2px solid var(--mint); padding-left: clamp(24px, 5vw, 55px); }
.article-abstract > p:not(.section-kicker) { font-family: "Newsreader", serif; font-size: clamp(1.35rem, 2.5vw, 1.85rem); line-height: 1.45; color: #dedede; }
.article-aside { margin-inline: calc((min(1180px, 100vw - 48px) - min(900px, 100vw - 48px)) / -2); padding: 70px clamp(30px, 7vw, 100px); background: rgba(0,229,255,.055); border: 1px solid rgba(0,229,255,.2); }
.article-aside blockquote { max-width: 860px; margin: 0; font-family: "Newsreader", serif; font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: 1.08; letter-spacing: -.035em; }
.prose h2, .article-conclusion h2 { margin-bottom: 35px; font-size: clamp(2.7rem, 5vw, 4.7rem); }
.prose p, .article-conclusion p { color: #c5c7cc; font-size: 1.08rem; line-height: 1.85; }
.prose ul { margin: 28px 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.prose li { position: relative; padding: 16px 18px 16px 34px; border-bottom: 1px solid var(--line); color: #d8d9dc; }
.prose li::before { content: ""; position: absolute; left: 4px; top: 25px; width: 8px; height: 1px; background: var(--mint); }
.translation-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 42px 0; border: 1px solid var(--line); }
.translation-grid div { min-height: 125px; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }
.translation-grid div:nth-child(even) { border-right: 0; }
.translation-grid span { color: var(--muted); font-size: .75rem; }
.translation-grid strong { color: var(--mint); font-family: "Newsreader", serif; font-size: 1.35rem; font-weight: 500; }
.article-conclusion { padding: 70px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(0,229,255,.07), rgba(155,135,255,.04)); }
.article-references { padding-top: 50px; border-top: 1px solid var(--line); }
.article-references ol { padding-left: 1.2rem; color: var(--muted); }
.article-references li { padding: 6px 0; }
.article-cta { padding: 130px 0; border-top: 1px solid var(--line); text-align: center; }
.article-cta h2 { max-width: 800px; margin: 0 auto; }
.article-cta > p:not(.section-kicker) { max-width: 680px; margin: 26px auto 0; color: var(--muted); }
.article-cta .contact-actions { justify-content: center; }
@media (max-width: 900px) { .article-aside { margin-inline: 0; } }
@media (max-width: 620px) {
  .article-hero { min-height: 64svh; padding-top: 90px; }
  .article-body { width: min(100% - 32px, 900px); }
  .article-body > section, .article-body > aside { margin-top: 80px; }
  .article-aside, .article-conclusion { padding: 36px 24px; }
  .translation-grid { grid-template-columns: 1fr; }
  .translation-grid div, .translation-grid div:nth-child(even) { border-right: 0; }
}