/* Article 01 ONLY. Scoped after V3.2 and notes-images CSS. */
body.article-template-v32[data-note="panic"] .article-hero-grid {min-height:0;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(34px,5vw,76px);align-items:center}
body.article-template-v32[data-note="panic"] .article-hero-copy {padding-block:clamp(60px,6vw,104px)}
body.article-template-v32[data-note="panic"] .article-hero--v32 h1 {font-size:clamp(48px,5.2vw,74px);line-height:.98;overflow-wrap:break-word}
body.article-template-v32[data-note="panic"] .article-hero-visual {width:100%;min-width:0;min-height:0;height:auto;max-height:none;aspect-ratio:4/3;align-self:center;border:1px solid var(--line-strong)}
body.article-template-v32[data-note="panic"] .article-hero-visual picture {display:block;width:100%;height:100%;min-height:0}
body.article-template-v32[data-note="panic"] .article-hero-visual img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none}
body.article-template-v32[data-note="panic"] .article-hero-label {right:15px;bottom:15px;max-width:210px;grid-template-columns:1fr;padding:11px 14px}
body.article-template-v32[data-note="panic"] .article-essay-intro {border:0;padding-top:0}
body.article-template-v32[data-note="panic"] .article-essay-intro > p:first-child {font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1.4}
body.article-template-v32[data-note="panic"] .article-essay-list {padding-left:25px}
body.article-template-v32[data-note="panic"] .article-essay-list li {padding:4px 0}
body.article-template-v32[data-note="panic"] .article-essay-sources {padding-left:24px;overflow-wrap:anywhere}
body.article-template-v32[data-note="panic"] .conflict-cycle-wrap {margin:40px 0;border-block:1px solid var(--line-strong);padding:28px 0}
body.article-template-v32[data-note="panic"] .conflict-cycle-title {font:500 clamp(27px,3vw,39px)/1.15 var(--serif);margin:0 0 20px}
body.article-template-v32[data-note="panic"] .conflict-cycle {list-style:none;margin:0;padding:0}
body.article-template-v32[data-note="panic"] .conflict-cycle li {display:grid;grid-template-columns:86px minmax(0,1fr);gap:25px;margin:0;border-top:1px solid var(--line);padding:23px 0}
body.article-template-v32[data-note="panic"] .conflict-cycle-num {color:var(--terracotta);font:500 clamp(49px,5vw,75px)/.9 var(--serif)}
body.article-template-v32[data-note="panic"] .conflict-cycle li strong {display:block;font:500 clamp(24px,3vw,34px)/1.15 var(--serif);margin:0 0 10px}
body.article-template-v32[data-note="panic"] .conflict-cycle li p {color:var(--muted);font-size:15px;line-height:1.65;margin:0}
body.article-template-v32[data-note="panic"] .conflict-recurrence {border-left:2px solid var(--sage-deep);padding:12px 20px;margin:14px 0 30px;color:var(--graphite)}
body.article-template-v32[data-note="panic"] .article-qa {border-bottom:1px solid var(--line-strong);padding:18px 0}
body.article-template-v32[data-note="panic"] .article-qa summary {cursor:pointer;font:500 25px/1.22 var(--serif)}
body.article-template-v32[data-note="panic"] .article-qa summary:focus-visible {outline:2px solid var(--terracotta);outline-offset:4px}
body.article-template-v32[data-note="panic"] .article-qa p {margin:15px 0 0}
@media(max-width:1100px) {body.article-template-v32[data-note="panic"] .article-hero-grid {grid-template-columns:minmax(0,1fr);gap:0}body.article-template-v32[data-note="panic"] .article-hero-copy {order:0;padding-block:45px 25px}body.article-template-v32[data-note="panic"] .article-hero-visual {order:1;align-self:stretch;aspect-ratio:4/3;min-height:0;height:auto;margin-bottom:28px}}
@media(max-width:620px) {body.article-template-v32[data-note="panic"] .article-hero--v32 h1 {font-size:clamp(40px,10vw,52px)}body.article-template-v32[data-note="panic"] .article-hero-label {right:10px;bottom:10px;padding:9px 12px}body.article-template-v32[data-note="panic"] .conflict-cycle li {grid-template-columns:49px minmax(0,1fr);gap:15px}body.article-template-v32[data-note="panic"] .conflict-cycle-num {font-size:46px}body.article-template-v32[data-note="panic"] .conflict-cycle li strong {font-size:25px}}

/* Fix rail geometry at >=1181px: navigation is column one, article copy and image are columns two/three. */
@media (min-width:1181px) {
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail {
    grid-template-columns: 184px minmax(0, 1.08fr) minmax(0, .92fr);
    gap: clamp(28px, 3.1vw, 48px);
  }
}
/* Article-only typographic author mark; no missing legacy portrait request. */
body.article-template-v32[data-note="panic"] .article-author-card { grid-template-columns: 76px minmax(0, 1fr); }
body.article-template-v32[data-note="panic"] .article-author-mark {
  width: 76px; height: 90px; display: grid; place-items: center;
  border: 1px solid var(--line-strong); background: var(--ivory);
  color: var(--sage-deep); font-family: var(--serif);
  font-size: 36px; line-height: 1; letter-spacing: -.035em;
}


