/* DFEI publication layer — v1.4 */
.dfei-vector-band,
.dfei-index-hero,
.dfei-package-grid,
.dfei-method-strip {
  padding: 56px 72px;
  border-bottom: 1px solid var(--zjs-black);
}
.dfei-vector-band {
  min-height: 340px;
  color: var(--zjs-paper-cool);
  background:
    linear-gradient(90deg, rgba(16,16,16,.96), rgba(16,16,16,.86) 48%, rgba(16,16,16,.58)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__vector-vanguard-design01_site_width_2400x800.png") right center / cover no-repeat;
}
.dfei-vector-band h2,
.dfei-index-hero h1,
.dfei-package-grid h2,
.dfei-method-strip h2 {
  margin: 12px 0;
  max-width: 1100px;
  font-size: clamp(46px, 6vw, 92px);
  line-height: .88;
  letter-spacing: -.07em;
  text-transform: uppercase;
}
.dfei-vector-band p:not(.section-label),
.dfei-index-hero p,
.dfei-package-deck,
.dfei-method-strip p { max-width: 820px; font-family: monospace; }
.dfei-band-actions { display:flex; flex-wrap:wrap; gap:24px; margin-top:26px; }
.dfei-band-actions a,
.dfei-package-grid a,
.dfei-article-nav a,
.dfei-prev-next a {
  font-family: monospace;
  text-transform: uppercase;
  text-decoration: none;
}
.dfei-band-actions a { color: var(--zjs-paper-cool); border-bottom:1px solid rgba(244,244,241,.72); padding-bottom:4px; }
.dfei-band-actions a:hover { color: var(--zjs-red); border-bottom-color: var(--zjs-red); }
.dfei-index-hero { background: var(--zjs-black); color: var(--zjs-paper-cool); }
.dfei-package-grid { background: var(--zjs-paper-cool); }
.vsr-card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:1px; border:1px solid var(--zjs-black); background: var(--zjs-black); margin-top:30px; }
.vsr-card { display:grid; align-content:space-between; min-height:190px; padding:22px; background: var(--zjs-paper); color:var(--zjs-ink); transition:background 140ms ease, color 140ms ease; }
.vsr-card:hover { background: var(--zjs-black); color: var(--zjs-paper-cool); }
.vsr-card span { color: var(--zjs-red); font-family: monospace; font-size:12px; }
.vsr-card strong { display:block; margin:14px 0; font-size:28px; line-height:.95; letter-spacing:-.045em; text-transform:uppercase; }
.vsr-card em { font-style:normal; color:var(--zjs-muted); font-family:monospace; text-transform:uppercase; font-size:12px; }
.vsr-card:hover em { color:rgba(244,244,241,.76); }
.vsr-card--primary { grid-column: span 2; background: var(--zjs-black); color: var(--zjs-paper-cool); }
.dfei-method-strip { background: var(--zjs-paper); }
.dfei-article-nav { position:sticky; top:0; z-index:20; display:flex; flex-wrap:wrap; gap:1px; padding:0 72px; background: var(--zjs-black); border-bottom:1px solid var(--zjs-black); }
.dfei-article-nav a { padding:12px 14px; color: var(--zjs-paper-cool); background: rgba(255,255,255,.04); font-size:12px; letter-spacing:.05em; }
.dfei-article-nav a:hover { background: var(--zjs-red); color: var(--zjs-paper-cool); }
.dfei-breadcrumb { margin-top:22px; font-family:monospace; text-transform:uppercase; font-size:12px; }
.dfei-breadcrumb a { color: inherit; text-decoration:none; border-bottom:1px solid currentColor; }
.dfei-body h1:first-child { display:none; }
.dfei-body h1,
.dfei-body h2,
.dfei-body h3 { scroll-margin-top:80px; }
.dfei-body h1 { font-size: clamp(42px, 5vw, 76px); line-height:.9; letter-spacing:-.06em; text-transform:uppercase; margin-top:60px; }
.dfei-body h2 { margin-top:52px; }
.dfei-body blockquote { margin: 30px 0; padding: 18px 24px; border-left: 6px solid var(--zjs-red); background: var(--zjs-paper-cool); font-size: 1.15em; }
.dfei-body code { background: rgba(16,16,16,.08); padding:.1em .25em; }
.dfei-body pre { background: var(--zjs-black); color: var(--zjs-paper-cool); padding:18px; overflow:auto; border-left:6px solid var(--zjs-red); }
.dfei-body table { width:100%; border-collapse:collapse; margin:24px 0; font-size:15px; }
.dfei-body th,
.dfei-body td { border:1px solid var(--zjs-black); padding:12px; vertical-align:top; }
.dfei-body th { background: var(--zjs-black); color: var(--zjs-paper-cool); text-align:left; }
.publication-source-note { margin:56px 0 28px; padding:18px 22px; background: var(--zjs-black); color: var(--zjs-paper-cool); border-left:6px solid var(--zjs-red); }
.publication-source-note p { margin:0; font-family:monospace; font-size:13px; }
.dfei-prev-next { display:flex; justify-content:space-between; gap:24px; margin-top:36px; padding-top:20px; border-top:1px solid var(--zjs-black); }
.dfei-prev-next a { border-bottom:1px solid currentColor; padding-bottom:4px; }
.dfei-prev-next a:hover { color: var(--zjs-red); }
.artifact-theme-source .artifact-header::before { background: linear-gradient(90deg, rgba(16,16,16,.76), rgba(16,16,16,.22)), url("/assets/img/2026-05-03__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__01.png") center / cover no-repeat; }
@media (max-width: 980px) {
  .dfei-vector-band,.dfei-index-hero,.dfei-package-grid,.dfei-method-strip,.dfei-article-nav { padding-left:48px; padding-right:48px; }
  .vsr-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .dfei-vector-band,.dfei-index-hero,.dfei-package-grid,.dfei-method-strip,.dfei-article-nav { padding-left:24px; padding-right:24px; }
  .dfei-article-nav { position: sticky; top:0; overflow-x:auto; flex-wrap:nowrap; }
  .vsr-card-grid { grid-template-columns:1fr; }
  .vsr-card--primary { grid-column:span 1; }
  .dfei-prev-next { flex-direction:column; }
}


/* v1.4.1 DFEI hierarchy + article repairs */
.dispatches-hero .vector-hero-copy { background: var(--zjs-paper-cool); }
.dispatches-hero .vector-image {
  background:
    linear-gradient(90deg, rgba(16,16,16,.14), rgba(16,16,16,.38)),
    url("/assets/img/2026-05-09__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__01__1800x2400_01_vector-hero.png") center top / cover no-repeat;
}
.dispatches-hero h1 { font-size: clamp(52px, 7vw, 112px); }
.dfei-hub-grid {
  padding: 56px 72px;
  border-bottom: 1px solid var(--zjs-black);
  background: var(--zjs-paper);
}
.dfei-hub-grid h2 {
  max-width: 1100px;
  margin: 12px 0 30px;
  font-size: clamp(36px, 4.8vw, 72px);
  line-height: .94;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.dfei-ribbon-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1px; background: var(--zjs-black); border: 1px solid var(--zjs-black); }
.dfei-ribbon-card {
  min-height: 190px;
  padding: 22px;
  display: grid;
  align-content: end;
  color: var(--zjs-paper-cool);
  text-decoration: none;
  background: var(--zjs-black);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}
.dfei-ribbon-card::before { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(16,16,16,.82), rgba(16,16,16,.34)); }
.dfei-ribbon-card > * { position: relative; z-index: 1; }
.dfei-ribbon-card span { color: var(--zjs-red); font-family: monospace; text-transform: uppercase; font-size: 12px; letter-spacing: .07em; }
.dfei-ribbon-card strong { display:block; margin-top:10px; font-size: clamp(25px,3vw,40px); line-height:.92; letter-spacing:-.05em; text-transform:uppercase; }
.dfei-ribbon-card:hover strong { color: var(--zjs-red); }
.dfei-ribbon--vanguard { background-image: url("/assets/img/DFEI_page-ribbon_vanguard-signal_no-text.png"); }
.dfei-ribbon--table { background-image: url("/assets/img/DFEI_page-ribbon_the-table_no-text.png"); }
.dfei-ribbon--vsr { background-image: url("/assets/img/DFEI_page-ribbon_vector_special_reports_no-text.png"); }
.dfei-ribbon--resources { background-image: url("/assets/img/DFEI_page-ribbon_resources_no-text.png"); }
.dfei-ribbon--archive { background-image: url("/assets/img/DFEI_page-ribbon_archive_no-text.png"); }
.dfei-ribbon--sources { background-image: url("/assets/img/DFEI_page-ribbon_source-appendix_no-text.png"); }
.vsr-card-grid--balanced { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vsr-card { padding: 28px; }
.dfei-article-nav {
  justify-content: center;
  align-items: stretch;
  padding-left: 32px;
  padding-right: 32px;
}
.dfei-article-nav a { min-width: 86px; text-align: center; }
.artifact-header.dfei-masthead { padding-top: clamp(250px, 25vw, 370px); }
.artifact-header--dfei-dark::before,
.artifact-header--vs::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.76), rgba(16,16,16,.24)),
    url("/assets/img/DFEI_banner-large_02_no-text_16-9.png") center / cover no-repeat !important;
}
.artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.76), rgba(16,16,16,.20)),
    url("/assets/img/DFEI_banner-large_03_no-text_16-9.png") center / cover no-repeat !important;
}
.masthead-code-label {
  position: absolute;
  top: clamp(22px, 2vw, 32px);
  right: clamp(24px, 5vw, 72px);
  z-index: 2;
  padding: 6px 8px;
  color: var(--zjs-paper-cool);
  background: rgba(16,16,16,.74);
  border-left: 4px solid var(--zjs-red);
  font-family: monospace;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.masthead-code-label--vsr { border-left-color: #8aa06a; }
.dfei-body {
  width: min(calc(100% - 56px), 980px);
  margin: 0 auto;
  padding-bottom: 76px;
}
.dfei-body > h1:first-child { display: none; }
.dfei-body .lead,
.dfei-body > p:first-of-type { font-size: clamp(18px, 2vw, 22px); line-height: 1.45; }
.dfei-body p,
.dfei-body li { font-size: 18px; line-height: 1.62; }
.dfei-body h1 {
  font-size: clamp(42px, 5vw, 76px);
  line-height: .9;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.dfei-body h2 { font-size: clamp(28px, 3.2vw, 48px); line-height: 1; letter-spacing: -.04em; text-transform: uppercase; }
.dfei-link-list { list-style:none; margin:30px 0; padding:0; border-top:1px solid var(--zjs-black); }
.dfei-link-list li { border-bottom:1px solid var(--zjs-black); margin:0; }
.dfei-link-list a { display:block; padding:18px 0; font-family:monospace; text-transform:uppercase; }
.table-turn { border-top: 1px solid var(--zjs-black); padding: 34px 0; }
.table-turn h2 { margin-top: 0; color: var(--zjs-red); }
.table-turn p { max-width: 860px; }
.transcript-meta { display:flex; flex-wrap:wrap; gap:1px; margin: 24px 0 36px; background: var(--zjs-black); border:1px solid var(--zjs-black); }
.transcript-meta span { padding:10px 14px; background: var(--zjs-paper-cool); font-family:monospace; text-transform:uppercase; font-size:12px; }
.source-note-grid { display:grid; grid-template-columns: 1fr 1fr; gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); margin:24px 0; }
.source-note-grid > div { background:var(--zjs-paper-cool); padding:22px; }
@media (max-width: 980px) {
  .dfei-hub-grid { padding-left:48px; padding-right:48px; }
  .dfei-ribbon-grid, .vsr-card-grid--balanced { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .dfei-hub-grid { padding-left:24px; padding-right:24px; }
  .dfei-ribbon-grid, .vsr-card-grid--balanced { grid-template-columns:1fr; }
  .dfei-article-nav { justify-content:flex-start; padding-left:16px; padding-right:16px; }
  .dfei-body { width: min(calc(100% - 32px), 980px); }
  .source-note-grid { grid-template-columns:1fr; }
}

/* v1.4.2 stabilization additions */
.dfei-article-nav { position: sticky; top:0; z-index:50; }
.dfei-body a { text-underline-offset: 3px; }
.dfei-body a:hover { color: var(--zjs-red); }
.dfei-body hr { margin: 42px 0; border: 0; border-top: 1px solid rgba(16,16,16,.28); }
.dfei-body h1, .dfei-body h2 { scroll-margin-top: 110px; }
.table-turn { scroll-margin-top: 110px; }
@media (max-width: 820px) { .dfei-article-nav { position: sticky !important; top:0 !important; } }


/* v1.4.3 VS004 structural repair */
:root { --vsr-green: #6f8357; --vsr-green-dark:#536542; }
.dfei-article-nav { position: sticky; top:0; z-index:90; justify-content:center; overflow-x:auto; flex-wrap:nowrap; }
.dfei-article-nav a { flex:0 0 auto; }
.artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.82), rgba(16,16,16,.34)),
    url("/assets/img/DFEI_banner-large_01_no-text_16-9.png") center / cover no-repeat !important;
}
.artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.18), rgba(244,244,241,.62)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png") center / cover no-repeat !important;
}
.artifact-theme-vsr .artifact-kicker,
.artifact-theme-vsr .masthead-code-label,
.artifact-theme-vsr .dfei-body h2,
.artifact-theme-vsr .layer-label,
.artifact-theme-vsr .vsr-meta span { color: var(--vsr-green-dark) !important; }
.artifact-theme-vsr .masthead-code-label,
.artifact-theme-vsr .publication-source-note,
.artifact-theme-vsr .repair-card--accent { border-left-color: var(--vsr-green) !important; }
.artifact-theme-vsr .repair-card,
.artifact-theme-vsr .split-card { border-top-color: var(--vsr-green) !important; }
.issue-open,
.operating-stack,
.issue-map-structural,
.signal-expansion-index,
.repair-card-grid,
.reading-path-card,
.table-extract-card { margin: 42px 0; }
.issue-open { border-top: 4px solid var(--zjs-red); border-bottom:1px solid var(--zjs-black); padding: 28px 0; }
.issue-open h2 { margin-top:0; }
.issue-open p { max-width: 920px; }
.issue-map-structural { display:grid; grid-template-columns: 1fr 1fr; gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); }
.issue-map-structural > div { background:var(--zjs-paper-cool); padding:24px; }
.issue-map-structural h3,
.repair-card h3,
.split-card h3 { margin-top:0; text-transform:uppercase; }
.operating-stack-grid,
.signal-expansion-grid { display:grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); }
.layer-card,
.expansion-card { background:var(--zjs-paper-cool); color:var(--zjs-ink); padding:22px; text-decoration:none; display:flex; flex-direction:column; gap:12px; min-height:230px; }
.layer-card:hover,
.expansion-card:hover { background:var(--zjs-black); color:var(--zjs-paper-cool); }
.layer-card span,
.expansion-card span { font-family:monospace; text-transform:uppercase; color:var(--zjs-red); font-size:12px; letter-spacing:.06em; }
.layer-card strong,
.expansion-card strong { font-size: clamp(24px,2.6vw,34px); line-height:.95; letter-spacing:-.045em; text-transform:uppercase; }
.layer-card em,
.expansion-card em { font-style:normal; font-family:monospace; text-transform:uppercase; font-size:12px; color:var(--zjs-muted); }
.repair-card-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); }
.repair-card,
.split-card { background:var(--zjs-paper-cool); padding:24px; border-top:4px solid var(--zjs-red); }
.reading-path-card { padding:24px; border:1px solid var(--zjs-black); background:var(--zjs-paper); }
.reading-path-card ol { columns:2; padding-left:1.4em; }
.exit-row { display:flex; flex-wrap:wrap; gap:20px; margin:36px 0; padding:18px 0; border-top:1px solid var(--zjs-black); border-bottom:1px solid var(--zjs-black); }
.exit-row a { font-family:monospace; text-transform:uppercase; }
.table-extract-card { border:1px solid var(--zjs-black); background:var(--zjs-paper-cool); padding:24px; }
.table-extract-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); margin-top:18px; }
.table-extract-grid div { background:var(--zjs-paper); padding:18px; }
.vsr-meta { display:flex; flex-wrap:wrap; gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); margin:24px 0; }
.vsr-meta span { background:var(--zjs-paper-cool); padding:10px 14px; font-family:monospace; text-transform:uppercase; }
.home-name .nowrap, .hero-title .nowrap { white-space: nowrap; }
.home-dispatches-card .feature-image,
.feature-image--dispatches-restore {
  background-image: url("/assets/img/2026-05-03__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__03.png") !important;
  background-position:center !important;
  background-size:cover !important;
  min-height: 320px;
}
@media (max-width: 900px) {
  .issue-map-structural,
  .repair-card-grid,
  .table-extract-grid { grid-template-columns:1fr; }
  .operating-stack-grid,
  .signal-expansion-grid { grid-template-columns:1fr; }
  .reading-path-card ol { columns:1; }
  .dfei-body p, .dfei-body li { font-size:17px; line-height:1.56; }
  .artifact-header.dfei-masthead { padding-top: 190px; }
}
@media (max-width: 560px) {
  .home-name { font-size: clamp(54px,18vw,86px) !important; line-height:.88 !important; }
}


