.article-wordmark { letter-spacing: -.08em; }
.back-to-feed { justify-self: end; padding: 11px 17px; border: 1px solid var(--line); color: #d4d2d8; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.back-to-feed:hover { color: var(--lime); border-color: var(--lime); }
.article-masthead { padding-block: 46px 38px; }
.article-breadcrumbs { display: flex; gap: 11px; align-items: center; flex-wrap: wrap; margin-bottom: 34px; color: #747279; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.article-breadcrumbs a:hover { color: var(--lime); }
.article-labels { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.article-masthead h1 { max-width: 1180px; margin: 21px 0 20px; font: 700 clamp(48px, 7.3vw, 108px)/.91 var(--display); letter-spacing: -.067em; }
.article-deck { max-width: 850px; margin: 0; color: #a7a5ac; font-size: clamp(15px, 1.6vw, 20px); line-height: 1.55; }
.article-meta { display: flex; gap: 45px; flex-wrap: wrap; margin-top: 35px; padding-top: 20px; border-top: 1px solid var(--line); }
.article-meta div { display: grid; gap: 4px; }
.article-meta span { color: #6e6c73; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.article-meta b { font-size: 10px; font-weight: 600; }
.lead-media { margin-bottom: 58px; }
.video-stage { display: grid; gap: 18px; }
.article-video { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; border: 1px solid var(--line); }
.article-video iframe, .article-video video { display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }
.article-cover { position: relative; max-height: 760px; margin: 0; overflow: hidden; background: var(--surface); }
.article-cover img { width: 100%; max-height: 760px; object-fit: cover; }
.article-cover figcaption { position: absolute; right: 14px; bottom: 14px; padding: 7px 10px; color: #ddd; background: rgba(0,0,0,.75); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.article-layout { display: grid; grid-template-columns: 52px minmax(0, 780px) minmax(270px, 1fr); justify-content: space-between; gap: clamp(28px, 4vw, 65px); padding-bottom: 95px; }
.article-share { position: sticky; top: 20px; align-self: start; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.article-share > span { margin-bottom: 7px; color: #6e6c73; font-size: 8px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); }
.article-share a, .article-share button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--line); color: #aaa8af; background: transparent; cursor: pointer; font-size: 12px; }
.article-share a:hover, .article-share button:hover { color: var(--ink); background: var(--lime); border-color: var(--lime); }
.copy-status { min-height: 16px; color: var(--lime); font-size: 8px; }
.article-main-column { min-width: 0; }
.article-body { color: #d3d1d6; font-family: Georgia, "Times New Roman", serif; font-size: clamp(17px, 1.45vw, 20px); line-height: 1.78; }
.article-body p { margin: 0 0 1.45em; }
.article-body p:first-child::first-letter { float: left; margin: .08em .1em 0 0; color: var(--lime); font: 700 4.35em/.75 var(--display); }
.article-body a { color: var(--lime); text-decoration: underline; }
.empty-copy { color: var(--muted); font-family: var(--body); }
.article-gallery { margin-top: 60px; padding-top: 28px; border-top: 1px solid var(--line); }
.gallery-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 20px; }
.gallery-heading > div:first-child > span { color: var(--violet); font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.gallery-heading h2 { margin: 7px 0 0; font: 700 clamp(28px, 3.6vw, 45px)/.95 var(--display); letter-spacing: -.045em; }
.gallery-controls { display: flex; align-items: center; }
.gallery-controls button { width: 40px; height: 40px; border: 1px solid var(--line); color: inherit; background: transparent; cursor: pointer; }
.gallery-controls button:hover { color: var(--ink); background: var(--lime); }
.gallery-count { min-width: 65px; color: var(--muted); font-size: 9px; text-align: center; }
.gallery-rail { display: flex; gap: 15px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.gallery-rail::-webkit-scrollbar { display: none; }
.gallery-slide { position: relative; flex: 0 0 88%; aspect-ratio: 16 / 10; overflow: hidden; background: #000; scroll-snap-align: center; }
.gallery-slide img { height: 100%; object-fit: contain; }
.gallery-slide > span { position: absolute; right: 12px; bottom: 12px; padding: 5px 8px; color: white; background: rgba(0,0,0,.75); font-size: 9px; }
.article-end { display: flex; align-items: center; gap: 12px; margin-top: 55px; padding-top: 20px; border-top: 1px solid var(--line); color: #77757c; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.article-end span { color: var(--violet); font-size: 18px; }
.article-end p { margin: 0; }
.article-sidebar { display: flex; flex-direction: column; gap: 25px; }
.article-side-module { padding: 22px; background: var(--surface); }
.article-side-module .module-label { margin-bottom: 3px; }
.article-side-module dl { margin: 0; }
.article-side-module dt { margin-top: 17px; color: #6e6c73; font-size: 8px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.article-side-module dd { margin: 4px 0 0; overflow-wrap: anywhere; color: #c3c1c7; font-size: 10px; }
.article-side-module dd a { color: var(--lime); }
.related-module > a { display: block; padding: 18px 0; border-bottom: 1px solid var(--line); }
.related-module > a > span { color: var(--violet); font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.related-module h3 { margin: 7px 0 9px; font: 700 17px/1.08 var(--display); }
.related-module a:hover h3 { color: var(--lime); }
.related-module small { color: #75737a; font-size: 8px; text-transform: uppercase; }
.source-note p { margin: 16px 0 0; color: #8b8990; font-size: 10px; }
.article-footer { margin-top: 0; }
html[data-theme="light"] .article-deck, html[data-theme="light"] .article-body { color: #4e4b50; }
html[data-theme="light"] .article-side-module { background: #eae7df; }
html[data-theme="light"] .article-side-module dd { color: #4e4b50; }
html[data-theme="light"] .article-share a, html[data-theme="light"] .article-share button, html[data-theme="light"] .gallery-controls button { border-color: #cbc7bd; color: #555259; }

@media (max-width: 1050px) {
  .article-layout { grid-template-columns: 42px minmax(0, 1fr) 270px; gap: 28px; }
}
@media (max-width: 860px) {
  .article-masthead { padding-top: 32px; }
  .back-to-feed { width: 42px; height: 42px; padding: 0; overflow: hidden; color: transparent; }
  .back-to-feed::before { content: "←"; display: grid; width: 100%; height: 100%; place-items: center; color: currentColor; }
  .article-layout { grid-template-columns: 1fr; }
  .article-share { position: static; flex-direction: row; order: 2; }
  .article-share > span { writing-mode: initial; transform: none; margin: 0 7px 0 0; }
  .article-main-column { order: 1; }
  .article-sidebar { order: 3; display: grid; grid-template-columns: 1fr 1fr; }
  .related-module { grid-row: span 2; }
}
@media (max-width: 620px) {
  .article-masthead h1 { font-size: 47px; }
  .article-deck { font-size: 14px; }
  .article-meta { gap: 18px; }
  .lead-media { width: 100%; margin-bottom: 40px; }
  .article-video, .article-cover { border-inline: 0; }
  .article-layout { padding-bottom: 60px; }
  .article-body { font-size: 17px; line-height: 1.72; }
  .article-sidebar { grid-template-columns: 1fr; }
  .gallery-slide { flex-basis: 94%; }
  .gallery-heading { align-items: flex-start; }
  .gallery-heading h2 { font-size: 29px; }
  .article-footer { margin-top: 0; }
}
@media (max-width: 860px) {
  .back-to-feed::before { color: #d4d2d8; }
  html[data-theme="light"] .back-to-feed::before { color: #242226; }
}

/* Verified-story presentation */
.verified-live-dot { background: var(--lime); box-shadow: 0 0 0 4px rgba(216,255,67,.14); }
.verified-eyebrow { color: var(--ink); background: var(--lime); }
.verified-masthead { padding-bottom: 28px; }
.verification-banner { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; margin-bottom: 28px; padding: 17px 20px; color: var(--ink); background: var(--lime); }
.verification-mark { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(0,0,0,.25); border-radius: 50%; font-weight: 800; }
.verification-banner b { display: block; font: 700 13px var(--display); text-transform: uppercase; }
.verification-banner p { margin: 3px 0 0; font-size: 10px; }
.verification-banner code { max-width: 300px; overflow: hidden; font-size: 9px; text-overflow: ellipsis; }
.verified-lead-media { margin-top: 0; }
.verified-media-label { position: absolute; z-index: 2; left: 13px; bottom: 13px; padding: 6px 9px; color: var(--ink); background: var(--lime); font-size: 8px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; pointer-events: none; }
.verified-article-body p:first-child::first-letter { color: var(--lime); }
.provenance-module code { color: #c7c4cd; font-size: 9px; overflow-wrap: anywhere; }
.original-record p { margin: 15px 0; color: #8b8990; font-size: 10px; }
.original-record > a { display: inline-flex; padding: 9px 11px; border: 1px solid var(--line); color: var(--lime); font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.original-record > a:hover { color: var(--ink); background: var(--lime); border-color: var(--lime); }
.verified-end span { color: var(--lime); }
html[data-theme="light"] .provenance-module code { color: #4e4b50; }
@media (max-width: 620px) {
  .verification-banner { grid-template-columns: auto 1fr; }
  .verification-banner code { grid-column: 1 / -1; max-width: 100%; padding-top: 10px; border-top: 1px solid rgba(0,0,0,.2); }
}

/* Compact verified article typography and top-positioned gallery. */
.verified-masthead h1 { max-width: 1050px; font-size: clamp(40px, 5.2vw, 76px); line-height: .96; letter-spacing: -.052em; }
.verified-masthead .article-deck { max-width: 760px; font-size: clamp(14px, 1.25vw, 17px); }
.verified-masthead .article-meta { margin-top: 27px; }
.verified-top-gallery { margin: 0 auto 42px; padding-top: 0; border-top: 0; }
.verified-top-gallery .gallery-heading { max-width: 900px; margin-bottom: 16px; }
.verified-top-gallery .gallery-heading h2 { font-size: clamp(25px, 3vw, 36px); }
.verified-top-gallery .gallery-rail { max-width: 900px; padding: 12px; border: 1px solid var(--line); background: var(--surface); }
.verified-top-gallery .gallery-slide { flex: 0 0 min(680px, 100%); width: min(680px, 100%); height: clamp(270px, 40vw, 500px); aspect-ratio: auto; }
.verified-top-gallery .gallery-slide img { object-fit: contain; }
.verified-lead-media { max-width: 1100px; }
.verified-lead-media .article-video { max-height: 620px; }
.verified-article-body { font-size: 18px; line-height: 1.72; }
html[data-theme="light"] .verified-top-gallery .gallery-rail { background: #eae7df; border-color: #d1cec6; }
@media (max-width: 620px) {
  .verified-masthead h1 { font-size: 38px; line-height: 1; }
  .verified-masthead .article-deck { font-size: 13px; }
  .verified-top-gallery { width: var(--shell); margin-bottom: 32px; }
  .verified-top-gallery .gallery-heading { align-items: flex-end; }
  .verified-top-gallery .gallery-heading h2 { font-size: 25px; }
  .verified-top-gallery .gallery-rail { padding: 7px; }
  .verified-top-gallery .gallery-slide { flex-basis: 100%; width: 100%; height: clamp(230px, 70vw, 360px); }
  .verified-article-body { font-size: 16px; }
}