/* TASK 028 / Premium Article V2: intentionally scoped to this article. */
body.article-template-v32[data-note="panic"] {
  --article-v2-ink: #2F302D;
  --article-v2-sage: #66705F;
  --article-v2-stone: #E8DED3;
}
@media (max-width:1180px) {
  body.article-template-v32[data-note="panic"] .site-header--canonical.inner-page-header {
    transition: transform 240ms cubic-bezier(.2,.7,.2,1), visibility 0s linear 0s;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    will-change: transform;
  }
  body.article-template-v32[data-note="panic"] .site-header--canonical.inner-page-header.is-reading-hidden {
    transform: translate3d(0,calc(-100% - env(safe-area-inset-top, 0px)),0);
    visibility: hidden;
    pointer-events: none;
    transition: transform 240ms cubic-bezier(.2,.7,.2,1), visibility 0s linear 240ms;
  }
  body.article-template-v32[data-note="panic"].editorial-menu-open .site-header--canonical.inner-page-header {
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  body.article-template-v32[data-note="panic"] .article-body--v32 > section[id] {
    scroll-margin-top: calc(var(--editorial-header-height, 86px) + 22px);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.article-template-v32[data-note="panic"] .site-header--canonical.inner-page-header,
  body.article-template-v32[data-note="panic"] .site-header--canonical.inner-page-header.is-reading-hidden {
    transition: none !important;
  }
}
body.article-template-v32[data-note="panic"] .article-hero--v32 { background: #FAF7F1; }
body.article-template-v32[data-note="panic"] .article-hero-copy { padding-bottom: clamp(42px,5.4vw,84px); }
body.article-template-v32[data-note="panic"] .article-hero--v32 h1 {
  color: #2F302D; font-weight: 500; letter-spacing: -.024em;
  font-size: clamp(47px,5vw,70px); line-height: 1.035;
  text-wrap: balance; max-width: 13.5ch;
}
body.article-template-v32[data-note="panic"] .article-hero--v32 .article-deck {
  max-width: 54ch; font-size: clamp(16px,1.55vw,19px);
  line-height: 1.72; color: #50554D;
}
body.article-template-v32[data-note="panic"] .article-hero--v32 .article-meta { letter-spacing: .075em; }
body.article-template-v32[data-note="panic"] .article-breadcrumbs { gap: 12px; }
body.article-template-v32[data-note="panic"] .article-hero-visual {
  background: #E8DED3; box-shadow: none; border-color: rgba(102,112,95,.24);
}
body.article-template-v32[data-note="panic"] .article-hero-label {
  max-width: 215px; font-size: 11px;
  background: rgba(250,247,241,.95); color: #2F302D;
  border: 1px solid rgba(102,112,95,.18); backdrop-filter: none;
}
body.article-template-v32[data-note="panic"] .article-layout--v32 {
  grid-template-columns: minmax(0,210px) minmax(0,688px);
  gap: clamp(42px,6vw,85px); padding-block: clamp(48px,7vw,100px);
}
body.article-template-v32[data-note="panic"] .article-toc {
  border-top: 2px solid #66705F; top: 24px;
}
body.article-template-v32[data-note="panic"] .article-toc a { line-height: 1.55; }
body.article-template-v32[data-note="panic"] .article-toc a:focus-visible,
body.article-template-v32[data-note="panic"] .article-body--v32 a:focus-visible,
body.article-template-v32[data-note="panic"] .article-qa summary:focus-visible {
  outline: 2px solid #66705F; outline-offset: 4px; border-radius: 2px;
}
body.article-template-v32[data-note="panic"] .article-body--v32 { max-width: 688px; }
body.article-template-v32[data-note="panic"] .article-body--v32 > section[id] {
  margin-top: clamp(64px,7vw,94px);
  padding-top: clamp(24px,3.2vw,38px);
  border-top-color: #D6D0C5;
}
body.article-template-v32[data-note="panic"] .article-body--v32 > section:first-child {margin-top:0;padding-top:0;}
body.article-template-v32[data-note="panic"] .article-section-heading { gap: 16px; margin-bottom: 28px; }
body.article-template-v32[data-note="panic"] .article-section-number {
  color: #66705F; font: 500 24px/1.2 var(--serif);
}
body.article-template-v32[data-note="panic"] .article-body--v32 h2 {
  color: #2F302D; font-size: clamp(35px,4vw,49px);
  line-height: 1.08; font-weight: 500; letter-spacing: -.014em;
}
body.article-template-v32[data-note="panic"] .article-body--v32 h3:not(.conflict-cycle-title) {
  color: #4E584C; font-size: 16px; letter-spacing: .015em;
  margin-top: 36px; margin-bottom: 16px;
}
body.article-template-v32[data-note="panic"] .article-body--v32 p,
body.article-template-v32[data-note="panic"] .article-body--v32 li {
  color: #343834; font-size: clamp(16px,1.2vw,18px);
  line-height: 1.83; letter-spacing: .005em;
}
body.article-template-v32[data-note="panic"] .article-body--v32 p { margin-bottom: 1.38em; }
body.article-template-v32[data-note="panic"] .article-essay-intro > p:first-child {
  font-size: clamp(22px,2.3vw,29px); line-height: 1.47;
  max-width: 36ch; color: #445043; letter-spacing: -.005em;
}
body.article-template-v32[data-note="panic"] .article-body--v32 a {
  text-decoration-color: rgba(102,112,95,.48); text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
body.article-template-v32[data-note="panic"] .article-body--v32 a:hover { text-decoration-color: #66705F; }
body.article-template-v32[data-note="panic"] .article-essay-list li { padding: 5px 0; }
body.article-template-v32[data-note="panic"] .conflict-cycle-wrap {
  margin: 46px 0 40px; border-top: 2px solid #66705F; border-bottom: 1px solid #D6D0C5;
  background: linear-gradient(to bottom,#FAF7F1,transparent 66%);
  padding: 30px 26px 12px;
}
body.article-template-v32[data-note="panic"] .conflict-cycle-title {
  color: #2F302D; font-size: clamp(29px,3vw,38px); margin-bottom: 20px;
}
body.article-template-v32[data-note="panic"] .conflict-cycle li {
  grid-template-columns: 72px minmax(0,1fr); gap: 22px; padding: 21px 0 24px;
  border-top-color: #D6D0C5;
}
body.article-template-v32[data-note="panic"] .conflict-cycle-num { color: #66705F; font-size: clamp(45px,4.4vw,65px); }
body.article-template-v32[data-note="panic"] .conflict-cycle li strong { font-size: clamp(24px,2.5vw,30px); color: #2F302D; }
body.article-template-v32[data-note="panic"] .conflict-cycle li p { color: #545B51; font-size: 15px; line-height: 1.75; }
body.article-template-v32[data-note="panic"] .conflict-recurrence {
  background: #FAF7F1; border-left: 3px solid #929D88;
  padding: 18px 24px; margin: 20px 0 38px;
}
body.article-template-v32[data-note="panic"] .article-qa {
  margin: 0; border-bottom: 1px solid #D6D0C5; padding: 0;
}
body.article-template-v32[data-note="panic"] .article-qa:first-of-type {border-top:1px solid #D6D0C5;}
body.article-template-v32[data-note="panic"] .article-qa summary {
  position:relative; list-style:none; padding: 22px 46px 22px 0;
  font: 500 clamp(23px,2.35vw,30px)/1.2 var(--serif);
  color:#2F302D; transition:color .15s ease;
}
body.article-template-v32[data-note="panic"] .article-qa summary::-webkit-details-marker {display:none;}
body.article-template-v32[data-note="panic"] .article-qa summary::after {
  content:"+"; position:absolute;right:4px;top:50%;transform:translateY(-50%);
  font:400 28px/1 var(--sans); color:#66705F;
}
body.article-template-v32[data-note="panic"] .article-qa[open] summary::after {content:"−";}
body.article-template-v32[data-note="panic"] .article-qa[open] {background:rgba(250,247,241,.66);}
body.article-template-v32[data-note="panic"] .article-qa[open] summary {padding-inline:15px 50px;}
body.article-template-v32[data-note="panic"] .article-qa[open] p {padding:0 16px 20px;margin:0;}
body.article-template-v32[data-note="panic"] .article-conclusion-action {
  margin: 34px 0; padding: clamp(24px,4vw,36px);
  border:1px solid #CFD5CA; border-left:4px solid #66705F;
  background:#FAF7F1;
}
body.article-template-v32[data-note="panic"] .article-conclusion-action p {margin:0;}
body.article-template-v32[data-note="panic"] .article-conclusion-action a {
  color:#3C4A39; font-size:16px; font-weight:600;
  text-decoration-color:#66705F;
}
body.article-template-v32[data-note="panic"] .article-author-card {
  grid-template-columns:108px minmax(0,1fr); gap:26px;
  margin-top:86px; padding:34px 0;
  border-top:2px solid #66705F; border-bottom:1px solid #D6D0C5;
  background:transparent;
}
body.article-template-v32[data-note="panic"] .article-author-portrait {
  width:108px; height:132px; aspect-ratio: auto; margin:0;
  border-radius: 48% 48% 3px 3px / 22% 22% 3px 3px;
  border:1px solid rgba(102,112,95,.2); background:#E8DED3;
}
body.article-template-v32[data-note="panic"] .article-author-portrait img {width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;}
body.article-template-v32[data-note="panic"] .article-author-copy h2 {
  font:500 clamp(32px,3.2vw,40px)/1.04 var(--serif);letter-spacing:-.01em;
  margin:0 0 9px;color:#2F302D;
}
body.article-template-v32[data-note="panic"] .article-author-copy p {
  font-size:13px;line-height:1.65;color:#545B51;margin:0 0 8px;
}
body.article-template-v32[data-note="panic"] .article-author-copy p.article-author-qualification {
  font-weight:600;color:#3C4A39;font-size:13px;margin-bottom:10px;
}
body.article-template-v32[data-note="panic"] .article-author-copy a {
  display:inline-flex;align-items:center;min-height:44px;
  color:#465C44;font-size:13px;font-weight:600;
}
@media(max-width:900px) {
  body.article-template-v32[data-note="panic"] .article-layout--v32 {grid-template-columns:minmax(0,1fr);max-width:760px;}
  body.article-template-v32[data-note="panic"] .article-toc {position:static;}
}
@media(max-width:620px) {
  body.article-template-v32[data-note="panic"] .article-section-heading {grid-template-columns:35px minmax(0,1fr);gap:10px;}
  body.article-template-v32[data-note="panic"] .article-body--v32 h2 {font-size:clamp(32px,8vw,39px);}
  body.article-template-v32[data-note="panic"] .article-body--v32 > section[id] {margin-top:64px;padding-top:26px;}
  body.article-template-v32[data-note="panic"] .conflict-cycle-wrap {padding:24px 14px 6px;margin-inline:-6px;}
  body.article-template-v32[data-note="panic"] .conflict-cycle li {grid-template-columns:42px minmax(0,1fr);gap:13px;}
  body.article-template-v32[data-note="panic"] .conflict-cycle-num {font-size:42px;}
  body.article-template-v32[data-note="panic"] .article-author-card {grid-template-columns:88px minmax(0,1fr);gap:18px;}
  body.article-template-v32[data-note="panic"] .article-author-portrait {width:88px;height:112px;}
  body.article-template-v32[data-note="panic"] .article-author-copy h2 {font-size:32px;}
}


/* TASK 030 — Premium Article V2.1: native editorial case, unified process, ethical CTA. */
body.article-template-v32[data-note="panic"] .article-case {
  margin: clamp(29px,4vw,45px) 0 38px;
  background: #FAF7F1;
  border: 1px solid #DED8CF;
  border-top: 3px solid #66705F;
  padding: clamp(20px,3.3vw,35px);
}
body.article-template-v32[data-note="panic"] .article-case-context {
  padding-bottom: clamp(13px,2vw,24px);
}
body.article-template-v32[data-note="panic"] .article-case-context p:first-child {
  color: #505B4B; font-size: 14px; line-height: 1.65; letter-spacing: .01em;
}
body.article-template-v32[data-note="panic"] .article-case-context p:last-child {
  margin-bottom: 0;
}
body.article-template-v32[data-note="panic"] .article-case-voices {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0; border-block: 1px solid #CCCDBF; margin-block: 4px 26px;
}
body.article-template-v32[data-note="panic"] .article-case-voice { min-width: 0; padding: 25px 25px 25px 0; }
body.article-template-v32[data-note="panic"] .article-case-voice + .article-case-voice {
  border-left: 1px solid #CCCDBF; padding: 25px 0 25px 25px;
}
body.article-template-v32[data-note="panic"] .article-case-voice > p {
  font-size: 13px; line-height: 1.65; color: #4F5B4A; margin: 0 0 14px;
}
body.article-template-v32[data-note="panic"] .article-case-voice blockquote {
  padding: 0; margin: 0; border: 0; color: #2F302D;
}
body.article-template-v32[data-note="panic"] .article-case-voice blockquote p {
  font: 500 clamp(24px,2.7vw,34px)/1.17 var(--serif);
  letter-spacing: -.012em; color: #2F302D; margin: 0;
}
body.article-template-v32[data-note="panic"] .article-case-voice--andriy blockquote p { color: #596354; }
body.article-template-v32[data-note="panic"] .article-case-after {
  border-left: 2px solid #929D88; padding-left: 20px;
}
body.article-template-v32[data-note="panic"] .article-case-after p {
  font-size: 15px; line-height: 1.76; margin-bottom: 12px;
}
body.article-template-v32[data-note="panic"] .article-case-after p:last-child {margin-bottom:0;}

/* Single center spine with five connected numbered editorial stops. */
body.article-template-v32[data-note="panic"] .conflict-cycle-wrap.article-process {
  padding: clamp(24px,3vw,36px) clamp(16px,2.6vw,28px) 15px;
  border-top: 3px solid #66705F; border-bottom: 1px solid #D4D6CB;
  background: #FAF7F1; margin-top: 46px;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle-title {
  margin:0 0 30px; text-align:center;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle {
  position:relative; isolation:isolate;
  margin: 0; padding: 0 0 6px; list-style: none;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle::before {
  content:""; position:absolute; top: 40px; bottom: 56px; left:50%;
  width:2px; background:#BBC4B2; transform:translateX(-50%); z-index:0;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li {
  display:grid; grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);
  align-items:center; gap:0; position:relative; min-height: 112px;
  margin:0; padding: 14px 0; border:0;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle-num {
  grid-column:2; grid-row:1; z-index:1; justify-self:center;
  display:grid; place-items:center;
  width:72px; height:72px; border-radius:50%;
  border:1px solid #929D88; background:#E8DED3;
  font:500 43px/1 var(--serif); color:#40503D;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li:nth-child(5) .conflict-cycle-num {
  background:#66705F; border-color:#66705F; color:#FAF7F1;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li > div {
  min-width:0; padding: 14px 16px 16px;
  border:1px solid #E0DFD5; background:#fffdfa;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li:nth-child(odd) > div {
  grid-column:3; grid-row:1; border-left:2px solid #929D88;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li:nth-child(even) > div {
  grid-column:1; grid-row:1; border-right:2px solid #929D88;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle li strong {
  margin:0 0 7px; font:500 clamp(22px,2.2vw,29px)/1.14 var(--serif); color:#2F302D;
}
body.article-template-v32[data-note="panic"] .article-process .conflict-cycle li p {
  margin:0; font:400 13px/1.7 var(--sans); color:#555C50;
}
body.article-template-v32[data-note="panic"] .conflict-recurrence {
  margin-top:25px; background:#F2F1EB; border-left:3px solid #929D88;
}
/* Final chapter: deliberate, quiet graphite-sage editorial plane. */
body.article-template-v32[data-note="panic"] .article-cta-band--v21 {
  position:relative;overflow:hidden;
  border-block:1px solid #435748;
  background:#354A3E;color:#FAF7F1;
  padding-block:clamp(72px,8vw,110px);
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21::before {
  content:"";position:absolute;inset-block:0;left:0;width:5px;background:#A9826C;
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-inner {
  grid-template-columns:minmax(0,1fr) minmax(205px,270px); gap:clamp(26px,5vw,70px);
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 .section-kicker {
  color:#F4EFE7; letter-spacing:.11em;
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 h2 {
  font:500 clamp(42px,4.5vw,66px)/1.06 var(--serif);
  letter-spacing:-.02em; color:#FAF7F1;
  max-width:17ch; margin-bottom:24px;
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 p:not(.section-kicker) {
  max-width:63ch; font-size:15px; line-height:1.8; color:#F4EFE7;
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-primary {
  display:flex; gap:13px; align-items:center; justify-content:space-between;
  min-height:62px; padding:17px 22px; text-align:left; text-decoration:none;
  background:#FAF7F1; color:#34412F; border:1px solid #FAF7F1;
  font:600 13px/1.55 var(--sans); letter-spacing:0; border-radius:0;
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-primary:hover {
  background:transparent; color:#fff;
}
body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-primary:focus-visible {
  outline:3px solid #FAF7F1; outline-offset:4px;
}
body.article-template-v32[data-note="panic"] .article-author-card { margin-bottom:clamp(24px,4vw,48px); }
@media (max-width: 900px) {
 body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-inner {grid-template-columns:minmax(0,1fr);gap:30px;}
 body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-primary {max-width:410px;}
}
@media (max-width: 620px) {
 body.article-template-v32[data-note="panic"] .article-case {padding:20px 17px;margin-top:24px;}
 body.article-template-v32[data-note="panic"] .article-case-voices {grid-template-columns:minmax(0,1fr);gap:0;}
 body.article-template-v32[data-note="panic"] .article-case-voice {padding:18px 0;}
 body.article-template-v32[data-note="panic"] .article-case-voice + .article-case-voice {
   border-left:0;border-top:1px solid #CCCDBF;padding:18px 0;
 }
 body.article-template-v32[data-note="panic"] .article-case-voice blockquote p {font-size:28px;line-height:1.16;}
 body.article-template-v32[data-note="panic"] .article-case-after {padding-left:14px;}
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle-title {text-align:left;margin-bottom:24px;}
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle::before {
   left:28px;top:28px;bottom:45px;transform:none;
 }
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li {
   grid-template-columns:56px minmax(0,1fr);gap:10px; min-height:96px;
   padding:10px 0;align-items:start;
 }
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle-num {
   grid-column:1;grid-row:1;width:56px;height:56px;font-size:33px;
 }
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li > div,
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li:nth-child(odd) > div,
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle > li:nth-child(even) > div {
  grid-column:2;grid-row:1;border-left:2px solid #929D88;
  border-right:1px solid #E0DFD5;padding:12px 12px 14px;
 }
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle li strong {font-size:23px;}
 body.article-template-v32[data-note="panic"] .article-process .conflict-cycle li p {font-size:13px;}
 body.article-template-v32[data-note="panic"] .article-cta-band--v21 h2 {font-size:clamp(39px,9vw,52px);}
}
@media (prefers-reduced-motion: reduce) {
 body.article-template-v32[data-note="panic"] .article-cta-band--v21 .article-cta-primary {transition:none;}
}

/* TASK 046: Quiet Cinematic Editorial Luxury / one authoritative visual block.
   The five-step map preserves DOM sequence and all accepted medical wording. */
body.article-template-v32[data-note="panic"] .article-hero--v32 {
  overflow:hidden;background:linear-gradient(145deg,#FAF7F1 0%,#F5F3EC 75%,#EBECE3 100%);
  border-bottom:1px solid #CCD2C7;
}
body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail {
  display:grid;grid-template-columns:minmax(0,1fr);align-items:center;
  gap:clamp(28px,5vw,66px);padding-block:clamp(36px,5vw,78px) clamp(47px,6vw,92px);
}
/* The JS replaces the rail placeholder with hydrated navigation on desktop.
   The signature Hero intentionally uses header navigation + article TOC instead. */
body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail > .editorial-rail {display:none!important;}

/* The global navigation stylesheet places the copy/photo in columns 2/3.
   Reset the explicit grid positions after removing the empty rail. */
@media (min-width:1120px) {
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail > .article-hero-copy {
    grid-column:1;grid-row:1;min-width:0;
  }
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail > .article-hero-visual {
    grid-column:2;grid-row:1;min-width:0;
  }
}
@media (max-width:1119px) {
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail > .article-hero-copy {
    grid-column:1;grid-row:1;min-width:0;
  }
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail > .article-hero-visual {
    grid-column:1;grid-row:2;min-width:0;
  }
}
/* Override both article-template and Notes-image pseudo overlays.
   The figure extends below the image for its caption; overlays must never tint it. */
body.article-template-v32[data-note="panic"] .article-hero-visual::before,
body.article-template-v32[data-note="panic"] .article-hero-visual::after {
  content:none;display:none;background:none;box-shadow:none;
}

body.article-template-v32[data-note="panic"] .article-hero-copy {
  min-width:0;max-width:760px;padding:0;
}
body.article-template-v32[data-note="panic"] .article-breadcrumbs {gap:11px;margin-bottom:clamp(30px,4vw,56px);font-size:12.5px;letter-spacing:.025em;}
body.article-template-v32[data-note="panic"] .article-hero--v32 .article-meta {
  display:flex;align-items:center;flex-wrap:wrap;gap:14px;
  border-bottom:1px solid #C8CEC1;padding-bottom:17px;
  margin-bottom:clamp(25px,3vw,43px);font-size:12.5px;letter-spacing:.045em;color:#465D49;
}
body.article-template-v32[data-note="panic"] .article-hero--v32 h1 {
  max-width:15ch;margin:0 0 clamp(26px,3vw,42px);
  color:#2D332E;font:500 clamp(48px,5.7vw,84px)/1.015 var(--serif);
  letter-spacing:-.032em;overflow-wrap:break-word;text-wrap:balance;
}
body.article-template-v32[data-note="panic"] .article-hero--v32 .article-deck {
  max-width:49ch;font:400 clamp(17px,1.45vw,20px)/1.69 var(--sans);
  color:#4C554C;margin-bottom:clamp(22px,3vw,36px);
}
body.article-template-v32[data-note="panic"] .article-hero--v32 .article-date-line {
  max-width:49ch;padding-top:18px;border-top:1px solid #CED2C8;
  font-size:12.5px;line-height:1.65;letter-spacing:.012em;
}
body.article-template-v32[data-note="panic"] .article-hero-visual {
  width:100%;min-width:0;height:auto;min-height:0;max-height:none;
  aspect-ratio:auto;align-self:center;margin:0;padding:0;border:0;
  border-radius:0;overflow:visible;box-shadow:none;background:transparent;
  isolation:auto;
}
/* A true architectural arch in a 4:3 photographic frame.
   Bottom corners stay almost square; the arch and photo share one clip. */
body.article-template-v32[data-note="panic"] .article-hero-visual picture {
  display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;
  overflow:hidden;background:#DDD7CC;
  border:1px solid rgba(81,99,82,.31);
  border-radius:49% 49% 3px 3px / 23% 23% 3px 3px;
  box-shadow:0 17px 28px -27px rgba(44,59,48,.30);
}
body.article-template-v32[data-note="panic"] .article-hero-visual img {
  display:block;width:100%;height:100%;aspect-ratio:4/3;
  object-fit:cover;object-position:center;transform:none;border-radius:0;
  filter:none;
}
body.article-template-v32[data-note="panic"] .article-hero-label {
  position:static;inset:auto;display:flex;align-items:center;
  width:100%;max-width:none;min-height:0;margin:0;padding:19px 0 0;
  background:transparent!important;backdrop-filter:none;box-shadow:none;border:0;
  font:500 13.5px/1.55 var(--sans);letter-spacing:.012em;
  color:#425545;text-align:left;
}
body.article-template-v32[data-note="panic"] .article-hero-label::before {
  content:"";display:block;flex:0 0 41px;height:1px;
  margin-right:14px;background:#A47461;
}
@media(min-width:1120px) {
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail {
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    gap:clamp(40px,4.5vw,82px);
  }
  body.article-template-v32[data-note="panic"] .article-hero-visual {
    margin-top:clamp(50px,5.5vw,95px);
  }
}
@media(min-width:768px) and (max-width:1119px) {
  body.article-template-v32[data-note="panic"] .article-hero-visual {
    width:min(88%,780px);justify-self:end;
  }
}
@media(max-width:767px) {
  body.article-template-v32[data-note="panic"] .article-hero-grid.has-editorial-rail {
    gap:26px;padding-block:28px 29px;
  }
  body.article-template-v32[data-note="panic"] .article-hero-copy {padding:0;}
  body.article-template-v32[data-note="panic"] .article-breadcrumbs {margin-bottom:27px;}
  body.article-template-v32[data-note="panic"] .article-hero--v32 h1 {
    max-width:none;font-size:clamp(42px,9.7vw,61px);line-height:1.05;
    letter-spacing:-.025em;margin-bottom:24px;
  }
  body.article-template-v32[data-note="panic"] .article-hero--v32 .article-meta {
    padding-bottom:14px;margin-bottom:26px;
  }
  body.article-template-v32[data-note="panic"] .article-hero-visual {
    width:100%;justify-self:stretch;margin:0;
  }
  body.article-template-v32[data-note="panic"] .article-hero-label {
    font-size:13.5px;padding-top:17px;padding-bottom:0;max-width:none;
  }
  body.article-template-v32[data-note="panic"] .article-layout--v32 {
    padding-top:clamp(35px,8vw,50px);
  }
}
@media(max-width:430px) {
  body.article-template-v32[data-note="panic"] .article-hero--v32 h1 {
    font-size:clamp(39px,10.2vw,45px);line-height:1.07;
  }
}
/* Narrative architecture: one foreground vignette and a linked five-part map. */
body.article-template-v32[data-note="panic"] .article-layout--v32 {
  padding-block:clamp(60px,7vw,112px);
}
body.article-template-v32[data-note="panic"] .article-body--v32 > section[id] {
  margin-top:clamp(72px,8vw,110px);
}
body.article-template-v32[data-note="panic"] .article-body--v32 > section:first-child {margin-top:0;}
body.article-template-v32[data-note="panic"] .article-section-number {
  color:#9B705A;font-size:clamp(24px,2.4vw,32px);
}
body.article-template-v32[data-note="panic"] .article-body--v32 h2 {
  font-size:clamp(37px,3.8vw,54px);line-height:1.09;
  letter-spacing:-.02em;text-wrap:balance;
}
body.article-template-v32[data-note="panic"] .article-essay-intro>p:first-child {
  font:500 clamp(25px,2.6vw,34px)/1.43 var(--serif);
  max-width:38ch;color:#425344;letter-spacing:-.012em;
}
body.article-template-v32[data-note="panic"] .panic-scenario {
  position:relative;margin:clamp(38px,6vw,72px) 0 32px;
  padding:clamp(27px,4.5vw,50px) clamp(23px,4.5vw,50px);
  border:0;border-left:3px solid #A2B09D;
  background:linear-gradient(115deg,#EFF0E7,#F8F5EF);
}
body.article-template-v32[data-note="panic"] .panic-scenario p:first-child {
  font:600 13px/1.75 var(--sans);letter-spacing:.02em;
  color:#4E5E4D;margin-bottom:25px;
}
body.article-template-v32[data-note="panic"] .panic-scenario p:last-child {margin-bottom:0;}
body.article-template-v32[data-note="panic"] .panic-steps {
  margin:clamp(60px,7vw,91px) -20px 0;
  padding:clamp(30px,4.8vw,56px) clamp(22px,4vw,54px);
  background:#EAEEE5;border:0;
}
body.article-template-v32[data-note="panic"] .panic-map-heading {
  display:grid;grid-template-columns:84px minmax(0,1fr);
  gap:18px;align-items:start;padding-bottom:25px;
  margin-bottom:clamp(27px,4vw,45px);
  border-bottom:1px solid #BAC7B7;
}
body.article-template-v32[data-note="panic"] .panic-map-index {
  display:block;padding-top:8px;color:#50654E;
  font:600 13px/1.55 var(--sans);letter-spacing:.06em;
}
body.article-template-v32[data-note="panic"] .article-body--v32 .panic-steps .panic-map-heading h3 {
  margin:0;color:#293B2F;
  font:500 clamp(32px,3.8vw,48px)/1.12 var(--serif);
  letter-spacing:-.02em;text-wrap:balance;
}
body.article-template-v32[data-note="panic"] .panic-steps ol {
  position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:50px;list-style:none;margin:0;padding:0;border:0;
}
body.article-template-v32[data-note="panic"] .panic-steps ol::before {
  content:"";position:absolute;left:50%;top:18px;bottom:20px;
  width:1px;background:#A4B6A1;transform:translateX(-50%);
}
body.article-template-v32[data-note="panic"] .panic-steps li {
  position:relative;min-width:0;display:block;margin:0;
  padding:18px 19px 29px;border:0;border-top:1px solid #B9C6B6;
  background:transparent;
}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(odd) {grid-column:1;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(even) {grid-column:2;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(1) {grid-row:1;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(2) {grid-row:2;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(3) {grid-row:3;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(4) {grid-row:4;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(5) {grid-row:5;}
body.article-template-v32[data-note="panic"] .panic-steps li::before {
  content:attr(data-step);position:static;display:block;
  width:auto;height:auto;margin:0 0 14px;padding:0;border:0;
  border-radius:0;background:none;color:#966D58;
  font:500 clamp(40px,4.2vw,60px)/1 var(--serif);
  letter-spacing:-.035em;text-align:left;
}
body.article-template-v32[data-note="panic"] .panic-steps li::after {
  content:"";position:absolute;top:23px;z-index:1;
  width:12px;height:12px;border-radius:50%;
  border:2px solid #657D66;background:#EAEEE5;
}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(odd)::after {right:-31px;}
body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(even)::after {left:-31px;}
body.article-template-v32[data-note="panic"] .panic-steps li strong {
  display:block;margin:0 0 9px;color:#2A372E;
  font:500 clamp(25px,2.8vw,34px)/1.17 var(--serif);letter-spacing:-.015em;
}
body.article-template-v32[data-note="panic"] .panic-steps li p {
  margin:0;font:400 16.5px/1.73 var(--sans);color:#354B3B;
}
body.article-template-v32[data-note="panic"] .panic-noninevitable {
  margin:0 -20px clamp(58px,8vw,94px);
  padding:24px clamp(23px,4vw,54px) 29px;border:0;
  border-top:1px solid #CCD5C6;background:#F6F4ED;
  font:400 15px/1.72 var(--sans);color:#3D503F;
}
body.article-template-v32[data-note="panic"] .panic-noninevitable strong {
  display:block;margin-bottom:8px;
  font:500 clamp(25px,2.7vw,32px)/1.2 var(--serif);
  letter-spacing:-.015em;color:#344A38;
}
/* Two-column map is reserved for a genuinely wide editorial viewport.
   At <=1119px the 688px article measure cannot fit two readable tracks. */
@media(max-width:1119px) {
  body.article-template-v32[data-note="panic"] .panic-steps {margin-inline:0;padding:30px 22px;}
  body.article-template-v32[data-note="panic"] .panic-map-heading {
    display:block;padding-bottom:20px;margin-bottom:24px;
  }
  body.article-template-v32[data-note="panic"] .panic-map-index {margin-bottom:12px;}
  body.article-template-v32[data-note="panic"] .panic-steps ol {
    display:block;margin:0;padding:0 0 0 35px;
  }
  body.article-template-v32[data-note="panic"] .panic-steps ol::before {
    left:6px;top:17px;bottom:25px;transform:none;
  }
  body.article-template-v32[data-note="panic"] .panic-steps li {
    margin:0;padding:21px 0 29px;
  }
  body.article-template-v32[data-note="panic"] .panic-steps li::before {
    font-size:43px;margin-bottom:12px;
  }
  body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(odd)::after,
  body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(even)::after {
    left:-34px;right:auto;top:24px;width:11px;height:11px;
  }
  body.article-template-v32[data-note="panic"] .panic-steps li strong {font-size:clamp(25px,4vw,30px);}
  body.article-template-v32[data-note="panic"] .panic-noninevitable {margin-inline:0;padding-inline:23px;}
}
@media(max-width:430px) {
  body.article-template-v32[data-note="panic"] .panic-steps {padding-inline:19px;}
  body.article-template-v32[data-note="panic"] .panic-steps ol {padding-left:31px;}
  body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(odd)::after,
  body.article-template-v32[data-note="panic"] .panic-steps li:nth-child(even)::after {left:-30px;}
}
body.article-template-v32[data-note="panic"] .panic-care-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;align-items:stretch;margin-block:32px;
}
body.article-template-v32[data-note="panic"] .panic-care-block {
  min-width:0; padding:clamp(20px,2.8vw,31px);
  border-top:3px solid #929D88;background:#FAF7F1;
  box-shadow:0 1px 0 #DDD9CF;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent {
  border-top-color:#645C55;background:#F1EAE2;
}
body.article-template-v32[data-note="panic"] .panic-care-block h3 {
  font:500 clamp(23px,2.5vw,31px)/1.14 var(--serif);
  letter-spacing:-.01em;color:#2F302D;margin:0 0 20px;
}
body.article-template-v32[data-note="panic"] .panic-care-block ul {
  margin:0 0 14px;padding-left:1.2em;
}
body.article-template-v32[data-note="panic"] .panic-care-block li,
body.article-template-v32[data-note="panic"] .panic-care-block p {
  font:400 14px/1.72 var(--sans);color:#393D37;
}
body.article-template-v32[data-note="panic"] .panic-care-disclaimer {
  font:500 13px/1.7 var(--sans);color:#4A4B44;
  margin:14px 0 28px;
}
@media (max-width:900px) {
 body.article-template-v32[data-note="panic"] .panic-care-grid {grid-template-columns:minmax(0,1fr);}
}


/* TASK 038 — Article #2 responsive reading polish; no effect on Article #1. */
body.article-template-v32[data-note="panic"] .panic-toc-mobile { display:none; }
@media (max-width:900px) {
  body.article-template-v32[data-note="panic"] .article-toc {
    padding:0; border-top:0; margin-bottom:clamp(12px,3vw,25px);
  }
  body.article-template-v32[data-note="panic"] .article-toc > .section-kicker,
  body.article-template-v32[data-note="panic"] .article-toc > ol { display:none; }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile {
    display:block; background:#FAF7F1; border-block:1px solid #BCC6B6;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile summary {
    display:flex; align-items:center; gap:14px;
    min-height:58px; padding:14px 17px; cursor:pointer; list-style:none;
    font:600 15px/1.4 var(--sans); color:#354334;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile summary::-webkit-details-marker {display:none;}
  body.article-template-v32[data-note="panic"] .panic-toc-count {
    margin-left:auto; color:#4B614B; font-size:13px; font-weight:500;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile summary::after {
    content:"+"; flex:none; font:400 23px/1 var(--sans); color:#44543F;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile[open] summary::after {content:"−";}
  body.article-template-v32[data-note="panic"] .panic-toc-mobile summary:focus-visible {
    outline:3px solid #445F40;outline-offset:3px;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile ol {
    display:block; margin:0; padding:0 24px 16px 40px; border-top:1px solid #D6DFD2;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile li {
    padding:6px 0; line-height:1.5;
  }
  body.article-template-v32[data-note="panic"] .panic-toc-mobile a {
    display:inline-block; padding-block:4px; min-height:38px; color:#354334;
  }
  body.article-template-v32[data-note="panic"] .article-toc-note {
    margin:12px 0 0; max-width:66ch; font-size:13px; line-height:1.7;
  }
}
@media (max-width:620px) {
  body.article-template-v32[data-note="panic"] .article-body--v32 p,
  body.article-template-v32[data-note="panic"] .article-body--v32 li {
    line-height:1.76;
  }
  body.article-template-v32[data-note="panic"] .article-body--v32 > section[id] {
    margin-top:clamp(52px,12vw,64px);
  }
  body.article-template-v32[data-note="panic"] .panic-care-block {
    padding:24px 22px;
  }
}


/* TASK 039 — scoped emergency decision-card hierarchy (UA/RU Article #2). */
body.article-template-v32[data-note="panic"] .panic-care-block--urgent {
  border-top:4px solid #53624f;
  background:#F5EFE6;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-urgent-action {
  margin:0 0 16px;
  color:#283C2A;
  font:600 clamp(25px,2.4vw,32px)/1.2 var(--serif);
  letter-spacing:0;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-urgent-guide {
  margin:0 0 12px;
  color:#465540;
  font:700 12px/1.6 var(--sans);
  letter-spacing:.025em;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-urgent-signs {
  list-style:disc;
  padding-left:1.35em;
  margin:0 0 18px;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-urgent-signs li {
  padding:8px 0;
  margin:0;
  border-bottom:1px solid #D9D4C8;
  line-height:1.75;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-urgent-signs li strong {
  color:#29392D;
  font-weight:700;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-care-limit {
  border-left:3px solid #78866f;
  padding:10px 0 10px 15px;
  margin:18px 0;
  color:#354333;
}
body.article-template-v32[data-note="panic"] .panic-care-block--urgent .panic-crisis-routing {
  border-top:1px solid #D2C9BD;
  padding-top:15px;
  margin-top:18px;
}
@media(max-width:620px) {
 body.article-template-v32[data-note="panic"] .panic-care-block--urgent {
  padding:24px 22px;
 }
 body.article-template-v32[data-note="panic"] .panic-urgent-action {
  overflow-wrap:anywhere;
 }
 body.article-template-v32[data-note="panic"] .panic-urgent-signs li {
  padding-block:9px;
 }
}