/* v1.4.4 visual recovery — VS003 accent discipline + VS004 readability */
:root { --vsr-green: #6f8357; --vsr-green-dark:#536542; }

/* VSR accent rule: green is a system accent, not a section-heading color. */
body.artifact-theme-vsr .dfei-body h1,
body.artifact-theme-vsr .dfei-body h2,
body.artifact-theme-vsr .dfei-body h3,
body.artifact-theme-vsr .dfei-body h4,
body.artifact-theme-vsr .dfei-report-jump h2,
body.artifact-theme-vsr .dfei-contents-card h2,
body.artifact-theme-vsr .dfei-contents-card__head {
  color: var(--zjs-ink) !important;
}
body.artifact-theme-vsr .artifact-kicker,
body.artifact-theme-vsr .masthead-code-label,
body.artifact-theme-vsr .vsr-meta span:first-child,
body.artifact-theme-vsr .layer-chip,
body.artifact-theme-vsr .report-sequence-kicker,
body.artifact-theme-vsr .dfei-report-jump > span {
  color: var(--vsr-green-dark) !important;
}
body.artifact-theme-vsr .masthead-code-label { border-left-color: var(--vsr-green) !important; }
body.artifact-theme-vsr .dfei-body pre,
body.artifact-theme-vsr .publication-source-note,
body.artifact-theme-vsr .repair-card--accent,
body.artifact-theme-vsr .dfei-report-jump {
  border-left-color: var(--vsr-green) !important;
}
body.artifact-theme-vsr .repair-card,
body.artifact-theme-vsr .split-card,
body.artifact-theme-vsr .vsr-intro-card,
body.artifact-theme-vsr .vsr-module-card,
body.artifact-theme-vsr .dfei-contents-card,
body.artifact-theme-vsr .source-note-grid > div {
  border-top-color: var(--vsr-green) !important;
}
body.artifact-theme-vsr .artifact-header--vsr::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:4px;
  background:var(--vsr-green);
  z-index:2;
}
body.artifact-theme-vsr .artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.12), rgba(244,244,241,.54)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png") center / cover no-repeat !important;
}
body.artifact-theme-vsr .dfei-body a:hover,
body.artifact-theme-vsr .dfei-prev-next a:hover { color: var(--vsr-green-dark) !important; }

/* Issue 004 recovery: make the issue feel like VS003 again, not a text dump. */
.issue-primer,
.vsr-issue-index,
.issue-reading-map {
  width:min(calc(100% - 56px), 980px);
  margin:32px auto;
}
.issue-primer {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  border:1px solid var(--zjs-black);
  background:var(--zjs-black);
}
.issue-primer__card { background:var(--zjs-paper-cool); padding:28px; border-top:4px solid var(--zjs-red); }
.issue-primer__card h2,
.vsr-issue-index h2,
.issue-reading-map h2 { margin-top:0; font-size:clamp(22px, 2.5vw, 32px); letter-spacing:-.035em; text-transform:uppercase; }
.issue-primer__card p { font-size:16px; line-height:1.55; }
.vsr-issue-index {
  border:1px solid var(--zjs-black);
  background:var(--zjs-paper);
  padding:26px;
}
.vsr-issue-list { list-style:none; padding:0; margin:20px 0 0; display:grid; border-top:1px solid var(--zjs-black); }
.vsr-issue-list li { border-bottom:1px solid var(--zjs-black); }
.vsr-issue-list a { display:grid; grid-template-columns:92px 1fr; gap:20px; padding:18px 0; text-decoration:none; align-items:baseline; }
.vsr-issue-list span { color:var(--zjs-red); font-family:monospace; font-size:12px; text-transform:uppercase; }
.vsr-issue-list strong { text-transform:uppercase; letter-spacing:-.025em; }
.vsr-issue-list em { display:block; margin-top:4px; color:var(--zjs-muted); font-family:monospace; font-style:normal; text-transform:uppercase; font-size:12px; letter-spacing:.04em; }
.issue-reading-map { border:1px solid var(--zjs-black); background:var(--zjs-paper-cool); padding:26px; }
.issue-reading-map ol { columns:2; margin:0; padding-left:1.35em; }
.issue-reading-map li { break-inside:avoid; margin:0 0 8px; font-family:monospace; font-size:14px; text-transform:uppercase; }
.issue-reading-map a { text-underline-offset:3px; }

.dfei-body { font-size:18px; }
.dfei-body > h1 { margin-top:72px; padding-top:14px; border-top:1px solid rgba(16,16,16,.28); }
.dfei-body > h1:first-child { border-top:0; }
.dfei-body h1 { font-size:clamp(34px, 4.2vw, 60px); line-height:.96; }
.dfei-body h2 { font-size:clamp(24px, 2.6vw, 36px); line-height:1.05; }
.dfei-body p { max-width:880px; }
.dfei-body p + p { margin-top:1.1em; }
.dfei-body blockquote { font-size:1.05em; }

.vs004-support-note {
  margin:42px 0;
  padding:22px 24px;
  border:1px solid var(--zjs-black);
  border-left:6px solid var(--zjs-red);
  background:var(--zjs-paper-cool);
}
.vs004-support-note p { margin:0; font-family:monospace; font-size:14px; }

/* VSR report pages: bring back clean report rhythm from Issue 003 pages. */
.vsr-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); margin:42px 0; }
.vsr-intro-card { background:var(--zjs-paper-cool); padding:26px; border-top:4px solid var(--vsr-green); }
.vsr-intro-card h2 { margin-top:0; font-size:clamp(22px,2.4vw,30px); }
.vsr-contents--full ol { columns:2; }
.vsr-contents--full li { break-inside:avoid; }
body.artifact-theme-vsr .dfei-body > h1 { border-top:1px solid rgba(16,16,16,.25); }
body.artifact-theme-vsr .dfei-body > h1::before {
  content:"";
  display:block;
  width:72px;
  height:4px;
  background:var(--vsr-green);
  margin:-18px 0 18px;
}
body.artifact-theme-vsr .dfei-body > h1:first-of-type::before { display:none; }

@media (max-width: 820px) {
  .issue-primer,
  .vsr-issue-index,
  .issue-reading-map { width:min(calc(100% - 32px), 980px); margin:24px auto; }
  .issue-primer,
  .vsr-intro-grid { grid-template-columns:1fr; }
  .vsr-issue-list a { grid-template-columns:1fr; gap:4px; }
  .issue-reading-map ol,
  .vsr-contents--full ol { columns:1; }
  .dfei-body > h1 { margin-top:52px; }
  .dfei-body p, .dfei-body li { font-size:17px; line-height:1.55; }
}


/* v1.4.5 readability + layout patch */
:root { --v145-title-max: 1120px; }

/* Dispatches hub: reduce density and turn slogan into three disciplined cells. */
.dfei-hub-grid h2 { font-size: clamp(28px, 3.6vw, 54px); line-height: .98; letter-spacing: -.045em; }
.dfei-three-part {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  border-top:1px solid var(--zjs-black);
  border-bottom:1px solid var(--zjs-black);
  margin: 24px 0 34px;
  max-width: 1280px;
}
.dfei-three-part > div { padding: 22px 28px; border-right:1px solid rgba(16,16,16,.48); }
.dfei-three-part > div:last-child { border-right:0; }
.dfei-three-part strong,
.dfei-three-part span { display:block; text-transform:uppercase; }
.dfei-three-part strong { font-size:clamp(22px,2.4vw,36px); line-height:.95; letter-spacing:-.04em; }
.dfei-three-part span { margin-top:10px; font-family:monospace; font-size:13px; letter-spacing:.06em; color:var(--zjs-muted); }

/* Dispatches current package background selection. */
.dfei-package-grid {
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(241,240,234,.98), rgba(241,240,234,.90) 50%, rgba(241,240,234,.70)),
    url("/assets/img/2026-05-21__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-windows-Landscape__04.jpeg") right center / cover no-repeat;
}
.dfei-package-grid > * { position:relative; z-index:1; }

/* Home current package image requested under the current package ribbon. */
.issue-feature--home-current,
.issue-feature--vs004 {
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(241,240,234,.98), rgba(241,240,234,.88) 46%, rgba(241,240,234,.62)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__vector-vanguard-design09_site-width_3x1_2400x800_1.png") right center / cover no-repeat !important;
}

/* Method structure image and new method copy. */
.dfei-method-strip {
  color: var(--zjs-paper-cool);
  background:
    linear-gradient(90deg, rgba(16,16,16,.88), rgba(16,16,16,.74) 50%, rgba(16,16,16,.50)),
    url("/assets/img/DFEI_banner-large_03_no-text_16-9.png") center top / cover no-repeat !important;
}
.dfei-method-strip h2 { font-size:clamp(36px,4.4vw,68px); line-height:.96; max-width:920px; }
.dfei-method-strip p { color:rgba(244,244,241,.78); }

/* Simplified package navigation. */
.dfei-article-nav { gap:1px; }
.dfei-article-nav a { min-width: 120px; }

/* Stable title blocks for issue/report/table/source/archive pages. */
.artifact-header > * { max-width: var(--v145-title-max); }
.artifact-header h1 { font-size: clamp(46px, 6.2vw, 92px); line-height:.9; text-wrap: balance; }
.artifact-subtitle { max-width:780px; }
.artifact-header.dfei-masthead { padding-bottom: clamp(38px, 5vw, 70px); }

/* VS004 title field with transparent building mark behind title block. */
body.artifact-theme-signal .artifact-header--vs,
body.page-signal-004 .artifact-header--vs { background: var(--zjs-paper); }
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  content:"";
  position:absolute;
  z-index:0;
  right: clamp(20px, 7vw, 100px);
  bottom: 20px;
  width:min(52vw, 720px);
  height:72%;
  background:url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") center right / contain no-repeat;
  opacity:.18;
  pointer-events:none;
}
body.artifact-theme-signal .artifact-header--vs > *,
body.page-signal-004 .artifact-header--vs > * { z-index:2; }

/* The Table title field image. */
.page-table .artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.92), rgba(244,244,241,.76)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png") center / cover no-repeat !important;
}
.page-table .artifact-header--table .artifact-kicker { color: var(--zjs-red); }

/* Keep VSR accents structural, not typographic paint. */
body.artifact-theme-vsr .dfei-body h1,
body.artifact-theme-vsr .dfei-body h2,
body.artifact-theme-vsr .dfei-body h3 { color: var(--zjs-ink) !important; }
body.artifact-theme-vsr .dfei-body > h1::before { background: var(--vsr-green); }
body.artifact-theme-vsr .dfei-contents-card a:hover,
body.artifact-theme-vsr .vsr-issue-list a:hover { color: var(--vsr-green-dark); }
.anchor-offset { display:block; position:relative; top:-92px; visibility:hidden; }

@media (max-width: 900px) {
  .dfei-three-part { grid-template-columns:1fr; }
  .dfei-three-part > div { border-right:0; border-bottom:1px solid rgba(16,16,16,.48); }
  .dfei-three-part > div:last-child { border-bottom:0; }
  .dfei-package-grid { background-position:center; }
  .artifact-header h1 { font-size: clamp(40px, 11vw, 72px); }
}
@media (max-width: 560px) {
  .dfei-article-nav a { min-width: 96px; padding:16px 14px; }
  .artifact-header.dfei-masthead { padding-left:24px; padding-right:24px; }
  .artifact-header h1 { font-size: clamp(38px, 12.5vw, 64px); }
  body.artifact-theme-signal .artifact-header--vs::after { width:100%; right:-22%; opacity:.12; }
}


/* v1.4.6 Dispatches navigation + underlay correction */
.dfei-three-part a {
  display:block;
  padding:22px 28px;
  border-right:1px solid rgba(16,16,16,.48);
  color:var(--zjs-ink);
  text-decoration:none;
}
.dfei-three-part a:last-child { border-right:0; }
.dfei-three-part a:hover strong,
.dfei-three-part a:focus-visible strong { color:var(--zjs-red); }
.dfei-three-part > div { display:none; }

.issue-feature--home-current,
.issue-feature--vs004 {
  background:
    linear-gradient(90deg, rgba(241,240,234,.98), rgba(241,240,234,.88) 46%, rgba(241,240,234,.62)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__vector-vanguard-design09_site-width_3x1_2400x800_1.png") left center / cover no-repeat !important;
}

/* Keep page-top banner images independent from title-block underlays. */
.page-table .artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.36), rgba(16,16,16,.06)),
    url("/assets/img/DFEI_banner-large_01_no-text_16-9.png") center / cover no-repeat !important;
}
.page-table .artifact-header--table::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:clamp(210px,22vw,330px) 0 0 0;
  background:
    linear-gradient(90deg, rgba(241,240,234,.92), rgba(241,240,234,.82)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png") top center / cover no-repeat;
  opacity:.42;
  pointer-events:none;
}
.page-table .artifact-header--table > * { position:relative; z-index:2; }

body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  right:50%;
  transform:translateX(50%);
  top:clamp(255px,26vw,390px);
  bottom:auto;
  width:min(58vw,760px);
  height:calc(100% - clamp(255px,26vw,390px));
  background:url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") top center / contain no-repeat;
  opacity:.16;
}

body.artifact-theme-vsr .artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.20), rgba(244,244,241,.66)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png") center / cover no-repeat !important;
}
body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker,
body.artifact-theme-vsr .artifact-header--vsr h1,
body.artifact-theme-vsr .artifact-header--vsr .artifact-subtitle,
body.artifact-theme-vsr .artifact-header--vsr .dfei-breadcrumb { position:relative; z-index:2; }
body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker::before,
body.artifact-theme-vsr .artifact-header--vsr h1::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-40px -12vw -70px auto;
  width:min(60vw,760px);
  background:url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png") top center / contain no-repeat;
  opacity:.16;
  pointer-events:none;
}
body.artifact-theme-vsr .artifact-header--vsr h1::before { display:none; }

.issue-history-list a {
  display:grid;
  grid-template-columns: minmax(90px,140px) 1fr;
  gap:18px;
  align-items:start;
  padding:22px 0;
}
.issue-history-list span { color:var(--zjs-red); font-family:monospace; text-transform:uppercase; }
.issue-history-list strong { display:block; text-transform:uppercase; }
.issue-history-list em { display:block; margin-top:4px; color:var(--zjs-muted); font-style:normal; font-family:monospace; text-transform:uppercase; font-size:12px; }
.repository-expansion { margin-top:56px; }

@media (max-width:900px) {
  .dfei-three-part a { border-right:0; border-bottom:1px solid rgba(16,16,16,.48); }
  .dfei-three-part a:last-child { border-bottom:0; }
  .page-table .artifact-header--table::after { inset:190px 0 0 0; opacity:.28; }
  body.artifact-theme-signal .artifact-header--vs::after { top:200px; width:95%; opacity:.11; }
  body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker::before { width:92vw; opacity:.11; }
  .issue-history-list a { grid-template-columns:1fr; gap:4px; }
}

/* v1.4.6.1 visual stability patch
   Separates masthead strips, title panels, artifact tags, title underlays,
   and normalized code-box text rendering. */
:root {
  --v1461-title-max: 1120px;
  --v1461-title-pad-x: clamp(28px, 6vw, 96px);
  --v1461-top-strip-h: clamp(170px, 20vw, 300px);
}

/* The top visual strip is the only zone allowed to hold the artifact tag. */
.artifact-header.dfei-masthead {
  isolation:isolate;
  overflow:hidden;
  display:block;
  padding-top: calc(var(--v1461-top-strip-h) + clamp(42px, 5.5vw, 76px)) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: clamp(42px, 5vw, 72px) !important;
  margin-bottom:0;
}
.artifact-header.dfei-masthead::before {
  height: var(--v1461-top-strip-h) !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:auto !important;
  z-index:0 !important;
}
.masthead-code-label {
  position:absolute !important;
  top: clamp(20px, 2vw, 34px) !important;
  right: clamp(22px, 5vw, 76px) !important;
  z-index:4 !important;
  transform:none !important;
  margin:0 !important;
  max-width:none !important;
  pointer-events:none;
}

