/*
Theme Name: ChiefDyer Investigative Archive
Theme URI: https://chiefdyer.com/
Author: Sevilla Local Media
Description: A Justice for Joe investigative and public-record theme for ChiefDyer.com with parallax storytelling, document publishing, forensic evidence review, family advocacy and source-attributed case analysis.
Version: 1.3.7
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: chiefdyer-archive
*/

:root {
  --ink: #17191c;
  --ink-2: #282c31;
  --paper: #ffffff;
  --paper-warm: #f5f1e8;
  --paper-deep: #ebe4d8;
  --muted: #6f746f;
  --line: #ddd7cb;
  --gold: #a77822;
  --gold-bright: #c99c48;
  --red: #9e3f3a;
  --blue: #446f91;
  --green: #4f775d;
  --shadow: 0 22px 60px rgba(19, 21, 24, .11);
  --max: 1220px;
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.68;
  -webkit-font-smoothing: antialiased;
}
a { color: #775310; text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover, a:focus { color: var(--gold); }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
:focus-visible { outline: 3px solid var(--gold-bright); outline-offset: 3px; }
::selection { background: #ead7ad; color: var(--ink); }

.cd-wrap { width: min(var(--max), calc(100% - 42px)); margin: 0 auto; }
.cd-narrow { width: min(880px, calc(100% - 42px)); margin: 0 auto; }

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(37,37,37,.10);
  box-shadow: 0 8px 28px rgba(0,0,0,.045);
  backdrop-filter: blur(18px);
}
.admin-bar .site-header { top: 32px; }
.header-row { min-height: 76px; display: flex; align-items: center; gap: 18px; }
.brand-logo { display: block; width: min(310px, 58vw); margin-right: auto; text-decoration: none; }
.brand-logo img { display: block; width: 100%; max-height: 58px; object-fit: contain; object-position: left center; }
.site-branding { margin-right: auto; }
.site-title { margin: 0; font-size: 1rem; font-weight: 900; letter-spacing: .05em; }
.site-kicker { margin: 2px 0 0; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .13em; }
.menu-toggle {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--ink); color: #fff; border: 1px solid var(--ink);
  border-radius: 999px; padding: 10px 15px; cursor: pointer; font-weight: 850;
}
.menu-toggle:hover, .menu-toggle:focus { background: #30343a; color: #fff; }
.menu-toggle-label { font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; }
.menu-icon { width: 18px; display: grid; gap: 3px; }
.menu-icon i { height: 1.5px; background: currentColor; border-radius: 99px; }
.main-nav {
  position: fixed;
  top: 88px;
  right: max(20px, calc((100vw - var(--max))/2));
  width: min(390px, calc(100vw - 32px));
  max-height: min(76vh, 690px);
  overflow-y: auto;
  padding: 14px;
  background: rgba(255,255,255,.985);
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 30px 80px rgba(15,16,18,.22);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.985);
  transform-origin: top right; pointer-events: none;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
  z-index: 103;
}
.admin-bar .main-nav { top: 120px; }
.main-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; }
.nav-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 5px 6px 12px 10px; border-bottom: 1px solid var(--line); }
.nav-panel-head > span { color: var(--muted); font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.nav-close { width: 34px; height: 34px; border: 0; border-radius: 50%; background: #f0ece4; color: var(--ink); font-size: 1.45rem; line-height: 1; cursor: pointer; }
.main-nav .compact-menu { display: grid; gap: 3px; list-style: none; padding: 9px 0 0; margin: 0; }
.main-nav .compact-menu a { display: flex; min-height: 43px; align-items: center; color: var(--ink); text-decoration: none; font-size: .92rem; font-weight: 790; padding: 9px 11px; border-radius: 10px; }
.main-nav .compact-menu a:hover, .main-nav .compact-menu a:focus { background: var(--paper-warm); color: var(--ink); }
.nav-note { margin: 10px 7px 4px; padding-top: 11px; border-top: 1px solid var(--line); color: var(--muted); font-size: .74rem; line-height: 1.48; }
.nav-backdrop { position: fixed; inset: 0; display: block; border: 0; background: rgba(15,16,18,.25); opacity: 0; visibility: hidden; pointer-events: none; z-index: 101; transition: .16s ease; }
.nav-backdrop.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.editorial-bar { background: #f5f1e8; border-bottom: 1px solid var(--line); }
.editorial-bar .cd-wrap { min-height: 39px; display: flex; align-items: center; gap: 10px; color: #5e615d; font-size: .8rem; }
.editorial-bar strong { color: var(--ink); }
.editorial-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(167,120,34,.13); flex: 0 0 auto; }

/* Hero / parallax */
.hero, .page-hero, .parallax-band { position: relative; overflow: hidden; }
.hero-parallax {
  min-height: 690px;
  display: flex; align-items: center;
  background-image:
    linear-gradient(90deg, rgba(13,15,17,.94) 0%, rgba(13,15,17,.82) 52%, rgba(13,15,17,.48) 100%),
    none;
  background-size: cover, 58% auto;
  background-position: center, 91% 45%;
  background-repeat: no-repeat;
  background-attachment: fixed, fixed;
  color: #fff;
  padding: clamp(72px, 9vw, 128px) 0;
}
.hero-parallax:after {
  content: "PUBLIC RECORD";
  position: absolute; right: -1vw; bottom: -2vw; color: rgba(255,255,255,.035);
  font-weight: 950; font-size: clamp(5rem, 13vw, 13rem); letter-spacing: -.06em; white-space: nowrap;
}
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(310px,.75fr); gap: clamp(38px,6vw,84px); align-items: end; }
.hero-copy { max-width: 780px; }
.eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-bright); font-size: .76rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow:before, .section-kicker:before { content: ""; width: 32px; height: 1px; background: currentColor; }
.hero h1 { margin: 18px 0 22px; max-width: 9ch; font-size: clamp(3.5rem, 7.6vw, 7.9rem); line-height: .88; letter-spacing: -.055em; }
.hero .lede, .page-hero .lede { margin: 0; max-width: 760px; font-size: clamp(1.08rem, 2vw, 1.36rem); color: rgba(255,255,255,.84); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.compact-actions { margin-top: 24px; }
.cd-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 12px 18px; border-radius: 10px; border: 1px solid transparent; font-weight: 850; text-decoration: none; transition: .18s ease; }
.cd-button:hover { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(0,0,0,.12); }
.cd-button.primary { background: var(--gold); color: #fff; border-color: var(--gold); }
.cd-button.secondary { color: #fff; border-color: rgba(255,255,255,.38); background: rgba(255,255,255,.08); }
.cd-button.outline { color: var(--ink); border-color: #b9b1a3; background: transparent; }
.cd-button.light-button { color: var(--ink); background: #fff; border-color: #fff; }
.case-card { background: rgba(255,255,255,.94); color: var(--ink); border: 1px solid rgba(255,255,255,.55); border-radius: 20px; box-shadow: 0 30px 80px rgba(0,0,0,.28); overflow: hidden; backdrop-filter: blur(12px); }
.case-card-head { padding: 18px 22px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.case-card-head strong { text-transform: uppercase; letter-spacing: .11em; font-size: .74rem; }
.case-number { color: var(--muted); font-size: .76rem; }
.case-facts { display: grid; }
.case-fact { padding: 16px 22px; display: grid; grid-template-columns: 115px 1fr; gap: 16px; border-bottom: 1px solid var(--line); }
.case-fact:last-child { border-bottom: 0; }
.case-fact span { color: var(--muted); font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.case-fact b { font-size: .93rem; line-height: 1.4; }

/* Sections */
.section { padding: clamp(70px, 8.5vw, 118px) 0; border-bottom: 1px solid var(--line); }
.section.light { background: var(--paper); }
.section.cream, .section.alt { background: var(--paper-warm); }
.section.dark-evidence { background: #17191c; color: #fff; border-color: rgba(255,255,255,.10); }
.dark-evidence .section-head h2 { color: #fff; }
.dark-evidence .section-head p { color: rgba(255,255,255,.74); }
.dark-evidence .record-card { background: #22262b; border-color: rgba(255,255,255,.12); box-shadow: 0 18px 42px rgba(0,0,0,.18); }
.dark-evidence .record-card h3 { color: #fff; }
.dark-evidence .record-card p { color: rgba(255,255,255,.72); }
.section-head { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(28px, 5vw, 70px); margin-bottom: 44px; align-items: start; }
.section-head h2, .split-feature h2, .lawsuit-grid h2 { margin: 8px 0 0; font-size: clamp(2.2rem, 4.5vw, 4.65rem); line-height: .98; letter-spacing: -.048em; }
.section-head p { margin: 0; color: var(--muted); font-size: 1.06rem; max-width: 760px; }
.status-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; }
.status-card { min-height: 200px; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 28px rgba(0,0,0,.035); }
.status-card h3 { margin: 18px 0 8px; font-size: 1.05rem; }
.status-card p { margin: 0; color: var(--muted); font-size: .89rem; }
.status-label { display: inline-flex; width: fit-content; padding: 5px 9px; border-radius: 999px; font-size: .67rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.status-verified { background: #e5f1e8; color: #315f3e; }
.status-allegation { background: #f5e7e6; color: #8a3632; }
.status-report { background: #e7eef4; color: #315b7b; }
.status-question { background: #f3ead4; color: #795814; }
.status-commentary { background: #ece9f4; color: #5d4c7a; }

.record-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.record-grid.four-up { grid-template-columns: repeat(4, 1fr); }
.record-card { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 15px 40px rgba(0,0,0,.045); }
.record-card .num { display: inline-block; color: var(--gold); font-weight: 950; font-size: .8rem; letter-spacing: .08em; }
.record-card h3 { margin: 17px 0 10px; font-size: 1.14rem; line-height: 1.25; }
.record-card p { margin: 0; color: var(--muted); font-size: .92rem; }

/* Parallax bands */
.parallax-band { min-height: 420px; display: flex; align-items: center; color: #fff; background-color: #16191c; background-size: cover; background-position: center; background-attachment: fixed; }
.record-band { background-image: linear-gradient(90deg, rgba(18,20,23,.95), rgba(18,20,23,.58)), none; background-size: cover, 60% auto; background-position: center, 86% 48%; background-repeat: no-repeat; }
.community-band { background-image: linear-gradient(90deg, rgba(24,22,18,.96), rgba(24,22,18,.70)), none; background-size: cover, 55% auto; background-position: center, 91% 42%; background-repeat: no-repeat; }
.yolanda-band { background-image: linear-gradient(90deg, rgba(25,25,25,.94), rgba(25,25,25,.70)), none; background-size: cover, 55% auto; background-position: center, 92% 48%; background-repeat: no-repeat; }
.parallax-content { position: relative; z-index: 2; padding: 76px 0; max-width: 860px; }
.parallax-content h2 { margin: 14px 0 17px; font-size: clamp(2.5rem,5vw,5rem); line-height: .95; letter-spacing: -.05em; }
.parallax-content p { max-width: 720px; color: rgba(255,255,255,.78); font-size: 1.08rem; }
.narrow-parallax { max-width: 900px; }

/* Documents */
.document-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 16px; }
.document-card { min-height: 290px; display: flex; flex-direction: column; padding: 28px; border-radius: var(--radius); background: #fff; border: 1px solid var(--line); box-shadow: 0 16px 35px rgba(0,0,0,.04); }
.featured-doc { background: var(--ink); color: #fff; border-color: var(--ink); }
.doc-type, .media-source, .social-platform { font-size: .7rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: var(--gold); }
.featured-doc .doc-type { color: #d8b775; }
.document-card h3 { margin: 18px 0 10px; font-size: 1.35rem; line-height: 1.18; }
.document-card p { margin: 0 0 22px; color: var(--muted); }
.featured-doc p { color: rgba(255,255,255,.72); }
.document-card a { margin-top: auto; font-weight: 850; }
.section-cta { margin: 28px 0 0; }
.privacy-note { margin: 36px 0; padding: 25px; background: var(--paper-warm); border-left: 4px solid var(--gold); border-radius: 0 14px 14px 0; }
.privacy-note p { margin-bottom: 0; color: var(--muted); }

/* Feature / Yolanda */
.split-feature { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(32px,6vw,84px); align-items: center; }
.portrait-text-panel p { color: #555b5d; font-size: 1.02rem; }
.feature-lede { font-size: 1.18rem !important; color: var(--ink) !important; }
.quote-panel { padding: 34px; border-radius: 22px; background: var(--ink); color: #fff; box-shadow: var(--shadow); }
.light-quote { background: var(--paper-warm); color: var(--ink); border: 1px solid var(--line); box-shadow: none; }
.quote-panel blockquote { margin: 20px 0 16px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.45rem,2.6vw,2.35rem); line-height: 1.12; letter-spacing: -.025em; }
.quote-panel p { color: rgba(255,255,255,.65); font-size: .9rem; }
.light-quote p { color: var(--muted); }
.quote-panel a { font-weight: 850; color: var(--gold-bright); }

/* Media / social */
.media-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.media-grid.three-up { grid-template-columns: repeat(3,1fr); }
.media-card { min-height: 280px; display: flex; flex-direction: column; padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.media-card h3 { margin: 16px 0 10px; font-size: 1.17rem; line-height: 1.22; }
.media-card p { margin: 0 0 22px; color: var(--muted); font-size: .91rem; }
.media-card a { margin-top: auto; font-weight: 850; }
.social-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.social-card { min-height: 245px; display: flex; flex-direction: column; padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }
.social-card h3 { margin: 16px 0 10px; font-size: 1.16rem; line-height: 1.25; }
.social-card p { color: var(--muted); font-size: .91rem; }
.social-card a { margin-top: auto; font-weight: 850; }

/* lawsuit */
.lawsuit-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: clamp(35px,6vw,80px); align-items: start; }
.lawsuit-grid p { color: #555b5d; }
.case-status-card { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }
.status-pill { display: inline-flex; padding: 7px 10px; border-radius: 999px; background: #efe5cf; color: #6f5117; font-size: .7rem; text-transform: uppercase; font-weight: 900; letter-spacing: .08em; }
.case-status-card dl { margin: 22px 0 0; }
.case-status-card dl > div { display: grid; grid-template-columns: 120px 1fr; gap: 13px; padding: 14px 0; border-top: 1px solid var(--line); }
.case-status-card dt { color: var(--muted); font-size: .74rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.case-status-card dd { margin: 0; font-weight: 730; font-size: .91rem; }

/* Timeline and questions */
.timeline { position: relative; display: grid; gap: 0; }
.timeline:before { content: ""; position: absolute; left: 150px; top: 10px; bottom: 10px; width: 1px; background: #cfc8bb; }
.timeline-item { display: grid; grid-template-columns: 124px 1fr; gap: 52px; padding: 20px 0; position: relative; }
.timeline-item:before { content: ""; position: absolute; left: 145px; top: 28px; width: 11px; height: 11px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 5px var(--paper); }
.cream .timeline-item:before { box-shadow: 0 0 0 5px var(--paper-warm); }
.timeline-item time { color: var(--gold); font-size: .71rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; text-align: right; padding-top: 2px; }
.timeline-content h3 { margin: 0 0 5px; font-size: 1.07rem; }
.timeline-content p { margin: 0; color: var(--muted); }
.question-list { display: grid; }
.question-item { display: grid; grid-template-columns: 44px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--line); }
.question-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #ece2cc; color: #735213; font-weight: 950; }
.question-item h3 { margin: 0 0 6px; font-size: 1.08rem; }
.question-item p { margin: 0; color: var(--muted); }

/* Latest/archive cards */
.news-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.post-card { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: 0 14px 38px rgba(0,0,0,.045); }
.post-card-thumb { display: block; aspect-ratio: 16/10; overflow: hidden; background: #e7e2da; }
.post-card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.post-card:hover .post-card-thumb img { transform: scale(1.025); }
.post-card-body { padding: 22px; }
.post-card-meta { color: var(--gold); font-size: .71rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.post-card h3 { margin: 10px 0 8px; font-size: 1.2rem; line-height: 1.2; }
.post-card h3 a { color: var(--ink); text-decoration: none; }
.post-card p { margin: 0; color: var(--muted); font-size: .9rem; }

/* Legal */
.legal-section { background: #202327; color: #fff; }
.legal-note { margin: 26px 0; padding: 24px 27px; background: #fffaf0; color: var(--ink); border: 1px solid #e6d5b1; border-left: 4px solid var(--gold); border-radius: 0 14px 14px 0; }
.legal-note strong { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: #6e5019; }
.legal-note p { margin: 7px 0 0; color: #62625e; }
.context-note { margin: 22px 0; padding: 21px 23px; background: #eef3f6; border-left: 4px solid var(--blue); border-radius: 0 14px 14px 0; }
.context-note p { margin: 5px 0 10px; color: #566168; }

/* Virtual archive pages */
.archive-page { min-height: 70vh; }
.page-hero { padding: clamp(74px,9vw,122px) 0; color: #fff; background-color: #191c1f; background-attachment: fixed; background-repeat: no-repeat; }
.paper-hero { background: linear-gradient(125deg,#1a1e22 0%,#34302a 52%,#151719 100%); }
.document-hero { background: linear-gradient(125deg,#181b1e 0%,#2c3134 52%,#151719 100%); }
.media-hero { background: linear-gradient(125deg,#16191d 0%,#31353b 52%,#17191c 100%); }
.yolanda-hero { background: linear-gradient(125deg,#26211b 0%,#3b342a 50%,#181a1c 100%); }
.page-hero-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(36px,6vw,82px); align-items: end; }
.page-hero h1 { margin: 18px 0 18px; font-size: clamp(3.3rem,7vw,7rem); line-height: .9; letter-spacing: -.055em; max-width: 11ch; }
.page-hero-card { padding: 25px; background: rgba(255,255,255,.94); color: var(--ink); border-radius: 19px; box-shadow: 0 26px 70px rgba(0,0,0,.24); }
.page-hero-card > span { display: block; color: var(--gold); font-size: .68rem; text-transform: uppercase; font-weight: 900; letter-spacing: .09em; }
.page-hero-card strong { display: block; margin: 8px 0 5px; font-size: 1.45rem; line-height: 1.15; }
.page-hero-card p { color: var(--muted); font-size: .9rem; }
.page-hero-card a { font-weight: 850; }
.prose-grid { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: clamp(32px,6vw,78px); align-items: start; }
.sticky-index { position: sticky; top: 135px; display: grid; gap: 5px; padding: 18px; background: var(--paper-warm); border: 1px solid var(--line); border-radius: 15px; }
.sticky-index strong { margin-bottom: 6px; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.sticky-index a { padding: 6px 0; text-decoration: none; font-size: .88rem; font-weight: 750; color: var(--ink); }
.record-review { min-width: 0; }
.review-block { padding: 0 0 64px; margin: 0 0 64px; border-bottom: 1px solid var(--line); scroll-margin-top: 150px; }
.review-block h2 { margin: 14px 0 14px; font-size: clamp(2rem,3.7vw,3.65rem); line-height: 1; letter-spacing: -.04em; }
.review-block p { color: #545a5c; font-size: 1.02rem; }
.document-figure { margin: 28px 0 0; background: #f1eee7; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.document-figure img { display: block; width: 100%; max-height: 860px; object-fit: contain; background: #e9e5de; }
.document-figure figcaption { padding: 12px 16px; color: var(--muted); font-size: .79rem; border-top: 1px solid var(--line); }
.unresolved-block { background: var(--paper-warm); padding: 30px; border: 1px solid var(--line); border-radius: 18px; }
.document-list { display: grid; }
.library-row { display: grid; grid-template-columns: 230px 1fr; gap: 36px; padding: 35px 0; border-bottom: 1px solid var(--line); }
.library-meta { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; }
.library-meta small { color: var(--muted); }
.library-row h2 { margin: 0 0 9px; font-size: clamp(1.45rem,2.4vw,2.2rem); line-height: 1.08; }
.library-row p { color: var(--muted); }
.library-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 18px; }
.text-link { font-weight: 850; }
.media-timeline { display: grid; }
.media-entry { display: grid; grid-template-columns: 150px 1fr; gap: 34px; padding: 30px 0; border-top: 1px solid var(--line); }
.media-entry time { color: var(--gold); font-weight: 900; font-size: .79rem; text-transform: uppercase; letter-spacing: .05em; }
.media-entry h3 { margin: 11px 0 8px; font-size: 1.45rem; line-height: 1.14; }
.media-entry p { color: var(--muted); }
.media-entry a { font-weight: 850; }
.broadcast-note { padding: 32px; border: 1px solid var(--line); background: var(--paper-warm); border-radius: 19px; }
.broadcast-note h2 { margin: 14px 0 10px; font-size: clamp(2rem,3.6vw,3.4rem); line-height: 1; }
.broadcast-note p { color: var(--muted); }

/* Generic content / posts / forms */
.content-shell { padding: clamp(60px,8vw,105px) 0; }
.article-header { margin-bottom: 32px; }
.article-header h1 { margin: 10px 0 13px; font-size: clamp(2.5rem,5vw,5.2rem); line-height: .96; letter-spacing: -.05em; }
.article-meta { color: var(--muted); font-size: .86rem; }
.article-body { font-size: 1.04rem; }
.article-body h2 { margin-top: 2.1em; font-size: 2rem; line-height: 1.1; }
.article-body h3 { margin-top: 1.8em; }
.article-body blockquote { margin: 2em 0; padding: 20px 24px; background: var(--paper-warm); border-left: 4px solid var(--gold); }
.article-body img { border-radius: 12px; }
.source-status { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.cd-tip-form { display: grid; gap: 18px; }
.cd-tip-form label { display: grid; gap: 7px; font-weight: 760; }
.cd-tip-form input, .cd-tip-form textarea, .cd-tip-form select { width: 100%; border: 1px solid #bdb7ac; border-radius: 9px; padding: 12px 13px; background: #fff; color: var(--ink); }
.cd-tip-form textarea { min-height: 180px; resize: vertical; }
.cd-form-note { padding: 16px; background: var(--paper-warm); color: var(--muted); border-radius: 12px; font-size: .88rem; }
.cd-alert { padding: 14px 16px; border-radius: 10px; margin-bottom: 20px; background: #eef5ef; border: 1px solid #cadccb; }

/* Footer */
.site-footer { background: #17191c; color: rgba(255,255,255,.72); padding: 70px 0 24px; }
.footer-grid { display: grid; grid-template-columns: 1.45fr .55fr; gap: clamp(38px,7vw,92px); }
.footer-logo { width: 300px; max-width: 80%; border-radius: 9px; }
.footer-title { color: #fff; margin: 0 0 12px; }
.footer-copy { max-width: 760px; font-size: .9rem; }
.footer-links { display: grid; align-content: start; gap: 10px; }
.footer-links a { color: #fff; text-decoration: none; font-weight: 760; font-size: .88rem; }
.footer-disclaimer { margin-top: 38px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.55); font-size: .78rem; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08); font-size: .75rem; color: rgba(255,255,255,.45); }

@media (max-width: 1080px) {
  .status-grid { grid-template-columns: repeat(3,1fr); }
  .record-grid.four-up { grid-template-columns: repeat(2,1fr); }
  .media-grid { grid-template-columns: repeat(2,1fr); }
  .document-grid { grid-template-columns: 1fr 1fr; }
  .featured-doc { grid-column: 1 / -1; }
  .hero-grid, .page-hero-grid { grid-template-columns: 1fr; }
  .case-card, .page-hero-card { max-width: 650px; }
  .hero-parallax { background-size: cover, 82% auto; }
}

@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  .admin-bar .main-nav { top: 134px; }
  .cd-wrap, .cd-narrow { width: min(100% - 30px, var(--max)); }
  .header-row { min-height: 68px; }
  .brand-logo { width: min(245px, 62vw); }
  .brand-logo img { max-height: 50px; }
  .menu-toggle-label { display: none; }
  .menu-toggle { padding: 10px 12px; }
  .main-nav { top: 78px; right: 15px; width: calc(100vw - 30px); }
  .editorial-bar .cd-wrap { font-size: .72rem; line-height: 1.35; padding: 8px 0; }
  .hero-parallax, .page-hero, .parallax-band { background-attachment: scroll; }
  .hero-parallax { min-height: auto; padding: 72px 0; background-size: cover, 120% auto; background-position: center, 120% 48%; }
  .hero h1 { font-size: clamp(3.2rem,16vw,5.6rem); }
  .case-card { margin-top: 8px; }
  .section-head { grid-template-columns: 1fr; gap: 18px; }
  .status-grid, .record-grid, .record-grid.four-up, .media-grid, .media-grid.three-up, .social-grid, .document-grid, .news-grid { grid-template-columns: 1fr; }
  .featured-doc { grid-column: auto; }
  .split-feature, .lawsuit-grid, .footer-grid, .prose-grid { grid-template-columns: 1fr; }
  .sticky-index { position: static; display: flex; overflow-x: auto; white-space: nowrap; gap: 14px; }
  .sticky-index strong { display: none; }
  .timeline:before { left: 17px; }
  .timeline-item { grid-template-columns: 1fr; gap: 7px; padding-left: 49px; }
  .timeline-item:before { left: 12px; top: 24px; }
  .timeline-item time { text-align: left; }
  .library-row, .media-entry { grid-template-columns: 1fr; gap: 14px; }
  .document-figure img { max-height: none; }
  .footer-bottom { flex-direction: column; gap: 6px; }
  .parallax-band { min-height: 360px; background-size: cover, 110% auto; }
  .record-band, .community-band, .yolanda-band { background-position: center, 135% 50%; }
}

@media (max-width: 480px) {
  .brand-logo { width: 205px; }
  .hero-actions .cd-button, .library-actions .cd-button { width: 100%; }
  .case-fact { grid-template-columns: 92px 1fr; }
  .record-card, .media-card, .social-card, .document-card, .quote-panel, .case-status-card { padding: 22px; }
  .page-hero h1 { font-size: 3.45rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { transition-duration: .001ms !important; animation-duration: .001ms !important; }
  .hero-parallax, .page-hero, .parallax-band { background-attachment: scroll !important; }
}

.legacy-warning { margin: 0 0 22px; padding: 22px 24px; background: #f8eee1; border: 1px solid #ead2b2; border-left: 4px solid #a77822; border-radius: 0 14px 14px 0; }
.legacy-warning strong { display: block; color: #6f4f18; font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.legacy-warning p { margin: 6px 0 9px; color: #665d52; }
.legacy-warning a { font-weight: 850; }

/* v1.2.1 — resilient header, bundled logo and rendering fixes */
html body {
  background: var(--paper) !important;
  color: var(--ink) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.68 !important;
  overflow-x: hidden;
}
html body a { color: #775310; }
html body img { max-width: 100%; height: auto; }
.site-header { background: rgba(255,255,255,.97) !important; color: var(--ink) !important; }
.header-row { position: relative; min-height: 72px; }
.brand-logo { width: min(292px, 56vw); color: #151719 !important; line-height: 0; }
.cd-brand-mark { display: block; width: 100%; height: auto; color: #151719; overflow: visible; }
.cd-brand-mark text { user-select: none; }
.menu-shell { position: relative; margin-left: auto; flex: 0 0 auto; }
.menu-shell > summary { list-style: none; }
.menu-shell > summary::-webkit-details-marker { display: none; }
.menu-shell[open] .menu-toggle { background: #30343a; }
.menu-toggle { margin: 0; }
.main-nav {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  width: min(380px, calc(100vw - 30px)) !important;
  max-height: min(72vh, 620px) !important;
  overflow-y: auto !important;
  padding: 14px !important;
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 70px rgba(15,16,18,.22) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  z-index: 1000 !important;
}
.menu-shell:not([open]) .main-nav { display: none !important; }
.nav-panel-head { padding: 6px 8px 11px; }
.nav-close, .nav-backdrop { display: none !important; }
.main-nav .compact-menu { display: grid !important; gap: 3px !important; list-style: none !important; padding: 9px 0 0 !important; margin: 0 !important; }
.main-nav .compact-menu li { margin: 0 !important; padding: 0 !important; }
.main-nav .compact-menu a { color: var(--ink) !important; text-decoration: none !important; }
.editorial-bar { background: #f5f1e8 !important; color: #5e615d !important; }
.hero-parallax { background-color: #121518 !important; }
.section.light { background: #fff !important; }
.section.cream, .section.alt { background: var(--paper-warm) !important; }
.post-card { min-height: 0; }
.post-card-body { padding: 24px; }
.post-card-body h3 { margin: 7px 0 10px; font-size: 1.22rem; line-height: 1.2; }
.post-card-body h3 a { color: var(--ink) !important; text-decoration: none; }
.post-card-body p { margin: 0; color: var(--muted); }
.post-card-meta { color: var(--gold); font-size: .72rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.footer-brand { display: inline-block; width: min(300px, 80%); color: #fff !important; line-height: 0; }
.cd-brand-mark-footer { color: #fff; }
.cd-brand-mark-footer line { stroke: rgba(255,255,255,.28); }
.cd-brand-mark-footer text:last-child { fill: rgba(255,255,255,.66); }

@media (max-width: 782px) {
  .header-row { min-height: 64px; gap: 12px; }
  .brand-logo { width: min(220px, 68vw); }
  .main-nav { top: calc(100% + 9px) !important; right: 0 !important; }
  .editorial-bar .cd-wrap { min-height: 0; }
}

@media (max-width: 480px) {
  .brand-logo { width: 198px; }
  .menu-toggle { min-width: 42px; min-height: 42px; padding: 9px 11px; }
  .main-nav { width: min(345px, calc(100vw - 24px)) !important; }
}


/* v1.2.5 — original archive restoration, case media, and GSR source clarification */
.hero-parallax {
  background-image: linear-gradient(90deg,rgba(17,19,22,.88),rgba(17,19,22,.56)), url('https://chiefdyer.com/wp-content/uploads/2017/06/Snapshot_2453-594x358.png');
  background-size: cover, min(760px,64vw) auto;
  background-position: center, 88% 46%;
}
.record-band {
  background-image: linear-gradient(90deg,rgba(18,20,23,.90),rgba(18,20,23,.62)), url('https://chiefdyer.com/wp-content/uploads/2017/06/Phone-8-21-17-404-1200x725.jpg');
  background-size: cover, min(780px,62vw) auto;
  background-position: center, 88% 48%;
}
.media-photo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:28px; }
.media-photo { margin:0; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 14px 36px rgba(0,0,0,.06); }
.media-photo a { display:block; color:inherit; text-decoration:none; }
.media-photo img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; background:#e8e3db; }
.media-photo figcaption { padding:12px 14px; color:var(--muted); font-size:.78rem; line-height:1.35; }
.video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:28px; }
.video-card { background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; box-shadow:0 14px 38px rgba(0,0,0,.05); }
.video-card .wp-video, .video-card video, .video-card iframe { width:100% !important; max-width:100%; }
.video-card iframe { aspect-ratio:16/9; height:auto; display:block; border:0; }
.video-card-body { padding:20px; }
.video-card-body h3 { margin:0 0 8px; font-size:1.15rem; line-height:1.2; }
.video-card-body p { margin:0; color:var(--muted); font-size:.9rem; }
.production-card { position:relative; overflow:hidden; background:linear-gradient(145deg,#171a1e,#30343a); color:#fff; border:0; }
.production-card:before { content:""; position:absolute; width:220px; height:220px; border-radius:50%; background:rgba(167,120,34,.22); right:-70px; top:-90px; }
.production-card p { color:rgba(255,255,255,.72); }
.production-card a { color:#e4c27c; font-weight:850; }
.production-status { display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.1); color:#f4d79c; font-size:.68rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.legacy-archive-section { border-top:1px solid var(--line); }
.legacy-content { background:#fff; border:1px solid var(--line); border-radius:18px; padding:clamp(24px,4vw,52px); overflow:hidden; }
.legacy-content img { max-width:100%; height:auto; }
.legacy-content iframe, .legacy-content video { max-width:100%; }
.archive-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.archive-post-card { background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.archive-post-card img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }
.archive-post-card-body { padding:20px; }
.archive-post-card h3 { margin:8px 0; line-height:1.15; }
.archive-post-card h3 a { color:var(--ink); text-decoration:none; }
.gsr-source-box { padding:26px 28px; border:1px solid #d7c49b; border-left:5px solid var(--gold); border-radius:0 16px 16px 0; background:#fffaf0; }
.gsr-source-box strong { display:block; margin-bottom:8px; font-size:1.04rem; }
.gsr-source-box p { margin:.4em 0; }
.original-claim { font-family:Georgia,'Times New Roman',serif; font-size:1.3rem; line-height:1.35; }
.editorial-bar { background:#f3efe7; }
.editorial-bar .cd-wrap { color:#4f514f; }
.legacy-warning { display:none !important; }
@media (max-width:960px){ .media-photo-grid{grid-template-columns:repeat(2,1fr)} .archive-post-grid{grid-template-columns:1fr 1fr} }
@media (max-width:650px){ .media-photo-grid,.video-grid,.archive-post-grid{grid-template-columns:1fr} .hero-parallax,.record-band{background-size:cover,cover;background-position:center,center} }

/* v1.2.6 — restored legacy archive, documentary production record, photo/video galleries */
.media-proof-band { background:#171a1e; color:#fff; }
.media-proof-band .section-head h2, .media-proof-band h3 { color:#fff; }
.media-proof-band .section-head p, .media-proof-band p { color:rgba(255,255,255,.74); }
.media-proof-band .media-photo { background:#20242a; border-color:rgba(255,255,255,.12); }
.media-proof-band .media-photo figcaption { color:rgba(255,255,255,.70); }
.documentary-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr); gap:22px; align-items:stretch; }
.documentary-card { padding:clamp(26px,4vw,46px); border-radius:20px; background:linear-gradient(145deg,#171a1e,#2c3137); color:#fff; position:relative; overflow:hidden; box-shadow:var(--shadow); }
.documentary-card:after { content:""; position:absolute; width:260px; height:260px; border-radius:50%; background:rgba(167,120,34,.18); right:-100px; top:-110px; }
.documentary-card > * { position:relative; z-index:1; }
.documentary-card h2,.documentary-card h3 { color:#fff; }
.documentary-card p { color:rgba(255,255,255,.76); }
.documentary-card .production-status { margin-bottom:14px; }
.documentary-evidence { background:#fff; border:1px solid var(--line); border-radius:20px; padding:clamp(24px,3.5vw,38px); }
.documentary-evidence h3 { margin-top:0; }
.documentary-evidence ul { margin:0; padding-left:1.15rem; }
.documentary-evidence li + li { margin-top:10px; }
.disputed-record-box { margin-top:24px; padding:24px 26px; background:#fff8e8; border:1px solid #dcc99d; border-left:5px solid var(--gold); border-radius:0 16px 16px 0; }
.disputed-record-box h3 { margin:0 0 8px; font-size:1.05rem; }
.disputed-record-box p { margin:.45em 0; }
.legacy-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:end; margin-bottom:28px; }
.legacy-intro p { color:var(--muted); }
.media-empty-note { margin-top:18px; padding:17px 19px; border:1px dashed var(--line); border-radius:14px; color:var(--muted); background:#fff; }
@media (max-width:900px){ .documentary-grid,.legacy-intro{grid-template-columns:1fr} }


/* v1.3.0 — direct family-witness / confrontation storytelling */
.confrontation-section{background:#11161b;color:#f7f4ee;padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden}
.confrontation-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,18,.97),rgba(11,15,18,.76)),url('https://chiefdyer.com/wp-content/uploads/2017/06/Snapshot_2453-594x358.png') center/cover no-repeat;opacity:.92}
.confrontation-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .85fr;gap:28px;align-items:stretch}
.confrontation-main,.confrontation-side{border-radius:22px;padding:clamp(28px,4vw,48px);backdrop-filter:blur(2px)}
.confrontation-main{background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.13)}
.confrontation-main h2{font-size:clamp(42px,6vw,78px);line-height:.98;margin:.25em 0 .35em;letter-spacing:-.04em}
.confrontation-main p,.confrontation-side p{font-size:clamp(17px,1.4vw,20px);line-height:1.65}
.confrontation-side{background:#f4eee3;color:#181818}
.confrontation-side h3{font-size:clamp(26px,3vw,38px);line-height:1.05;margin:.55em 0}
.faith-section{background:#fff;padding:clamp(52px,7vw,90px) 0}
.faith-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.faith-grid h2{font-size:clamp(34px,4.8vw,60px);line-height:1.02;letter-spacing:-.035em;margin:.25em 0}
.faith-grid p{font-size:18px;line-height:1.7;max-width:760px}
.faith-quote{margin:0;background:#171b1f;color:#fff;border-radius:20px;padding:clamp(28px,4vw,48px);font-size:clamp(34px,4vw,56px);line-height:1.04;font-weight:800}
.faith-quote small{display:block;margin-top:18px;font-size:14px;line-height:1.5;font-weight:500;color:#d7dadd}
@media(max-width:860px){.confrontation-grid,.faith-grid{grid-template-columns:1fr}.confrontation-main h2{font-size:46px}}


/* v1.3.2 — SEO hub pages, lack-of-justice focus, petition and sharing */
.hero h1 { max-width: 12.5ch; }
.hero-subhead {
  margin: -4px 0 20px;
  max-width: 780px;
  color: #f4dcae;
  font-size: clamp(1.18rem, 2.1vw, 1.78rem);
  line-height: 1.2;
  letter-spacing: -.018em;
}
.justice-section { background: linear-gradient(135deg,#f5f1e8 0%,#fff 62%); }
.justice-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:clamp(30px,6vw,80px); align-items:start; }
.justice-copy h2 { margin:10px 0 18px; font-size:clamp(2.55rem,5vw,5.2rem); line-height:.98; letter-spacing:-.05em; }
.justice-copy > p { color:#555b5d; }
.justice-points { display:grid; gap:13px; }
.justice-points article { padding:24px; background:#fff; border:1px solid var(--line); border-radius:17px; box-shadow:0 12px 34px rgba(0,0,0,.04); }
.justice-points h3 { margin:14px 0 8px; font-size:1.08rem; line-height:1.2; }
.justice-points p { margin:0; color:var(--muted); font-size:.91rem; }
.link-hub-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hub-card { padding:28px; background:#fff; border:1px solid var(--line); border-radius:18px; }
.hub-card > span { color:var(--gold); font-size:.7rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.hub-card h2 { margin:10px 0; font-size:1.55rem; line-height:1.08; }
.hub-card p { color:var(--muted); }
.hub-card a { font-weight:850; }
.investigation-hero { background:linear-gradient(125deg,#15171a 0%,#2b2420 52%,#151719 100%); }
.petition-promo { background:#efe7d8; }
.petition-promo-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; }
.petition-promo h2 { margin:8px 0 12px; font-size:clamp(2.4rem,4.7vw,4.8rem); line-height:.98; letter-spacing:-.045em; }
.petition-promo p { color:var(--muted); }
.petition-promo-actions { display:grid; gap:18px; justify-items:start; }
.petition-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr); gap:clamp(34px,6vw,80px); align-items:start; }
.petition-copy h2 { margin:8px 0 16px; font-size:clamp(2.4rem,4.5vw,4.65rem); line-height:.99; letter-spacing:-.045em; }
.petition-copy > p { color:#555b5d; }
.petition-count { display:flex; align-items:baseline; gap:12px; margin:28px 0 10px; padding:18px 20px; border:1px solid var(--line); border-radius:15px; background:#fff; }
.petition-count strong { font-size:2.45rem; line-height:1; color:var(--gold); }
.petition-count span { color:var(--muted); font-weight:750; }
.privacy-note-text { font-size:.82rem !important; color:var(--muted) !important; }
.petition-form { display:grid; gap:16px; padding:clamp(24px,4vw,38px); background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); }
.petition-form label { display:grid; gap:7px; font-weight:780; font-size:.9rem; }
.petition-form input[type="text"], .petition-form input[type="email"] { width:100%; border:1px solid #bdb7ac; border-radius:10px; padding:12px 13px; color:var(--ink); background:#fff; }
.petition-form .form-row { display:grid; grid-template-columns:1fr .6fr; gap:12px; }
.check-label { grid-template-columns:20px 1fr !important; align-items:start; gap:10px !important; font-weight:600 !important; color:#555b5d; }
.check-label input { margin-top:4px; }
.form-honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.petition-submit { width:100%; }
.petition-message { padding:13px 15px; border-radius:10px; font-size:.9rem; font-weight:700; }
.petition-success { background:#e8f3ea; color:#315f3e; border:1px solid #c8ddcd; }
.petition-info { background:#edf2f6; color:#315b7b; border:1px solid #d0dce5; }
.petition-error { background:#f8e9e7; color:#7e3732; border:1px solid #e9c9c5; }
.petition-share-block h2 { margin:8px 0 12px; font-size:clamp(2.3rem,4.3vw,4.5rem); line-height:1; letter-spacing:-.045em; }
.share-bar { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.share-label { margin-right:4px; color:var(--muted); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.share-bar a, .copy-link-button { display:inline-flex; align-items:center; min-height:38px; padding:8px 12px; border:1px solid #c8c0b2; border-radius:999px; background:#fff; color:var(--ink); text-decoration:none; font-size:.8rem; font-weight:800; cursor:pointer; }
.share-bar a:hover, .share-bar a:focus, .copy-link-button:hover, .copy-link-button:focus { background:var(--paper-warm); color:var(--ink); }
.footer-share { margin-top:34px; padding:24px; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.04); }
.footer-share strong { display:block; color:#fff; margin-bottom:4px; }
.footer-share span { color:rgba(255,255,255,.62); font-size:.86rem; }
.site-footer .share-label { color:rgba(255,255,255,.58); }
.site-footer .share-bar a, .site-footer .copy-link-button { background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.18); }
.site-footer .share-bar a:hover, .site-footer .copy-link-button:hover { background:rgba(255,255,255,.15); color:#fff; }
.allegation-list .question-mark { border-radius:10px; }

@media (max-width: 900px) {
  .justice-grid, .petition-grid, .petition-promo-grid, .footer-share { grid-template-columns:1fr; }
  .link-hub-grid { grid-template-columns:1fr; }
  .footer-share { justify-items:start; }
}
@media (max-width: 600px) {
  .hero h1 { font-size:clamp(2.8rem,14vw,4.5rem); max-width:none; }
  .hero-subhead { font-size:1.12rem; }
  .petition-form .form-row { grid-template-columns:1fr; }
  .share-bar { align-items:stretch; }
  .share-label { width:100%; }
  .share-bar a, .copy-link-button { justify-content:center; }
}

/* v1.3.4: built-in evidence imagery; no empty-state or setup notices on public pages */
.evidence-image-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 34px;
}
.evidence-image {
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.05);
}
.evidence-image a { display: block; background: #e9e5de; }
.evidence-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: top center;
}
.evidence-image figcaption {
  padding: 11px 13px 13px;
  color: rgba(255,255,255,.78);
  font-size: .78rem;
  line-height: 1.4;
}
.video-subsection { margin-top: 36px; }
.video-subsection > h3 { color: #fff; margin: 0 0 18px; font-size: 1.35rem; }
@media (max-width: 900px) { .evidence-image-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .evidence-image-grid { grid-template-columns: 1fr; } .evidence-image img { aspect-ratio: auto; max-height: 560px; object-fit: contain; } }


/* v1.3.6 — restrained editorial typography and caller/phone-record evidence sections */
.hero h1 {
  font-size: clamp(3rem, 5.1vw, 5.35rem);
  line-height: .96;
  letter-spacing: -.042em;
  max-width: 14ch;
}
.hero-parallax:after {
  font-size: clamp(4.5rem, 9vw, 9rem);
}
.section-head h2,
.split-feature h2,
.lawsuit-grid h2 {
  font-size: clamp(2rem, 3.2vw, 3.35rem);
  line-height: 1.02;
  letter-spacing: -.036em;
}
.parallax-content h2 {
  font-size: clamp(2.1rem, 3.6vw, 3.65rem);
  line-height: 1;
  letter-spacing: -.038em;
}
.page-hero h1 {
  font-size: clamp(2.65rem, 4.8vw, 4.9rem);
  line-height: .98;
  letter-spacing: -.043em;
  max-width: 14ch;
}
.review-block h2,
.broadcast-note h2 {
  font-size: clamp(1.9rem, 2.9vw, 2.9rem);
  line-height: 1.04;
}
.article-header h1 {
  font-size: clamp(2.25rem, 4vw, 4rem);
  line-height: 1;
  letter-spacing: -.04em;
}
.article-body h2 {
  font-size: clamp(1.6rem, 2.4vw, 2rem);
}
.confrontation-main h2 {
  font-size: clamp(2.35rem, 4.1vw, 4.2rem);
  line-height: 1;
}
.confrontation-side h3 {
  font-size: clamp(1.55rem, 2.2vw, 2.15rem);
}
.faith-grid h2 {
  font-size: clamp(2.1rem, 3.4vw, 3.5rem);
}
.faith-quote {
  font-size: clamp(2rem, 3vw, 3.1rem);
}
.justice-copy h2,
.petition-promo h2,
.petition-copy h2,
.petition-share-block h2 {
  font-size: clamp(2.1rem, 3.4vw, 3.55rem);
  line-height: 1.02;
  letter-spacing: -.038em;
}

@media (max-width: 782px) {
  .hero h1 {
    font-size: clamp(2.55rem, 10vw, 3.75rem);
    line-height: .98;
  }
  .page-hero h1 {
    font-size: clamp(2.35rem, 9vw, 3.6rem);
  }
  .section-head h2,
  .split-feature h2,
  .lawsuit-grid h2,
  .parallax-content h2,
  .justice-copy h2,
  .petition-promo h2,
  .petition-copy h2,
  .petition-share-block h2 {
    font-size: clamp(1.9rem, 7.5vw, 2.75rem);
  }
  .confrontation-main h2,
  .faith-grid h2 {
    font-size: clamp(2rem, 8vw, 3rem);
  }
  .faith-quote {
    font-size: clamp(1.8rem, 7vw, 2.6rem);
  }
}

@media (max-width: 480px) {
  .hero h1 { font-size: clamp(2.35rem, 11vw, 3.2rem); }
  .page-hero h1 { font-size: clamp(2.15rem, 10vw, 3rem); }
}