/* Shared text grid: title/kicker/subtitle/breadcrumb lock to one column regardless of viewport. */
.artifact-header.dfei-masthead > :not(.masthead-code-label) {
  width:min(calc(100% - 56px), var(--v1461-title-max)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:var(--v1461-title-max) !important;
  position:relative !important;
  z-index:3 !important;
  box-sizing:border-box;
}
.artifact-header.dfei-masthead h1 {
  max-width:980px !important;
  margin-top:18px !important;
  margin-bottom:20px !important;
  font-size:clamp(44px, 5.7vw, 86px) !important;
  line-height:.91 !important;
  letter-spacing:-.058em !important;
  text-wrap:balance;
}
.artifact-header.dfei-masthead .artifact-subtitle {
  max-width:760px !important;
  margin-top:0 !important;
  font-size:clamp(18px, 1.65vw, 22px) !important;
  line-height:1.28 !important;
}
.artifact-header.dfei-masthead .dfei-breadcrumb { margin-top:28px !important; }

/* VS title underlay belongs to title field only, starts below strip, and never collides with the tag. */
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  content:"";
  position:absolute !important;
  z-index:1 !important;
  top: calc(var(--v1461-top-strip-h) + clamp(34px, 4vw, 58px)) !important;
  bottom: clamp(18px, 3vw, 34px) !important;
  left:50% !important;
  right:auto !important;
  width:min(50vw, 640px) !important;
  height:auto !important;
  transform:translateX(-18%) !important;
  background:url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") top center / contain no-repeat !important;
  opacity:.20 !important;
  pointer-events:none !important;
}
body.artifact-theme-signal .artifact-header--vs::before,
body.page-signal-004 .artifact-header--vs::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.72), rgba(16,16,16,.12)),
    url("/assets/img/DFEI_banner-large_02_no-text_16-9.png") center top / cover no-repeat !important;
}

/* VSR title field: concrete strip above, monolith underlay inside title area only. */
body.artifact-theme-vsr .artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.08), rgba(244,244,241,.58)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png") center top / cover no-repeat !important;
}
body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker::before,
body.artifact-theme-vsr .artifact-header--vsr h1::before { display:none !important; }
body.artifact-theme-vsr .artifact-header--vsr::after {
  content:"";
  position:absolute !important;
  z-index:1 !important;
  top: calc(var(--v1461-top-strip-h) + clamp(34px, 4vw, 58px)) !important;
  right: clamp(42px, 11vw, 180px) !important;
  bottom: clamp(24px, 3vw, 42px) !important;
  left:auto !important;
  width:min(34vw, 520px) !important;
  height:auto !important;
  background:url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png") top center / contain no-repeat !important;
  opacity:.16 !important;
  pointer-events:none !important;
  border:0 !important;
}
body.artifact-theme-vsr .artifact-header--vsr { border-bottom:4px solid var(--vsr-green) !important; }

/* Table title field: DFEI strip above; 04-b is only a faint title-panel underlay. */
.page-table .artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.48), rgba(16,16,16,.08)),
    url("/assets/img/DFEI_banner-large_01_no-text_16-9.png") center top / cover no-repeat !important;
}
.page-table .artifact-header--table::after {
  content:"";
  position:absolute !important;
  z-index:1 !important;
  top: calc(var(--v1461-top-strip-h) + 22px) !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  height:auto !important;
  inset:auto 0 0 0 !important;
  background:
    linear-gradient(90deg, rgba(241,240,234,.90), rgba(241,240,234,.78)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png") top center / cover no-repeat !important;
  opacity:.52 !important;
  pointer-events:none !important;
}
.page-table .artifact-header--table .masthead-code-label { color:var(--zjs-paper-cool) !important; }

/* Home current package: force the requested Design 09 underlay. */
body:not(.page-dfei) .issue-feature--home-current,
.issue-feature--home-current.issue-feature--vs004,
.issue-feature--home-current {
  background:
    linear-gradient(90deg, rgba(241,240,234,.98), rgba(241,240,234,.88) 44%, rgba(241,240,234,.58)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__vector-vanguard-design09_site-width_3x1_2400x800_1.png") left center / cover no-repeat !important;
}

/* Code blocks: remove visual leading indent and keep first glyph flush to content edge. */
.dfei-body pre,
.artifact-body pre {
  padding:18px 20px !important;
  text-indent:0 !important;
  white-space:pre-wrap !important;
}
.dfei-body pre code,
.artifact-body pre code {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  text-indent:0 !important;
  white-space:pre-wrap !important;
}

@media (max-width:900px) {
  :root { --v1461-top-strip-h: clamp(150px, 32vw, 220px); }
  .artifact-header.dfei-masthead > :not(.masthead-code-label) { width:min(calc(100% - 40px), var(--v1461-title-max)) !important; }
  .artifact-header.dfei-masthead h1 { font-size:clamp(40px, 10.2vw, 70px) !important; line-height:.92 !important; }
  body.artifact-theme-signal .artifact-header--vs::after,
  body.page-signal-004 .artifact-header--vs::after {
    top: calc(var(--v1461-top-strip-h) + 36px) !important;
    left:50% !important;
    width:94vw !important;
    transform:translateX(-50%) !important;
    opacity:.13 !important;
  }
  body.artifact-theme-vsr .artifact-header--vsr::after {
    top: calc(var(--v1461-top-strip-h) + 36px) !important;
    right:0 !important;
    width:70vw !important;
    opacity:.10 !important;
  }
  .page-table .artifact-header--table::after { top:calc(var(--v1461-top-strip-h) + 12px) !important; opacity:.42 !important; }
}

@media (max-width:560px) {
  :root { --v1461-top-strip-h: 150px; }
  .artifact-header.dfei-masthead { padding-top: calc(var(--v1461-top-strip-h) + 46px) !important; }
  .masthead-code-label {
    top: auto !important;
    bottom: calc(100% - var(--v1461-top-strip-h) + 18px) !important;
    right:20px !important;
    font-size:11px !important;
    max-width:calc(100vw - 44px) !important;
    white-space:nowrap;
  }
  .artifact-header.dfei-masthead > :not(.masthead-code-label) { width:calc(100% - 34px) !important; }
  .artifact-header.dfei-masthead h1 { font-size:clamp(38px, 12vw, 58px) !important; }
  .artifact-header.dfei-masthead .artifact-subtitle { font-size:18px !important; }
}

/* v1.4.6.2 title-underlay stability patch
   Targets the remaining visual drift after v1.4.6.1:
   - The Table title underlay persistence/visibility
   - The Table transcript metadata mobile grid
   - VS/VSR monolith underlay anchoring
   - Home current package Design 09 underlay
   - title text grid stability across widths
*/
:root {
  --v1462-strip-h: clamp(170px, 20vw, 300px);
  --v1462-title-max: 1120px;
  --v1462-title-gutter: clamp(28px, 6vw, 96px);
}

/* Global artifact title stabilization */
.artifact-header.dfei-masthead {
  --v1461-top-strip-h: var(--v1462-strip-h);
  min-height: auto !important;
  display: grid !important;
  grid-template-rows: var(--v1462-strip-h) auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: var(--zjs-paper) !important;
}
.artifact-header.dfei-masthead::before {
  grid-row: 1 !important;
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: var(--v1462-strip-h) !important;
  z-index: 0 !important;
}
.artifact-header.dfei-masthead > :not(.masthead-code-label) {
  grid-row: 2 !important;
  width: min(calc(100% - 56px), var(--v1462-title-max)) !important;
  max-width: var(--v1462-title-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 3 !important;
  box-sizing: border-box !important;
}
.artifact-header.dfei-masthead .artifact-kicker { margin-top: clamp(44px, 5vw, 76px) !important; }
.artifact-header.dfei-masthead h1 {
  max-width: 980px !important;
  margin-top: 18px !important;
  margin-bottom: 20px !important;
  font-size: clamp(42px, 5.45vw, 82px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}
.artifact-header.dfei-masthead .artifact-subtitle {
  max-width: 760px !important;
  font-size: clamp(18px, 1.55vw, 22px) !important;
  line-height: 1.3 !important;
}
.artifact-header.dfei-masthead .dfei-breadcrumb { margin-top: 28px !important; margin-bottom: clamp(44px, 5vw, 74px) !important; }
.masthead-code-label {
  top: clamp(22px, 2vw, 34px) !important;
  right: clamp(22px, 5vw, 76px) !important;
  z-index: 6 !important;
}

/* VS004: monolith underlay is centered in the title field and cannot collide with the top strip. */
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  content: "";
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1462-strip-h) + clamp(32px, 4.5vw, 64px)) !important;
  left: 50% !important;
  right: auto !important;
  bottom: clamp(30px, 4vw, 64px) !important;
  width: min(48vw, 620px) !important;
  height: auto !important;
  transform: translateX(-6%) !important;
  background: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") center top / contain no-repeat !important;
  opacity: .19 !important;
  pointer-events: none !important;
}
body.artifact-theme-signal .artifact-header--vs::before,
body.page-signal-004 .artifact-header--vs::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.72), rgba(16,16,16,.12)),
    url("/assets/img/DFEI_banner-large_02_no-text_16-9.png") center top / cover no-repeat !important;
}

/* VSR pages: monolith underlay is centered in a right-side title field, not attached to text padding. */
body.artifact-theme-vsr .artifact-header--vsr::after {
  content: "";
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1462-strip-h) + clamp(32px, 4.5vw, 64px)) !important;
  right: clamp(44px, 10vw, 170px) !important;
  bottom: clamp(34px, 4vw, 64px) !important;
  left: auto !important;
  width: min(34vw, 500px) !important;
  height: auto !important;
  background: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png") center top / contain no-repeat !important;
  opacity: .16 !important;
  pointer-events: none !important;
  border: 0 !important;
}
body.artifact-theme-vsr .artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.06), rgba(244,244,241,.55)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png") center top / cover no-repeat !important;
}
body.artifact-theme-vsr .artifact-header--vsr { border-bottom: 4px solid var(--vsr-green) !important; }

/* THE TABLE: dedicated title-field underlay. No inset reset; visible at all widths. */
.page-table .artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.46), rgba(16,16,16,.10)),
    url("/assets/img/DFEI_banner-large_01_no-text_16-9.png") center top / cover no-repeat !important;
}
.page-table .artifact-header--table::after {
  content: "";
  position: absolute !important;
  z-index: 1 !important;
  top: var(--v1462-strip-h) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  inset: var(--v1462-strip-h) 0 0 0 !important;
  background:
    linear-gradient(90deg, rgba(241,240,234,.84), rgba(241,240,234,.68)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png") center top / cover no-repeat !important;
  opacity: .72 !important;
  pointer-events: none !important;
}
.page-table .artifact-header--table > :not(.masthead-code-label) { position: relative !important; z-index: 3 !important; }
.page-table .artifact-header--table h1,
.page-table .artifact-header--table .artifact-subtitle,
.page-table .artifact-header--table .dfei-breadcrumb { text-shadow: 0 1px 0 rgba(241,240,234,.35); }

/* THE TABLE metadata: desktop row; mobile becomes one balanced 2x2 unit, no orphan black block. */
.transcript-meta {
  display: grid !important;
  grid-template-columns: max-content max-content max-content minmax(max-content, 1fr) !important;
  gap: 1px !important;
  width: 100% !important;
  max-width: 780px !important;
  margin: 24px 0 36px !important;
  background: var(--zjs-black) !important;
  border: 1px solid var(--zjs-black) !important;
}
.transcript-meta span {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 10px 16px !important;
  background: var(--zjs-paper-cool) !important;
  font-family: monospace !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.transcript-meta span:last-child { min-width: 0 !important; }

/* Home current package: page-specific final cascade rule. */
body:not(.page-dfei) .issue-feature.issue-feature--home-current.issue-feature--vs004,
body:not(.page-dfei) section.issue-feature--home-current,
body:not(.page-dfei) .issue-feature--home-current {
  background:
    linear-gradient(90deg, rgba(241,240,234,.98), rgba(241,240,234,.86) 42%, rgba(241,240,234,.54)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__vector-vanguard-design09_site-width_3x1_2400x800_1.png") left center / cover no-repeat !important;
}

/* Prevent earlier pseudo-underlay rules from binding to kicker text. */
body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker::before,
body.artifact-theme-vsr .artifact-header--vsr h1::before { display: none !important; content: none !important; }

@media (max-width: 900px) {
  :root { --v1462-strip-h: clamp(150px, 32vw, 220px); }
  .artifact-header.dfei-masthead > :not(.masthead-code-label) { width: min(calc(100% - 40px), var(--v1462-title-max)) !important; }
  .artifact-header.dfei-masthead h1 { font-size: clamp(40px, 10vw, 68px) !important; }
  body.artifact-theme-signal .artifact-header--vs::after,
  body.page-signal-004 .artifact-header--vs::after {
    top: calc(var(--v1462-strip-h) + 30px) !important;
    left: 50% !important;
    width: 96vw !important;
    transform: translateX(-50%) !important;
    opacity: .13 !important;
  }
  body.artifact-theme-vsr .artifact-header--vsr::after {
    top: calc(var(--v1462-strip-h) + 30px) !important;
    right: 0 !important;
    width: 72vw !important;
    opacity: .11 !important;
  }
  .page-table .artifact-header--table::after { opacity: .64 !important; background-position: center top !important; }
}

@media (max-width: 620px) {
  :root { --v1462-strip-h: 150px; }
  .artifact-header.dfei-masthead h1 { font-size: clamp(38px, 11vw, 58px) !important; }
  .artifact-header.dfei-masthead .artifact-subtitle { font-size: 18px !important; }
  .masthead-code-label {
    top: 22px !important;
    right: 18px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  .transcript-meta {
    grid-template-columns: 1fr 1fr !important;
    max-width: none !important;
  }
  .transcript-meta span {
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .transcript-meta span:nth-child(3) { grid-column: 1 / 2 !important; }
  .transcript-meta span:nth-child(4) { grid-column: 2 / 3 !important; }
}

/* v1.4.6.3 title-area recovery patch
   Recovers VS/VSR/Table/Source masthead title flow after v1.4.6.2 grid overcorrection.
   The visual strip remains separate; the title panel returns to stacked document flow. */
:root {
  --v1463-strip-h: clamp(170px, 20vw, 300px);
  --v1463-title-max: 1120px;
}

/* Remove the v1.4.6.2 grid layout that forced title children into columns. */
.artifact-header.dfei-masthead {
  --v1461-top-strip-h: var(--v1463-strip-h) !important;
  --v1462-strip-h: var(--v1463-strip-h) !important;
  display: block !important;
  grid-template-rows: none !important;
  min-height: 0 !important;
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding: calc(var(--v1463-strip-h) + clamp(46px, 5.5vw, 78px)) 0 clamp(44px, 5vw, 76px) !important;
  background: var(--zjs-paper) !important;
}
.artifact-header.dfei-masthead::before {
  content: "";
  position: absolute !important;
  inset: 0 0 auto 0 !important;
  height: var(--v1463-strip-h) !important;
  width: 100% !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.artifact-header.dfei-masthead > :not(.masthead-code-label) {
  display: block !important;
  grid-row: auto !important;
  grid-column: auto !important;
  float: none !important;
  clear: both !important;
  width: min(calc(100% - 56px), var(--v1463-title-max)) !important;
  max-width: var(--v1463-title-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 3 !important;
  box-sizing: border-box !important;
}
.artifact-header.dfei-masthead .artifact-kicker {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  max-width: var(--v1463-title-max) !important;
}
.artifact-header.dfei-masthead h1 {
  display: block !important;
  max-width: 980px !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  font-size: clamp(44px, 5.4vw, 82px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}
.artifact-header.dfei-masthead .artifact-subtitle {
  display: block !important;
  max-width: 760px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: clamp(18px, 1.55vw, 22px) !important;
  line-height: 1.3 !important;
}
.artifact-header.dfei-masthead .dfei-breadcrumb {
  display: block !important;
  margin-top: 28px !important;
  margin-bottom: 0 !important;
}
.masthead-code-label {
  position: absolute !important;
  top: clamp(22px, 2vw, 34px) !important;
  right: clamp(22px, 5vw, 76px) !important;
  z-index: 6 !important;
  transform: none !important;
  margin: 0 !important;
  max-width: none !important;
  pointer-events: none !important;
}

/* VS004 title underlay: centered in title field, never in the visual strip. */
body.artifact-theme-signal .artifact-header--vs::before,
body.page-signal-004 .artifact-header--vs::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.72), rgba(16,16,16,.14)),
    url("/assets/img/DFEI_banner-large_02_no-text_16-9.png") center top / cover no-repeat !important;
}
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  content: "";
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1463-strip-h) + clamp(36px, 4vw, 58px)) !important;
  bottom: clamp(28px, 4vw, 56px) !important;
  left: 50% !important;
  right: auto !important;
  width: min(50vw, 640px) !important;
  height: auto !important;
  transform: translateX(-4%) !important;
  background: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") top center / contain no-repeat !important;
  opacity: .18 !important;
  pointer-events: none !important;
}

/* VSR title underlay: top-anchored, centered inside the title panel, with green as structural accent only. */
body.artifact-theme-vsr .artifact-header--vsr::before {
  background:
    linear-gradient(90deg, rgba(244,244,241,.08), rgba(244,244,241,.55)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png") center top / cover no-repeat !important;
}
body.artifact-theme-vsr .artifact-header--vsr::after {
  content: "";
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1463-strip-h) + clamp(36px, 4vw, 58px)) !important;
  right: clamp(56px, 11vw, 180px) !important;
  bottom: clamp(28px, 4vw, 56px) !important;
  left: auto !important;
  width: min(34vw, 500px) !important;
  height: auto !important;
  background: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png") top center / contain no-repeat !important;
  opacity: .14 !important;
  border: 0 !important;
  pointer-events: none !important;
}
body.artifact-theme-vsr .artifact-header--vsr {
  border-bottom: 4px solid var(--vsr-green) !important;
}
body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker::before,
body.artifact-theme-vsr .artifact-header--vsr h1::before {
  display: none !important;
  content: none !important;
}

/* THE TABLE title field: keep DFEI strip, restore stronger underlay inside title panel only. */
.page-table .artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.44), rgba(16,16,16,.08)),
    url("/assets/img/DFEI_banner-large_01_no-text_16-9.png") center top / cover no-repeat !important;
}
.page-table .artifact-header--table::after {
  content: "";
  position: absolute !important;
  z-index: 1 !important;
  top: var(--v1463-strip-h) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: auto !important;
  height: auto !important;
  inset: var(--v1463-strip-h) 0 0 0 !important;
  background:
    linear-gradient(90deg, rgba(241,240,234,.78), rgba(241,240,234,.54)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png") top center / cover no-repeat !important;
  opacity: .86 !important;
  pointer-events: none !important;
}
.page-table .artifact-header--table > :not(.masthead-code-label) {
  position: relative !important;
  z-index: 3 !important;
}
.page-table .artifact-header--table h1,
.page-table .artifact-header--table .artifact-subtitle,
.page-table .artifact-header--table .dfei-breadcrumb {
  text-shadow: 0 1px 0 rgba(241,240,234,.45);
}

/* Source/dark repository pages: stacked text on clean title panel, not columns. */
.artifact-header--dfei-dark::after {
  pointer-events: none !important;
}
.artifact-header--dfei-dark > :not(.masthead-code-label) {
  display: block !important;
}

/* Preserve working fixes from v1.4.6.2. */
body:not(.page-dfei) .issue-feature.issue-feature--home-current.issue-feature--vs004,
body:not(.page-dfei) section.issue-feature--home-current,
body:not(.page-dfei) .issue-feature--home-current {
  background:
    linear-gradient(90deg, rgba(241,240,234,.98), rgba(241,240,234,.86) 42%, rgba(241,240,234,.54)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__vector-vanguard-design09_site-width_3x1_2400x800_1.png") left center / cover no-repeat !important;
}
.dfei-body pre,
.artifact-body pre {
  padding: 18px 20px !important;
  text-indent: 0 !important;
  white-space: pre-wrap !important;
}
.dfei-body pre code,
.artifact-body pre code {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  white-space: pre-wrap !important;
}

@media (max-width: 900px) {
  :root { --v1463-strip-h: clamp(150px, 32vw, 220px); }
  .artifact-header.dfei-masthead {
    padding-top: calc(var(--v1463-strip-h) + 42px) !important;
  }
  .artifact-header.dfei-masthead > :not(.masthead-code-label) {
    width: min(calc(100% - 40px), var(--v1463-title-max)) !important;
  }
  .artifact-header.dfei-masthead h1 {
    font-size: clamp(40px, 10vw, 68px) !important;
  }
  body.artifact-theme-signal .artifact-header--vs::after,
  body.page-signal-004 .artifact-header--vs::after {
    top: calc(var(--v1463-strip-h) + 32px) !important;
    left: 50% !important;
    width: 94vw !important;
    transform: translateX(-50%) !important;
    opacity: .12 !important;
  }
  body.artifact-theme-vsr .artifact-header--vsr::after {
    top: calc(var(--v1463-strip-h) + 34px) !important;
    right: 0 !important;
    width: 72vw !important;
    opacity: .10 !important;
  }
  .page-table .artifact-header--table::after {
    opacity: .78 !important;
    background-position: top center !important;
  }
}

@media (max-width: 620px) {
  :root { --v1463-strip-h: 150px; }
  .artifact-header.dfei-masthead {
    padding-top: calc(var(--v1463-strip-h) + 42px) !important;
    padding-bottom: 42px !important;
  }
  .artifact-header.dfei-masthead > :not(.masthead-code-label) {
    width: calc(100% - 34px) !important;
  }
  .artifact-header.dfei-masthead h1 {
    font-size: clamp(38px, 11vw, 58px) !important;
    line-height: .94 !important;
  }
  .artifact-header.dfei-masthead .artifact-subtitle {
    font-size: 18px !important;
  }
  .masthead-code-label {
    top: 22px !important;
    right: 18px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  .transcript-meta {
    grid-template-columns: 1fr 1fr !important;
    max-width: none !important;
  }
  .transcript-meta span {
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    text-align: center !important;
  }
  .transcript-meta span:nth-child(3) { grid-column: 1 / 2 !important; }
  .transcript-meta span:nth-child(4) { grid-column: 2 / 3 !important; }
}

/* v1.4.6.4 — title/nav visual lock patch
   Scope: stabilize DFEI title panels, metadata tags, Table strip image, and method copy. */
:root {
  --v1464-strip-h: clamp(180px, 20vw, 300px);
  --v1464-panel-h: clamp(280px, 30vw, 430px);
  --v1464-title-max: 1040px;
}

/* METHOD STATEMENT: copy is changed in HTML; keep line rhythm locked. */
.dfei-method-strip h2 {
  max-width: 980px !important;
  font-size: clamp(34px, 4.2vw, 68px) !important;
  line-height: .94 !important;
  letter-spacing: -.052em !important;
}
.dfei-method-strip {
  background-position: center top !important;
}

/* SECTION TOP IMAGE: Table uses the same DFEI large banner as the rest of the VS004 family. */
.page-table .artifact-header--table::before {
  background:
    linear-gradient(90deg, rgba(16,16,16,.48), rgba(16,16,16,.10)),
    url("/assets/img/DFEI_banner-large_02_no-text_16-9.png") center top / cover no-repeat !important;
}

/* GLOBAL TITLE PANEL LOCK: stop text from reflowing into alternate columns as width changes. */
.artifact-header.dfei-masthead {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  min-height: calc(var(--v1464-strip-h) + var(--v1464-panel-h)) !important;
  padding: calc(var(--v1464-strip-h) + clamp(46px, 4.5vw, 72px)) clamp(30px, 5.5vw, 86px) clamp(44px, 5vw, 76px) !important;
  overflow: hidden !important;
  border-bottom: 1px solid var(--zjs-black) !important;
}
.artifact-header.dfei-masthead::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--v1464-strip-h) !important;
  bottom: auto !important;
}
.artifact-header.dfei-masthead::after {
  pointer-events: none !important;
}
.artifact-header.dfei-masthead > :not(.masthead-code-label) {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  width: min(100%, var(--v1464-title-max)) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  transform: none !important;
  text-align: left !important;
}
.artifact-header.dfei-masthead .artifact-kicker {
  margin: 0 0 16px !important;
  max-width: 640px !important;
  font-family: monospace !important;
  font-size: clamp(12px, 1.1vw, 15px) !important;
  line-height: 1.25 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
.artifact-header.dfei-masthead h1 {
  margin: 0 0 clamp(18px, 2vw, 28px) !important;
  max-width: 980px !important;
  font-size: clamp(44px, 5.2vw, 82px) !important;
  line-height: .92 !important;
  letter-spacing: -.055em !important;
  text-align: left !important;
  text-wrap: balance;
}
.artifact-header.dfei-masthead .artifact-subtitle {
  margin: 0 !important;
  max-width: 760px !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.3 !important;
  text-align: left !important;
}
.artifact-header.dfei-masthead .dfei-breadcrumb {
  margin-top: clamp(24px, 3vw, 34px) !important;
}

/* Metadata tag: fixed-height visual label; never turns into a tall rectangle. */
.masthead-code-label {
  position: absolute !important;
  z-index: 7 !important;
  top: clamp(22px, 2vw, 34px) !important;
  right: clamp(22px, 5vw, 76px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: auto !important;
  max-width: min(70vw, 360px) !important;
  min-height: 28px !important;
  height: auto !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
  background: rgba(16,16,16,.76) !important;
  border-left: 4px solid var(--zjs-red) !important;
  color: var(--zjs-paper-cool) !important;
  font-family: monospace !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  transform: none !important;
  pointer-events: none !important;
}
.masthead-code-label--vsr {
  border-left-color: var(--vsr-green) !important;
}

/* VS / VSR underlays: top anchored inside title panel, not the strip. */
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1464-strip-h) + clamp(28px, 3.5vw, 52px)) !important;
  right: clamp(34px, 7vw, 120px) !important;
  bottom: clamp(20px, 3vw, 44px) !important;
  left: auto !important;
  width: min(42vw, 560px) !important;
  height: auto !important;
  transform: none !important;
  background: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") top center / contain no-repeat !important;
  opacity: .19 !important;
  pointer-events: none !important;
}
body.artifact-theme-vsr .artifact-header--vsr::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1464-strip-h) + clamp(28px, 3.5vw, 52px)) !important;
  right: clamp(34px, 8vw, 140px) !important;
  bottom: clamp(20px, 3vw, 44px) !important;
  left: auto !important;
  width: min(34vw, 460px) !important;
  height: auto !important;
  transform: none !important;
  background: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png") top center / contain no-repeat !important;
  opacity: .14 !important;
  border: 0 !important;
  pointer-events: none !important;
}
body.artifact-theme-vsr .artifact-header--vsr {
  border-bottom: 4px solid var(--vsr-green) !important;
}
body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker { color: var(--vsr-green) !important; }

/* Table underlay stays inside title panel and remains visible at wider widths. */
.page-table .artifact-header--table::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: var(--v1464-strip-h) 0 0 0 !important;
  width: auto !important;
  height: auto !important;
  background:
    linear-gradient(90deg, rgba(241,240,234,.76), rgba(241,240,234,.56)),
    url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png") top center / cover no-repeat !important;
  opacity: .88 !important;
  pointer-events: none !important;
}

@media (min-width: 901px) {
  /* Keep desktop title areas in one stable composition. */
  .artifact-header.dfei-masthead .artifact-subtitle {
    margin-left: clamp(0px, 12vw, 220px) !important;
  }
  .page-table .artifact-header--table .artifact-subtitle,
  .artifact-header--dfei-dark .artifact-subtitle {
    margin-left: 0 !important;
  }
  body.artifact-theme-vsr .artifact-header--vsr h1,
  body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker,
  body.artifact-theme-vsr .artifact-header--vsr .dfei-breadcrumb {
    max-width: 620px !important;
  }
}

@media (max-width: 900px) {
  :root {
    --v1464-strip-h: clamp(140px, 31vw, 210px);
    --v1464-panel-h: auto;
  }
  .artifact-header.dfei-masthead {
    min-height: 0 !important;
    padding: calc(var(--v1464-strip-h) + 42px) 32px 44px !important;
  }
  .artifact-header.dfei-masthead h1 {
    max-width: 100% !important;
    font-size: clamp(40px, 9.5vw, 68px) !important;
    line-height: .94 !important;
  }
  .artifact-header.dfei-masthead .artifact-subtitle {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  body.artifact-theme-signal .artifact-header--vs::after,
  body.page-signal-004 .artifact-header--vs::after {
    top: calc(var(--v1464-strip-h) + 40px) !important;
    right: 4vw !important;
    width: 76vw !important;
    opacity: .12 !important;
  }
  body.artifact-theme-vsr .artifact-header--vsr::after {
    top: calc(var(--v1464-strip-h) + 42px) !important;
    right: 2vw !important;
    width: 70vw !important;
    opacity: .11 !important;
  }
}

@media (max-width: 620px) {
  :root { --v1464-strip-h: 146px; }
  .artifact-header.dfei-masthead {
    padding: calc(var(--v1464-strip-h) + 38px) 24px 40px !important;
  }
  .artifact-header.dfei-masthead h1 {
    font-size: clamp(38px, 10.5vw, 56px) !important;
    line-height: .95 !important;
  }
  .artifact-header.dfei-masthead .artifact-kicker {
    font-size: 12px !important;
  }
  .artifact-header.dfei-masthead .artifact-subtitle {
    font-size: 18px !important;
  }
  .masthead-code-label {
    top: 18px !important;
    right: 16px !important;
    max-width: calc(100vw - 148px) !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
    letter-spacing: .06em !important;
  }
  .page-table .artifact-header--table::after {
    opacity: .86 !important;
    background-position: top center !important;
  }
}

/* v1.4.6.5 — monolith title alignment + fixed metadata tag patch
   Scope: align VS/VSR monolith underlays to the title-field centerline; keep text left-anchored;
   restore VSR metadata tag to a light, fixed-height label over concrete strips. */
:root {
  --v1465-title-max: 1040px;
  --v1465-strip-h: var(--v1464-strip-h, clamp(180px, 20vw, 300px));
}

/* Metadata tag hard lock: no vertical expansion at narrow widths. */
.masthead-code-label,
.masthead-code-label--vs,
.masthead-code-label--vsr {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1 !important;
  transform: none !important;
}

/* VSR tags sit on light concrete; use a light chip, not the dark VS/Table chip. */
body.artifact-theme-vsr .masthead-code-label,
body.artifact-theme-vsr .masthead-code-label--vsr {
  background: rgba(241,240,234,.88) !important;
  color: var(--vsr-green-dark) !important;
  border-left-color: var(--vsr-green) !important;
  box-shadow: none !important;
}
body.artifact-theme-signal .masthead-code-label,
.page-table .masthead-code-label,
.artifact-theme-source .masthead-code-label {
  background: rgba(16,16,16,.76) !important;
  color: var(--zjs-paper-cool) !important;
  border-left-color: var(--zjs-red) !important;
}

/* Title text: one stable left column, no sliding/right-column behavior. */
.artifact-header.dfei-masthead > :not(.masthead-code-label) {
  width: min(100%, var(--v1465-title-max)) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}
.artifact-header.dfei-masthead h1 {
  max-width: 860px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}
.artifact-header.dfei-masthead .artifact-subtitle {
  max-width: 680px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

/* Monolith underlays: centered on the title panel's visual centerline, top-anchored below the top strip. */
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after,
body.artifact-theme-vsr .artifact-header--vsr::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  top: calc(var(--v1465-strip-h) + clamp(28px, 3.5vw, 52px)) !important;
  bottom: clamp(18px, 3vw, 42px) !important;
  left: 50% !important;
  right: auto !important;
  height: auto !important;
  transform: translateX(-50%) !important;
  background-position: top center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  pointer-events: none !important;
  border: 0 !important;
}
body.artifact-theme-signal .artifact-header--vs::after,
body.page-signal-004 .artifact-header--vs::after {
  width: min(46vw, 620px) !important;
  opacity: .18 !important;
  background-image: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png") !important;
}
body.artifact-theme-vsr .artifact-header--vsr::after {
  width: min(42vw, 560px) !important;
  opacity: .14 !important;
  background-image: url("/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png") !important;
}

/* Prevent subtitle/breadcrumb from drifting into the visual tag/underlay lane. */
@media (min-width: 901px) {
  .artifact-header.dfei-masthead .artifact-subtitle,
  .page-table .artifact-header--table .artifact-subtitle,
  .artifact-header--dfei-dark .artifact-subtitle {
    margin-left: 0 !important;
  }
  body.artifact-theme-vsr .artifact-header--vsr h1,
  body.artifact-theme-vsr .artifact-header--vsr .artifact-kicker,
  body.artifact-theme-vsr .artifact-header--vsr .dfei-breadcrumb,
  body.artifact-theme-vsr .artifact-header--vsr .artifact-subtitle {
    max-width: 760px !important;
  }
}

@media (max-width: 900px) {
  body.artifact-theme-signal .artifact-header--vs::after,
  body.page-signal-004 .artifact-header--vs::after,
  body.artifact-theme-vsr .artifact-header--vsr::after {
    top: calc(var(--v1465-strip-h) + 38px) !important;
    left: 50% !important;
    right: auto !important;
    width: 78vw !important;
    transform: translateX(-50%) !important;
  }
  body.artifact-theme-signal .artifact-header--vs::after,
  body.page-signal-004 .artifact-header--vs::after { opacity: .12 !important; }
  body.artifact-theme-vsr .artifact-header--vsr::after { opacity: .11 !important; }
}

@media (max-width: 620px) {
  .masthead-code-label,
  .masthead-code-label--vs,
  .masthead-code-label--vsr {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 9px !important;
    max-width: calc(100vw - 148px) !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    letter-spacing: .055em !important;
  }
  body.artifact-theme-vsr .masthead-code-label,
  body.artifact-theme-vsr .masthead-code-label--vsr {
    background: rgba(241,240,234,.90) !important;
    color: var(--vsr-green-dark) !important;
  }
}


/* v1.5.0 — VS005 Access Layer publication additions */
.dfei-hero--vs005 { background-image: linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.18)), url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__1.jpeg'); background-position:center center; background-size:cover; }
.dfei-hero-tag { position:absolute; right:7%; top:18%; background:rgba(12,12,12,.78); color:#f2f0eb; border-left:6px solid #b7261e; padding:14px 22px; font-family:var(--mono,monospace); letter-spacing:.18em; font-size:14px; }
.dfei-title-underlay--vs005:before{ background-image:url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__3.jpeg'); opacity:.12; background-size:cover; background-position:center center; }
.dfei-reading-path{border:1px solid #181818; border-top:4px solid #b7261e; padding:2rem; margin:2rem 0; background:#f3f1eb;}
.dfei-reading-path h2{margin-top:0; font-size:1rem; letter-spacing:.16em; color:#b7261e; font-family:var(--mono,monospace);}
.dfei-reading-path ul{list-style:none; padding-left:0; columns:2; gap:2rem;}
.dfei-reading-path li{break-inside:avoid; margin:0 0 .75rem 0;}
.dfei-details{border-top:1px solid #1b1b1b; margin:1.25rem 0; padding-top:.75rem;}
.dfei-details summary{cursor:pointer; font-family:var(--mono,monospace); text-transform:uppercase; letter-spacing:.12em; font-weight:700;}
.dfei-method-box{background:#0d0e0e; color:#f2f0eb; padding:3rem; margin:3rem 0; background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.86)),url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__6.jpeg'); background-size:cover; background-position:center center;}
.dfei-method-box h2{font-size:clamp(2rem,5vw,4rem); line-height:.95; margin:0 0 1rem; color:#fff;}
.dfei-card-grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #222; margin:2rem 0;}
.dfei-card-grid a{display:block; padding:2rem; border-right:1px solid #222; border-bottom:1px solid #222; color:#111; text-decoration:none;}
.dfei-card-grid a:nth-child(2n){border-right:0}.dfei-card-grid h3{margin:.25rem 0;font-size:1.5rem}.dfei-card-grid .kicker{font-family:var(--mono,monospace);letter-spacing:.12em;color:#b7261e;font-size:.8rem;text-transform:uppercase}.dfei-card-grid p{font-size:.95rem}.dfei-protocol-list a{display:block;padding:1rem;border:1px solid #222;margin:.75rem 0;color:#111}.dfei-source-list li{margin-bottom:.65rem}.dfei-content details[open]{padding-bottom:1rem}.dfei-content table{width:100%;border-collapse:collapse;margin:1rem 0}.dfei-content th,.dfei-content td{border:1px solid #222;padding:.7rem;vertical-align:top}.dfei-content blockquote{border-left:4px solid #b7261e;padding-left:1rem;margin-left:0;font-size:1.1rem}
@media (max-width:700px){.dfei-reading-path ul{columns:1}.dfei-card-grid{grid-template-columns:1fr}.dfei-card-grid a{border-right:0}.dfei-hero-tag{right:4%; top:22%; font-size:12px; padding:12px}.dfei-method-box{padding:2rem}.dfei-content table{display:block;overflow-x:auto}}

/* v1.5.0.2 emergency DFEI flat-template stabilization
   Scope: VS005 shell/title/nav rendering only. No editorial restructuring. */
.site-main.dfei {
  background: var(--paper, #f1f0ea);
  color: var(--ink, #171717);
  overflow-x: hidden;
}

.site-main.dfei .dfei-top-image {
  position: relative;
  min-height: clamp(180px, 28vw, 320px);
  background-color: #0d0e0e;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid #111;
}

.site-main.dfei .dfei-hero--vs005 {
  background-image: linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.18)), url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__1.jpeg');
}

.site-main.dfei .dfei-hero-tag {
  position: absolute;
  right: clamp(20px, 7vw, 88px);
  top: clamp(24px, 7vw, 64px);
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: calc(100% - 40px);
  background: rgba(12,12,12,.82);
  color: #f2f0eb;
  border-left: 6px solid #b7261e;
  padding: 12px 20px;
  font-family: var(--mono, monospace);
  letter-spacing: .18em;
  font-size: clamp(11px, 1.3vw, 14px);
  line-height: 1;
  white-space: nowrap;
  z-index: 2;
}

.site-main.dfei .dfei-title-block {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--paper, #f1f0ea);
  border-bottom: 1px solid #111;
  padding: clamp(56px, 7vw, 96px) clamp(28px, 6vw, 88px);
}

.site-main.dfei .dfei-title-block::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .14;
  background-repeat: no-repeat;
  background-size: min(62vw, 760px) auto;
  background-position: 72% center;
  pointer-events: none;
}

.site-main.dfei .dfei-title-underlay--vs005::before {
  background-image: url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__3.jpeg');
}

.site-main.dfei .dfei-kicker {
  margin: 0 0 18px;
  font-family: var(--mono, monospace);
  font-size: clamp(11px, 1.1vw, 13px);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #b7261e;
  font-weight: 700;
}

.site-main.dfei .dfei-title-block h1 {
  width: min(100%, 1040px);
  margin: 0;
  font-size: clamp(46px, 7.8vw, 104px);
  line-height: .92;
  letter-spacing: -0.055em;
  text-transform: uppercase;
  font-weight: 900;
}

.site-main.dfei .dfei-subtitle {
  width: min(100%, 760px);
  margin: clamp(20px, 3vw, 34px) 0 0 clamp(0px, 12vw, 180px);
  font-size: clamp(20px, 2.2vw, 30px);
  line-height: 1.28;
}

.site-main.dfei .dfei-backlink {
  display: inline-block;
  margin-top: clamp(26px, 3vw, 40px);
  font-family: var(--mono, monospace);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.site-main.dfei .dfei-package-nav {
  display: flex;
  justify-content: center;
  align-items: stretch;
  background: #101010;
  border-bottom: 1px solid #111;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.site-main.dfei .dfei-package-nav a {
  flex: 0 0 144px;
  display: grid;
  place-items: center;
  min-height: 56px;
  padding: 0 18px;
  color: #f2f0eb;
  text-decoration: none;
  font-family: var(--mono, monospace);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
  border-left: 1px solid rgba(255,255,255,.06);
  border-right: 1px solid rgba(0,0,0,.45);
  white-space: nowrap;
}

.site-main.dfei .dfei-package-nav a.is-active {
  background: #b7261e;
  color: #fff;
}

.site-main.dfei .dfei-content {
  width: min(calc(100% - 96px), 1080px);
  margin: 0 auto;
  padding: clamp(36px, 5vw, 72px) 0 88px;
  font-size: clamp(17px, 1.45vw, 21px);
  line-height: 1.55;
}

.site-main.dfei .dfei-content > h1,
.site-main.dfei .dfei-content > h2,
.site-main.dfei .dfei-content > h3 {
  line-height: 1.05;
  letter-spacing: -0.035em;
}

.site-main.dfei .dfei-content > h1 { font-size: clamp(42px, 6vw, 76px); }
.site-main.dfei .dfei-content > h2 { font-size: clamp(30px, 4vw, 48px); }
.site-main.dfei .dfei-content > h3 { font-size: clamp(22px, 2.8vw, 32px); }

.site-main.dfei .dfei-reading-path,
.site-main.dfei .dfei-method-box,
.site-main.dfei .dfei-card-grid,
.site-main.dfei .dfei-details {
  max-width: 100%;
}

@media (max-width: 900px) {
  .site-main.dfei .dfei-title-block {
    padding: 54px 28px;
  }
  .site-main.dfei .dfei-title-block::before {
    background-size: 112vw auto;
    background-position: 60% center;
    opacity: .12;
  }
  .site-main.dfei .dfei-title-block h1 {
    font-size: clamp(48px, 13vw, 86px);
    line-height: .94;
    letter-spacing: -0.06em;
  }
  .site-main.dfei .dfei-subtitle {
    margin-left: 0;
    font-size: clamp(21px, 5vw, 30px);
  }
  .site-main.dfei .dfei-package-nav { justify-content: flex-start; }
  .site-main.dfei .dfei-package-nav a {
    flex-basis: 25%;
    min-width: 112px;
    padding: 0 12px;
  }
  .site-main.dfei .dfei-content {
    width: calc(100% - 40px);
    padding-top: 40px;
  }
  .site-main.dfei .dfei-reading-path {
    padding: 1.45rem;
  }
}

@media (max-width: 560px) {
  .site-main.dfei .dfei-top-image { min-height: 172px; }
  .site-main.dfei .dfei-hero-tag {
    right: 16px;
    top: 18px;
    padding: 10px 12px;
    letter-spacing: .12em;
    font-size: 11px;
    min-height: 38px;
  }
  .site-main.dfei .dfei-title-block h1 {
    font-size: clamp(42px, 12vw, 64px);
  }
  .site-main.dfei .dfei-package-nav a {
    flex-basis: 25%;
    min-width: 96px;
    letter-spacing: .09em;
    font-size: 12px;
  }
}


/* v1.5.0.3 corrective repair: restore stable DFEI shell/title behavior after emergency fallback. */
body > .site-rail nav a.active,
body > .site-rail nav a[aria-current="page"],
.rail-nav a[aria-current="page"] { color: var(--zjs-red) !important; }
body > .site-rail nav a.active::first-letter,
body > .site-rail nav a[aria-current="page"]::first-letter { color: var(--zjs-red) !important; }

.site-main.dfei .dfei-top-image { min-height: clamp(180px, 25vw, 300px); background-position:center center; }
.site-main.dfei .dfei-hero-tag { width:auto !important; min-height:0 !important; height:auto !important; line-height:1 !important; padding:12px 18px !important; white-space:nowrap !important; overflow:hidden; }
.site-main.dfei .dfei-title-block {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  align-content:center;
  min-height:clamp(310px, 30vw, 430px);
  padding:clamp(56px, 6vw, 86px) clamp(34px, 7vw, 108px) !important;
}
.site-main.dfei .dfei-title-block::before {
  opacity:.18 !important;
  background-size:min(58vw, 680px) auto !important;
  background-position:50% 50% !important;
}
.site-main.dfei .dfei-title-underlay--vs005::before,
.site-main.dfei .dfei-title-underlay--v1-5::before,
.site-main.dfei .dfei-title-underlay--monolith::before { background-image:url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png') !important; }
.site-main.dfei .dfei-title-underlay--table::before { background-image:url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__1.jpeg') !important; opacity:.22 !important; background-size:cover !important; }
.site-main.dfei .dfei-title-block h1 { max-width:1000px; font-size:clamp(54px, 6.4vw, 96px) !important; line-height:.94 !important; letter-spacing:-.055em; }
.site-main.dfei .dfei-subtitle { max-width:780px; margin:clamp(18px, 2.2vw, 28px) 0 0 clamp(40px, 12vw, 190px) !important; }
.site-main.dfei .dfei-package-nav a.is-active { background:#b7261e !important; color:#f7f4ed !important; }
.site-main.dfei .dfei-content details.dfei-transcript-turn { border-top:1px solid #222; padding:1rem 0; }
.site-main.dfei .dfei-content details.dfei-transcript-turn summary { font-family:var(--mono, monospace); text-transform:uppercase; letter-spacing:.16em; font-weight:800; cursor:pointer; }
.site-main.dfei .dfei-content .turn-body { padding-top:1rem; max-width:980px; }
.site-main.dfei .dfei-content .turn-body p { margin:0 0 1rem; }
.site-main.dfei .dfei-content .turn-body .speaker { font-weight:800; }
.site-main.dfei .dfei-content .turn-body .meta { font-family:var(--mono, monospace); font-size:.85em; color:#666; text-transform:uppercase; }
.site-main.dfei .dfei-table-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid #222; background:#222; margin:2rem 0; }
.site-main.dfei .dfei-table-index a { display:block; background:#f1f0ea; padding:1.4rem; text-decoration:none; }
.site-main.dfei .dfei-table-index strong { display:block; font-size:1.3rem; text-transform:uppercase; margin-bottom:.4rem; }
@media (max-width:820px){
  body > .site-rail nav a.active, body > .site-rail nav a[aria-current="page"] { color:var(--zjs-red) !important; }
  body > .site-rail nav { gap:18px !important; }
  body > .site-rail nav a { display:inline-flex !important; gap:.45rem !important; white-space:nowrap !important; }
  .site-main.dfei .dfei-title-block { min-height:auto; padding:48px 28px !important; }
  .site-main.dfei .dfei-title-block h1 { font-size:clamp(46px, 11vw, 72px) !important; }
  .site-main.dfei .dfei-subtitle { margin-left:0 !important; max-width:100%; }
  .site-main.dfei .dfei-title-block::before { background-size:105vw auto !important; background-position:50% 50% !important; opacity:.16 !important; }
  .site-main.dfei .dfei-hero-tag { right:18px !important; top:18px !important; max-width:calc(100% - 36px) !important; font-size:11px !important; padding:10px 12px !important; }
  .site-main.dfei .dfei-table-index { grid-template-columns:1fr; }
}


/* v1.5.0.4 nav / visual / route repair patch
   Scope: black-rail active state, sticky package nav, VSR visual restoration,
   Table title underlay restoration, Suggested Reading link affordances. */

body > .site-rail nav a.active,
body > .site-rail nav a[aria-current="page"],
body > .site-rail .rail-nav a.active,
body > .site-rail .rail-nav a[aria-current="page"] {
  color: var(--zjs-red) !important;
}
body > .site-rail nav a:hover,
body > .site-rail nav a:focus-visible,
body > .site-rail .rail-nav a:hover,
body > .site-rail .rail-nav a:focus-visible {
  color: var(--zjs-red) !important;
}
body > .site-rail nav a.active span,
body > .site-rail nav a[aria-current="page"] span,
body > .site-rail .rail-nav a.active span,
body > .site-rail .rail-nav a[aria-current="page"] span {
  color: var(--zjs-red) !important;
}

.site-main.dfei .dfei-package-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 120 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: #101010 !important;
  border-top: 1px solid rgba(255,255,255,.03) !important;
  border-bottom: 1px solid #111 !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
.site-main.dfei .dfei-package-nav a {
  flex: 0 0 150px !important;
  min-width: 112px !important;
  min-height: 56px !important;
  display: grid !important;
  place-items: center !important;
  color: #f2f0eb !important;
  background: rgba(255,255,255,.035) !important;
  text-decoration: none !important;
  font-family: var(--mono, monospace) !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  font-size: 13px !important;
  border-left: 1px solid rgba(255,255,255,.06) !important;
  border-right: 1px solid rgba(0,0,0,.55) !important;
  transition: background 140ms ease, color 140ms ease, letter-spacing 140ms ease !important;
}
.site-main.dfei .dfei-package-nav a:hover,
.site-main.dfei .dfei-package-nav a:focus-visible {
  background: #b7261e !important;
  color: #fff !important;
  letter-spacing: .14em !important;
}
.site-main.dfei .dfei-package-nav a.is-active,
.site-main.dfei .dfei-package-nav a[aria-current="page"] {
  background: #b7261e !important;
  color: #fff !important;
}

.site-main.dfei .dfei-hero--vsr {
  background-image:
    linear-gradient(90deg, rgba(244,244,241,.10), rgba(244,244,241,.04)),
    url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png') !important;
  background-position: center center !important;
  background-size: cover !important;
  border-bottom: 1px solid #111 !important;
}
.site-main.dfei .dfei-hero--table {
  background-image:
    linear-gradient(90deg, rgba(16,16,16,.16), rgba(16,16,16,.18)),
    url('/assets/img/2026-05-26__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-crevace-Landscape__1.jpeg') !important;
  background-position: center center !important;
  background-size: cover !important;
}
.site-main.dfei .dfei-hero--vsr .dfei-hero-tag {
  background: rgba(244,244,241,.84) !important;
  color: var(--vsr-green-dark, #536542) !important;
  border-left-color: var(--vsr-green, #6f8357) !important;
}
.site-main.dfei .dfei-hero-tag {
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 40px) !important;
  height: auto !important;
  min-height: 0 !important;
  white-space: nowrap !important;
}

.site-main.dfei .dfei-title-block {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  min-height: clamp(310px, 30vw, 430px) !important;
  overflow: hidden !important;
  padding: clamp(56px, 6vw, 86px) clamp(34px, 7vw, 108px) !important;
}
.site-main.dfei .dfei-title-block::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
}
.site-main.dfei .dfei-title-underlay--vsr::before,
.site-main.dfei .dfei-title-underlay--vs005::before,
.site-main.dfei .dfei-title-underlay--v1-5::before,
.site-main.dfei .dfei-title-underlay--monolith::before {
  background-image: url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png') !important;
  background-size: min(58vw, 680px) auto !important;
  background-position: 50% 50% !important;
  opacity: .18 !important;
}
.site-main.dfei .dfei-title-underlay--table::before {
  background-image: url('/assets/img/DFEI_banner-large_01_no-text_16-9.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: .30 !important;
}
.site-main.dfei .dfei-title-underlay--resources::before {
  background-image: url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__06-b-transparent-bg.png') !important;
  background-size: min(58vw, 680px) auto !important;
  background-position: 50% 50% !important;
  opacity: .14 !important;
}
.site-main.dfei .dfei-title-underlay--vsr {
  border-bottom: 4px solid var(--vsr-green, #6f8357) !important;
}
.site-main.dfei .dfei-title-underlay--vsr .dfei-kicker,
.site-main.dfei .dfei-title-underlay--vsr .dfei-hero-tag {
  color: var(--vsr-green-dark, #536542) !important;
}
.site-main.dfei .dfei-title-block h1 {
  max-width: 1000px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.site-main.dfei .dfei-subtitle {
  max-width: 780px !important;
  margin: clamp(18px, 2.2vw, 28px) 0 0 clamp(40px, 12vw, 190px) !important;
}

.site-main.dfei .dfei-card-grid a[href] {
  cursor: pointer;
  transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}
.site-main.dfei .dfei-card-grid a[href]:hover,
.site-main.dfei .dfei-card-grid a[href]:focus-visible {
  background: #101010 !important;
  color: #f2f0eb !important;
}
.site-main.dfei .dfei-card-grid a[href]:hover .kicker,
.site-main.dfei .dfei-card-grid a[href]:focus-visible .kicker {
  color: #f2f0eb !important;
}
.site-main.dfei .dfei-suggested-reading-anchors {
  margin-top: 3rem;
  border-top: 1px solid #222;
}
.site-main.dfei .dfei-suggested-reading-anchors h2 {
  scroll-margin-top: 110px;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(16,16,16,.18);
}

@media (max-width: 900px) {
  .site-main.dfei .dfei-package-nav { justify-content: flex-start !important; }
  .site-main.dfei .dfei-package-nav a { flex: 0 0 25% !important; min-width: 104px !important; }
  .site-main.dfei .dfei-title-block { min-height: auto !important; padding: 48px 28px !important; }
  .site-main.dfei .dfei-title-block::before { background-size: 105vw auto !important; background-position: 50% 50% !important; opacity: .16 !important; }
  .site-main.dfei .dfei-title-underlay--table::before { background-size: cover !important; opacity: .34 !important; }
  .site-main.dfei .dfei-subtitle { margin-left: 0 !important; max-width: 100% !important; }
}
@media (max-width: 560px) {
  .site-main.dfei .dfei-package-nav a { flex: 0 0 25% !important; min-width: 96px !important; font-size: 12px !important; letter-spacing: .08em !important; }
  .site-main.dfei .dfei-hero-tag { right: 16px !important; top: 18px !important; padding: 10px 12px !important; font-size: 11px !important; }
}


/* v1.5.0.5 VSR visual + structural standardization patch */
:root { --vsr-green:#6f8357; --vsr-green-dark:#536542; }
body.artifact-theme-vsr .site-rail nav a { color: var(--zjs-paper-cool) !important; }
body.artifact-theme-vsr .site-rail nav a span { color: rgba(244,244,241,.62) !important; }
body.artifact-theme-vsr .site-rail nav a.active { color: var(--zjs-paper-cool) !important; }
body.artifact-theme-vsr .site-rail nav a.active span,
body.artifact-theme-vsr .site-rail nav a:hover span,
body.artifact-theme-vsr .site-rail .rail-logo:hover { color: var(--zjs-red) !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-package-nav { position: sticky !important; top: 0 !important; z-index: 999 !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-hero--vsr { min-height: clamp(145px, 18vw, 250px) !important; background-image: linear-gradient(90deg, rgba(244,244,241,.08), rgba(244,244,241,.02)), url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-texture-cement__03.png') !important; background-size: cover !important; background-position: center center !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-hero--vsr .dfei-hero-tag { background: rgba(244,244,241,.92) !important; color: var(--vsr-green-dark) !important; border-left: 5px solid var(--vsr-green) !important; padding: 13px 20px !important; white-space: nowrap !important; min-height: 0 !important; height: auto !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-underlay--vsr { border-bottom: 4px solid var(--vsr-green) !important; min-height: clamp(330px, 34vw, 480px) !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-underlay--vsr::before { background-image: url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.png'), url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__02_transparent.jpeg') !important; background-size: auto 110% !important; background-position: 50% 0 !important; opacity: .22 !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-block .dfei-kicker,
body.artifact-theme-vsr .site-main.dfei .dfei-title-block h1,
body.artifact-theme-vsr .site-main.dfei .dfei-title-block .dfei-subtitle,
body.artifact-theme-vsr .site-main.dfei .dfei-title-block .dfei-backlink { margin-left:0 !important; justify-self:start !important; text-align:left !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-block .dfei-kicker { color: var(--vsr-green-dark) !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-block h1 { max-width: 980px !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-block .dfei-subtitle { max-width: 790px !important; margin-top: 24px !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-title-block .dfei-backlink { margin-top: 40px !important; }
body.artifact-theme-vsr .site-main.dfei .dfei-package-nav a.is-active { background: var(--zjs-red) !important; color: #fff !important; }
body.artifact-theme-vsr .vsr-page { max-width: 1100px !important; margin: 0 auto !important; padding: clamp(42px,6vw,78px) clamp(24px,6vw,72px) !important; }
.vsr-reading-path { border:1px solid var(--zjs-black); border-top:4px solid var(--vsr-green); padding:28px 34px; margin-bottom:44px; background:var(--zjs-paper); }
.vsr-reading-path h2,.vsr-classification h2,.vsr-field-card .vsr-label,.vsr-contents h2 { color: var(--vsr-green-dark); font-family:monospace; letter-spacing:.22em; font-size:14px; text-transform:uppercase; margin:0 0 22px; }
.vsr-reading-path ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:12px 32px; }
.vsr-reading-path a { display:grid; grid-template-columns:94px 1fr; gap:12px; color:inherit; text-decoration:none; }
.vsr-reading-path a:hover strong { color:var(--vsr-green-dark); }
.vsr-classification { border:1px solid var(--zjs-black); border-top:4px solid var(--vsr-green); padding:28px 34px; margin:44px 0; }
.vsr-classification dl { display:grid; grid-template-columns:190px 1fr; gap:1px 22px; margin:0; }
.vsr-classification dt { font-weight:700; }
.vsr-classification dd { margin:0 0 12px; }
.vsr-core { margin:52px 0; }
.vsr-core h1 { font-size:clamp(34px,4vw,56px) !important; letter-spacing:-.04em !important; }
.vsr-field-card { display:grid; grid-template-columns: minmax(260px,.9fr) 1.4fr; gap:1px; background:var(--zjs-black); border:1px solid var(--zjs-black); margin:48px 0; }
.vsr-field-card > * { background: var(--zjs-paper); padding:28px 34px; margin:0; }
.vsr-field-card > div { background:var(--zjs-black); color:var(--zjs-paper-cool); }
.vsr-field-card h2 { margin:0; color:inherit; font-size:clamp(28px,3.4vw,46px); line-height:.95; }
.vsr-contents { margin:48px 0; border-top:1px solid var(--zjs-black); border-bottom:1px solid var(--zjs-black); padding:24px 0; }
.vsr-contents ol { columns:2; margin:0; padding-left:24px; }
.vsr-contents li { break-inside:avoid; margin:0 0 8px; }
.vsr-contents a { color:inherit; text-decoration:none; border-bottom:1px solid currentColor; }
.vsr-detail { border-top:1px solid var(--zjs-black) !important; margin:0 !important; padding:0 !important; }
.vsr-detail summary { padding:17px 0 !important; font-family:monospace; letter-spacing:.18em; text-transform:uppercase; font-weight:700; cursor:pointer; }
.vsr-detail[open] summary { color:var(--vsr-green-dark); }
body.artifact-theme-vsr .dfei-content table { width:100%; border-collapse:collapse; margin:26px 0; }
body.artifact-theme-vsr .dfei-content th { background:#101010 !important; color:#f4f4f1 !important; }
body.artifact-theme-vsr .dfei-content td, body.artifact-theme-vsr .dfei-content th { border:1px solid #101010; padding:12px; vertical-align:top; }
body.artifact-theme-vsr .dfei-content pre { background:#101010 !important; color:#f4f4f1 !important; border-left:6px solid var(--vsr-green) !important; }
.vsr-index { max-width:1100px; margin:0 auto; padding:70px 72px; }
.vsr-index-intro { font-size:clamp(20px,2vw,28px); max-width:850px; }
.vsr-index-grid { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--zjs-black); background:var(--zjs-black); gap:1px; margin:34px 0 54px; }
.vsr-index-card { display:block; min-height:180px; padding:30px; background:var(--zjs-paper); color:var(--zjs-ink); text-decoration:none; transition:background .14s ease,color .14s ease; }
.vsr-index-card span { display:block; color:var(--vsr-green-dark); font-family:monospace; letter-spacing:.12em; margin-bottom:18px; }
.vsr-index-card strong { display:block; font-size:clamp(24px,2.5vw,34px); line-height:.95; text-transform:uppercase; }
.vsr-index-card em { display:block; margin-top:20px; font-style:normal; }
.vsr-index-card:hover { background:#101010; color:#f4f4f1; }
.vsr-index-card:hover span { color:#f4f4f1; }
.vsr-archive-link { border-top:1px solid var(--zjs-black); padding-top:28px; }
@media(max-width:820px){
 body.artifact-theme-vsr .site-main.dfei .dfei-title-underlay--vsr::before{ background-size:auto 96% !important; background-position:50% 100% !important; opacity:.18 !important; }
 .vsr-reading-path ul,.vsr-classification dl,.vsr-field-card,.vsr-index-grid{ grid-template-columns:1fr; }
 .vsr-reading-path a{ grid-template-columns:88px 1fr; }
 .vsr-contents ol{ columns:1; }
 .vsr-page,.vsr-index{ padding-left:24px !important; padding-right:24px !important; }
}


/* v1.5.0.6 VS005 content + VSR public scrub repair */
.artifact-theme-vsr { --vsr-green:#6f8357; --vsr-green-dark:#536542; }
.artifact-theme-vsr .dfei-package-nav a.is-active,
.artifact-theme-vsr .dfei-package-nav a:hover { background: var(--vsr-green-dark) !important; }
.artifact-theme-vsr .vsr-reading-path,
.artifact-theme-vsr .vsr-classification,
.artifact-theme-vsr .vsr-core,
.artifact-theme-vsr .vsr-field-card { border-top-color: var(--vsr-green-dark) !important; }
.artifact-theme-vsr .vsr-reading-path h2,
.artifact-theme-vsr .vsr-label,
.artifact-theme-vsr .dfei-kicker,
.artifact-theme-vsr .vsr-classification h2 { color: var(--vsr-green-dark) !important; }
.artifact-theme-vsr .dfei-content blockquote { border-left-color: var(--vsr-green-dark) !important; }
.artifact-theme-vsr pre,
.artifact-theme-vsr pre code,
.artifact-theme-vsr .dfei-content pre,
.artifact-theme-vsr .dfei-content pre code {
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
.artifact-theme-vsr pre,
.artifact-theme-vsr .dfei-content pre {
  padding: clamp(1.1rem, 2vw, 1.75rem) !important;
  overflow-x: auto !important;
  border-left-color: var(--vsr-green-dark) !important;
}
.artifact-theme-vsr .vsr-contents a:focus,
.artifact-theme-vsr .vsr-contents a:hover { color: var(--vsr-green-dark) !important; }
.artifact-theme-vsr .dfei-details:target { outline: 2px solid var(--vsr-green-dark); outline-offset: 6px; }

/* v1.5.0.7 global shell/current-issue reconciliation */
html, body, .site-shell, .site-main, .article-page, .dfei-article, .site-main.dfei {
  overflow: visible;
  transform: none;
  contain: none;
}
.dfei-article-nav,
.site-main.dfei .dfei-package-nav,
.dfei-package-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  background: #101010 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  overflow-x:auto !important;
  flex-wrap:nowrap !important;
}
.dfei-article-nav a,
.site-main.dfei .dfei-package-nav a,
.dfei-package-nav a {
  flex: 0 0 auto !important;
}
/* Keep old rail-template Dispatches state consistent with the newer rail. */
body .site-rail nav a.active,
body .site-rail nav a[aria-current="page"] { color: var(--zjs-paper, #f4f4f1) !important; }
body .site-rail nav a.active { color: var(--zjs-paper, #f4f4f1) !important; }
body .site-rail nav a.active::first-letter,
body .site-rail nav a:hover::first-letter { color: var(--zjs-red, #b7261e) !important; }
/* Table index/title underlay restored to corridor behavior. */
.site-main.dfei .dfei-title-underlay--table::before {
  background-image: url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  opacity: .32 !important;
}
.site-main.dfei .dfei-title-block .dfei-kicker,
.site-main.dfei .dfei-title-block h1,
.site-main.dfei .dfei-title-block .dfei-subtitle,
.site-main.dfei .dfei-title-block .dfei-backlink {
  margin-left: 0 !important;
  justify-self:start !important;
  text-align:left !important;
}
.site-main.dfei .dfei-title-block .dfei-subtitle {
  margin-left: 0 !important;
  max-width: 780px !important;
}
/* Current package grid: keep 005 visible but retain existing visual rhythm. */
.dfei-package-grid #vs005-package-title { text-transform: uppercase; }
.dfei-package-grid .vsr-card-grid .vsr-card--primary span { color: var(--zjs-red); }
@media (max-width: 820px) {
  .dfei-article-nav,
  .site-main.dfei .dfei-package-nav,
  .dfei-package-nav { justify-content:flex-start !important; }
}


/* v1.5.0.8 Table + global shell repair */
:root { --table-red:#b7261e; --table-black:#101010; --table-paper:#f1f0ea; --table-paper-cool:#f4f4f1; }
/* Global rail behavior: only the nav number changes red on hover/current. */
.site-rail .rail-nav a,
.site-rail nav a { color: var(--zjs-paper, #f4f4f1) !important; text-decoration: none !important; }
.site-rail .rail-nav a span,
.site-rail nav a span { color: var(--zjs-muted, #8a8983) !important; transition: color 140ms ease; }
.site-rail .rail-nav a:hover,
.site-rail .rail-nav a:focus-visible,
.site-rail .rail-nav a[aria-current="page"],
.site-rail nav a:hover,
.site-rail nav a:focus-visible,
.site-rail nav a[aria-current="page"],
.site-rail nav a.active { color: var(--zjs-paper, #f4f4f1) !important; }
.site-rail .rail-nav a:hover span,
.site-rail .rail-nav a:focus-visible span,
.site-rail .rail-nav a[aria-current="page"] span,
.site-rail nav a:hover span,
.site-rail nav a:focus-visible span,
.site-rail nav a[aria-current="page"] span,
.site-rail nav a.active span { color: var(--zjs-red, #b7261e) !important; }
.site-rail nav a.active::first-letter,
.site-rail nav a:hover::first-letter { color: inherit !important; }
/* Package nav: keep sticky, keep centered until narrow viewports genuinely require horizontal scroll. */
.dfei-package-nav,
.site-main.dfei .dfei-package-nav,
.dfei-article-nav { position: sticky !important; top: 0 !important; z-index: 1400 !important; background:#101010 !important; display:flex !important; justify-content:center !important; align-items:stretch !important; overflow-x:auto !important; overflow-y:hidden !important; flex-wrap:nowrap !important; }
.dfei-package-nav a,
.site-main.dfei .dfei-package-nav a,
.dfei-article-nav a { min-width: 118px; text-align:center; }
.dfei-package-nav a:hover,
.dfei-package-nav a:focus-visible,
.dfei-package-nav a.is-active,
.dfei-article-nav a:hover,
.dfei-article-nav a:focus-visible,
.dfei-article-nav a.is-active { background: var(--zjs-red, #b7261e) !important; color:#f4f4f1 !important; }
@media (max-width: 760px) { .dfei-package-nav,.site-main.dfei .dfei-package-nav,.dfei-article-nav { justify-content:flex-start !important; } .dfei-package-nav a,.site-main.dfei .dfei-package-nav a,.dfei-article-nav a { min-width: 104px; } }
/* Remove persistent hash/focus box from TOC jumps. */
.artifact-theme-vsr .dfei-details:target,
.vsr-detail:target,
details:target { outline: none !important; box-shadow: none !important; }
/* Table archive and transcript structure. */
.table-page .dfei-title-underlay--table::before { background-image: url('/assets/img/2026-05-06__WEBSITE__zacharyjstevens-site-image-asset__post-brutalist-building__04-b.png') !important; background-size: cover !important; background-position: center center !important; opacity: .32 !important; }
.table-page .dfei-title-block h1 { max-width: 1080px !important; }
.table-page .dfei-subtitle { margin-left: 0 !important; max-width: 820px !important; }
.table-intro { max-width: 900px; font-size: clamp(20px,2vw,26px); line-height: 1.45; }
.table-session-card { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); border:1px solid #101010; border-top:4px solid var(--zjs-red); margin:32px 0; background:#101010; gap:1px; }
.table-session-card > div { background: var(--zjs-paper-cool); padding:20px 24px; }
.table-session-card span { display:block; margin-bottom:10px; font-family:monospace; font-size:12px; letter-spacing:.18em; color:var(--zjs-red); text-transform:uppercase; }
.table-session-card strong { display:block; font-size:18px; line-height:1.35; }
.table-local-nav,.dfei-bottom-route { display:flex; flex-wrap:wrap; gap:18px; margin:28px 0 42px; padding-top:18px; border-top:1px solid rgba(16,16,16,.5); font-family:monospace; text-transform:uppercase; font-size:13px; letter-spacing:.05em; }
.table-local-nav a,.dfei-bottom-route a { text-decoration:none; border-bottom:1px solid currentColor; }
.table-local-nav a:hover,.dfei-bottom-route a:hover { color:var(--zjs-red); }
.table-participant-strip { margin:42px 0; padding:24px; border:1px solid #101010; }
.table-participant-strip h2 { margin:0 0 20px; font-family:monospace; font-size:14px; letter-spacing:.18em; color:var(--zjs-red); text-transform:uppercase; }
.participant-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:1px; background:#101010; border:1px solid #101010; }
.participant-grid span { display:block; background:var(--zjs-paper-cool); padding:16px; }
.participant-grid strong { display:block; text-transform:uppercase; letter-spacing:-.02em; }
.participant-grid em { display:block; margin-top:6px; color:var(--zjs-red); font-style:normal; font-family:monospace; font-size:12px; text-transform:uppercase; }
.table-turn { border-top:1px solid #101010 !important; padding:0 !important; margin:0 !important; scroll-margin-top: 120px; }
.table-turn summary { padding:18px 0 !important; font-family:monospace; font-weight:700; letter-spacing:.18em; text-transform:uppercase; cursor:pointer; }
.table-turn summary a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.table-turn[open] summary { color:#101010 !important; }
.table-turn .turn-body { padding: 4px 0 28px; max-width:900px; }
.table-turn .turn-role { margin:0 0 16px !important; padding:12px 14px; border-left:5px solid var(--zjs-red); background:rgba(16,16,16,.06); font-family:monospace; font-size:14px !important; text-transform:uppercase; letter-spacing:.04em; }
.table-turn .meta { font-family:monospace; text-transform:uppercase; color:var(--zjs-muted); letter-spacing:.06em; }
.table-turn p { font-size:18px; line-height:1.58; margin:0 0 1.05em; }
.table-archive-grid { display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap:1px; background:#101010; border:1px solid #101010; margin:32px 0 56px; }
.table-archive-grid a { display:block; min-height:190px; padding:28px; background:var(--zjs-paper-cool); color:var(--zjs-ink); text-decoration:none; transition:background 140ms ease,color 140ms ease; }
.table-archive-grid a span { display:block; color:var(--zjs-red); font-family:monospace; margin-bottom:16px; }
.table-archive-grid a strong { display:block; font-size:clamp(24px,2.3vw,34px); line-height:1; text-transform:uppercase; }
.table-archive-grid a em { display:block; margin-top:16px; font-style:normal; }
.table-archive-grid a:hover,.table-archive-grid a:focus-visible { background:#101010; color:#f4f4f1; }
.table-archive-grid a:hover span,.table-archive-grid a:focus-visible span { color:#f4f4f1; }
.dfei-bottom-route { justify-content:space-between; margin-top:52px; }
@media (max-width: 820px) { .table-session-card,.participant-grid,.table-archive-grid { grid-template-columns:1fr; } .table-turn p { font-size:17px; } .table-participant-strip { padding:18px; } }

/* v1.5.0.9 shell nav/hover/alignment repair */
/* Package nav: centered grid, not left drifting flex, with four equal package tabs. */
.dfei-package-nav,
.site-main.dfei .dfei-package-nav,
.dfei-article-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 1800 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(112px, 136px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #101010 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  flex-wrap: nowrap !important;
}
.dfei-package-nav a,
.site-main.dfei .dfei-package-nav a,
.dfei-article-nav a {
  min-width: 0 !important;
  width: auto !important;
  flex: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
@media (max-width: 620px) {
  .dfei-package-nav,
  .site-main.dfei .dfei-package-nav,
  .dfei-article-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    overflow-x: hidden !important;
  }
  .dfei-package-nav a,
  .site-main.dfei .dfei-package-nav a,
  .dfei-article-nav a {
    font-size: 12px !important;
    letter-spacing: .12em !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
/* Black rail nav duplicate normalization for DFEI pages. */
.site-rail nav a,
.site-rail .rail-nav a { color:#f4f4f1 !important; text-decoration:none !important; }
.site-rail nav a .rail-label,
.site-rail .rail-nav a .rail-label { color:#f4f4f1 !important; }
.site-rail nav a span:first-child,
.site-rail .rail-nav a span:first-child,
.site-rail nav a .rail-num,
.site-rail .rail-nav a .rail-num { color:rgba(244,244,241,.62) !important; }
.site-rail nav a:hover,
.site-rail nav a:focus-visible,
.site-rail nav a.active,
.site-rail nav a[aria-current="page"],
.site-rail .rail-nav a:hover,
.site-rail .rail-nav a:focus-visible,
.site-rail .rail-nav a.active,
.site-rail .rail-nav a[aria-current="page"] { color:#f4f4f1 !important; }
.site-rail nav a:hover .rail-label,
.site-rail nav a:focus-visible .rail-label,
.site-rail nav a.active .rail-label,
.site-rail nav a[aria-current="page"] .rail-label,
.site-rail .rail-nav a:hover .rail-label,
.site-rail .rail-nav a:focus-visible .rail-label,
.site-rail .rail-nav a.active .rail-label,
.site-rail .rail-nav a[aria-current="page"] .rail-label { color:#f4f4f1 !important; }
.site-rail nav a:hover span:first-child,
.site-rail nav a:focus-visible span:first-child,
.site-rail nav a.active span:first-child,
.site-rail nav a[aria-current="page"] span:first-child,
.site-rail .rail-nav a:hover span:first-child,
.site-rail .rail-nav a:focus-visible span:first-child,
.site-rail .rail-nav a.active span:first-child,
.site-rail .rail-nav a[aria-current="page"] span:first-child,
.site-rail nav a:hover .rail-num,
.site-rail nav a:focus-visible .rail-num,
.site-rail nav a.active .rail-num,
.site-rail nav a[aria-current="page"] .rail-num,
.site-rail .rail-nav a:hover .rail-num,
.site-rail .rail-nav a:focus-visible .rail-num,
.site-rail .rail-nav a.active .rail-num,
.site-rail .rail-nav a[aria-current="page"] .rail-num { color:#b7261e !important; }
.site-rail nav a::first-letter,
.site-rail .rail-nav a::first-letter,
.site-rail nav a.active::first-letter,
.site-rail nav a:hover::first-letter,
.site-rail nav a[aria-current="page"]::first-letter,
.site-rail .rail-nav a.active::first-letter,
.site-rail .rail-nav a:hover::first-letter,
.site-rail .rail-nav a[aria-current="page"]::first-letter { color:inherit !important; }
/* Table archive card hover: match Dispatches hub behavior; keep card dark, preserve readable labels, do not invert to white. */
.table-archive-grid a:hover,
.table-archive-grid a:focus-visible {
  background: #101010 !important;
  color: #f4f4f1 !important;
}
.table-archive-grid a:hover span,
.table-archive-grid a:focus-visible span {
  color: #b7261e !important;
}
.table-archive-grid a:hover strong,
.table-archive-grid a:focus-visible strong {
  color: #b7261e !important;
}
.table-archive-grid a:hover em,
.table-archive-grid a:focus-visible em {
  color: #f4f4f1 !important;
}


/* v1.5.1.0 VS005 structure + sources/suggested-reading repair */
:root { --vsr-green:#56684e; --zjs-red:#b7261e; --zjs-black:#101010; --zjs-paper:#f2f1ec; }

/* Rail correction carried forward: VSR pages use nav without .rail-nav; keep only number red. */
body.artifact-theme-vsr .site-rail nav a,
body.artifact-theme-vsr .site-rail nav a:visited,
body.artifact-theme-vsr .site-rail nav a:hover,
body.artifact-theme-vsr .site-rail nav a:focus-visible,
body.artifact-theme-vsr .site-rail nav a.active,
body.artifact-theme-vsr .site-rail nav a[aria-current="page"] { color:#f4f4f1 !important; text-decoration:none !important; }
body.artifact-theme-vsr .site-rail nav a .rail-label,
body.artifact-theme-vsr .site-rail nav a:hover .rail-label,
body.artifact-theme-vsr .site-rail nav a:focus-visible .rail-label,
body.artifact-theme-vsr .site-rail nav a.active .rail-label,
body.artifact-theme-vsr .site-rail nav a[aria-current="page"] .rail-label { color:#f4f4f1 !important; }
body.artifact-theme-vsr .site-rail nav a .rail-num { color:rgba(244,244,241,.62) !important; }
body.artifact-theme-vsr .site-rail nav a:hover .rail-num,
body.artifact-theme-vsr .site-rail nav a:focus-visible .rail-num,
body.artifact-theme-vsr .site-rail nav a.active .rail-num,
body.artifact-theme-vsr .site-rail nav a[aria-current="page"] .rail-num { color:#b7261e !important; }

/* Contextual light accent callout; matches Table judgement treatment while respecting red/green context. */
.dfei-accent-callout,
.dfei-content blockquote,
.vsr-accent-callout {
  border-left:4px solid var(--zjs-red);
  background:rgba(17,17,17,.045);
  padding:14px 18px;
  margin:24px 0;
}
body.artifact-theme-vsr .dfei-accent-callout,
body.artifact-theme-vsr .dfei-content blockquote,
body.artifact-theme-vsr .vsr-accent-callout,
.dfei-accent-green {
  border-left-color:var(--vsr-green);
}

/* Reading path links and issue TOC */
.dfei-reading-path a,
.dfei-inline-toc a,
.dfei-route-links a,
.dfei-source-reading a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.dfei-reading-path a:hover,
.dfei-inline-toc a:hover,
.dfei-route-links a:hover,
.dfei-source-reading a:hover { color:var(--zjs-red); }
.dfei-inline-toc { border:1px solid rgba(17,17,17,.55); border-top:4px solid var(--zjs-red); padding:28px; margin:34px 0; }
.dfei-inline-toc h2 { margin-top:0; font-size:14px; letter-spacing:.34em; color:var(--zjs-red); }
.dfei-inline-toc ol { columns:2; column-gap:42px; padding-left:22px; margin-bottom:0; }
.dfei-inline-toc li { break-inside:avoid; margin:0 0 10px; }
@media(max-width:720px){ .dfei-inline-toc ol{columns:1;} }

/* Issue/VSR tables: black header rows */
.dfei-content table { border-collapse:collapse; width:100%; margin:24px 0; }
.dfei-content th { background:#101010 !important; color:#f4f4f1 !important; text-align:left; font-weight:700; }
.dfei-content th, .dfei-content td { border:1px solid rgba(17,17,17,.6); padding:12px 14px; vertical-align:top; }

/* Collapse logic: keep header/content as single visual unit. */
.dfei-details { border-top:1px solid rgba(17,17,17,.55); padding:12px 0; }
.dfei-details summary { cursor:pointer; list-style-position:outside; font-weight:700; letter-spacing:.22em; text-transform:uppercase; }
.dfei-details[open] summary { margin-bottom:18px; }
.dfei-details h1:first-child, .dfei-details h2:first-child { margin-top:8px; }

/* Title underlay top bound reinforcement */
.dfei-title-underlay--vs005 { background-position:center center !important; background-size:contain !important; background-repeat:no-repeat !important; }

/* Suggested Reading */
.dfei-reading-category { padding:42px 0 26px; border-top:1px solid rgba(17,17,17,.38); }
.dfei-reading-category h2 { margin:0 0 8px; }
.dfei-reading-category .category-note { margin:0 0 24px; max-width:820px; }
.dfei-book-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.dfei-book-card { border:1px solid rgba(17,17,17,.55); padding:20px; background:#f2f1ec; }
.dfei-book-card h3 { margin:0 0 6px; font-size:20px; line-height:1.1; }
.dfei-book-card p { margin:6px 0; font-size:14px; }
.dfei-book-card .book-meta { font-family:var(--mono, monospace); font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:rgba(17,17,17,.7); }
.dfei-book-card .book-category { color:#b7261e; font-family:var(--mono, monospace); font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
@media(max-width:820px){ .dfei-book-list{grid-template-columns:1fr;} }
.dfei-card-grid a.empty-card, .dfei-card-grid .empty-card { background:#101010 !important; color:#101010 !important; }

/* Bottom page routing */
.dfei-bottom-routing { display:flex; justify-content:space-between; gap:24px; border-top:1px solid rgba(17,17,17,.55); margin-top:54px; padding-top:26px; font-family:var(--mono, monospace); text-transform:uppercase; letter-spacing:.12em; }
.dfei-bottom-routing a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.dfei-bottom-routing a:hover { color:#b7261e; }

/* v1.5.1.1 Protocol Resources + VS005 accordion carry-forward */
.dfei-protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid rgba(17,17,17,.65);margin:34px 0;}
.dfei-protocol-card{display:block;padding:28px;border-right:1px solid rgba(17,17,17,.65);border-bottom:1px solid rgba(17,17,17,.65);background:#f2f1ec;color:#101010;text-decoration:none;min-height:150px;}
.dfei-protocol-card:nth-child(2n){border-right:0;}
.dfei-protocol-card:hover,.dfei-protocol-card:focus-visible{background:#101010;color:#f4f4f1;}
.dfei-protocol-card:hover .protocol-card-kicker,.dfei-protocol-card:focus-visible .protocol-card-kicker{color:#b7261e;}
.dfei-protocol-card h2,.dfei-protocol-card h3{margin:8px 0 12px;line-height:1.05;}
.protocol-card-kicker{font-family:var(--mono,monospace);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#b7261e;}
.protocol-file-list{border-top:1px solid rgba(17,17,17,.55);margin:28px 0 0;padding:18px 0 0;columns:2;column-gap:42px;}
.protocol-file-list li{break-inside:avoid;margin:0 0 10px;}
.protocol-file-list a{color:inherit;text-decoration:underline;text-underline-offset:4px;}
.protocol-note{border-left:4px solid #b7261e;background:rgba(17,17,17,.045);padding:14px 18px;margin:24px 0;}
.protocol-note--green{border-left-color:#56684e;}
/* Normalized VS005 accordions: single header owns body; remove duplicate nested chrome. */
.dfei-content details.dfei-details > summary + h1,
.dfei-content details.dfei-details > summary + h2{margin-top:18px;}
.dfei-content details.dfei-details details.dfei-details{margin-left:0;padding-left:0;border-top:1px solid rgba(17,17,17,.35);} 
@media(max-width:760px){.dfei-protocol-grid{grid-template-columns:1fr}.dfei-protocol-card{border-right:0}.protocol-file-list{columns:1}}


/* v1.5.1.2 — Dispatches Hub + Table Header/Transcript Polish */
:root { --tt-blue:#315f75; --tt-blue-soft:rgba(49,95,117,.14); }

/* Table title standardization */
.table-page .dfei-title-block .dfei-subtitle strong,
.page-table .artifact-header--table .artifact-subtitle strong {
  display:block;
  font-weight:800;
  color:#101010;
  letter-spacing:-.01em;
}
.table-page .dfei-title-block .dfei-subtitle,
.page-table .artifact-header--table .artifact-subtitle {
  line-height:1.25 !important;
}

/* THE TABLE mode accent: restrained archival blue for reasoning/transcript controls. */
.table-page .table-session-card { border-top-color:var(--tt-blue) !important; }
.table-page .table-session-card span,
.table-page .table-participant-strip h2,
.table-page .participant-grid em,
.table-page .table-local-nav a:hover,
.table-page .dfei-bottom-route a:hover,
.table-page .table-archive-grid a span { color:var(--tt-blue) !important; }
.table-page .table-local-nav a:focus-visible,
.table-page .dfei-bottom-route a:focus-visible { color:var(--tt-blue) !important; outline:1px solid var(--tt-blue); outline-offset:4px; }

/* Lighter participant strip: roundtable, not spreadsheet. */
.table-page .table-participant-strip {
  border-color:rgba(16,16,16,.46) !important;
  background:rgba(16,16,16,.025);
  padding:22px !important;
}
.table-page .participant-chip-grid,
.table-page .participant-grid.participant-chip-grid {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  background:transparent !important;
  border:0 !important;
}
.table-page .participant-chip-grid span {
  flex:1 1 210px;
  min-width:190px;
  border:1px solid rgba(16,16,16,.35);
  background:var(--zjs-paper-cool) !important;
  padding:14px 16px !important;
}
.table-page .participant-chip-grid span:hover { border-color:var(--tt-blue); background:var(--tt-blue-soft) !important; }

/* Transcript summary rows: preview-driven collapsed state. */
.table-page .table-turn summary {
  display:grid !important;
  grid-template-columns:minmax(240px, 34%) 1fr;
  gap:18px;
  align-items:baseline;
  padding:17px 0 !important;
  letter-spacing:0 !important;
  list-style:none;
}
.table-page .table-turn summary::-webkit-details-marker { display:none; }
.table-page .table-turn summary::before {
  content:'▸';
  color:var(--tt-blue);
  font-weight:900;
  margin-right:8px;
  grid-column:1;
  position:absolute;
  transform:translateX(-18px);
}
.table-page .table-turn[open] summary::before { content:'▾'; }
.table-page .turn-summary-main {
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  column-gap:12px;
  row-gap:3px;
  font-family:monospace;
  text-transform:uppercase;
}
.table-page .turn-number { color:var(--tt-blue); font-weight:800; }
.table-page .turn-name { font-weight:800; letter-spacing:.08em; }
.table-page .turn-function { grid-column:2; color:var(--tt-blue); font-size:12px; letter-spacing:.12em; }
.table-page .turn-preview { font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size:15px; line-height:1.35; color:rgba(16,16,16,.72); text-transform:none; letter-spacing:0; }
.table-page .table-turn[open] summary { border-bottom:1px solid rgba(49,95,117,.35); }
.table-page .table-turn[open] .turn-preview { color:#101010; }
.table-page .table-turn .turn-role {
  border-left-color:var(--tt-blue) !important;
  background:var(--tt-blue-soft) !important;
}
.table-page .table-turn .turn-role a { color:var(--tt-blue); text-decoration:underline; text-underline-offset:3px; }
.table-page .table-opening-thesis { font-size:20px !important; }

/* Table controls */
.table-page .table-control {
  appearance:none;
  border:0;
  border-bottom:1px solid currentColor;
  background:transparent;
  color:#101010;
  font:inherit;
  text-transform:uppercase;
  letter-spacing:.05em;
  padding:0;
  cursor:pointer;
}
.table-page .table-control:hover,
.table-page .table-control:focus-visible { color:var(--tt-blue); }

/* Table archive cards: blue-accent hover, not white inversion. */
.table-page .table-archive-grid a:hover,
.table-page .table-archive-grid a:focus-visible {
  background:#101010 !important;
  color:#f4f4f1 !important;
}
.table-page .table-archive-grid a:hover span,
.table-page .table-archive-grid a:focus-visible span,
.table-page .table-archive-grid a:hover em,
.table-page .table-archive-grid a:focus-visible em { color:#c7d6dd !important; }

/* Dispatches hub label refinement */
.dfei-ribbon--resources span:last-child,
.dfei-ribbon--resources em:last-child,
.dfei-ribbon--resources p:last-child { letter-spacing:.08em; }

/* Carry-forward: VSR black rail regression. Keep label neutral; only number turns red. */
body.artifact-theme-vsr .site-rail .rail-nav a,
body.artifact-theme-vsr .site-rail .rail-nav a:hover,
body.artifact-theme-vsr .site-rail .rail-nav a:focus-visible,
body.artifact-theme-vsr .site-rail .rail-nav a.active,
body.artifact-theme-vsr .site-rail .rail-nav a[aria-current="page"] { color:#f4f4f1 !important; }
body.artifact-theme-vsr .site-rail .rail-nav a .rail-label,
body.artifact-theme-vsr .site-rail .rail-nav a:hover .rail-label,
body.artifact-theme-vsr .site-rail .rail-nav a:focus-visible .rail-label,
body.artifact-theme-vsr .site-rail .rail-nav a.active .rail-label,
body.artifact-theme-vsr .site-rail .rail-nav a[aria-current="page"] .rail-label { color:#f4f4f1 !important; }
body.artifact-theme-vsr .site-rail .rail-nav a .rail-num { color:rgba(244,244,241,.62) !important; }
body.artifact-theme-vsr .site-rail .rail-nav a:hover .rail-num,
body.artifact-theme-vsr .site-rail .rail-nav a:focus-visible .rail-num,
body.artifact-theme-vsr .site-rail .rail-nav a.active .rail-num,
body.artifact-theme-vsr .site-rail .rail-nav a[aria-current="page"] .rail-num { color:#b7261e !important; }

/* Contextual light accent callouts: keep color mode, soften the field. */
.turn-role,
.callout-accent,
.vsr-page blockquote,
.vsr-page .pull-quote {
  background:rgba(16,16,16,.045);
}
.artifact-theme-vsr .turn-role,
.artifact-theme-vsr .callout-accent,
.artifact-theme-vsr .vsr-page blockquote,
.artifact-theme-vsr .vsr-page .pull-quote {
  background:rgba(87,107,73,.14);
}

@media (max-width: 820px) {
  .table-page .table-turn summary { grid-template-columns:1fr; gap:8px; }
  .table-page .table-turn summary::before { transform:translateX(-14px); }
  .table-page .participant-chip-grid span { flex-basis:100%; }
}


/* v1.5.1.3 — Signal Briefings / Decks / Operator Guides */
.signal-briefing-grid,
.dfei-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 40px;}
.signal-briefing-card,.dfei-media-card{display:block;background:#101010;color:#f3f1ea;text-decoration:none;border:1px solid #101010;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.signal-briefing-card:hover,.signal-briefing-card:focus-visible,.dfei-media-card:hover,.dfei-media-card:focus-visible{transform:translateY(-2px);border-color:var(--zjs-red,#a12a23);background:#181818;outline:none;}
.signal-briefing-card img,.dfei-media-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#191919;}
.signal-briefing-card__body,.dfei-media-card__body{padding:18px;}
.signal-briefing-card span,.dfei-media-card span{display:block;font-family:var(--mono,monospace);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--zjs-red,#a12a23);margin-bottom:8px;}
.signal-briefing-card strong,.dfei-media-card strong{display:block;font-size:clamp(22px,3vw,34px);line-height:.95;letter-spacing:-.04em;text-transform:uppercase;}
.signal-briefing-card em,.dfei-media-card em{display:block;margin-top:10px;font-style:normal;color:#c9c5ba;}
.signal-briefing-video{margin:28px 0;border:1px solid #101010;background:#101010;}
.signal-briefing-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101010;}
.signal-briefing-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#101010;border:1px solid #101010;margin:26px 0;}
.signal-briefing-meta a,.signal-briefing-meta div{background:var(--zjs-paper-cool,#f3f1ea);padding:16px;text-decoration:none;color:#101010;}
.signal-briefing-meta span{display:block;font-family:var(--mono,monospace);font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--zjs-red,#a12a23);}
.signal-briefing-meta strong{display:block;margin-top:6px;text-transform:uppercase;}
.signal-briefing-meta a:hover{background:#101010;color:#f3f1ea;}
.dfei-package-media{margin:34px 0;padding:24px;border:1px solid #101010;background:rgba(16,16,16,.035);}
.dfei-package-media h2{margin-top:0;font-size:clamp(28px,4vw,48px);text-transform:uppercase;letter-spacing:-.04em;}
.dfei-package-media__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#101010;border:1px solid #101010;}
.dfei-package-media__links a{display:block;background:var(--zjs-paper-cool,#f3f1ea);padding:16px;text-decoration:none;color:#101010;}
.dfei-package-media__links a:hover{background:#101010;color:#f3f1ea;}
.dfei-package-media__links span{display:block;font-family:var(--mono,monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--zjs-red,#a12a23);}
.dfei-package-media__links strong{display:block;margin-top:6px;}
/* VSR collapsed rows borrow Table rhythm, with VECTOR green accents. */
.vsr-detail summary{display:grid !important;grid-template-columns:auto 1fr;gap:12px;align-items:start;border-top:1px solid rgba(23,93,72,.35);padding:18px 0 !important;list-style:none;}
.vsr-detail summary::-webkit-details-marker{display:none;}
.vsr-detail summary::before{content:'▸';color:var(--vsr-green-dark,#175d48);font-size:18px;line-height:1;transform:translateY(2px);}
.vsr-detail[open] summary::before{content:'▾';}
.vsr-summary-main{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;font-family:var(--mono,monospace);text-transform:uppercase;letter-spacing:.16em;font-weight:800;}
.vsr-summary-num{color:var(--vsr-green-dark,#175d48);}
.vsr-summary-title{color:#101010;}
.vsr-summary-preview{grid-column:2;display:block;color:#5d655f;font-family:var(--mono,monospace);font-size:12px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;}
.vsr-detail[open] summary{border-bottom:1px solid rgba(23,93,72,.25);margin-bottom:18px;}
/* Table participant strip is navigable. */
.table-page .participant-chip-grid a{display:block;text-decoration:none;color:#101010;background:var(--zjs-paper-cool,#f3f1ea);border:1px solid rgba(49,95,117,.18);padding:14px 16px;transition:border-color .18s ease,background .18s ease,transform .18s ease;}
.table-page .participant-chip-grid a:hover,.table-page .participant-chip-grid a:focus-visible{border-color:var(--tt-blue,#315f75);background:var(--tt-blue-soft,#e8eef0);transform:translateY(-1px);outline:none;}
.table-page .participant-chip-grid a strong{display:block;text-transform:uppercase;letter-spacing:-.02em;}
.table-page .participant-chip-grid a em{display:block;margin-top:6px;color:var(--tt-blue,#315f75);font-style:normal;font-family:var(--mono,monospace);font-size:12px;text-transform:uppercase;}
@media(max-width:820px){.signal-briefing-grid,.dfei-media-grid,.signal-briefing-meta,.dfei-package-media__links{grid-template-columns:1fr}.vsr-detail summary{grid-template-columns:1fr}.vsr-detail summary::before{display:inline-block}.vsr-summary-preview{grid-column:1}}

/* v1.5.1.4 — Media Resource Visual Polish + Deployment QA */
/* Make sticky package navigation readable by default on Signal Briefings / Resources media pages. */
.dfei-package-nav,
.site-main.dfei .dfei-package-nav,
.dfei-article-nav {
  background:#101010 !important;
}
.dfei-package-nav a,
.dfei-package-nav a:visited,
.site-main.dfei .dfei-package-nav a,
.site-main.dfei .dfei-package-nav a:visited,
.dfei-article-nav a,
.dfei-article-nav a:visited {
  color:#f4f4f1 !important;
  background:rgba(255,255,255,.035) !important;
  opacity:1 !important;
  text-decoration:none !important;
}
.dfei-package-nav a:hover,
.dfei-package-nav a:focus-visible,
.dfei-package-nav a.is-active,
.dfei-package-nav a[aria-current="page"],
.site-main.dfei .dfei-package-nav a:hover,
.site-main.dfei .dfei-package-nav a:focus-visible,
.site-main.dfei .dfei-package-nav a.is-active,
.site-main.dfei .dfei-package-nav a[aria-current="page"],
.dfei-article-nav a:hover,
.dfei-article-nav a:focus-visible,
.dfei-article-nav a.is-active,
.dfei-article-nav a[aria-current="page"] {
  color:#f4f4f1 !important;
  background:var(--zjs-red,#b7261e) !important;
  opacity:1 !important;
}

/* Media resource card polish: restore internal breathing room and reduce title scale slightly. */
.signal-briefing-card,
.dfei-media-card,
.operator-guide-card,
.deck-card {
  overflow:hidden;
}
.signal-briefing-card__body,
.dfei-media-card__body,
.operator-guide-card__body,
.deck-card__body {
  padding:clamp(20px,2.1vw,30px) !important;
  box-sizing:border-box !important;
}
.signal-briefing-card > span,
.signal-briefing-card > strong,
.signal-briefing-card > em,
.dfei-media-card > span,
.dfei-media-card > strong,
.dfei-media-card > em {
  margin-left:clamp(20px,2.1vw,30px) !important;
  margin-right:clamp(20px,2.1vw,30px) !important;
}
.signal-briefing-card > span,
.dfei-media-card > span { margin-top:clamp(18px,2vw,24px) !important; }
.signal-briefing-card > em,
.dfei-media-card > em { margin-bottom:clamp(18px,2vw,26px) !important; }
.signal-briefing-card strong,
.dfei-media-card strong,
.operator-guide-card strong,
.deck-card strong {
  font-size:clamp(20px,2.45vw,30px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
}
.signal-briefing-card em,
.dfei-media-card em,
.operator-guide-card em,
.deck-card em {
  font-size:clamp(14px,1.45vw,17px) !important;
  line-height:1.35 !important;
}

/* Operator guide and deck cards may be simple black text cards without body wrappers. */
.dfei-media-grid > a:not(:has(img)),
.signal-briefing-grid > a:not(:has(img)) {
  padding:clamp(22px,2.4vw,32px) !important;
  box-sizing:border-box !important;
}
.dfei-media-grid > a:not(:has(img)) span,
.dfei-media-grid > a:not(:has(img)) strong,
.dfei-media-grid > a:not(:has(img)) em,
.signal-briefing-grid > a:not(:has(img)) span,
.signal-briefing-grid > a:not(:has(img)) strong,
.signal-briefing-grid > a:not(:has(img)) em {
  margin-left:0 !important;
  margin-right:0 !important;
}

@supports not selector(:has(img)) {
  .dfei-media-card,
  .signal-briefing-card { padding-bottom:18px; }
  .signal-briefing-card img + span,
  .dfei-media-card img + span { margin-top:18px !important; }
}