/*
Theme Name: Christ Commands — Sitewide Alignment Repair
Theme URI: https://christcommands.com
Author: Christ Commands
Description: Reversible child-theme preview of the approved Christ Commands brand system.
Template: commands-of-jesus
Version: 1.1.0-preview.13
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: christ-commands-brand
*/

@font-face {
  font-family: "Newsreader";
  src: url("assets/fonts/newsreader-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("assets/fonts/newsreader-latin-italic-variable.woff2") format("woff2");
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("assets/fonts/source-sans-3-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

:root {
  --paper: #f4efe4;
  --paper-light: #fbf8f1;
  --ink: #1b1f1b;
  --ink-soft: #6b7067;
  --olive: #485444;
  --moss: #485444;
  --olive-light: #d9dfd2;
  --clay: #9a5d45;
  --brass: #b08a4a;
  --rule: #d7cdbb;
  --shadow: 0 18px 50px rgb(27 31 27 / 9%);
  --serif: "Newsreader", "Noto Serif", Georgia, serif;
  --sans: "Source Sans 3", "Noto Sans", ui-sans-serif, system-ui, sans-serif;
  --step--1: clamp(0.84rem, 0.82rem + 0.08vw, 0.91rem);
  --step-0: clamp(1rem, 0.97rem + 0.16vw, 1.1rem);
  --step-1: clamp(1.26rem, 1.17rem + 0.45vw, 1.58rem);
  --step-2: clamp(1.62rem, 1.39rem + 1.15vw, 2.35rem);
  --step-3: clamp(2.12rem, 1.66rem + 2.3vw, 3.65rem);
  --step-4: clamp(2.9rem, 2.25rem + 3.4vw, 5.25rem);
}

html { scroll-padding-top: 7rem; }

body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.62;
}

body::before { display: none; }

h1, h2, h3, h4, blockquote {
  font-family: var(--serif);
  font-weight: 430;
  letter-spacing: -0.025em;
}

p, li { max-width: 72ch; }

a:hover { color: var(--moss, #485444); }

:focus-visible {
  outline: 3px solid var(--brass);
  outline-offset: 4px;
}

.site-shell { width: min(100% - 2.5rem, 1160px); }

.site-header {
  background: rgb(244 239 228 / 96%);
  border-color: var(--rule);
  box-shadow: none;
}

.site-header__inner { min-height: 82px; }
.site-logo { flex-basis: 245px; }
.site-logo__desktop .site-mark__image { width: 58px; height: 58px; }
.site-logo__wordmark { font-size: 0; }
.site-logo__wordmark::after { content: "Christ Commands"; font-family: var(--serif); font-size: 1.24rem; font-weight: 520; letter-spacing: -0.01em; }
.primary-nav { gap: clamp(0.85rem, 1.8vw, 1.65rem); font-size: 0.96rem; }
.primary-nav a { text-underline-offset: 0.5rem; }
.primary-nav a:hover { text-decoration: underline; text-decoration-color: var(--brass); }

.menu-toggle {
  width: 44px;
  min-height: 44px;
  padding: 0;
  border-color: var(--rule);
  background: transparent;
  color: var(--ink);
}

.menu-toggle:hover {
  border-color: var(--brass);
  background: var(--paper-light);
  color: var(--ink);
}

.hero { min-height: auto; padding-block: 0; }

.hero--home {
  --hero-image: var(--home-hero-image);
  background-color: var(--ink);
  background-image:
    linear-gradient(90deg, rgb(20 24 20 / 86%) 0%, rgb(20 24 20 / 64%) 58%, rgb(20 24 20 / 32%) 100%),
    var(--home-hero-image);
  background-position: center;
  background-size: cover;
}

.home .hero--home .home-hero__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.75fr);
  gap: clamp(3rem, 8vw, 7rem);
  align-items: center;
  min-height: clamp(360px, 42vw, 455px);
  padding-block: clamp(2.75rem, 5vw, 4rem);
}

.hero--home .home-hero__title,
.hero--home .home-hero__message { max-width: none; }
.home .hero--home h1 { max-width: 13.5ch; font-size: clamp(2.4rem, 4vw, 3.2rem); line-height: 0.98; }
.hero--home h1 br { display: none !important; }
.hero__eyebrow, .eyebrow { color: var(--clay); letter-spacing: 0.19em; }
.hero--home .hero__eyebrow { color: #d88b69; }
.home-hero__message { max-width: 470px; padding: 0.5rem 0 0 clamp(1.5rem, 3vw, 2.5rem); border-left: 1px solid var(--brass); }
.hero__scripture { margin-top: 0; padding-left: 0; border: 0; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.15; }
.hero__scripture cite { color: #ebe5d8; }
.hero__support { color: #f0ebe1; }

.button,
button,
input[type="submit"] {
  min-height: 48px;
  padding: 0.82rem 1.2rem;
  border-radius: 999px;
  border: 1px solid var(--olive);
  background: var(--olive);
  color: #fff;
  font-family: var(--sans);
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

.button--quiet {
  background: transparent;
  border-color: currentColor;
  color: inherit;
}

.section { padding-block: clamp(3.75rem, 6vw, 6rem); }

.home-today {
  background: var(--ink);
  color: var(--paper-light);
}

.today-command {
  display: grid;
  grid-template-columns: minmax(190px, 0.42fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  border-block: 0;
  padding-block: 0;
}

.today-command__intro { align-self: start; padding-top: 0.4rem; }
.today-command__intro .eyebrow { margin-bottom: 1.15rem; }
.today-command__intro p:last-child { color: #d8d8ce; margin-bottom: 0; }
.today-command__reading blockquote {
  margin: 0 0 0.65rem;
  max-width: 28ch;
  font-size: clamp(1.75rem, 3.4vw, 3.15rem);
  line-height: 1.08;
}
.today-command__reference { display: inline; margin-right: 1.5rem; color: #d8d8ce; font-size: 0.82rem; letter-spacing: 0.1em; text-transform: uppercase; }
.today-command__link { color: var(--paper-light); font-weight: 700; text-decoration-color: var(--brass); text-underline-offset: 0.35rem; }
.today-command__link:hover { color: #e4a381; }
.today-command__image { display: none; }
.home-today .button { background: var(--paper-light); border-color: var(--paper-light); color: var(--ink); }
.home-today .button:hover { background: var(--brass); border-color: var(--brass); }

.section--search { background: var(--paper); }
.section__head--search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.65fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: center;
}
.section__head--search h2 { max-width: 13ch; }
.home-search__tools { align-self: center; }
.search-panel { margin-top: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.search-panel label { display: block; margin-bottom: 0.65rem; font-weight: 700; }
.search-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.75rem; }
.search-row input {
  min-height: 54px;
  padding-inline: 1rem;
  border: 1px solid var(--rule);
  border: 0;
  border-bottom: 1px solid var(--ink-soft);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
}
.prompt-links { margin-top: 1rem; gap: 0.7rem 1rem; font-size: 0.88rem; }
.prompt-links a { color: var(--ink-soft); text-decoration-color: var(--brass); }

.section--gateway { background: var(--paper-light); }
.gateway-heading { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: clamp(2rem, 4vw, 3rem); }
.gateway-heading h2 { max-width: 16ch; font-size: var(--step-2); }
.gateway-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.5rem, 3vw, 3rem); }
.gateway-card {
  padding: 2.25rem 0 0;
  border: 0;
  border-top: 2px solid var(--brass);
  background: transparent;
  box-shadow: none;
}
.gateway-card__number { color: var(--clay); font-weight: 700; letter-spacing: 0.1em; }
.gateway-card h3 { font-size: clamp(1.45rem, 2.2vw, 2rem); }
.gateway-card > a { color: var(--ink); font-weight: 700; text-decoration-color: var(--brass); text-underline-offset: 0.35rem; }

.section--project-statement { background: var(--olive); color: var(--paper-light); }
.project-statement { display: grid; grid-template-columns: 0.35fr 1fr; gap: 2rem 6rem; align-items: start; }
.project-statement .eyebrow { color: #e4a381; }
.project-statement h2 { grid-column: 2; max-width: 16ch; }
.project-statement > p:not(.eyebrow), .project-statement > a { grid-column: 2; }
.project-statement > a { color: var(--paper-light); text-decoration-color: var(--brass); }

.prayer-signup { background: var(--paper); border-top: 1px solid var(--rule); }
.prayer-signup--compact { padding-block: clamp(4.5rem, 8vw, 7rem); }
.prayer-signup__compact-inner { display: grid; grid-template-columns: minmax(240px, 0.55fr) minmax(0, 1fr); gap: clamp(2.5rem, 7vw, 7rem); align-items: center; }
.prayer-signup__compact-copy h2 { max-width: 11ch; }
.prayer-form--compact {
  display: grid;
  grid-template-columns: 0.7fr 1fr 1fr auto;
  gap: 1rem;
  padding: 1.5rem;
  border: 1px solid var(--rule);
  border-radius: 6px;
  background: var(--paper-light);
  box-shadow: none;
}
.prayer-form__field { margin: 0; }
.prayer-form label { font-size: 0.88rem; font-weight: 700; }
.prayer-form input:not([type="checkbox"]), .prayer-form textarea {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-bottom: 1px solid var(--rule);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
}
.prayer-form__consent--compact { grid-column: 1 / -1; color: var(--ink-soft); font-weight: 400; }

.site-footer { background: var(--ink); color: var(--paper-light); }
.site-footer .eyebrow, .site-footer__heading { color: #df9472; }

/* Scripture-first reading pages: reduce cards and keep the text primary. */
.command-hero,
.single-command .hero,
.single-foundation_stage .hero { min-height: auto; }

.single-command .command-page-hero,
.single-foundation_stage .command-page-hero {
  padding-block: clamp(2.75rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3rem);
  border-bottom: 0;
  background: var(--paper);
}

.single-command .command-page-hero .reading-column,
.single-foundation_stage .command-page-hero .reading-column,
.single-command .command-reading > .reading-column,
.single-foundation_stage .command-reading > .reading-column {
  width: min(100% - 2.5rem, 1040px);
  max-width: none;
}

.single-command .command-page-hero h1,
.single-foundation_stage .command-page-hero h1 {
  margin: 0.2rem 0 0.75rem;
  font-size: clamp(3rem, 6vw, 5.4rem);
  line-height: 0.98;
}

.single-command .command-reading,
.single-foundation_stage .command-reading {
  padding-block: 0 clamp(5rem, 8vw, 8rem);
  background: var(--paper);
}

.single-command .command-reading > .reading-column,
.single-foundation_stage .command-reading > .reading-column {
  padding: clamp(2.25rem, 5vw, 4.5rem);
  background: var(--paper-light);
  box-shadow: 0 22px 60px rgb(27 31 27 / 6%);
}

.single-command .scripture-section,
.single-foundation_stage .scripture-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 0 0 clamp(3rem, 6vw, 5rem);
  padding: 0;
  border: 0;
}

.single-command .scripture-section > .eyebrow,
.single-command .scripture-section > .screen-reader-text,
.single-foundation_stage .scripture-section > .eyebrow,
.single-foundation_stage .scripture-section > .screen-reader-text { grid-column: 1 / -1; }

.single-command .gospel-passage,
.single-foundation_stage .gospel-passage {
  margin: 0;
  padding: 1.6rem;
  border: 1px solid var(--rule);
  background: #fffdf8;
}

.single-command .gospel-passage:first-of-type,
.single-foundation_stage .gospel-passage:first-of-type {
  grid-column: 1 / -1;
  padding: clamp(2rem, 4vw, 3.25rem);
  border-top: 2px solid var(--brass);
}

.single-command .gospel-passage:first-of-type .scripture-text,
.single-foundation_stage .gospel-passage:first-of-type .scripture-text {
  max-width: 25ch;
  font-family: var(--serif);
  font-size: clamp(1.85rem, 3.3vw, 3rem);
  line-height: 1.22;
}

.single-command .editorial-section,
.single-foundation_stage .editorial-section {
  padding-block: clamp(2.5rem, 5vw, 4rem);
  border-top: 1px solid var(--rule);
}

.single-command .editorial-section h2,
.single-foundation_stage .editorial-section h2 { max-width: 24ch; font-size: clamp(1.65rem, 3vw, 2.55rem); }

.single-command .practice-panel,
.single-foundation_stage .practice-panel {
  margin-block: clamp(2.5rem, 5vw, 4rem);
  padding: clamp(2rem, 4vw, 3.25rem);
}
.passage-card,
.scripture-card,
.command-section,
.practice-panel {
  border-radius: 0;
  box-shadow: none;
}
.passage-card,
.scripture-card { border-color: var(--rule); background: var(--paper-light); }
.command-section { border-top: 1px solid var(--rule); background: transparent; }
.practice-panel { background: var(--olive); color: var(--paper-light); }
.coj-greek-trigger,
.greek-word-trigger {
  border-bottom: 1px dotted var(--brass);
  color: inherit;
  text-decoration: none;
}

@media (max-width: 900px) {
  .home-hero__grid,
  .section__head--search,
  .project-statement,
  .prayer-signup__compact-inner { grid-template-columns: 1fr; }
  .home .hero--home .home-hero__grid { grid-template-columns: 1fr; align-items: start; min-height: auto; }
  .home-hero__message { max-width: 650px; }
  .today-command { grid-template-columns: 1fr; gap: 1.5rem; }
  .today-command__intro { max-width: 40ch; }
  .gateway-grid { grid-template-columns: 1fr; }
  .project-statement h2,
  .project-statement > p:not(.eyebrow),
  .project-statement > a { grid-column: 1; }
  .prayer-form--compact { grid-template-columns: 1fr 1fr; }
  .prayer-form--compact button { align-self: end; }
}

@media (max-width: 640px) {
  .site-shell { width: min(100% - 1.5rem, 1160px); }
  .site-header__inner { min-height: 76px; }
  .hero { min-height: auto; padding-block: 5rem; }
  .hero--home { background-position: 58% center; }
  .home .hero--home h1 { max-width: 10ch; font-size: clamp(2.65rem, 12vw, 3.8rem); }
  .hero__scripture { padding-left: 1.2rem; }
  .button-row, .search-row { grid-template-columns: 1fr; }
  .button-row { display: grid; }
  .button, button { width: 100%; justify-content: center; text-align: center; }
  .menu-toggle { width: 44px; }
  .section { padding-block: 4.5rem; }
  .today-command__reading blockquote { font-size: clamp(2.35rem, 11.5vw, 3.6rem); }
  .prayer-form--compact { grid-template-columns: 1fr; padding: 1.15rem; }
  .prayer-form__consent--compact { grid-column: 1; }
  .single-command .command-reading > .reading-column,
  .single-foundation_stage .command-reading > .reading-column { width: 100%; padding: 1.5rem; }
  .single-command .scripture-section,
  .single-foundation_stage .scripture-section { grid-template-columns: 1fr; }
  .single-command .gospel-passage:first-of-type,
  .single-foundation_stage .gospel-passage:first-of-type { grid-column: 1; }
}

/* --------------------------------------------------------------------------
   Direction C — Editorial Scripture Edition, site-wide implementation
   Version 1.1.0-preview.11
   -------------------------------------------------------------------------- */

body {
  background: var(--paper);
  background-image: none;
}

.site-header {
  position: relative;
  z-index: 20;
  background: rgb(244 239 228 / 98%);
}
.site-header__inner { min-height: 96px; }
.site-logo__desktop .site-mark__image { width: 60px; height: 60px; }
.site-logo__wordmark::after { content: "Christ Commands"; font-size: 1.2rem; }
.primary-nav { font-size: 0.88rem; letter-spacing: 0.01em; }

/* Homepage: photography and typography occupy separate editorial fields. */
.edition-opening {
  display: grid;
  grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
  min-height: clamp(590px, 66vw, 760px);
  background: var(--paper-light);
}
.edition-opening__image {
  position: relative;
  min-height: 100%;
  background-color: #cbc4b5;
  background-image: var(--edition-image);
  background-position: center;
  background-size: cover;
}
.edition-opening__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgb(27 31 27 / 38%));
}
.edition-opening__image p {
  position: absolute;
  z-index: 1;
  inset: auto auto clamp(1.5rem, 4vw, 3rem) clamp(1.5rem, 5vw, 4rem);
  margin: 0;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.edition-opening__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(4rem, 8vw, 7rem) clamp(2.2rem, 8vw, 8rem) clamp(3.5rem, 7vw, 6rem);
}
.edition-opening h1 {
  max-width: 7.2ch;
  margin: 1.2rem 0 2rem;
  font-size: clamp(4.2rem, 8vw, 8rem);
  line-height: 0.83;
  letter-spacing: -0.057em;
}
.edition-opening__statement {
  max-width: 31rem;
  margin: 0;
  color: var(--ink-soft);
  font-family: var(--serif);
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1.38;
}
.edition-opening__actions { display: flex; flex-wrap: wrap; gap: 1.25rem 1.75rem; align-items: center; margin-top: 2.4rem; }
.edition-opening__actions .button { background: var(--ink); border-color: var(--ink); }
.edition-text-link {
  color: var(--ink);
  font-size: 0.8rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration-color: var(--brass);
  text-underline-offset: 0.42rem;
}
.edition-opening__scripture {
  max-width: 27rem;
  margin: clamp(3.5rem, 7vw, 7rem) 0 0;
  padding-left: 1.5rem;
  border-left: 1px solid var(--brass);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.25;
}
.edition-opening__scripture cite {
  display: block;
  margin-top: 1rem;
  color: var(--clay);
  font: 750 0.68rem/1 var(--sans);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.edition-index { background: var(--ink); color: var(--paper-light); }
.edition-index__inner { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.edition-index a {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  gap: 0.15rem 0.8rem;
  min-height: 92px;
  padding: 1.45rem clamp(0.8rem, 2.4vw, 1.8rem);
  border-right: 1px solid #444a43;
  color: var(--paper-light);
  text-decoration: none;
}
.edition-index a:first-child { border-left: 1px solid #444a43; }
.edition-index a:hover { background: #252a25; color: #fff; }
.edition-index span { grid-row: 1 / 3; color: var(--brass); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.12em; }
.edition-index strong { font-family: var(--serif); font-size: 1.2rem; font-weight: 480; }
.edition-index small { color: #aeb2a9; font-size: 0.72rem; }

.home-today { padding: 0; background: var(--paper); color: var(--ink); }
.today-command-wrap { width: 100%; max-width: none; }
.home-today .today-command {
  display: grid;
  grid-template-columns: minmax(190px, 0.7fr) minmax(0, 1.15fr) minmax(260px, 0.72fr);
  gap: 0;
  min-height: 470px;
}
.home-today .today-command__intro,
.home-today .today-command__reading { display: flex; flex-direction: column; justify-content: center; padding: clamp(3rem, 7vw, 6rem); }
.home-today .today-command__intro { border-right: 1px solid var(--rule); }
.home-today .today-command__intro p:last-child { color: var(--ink-soft); }
.home-today .today-command__reading blockquote { max-width: 15ch; font-size: clamp(2.5rem, 4.4vw, 4.4rem); line-height: 1; }
.home-today .today-command__image {
  display: block;
  min-height: 470px;
  background-color: #263028;
  background-image: var(--today-image);
  background-position: center;
  background-size: cover;
}
.home-today::before { display: none; }
.section--search { background: var(--paper-light); color: var(--ink); border-top: 1px solid var(--rule); }
.section--search .eyebrow { color: var(--clay); }
.section--search h2 { color: var(--ink); font-size: clamp(2.2rem, 4vw, 4rem); }
.section--search .section__head--search > div:first-child > p:last-child { color: var(--ink-soft); }
.section--search .search-panel label { color: var(--ink); font-size: 1rem; }
.section--search .search-row input { color: var(--ink); border-bottom-color: var(--ink-soft); }
.section--search .search-row input::placeholder { color: #888b83; }
.section--search .search-row button { background: var(--ink); border-color: var(--ink); color: #fff; }
.section--search .prompt-links a { color: var(--ink-soft); }
.section--gateway { background: var(--paper); }
.gateway-grid { border-block: 1px solid var(--rule); }
.gateway-card { background: transparent; }
.section--project-statement { background: var(--ink); background-image: none; }

/* Command and foundation readings: book page, main text plus margin notes. */
.single-command .command-page-hero,
.single-foundation_stage .page-hero.foundation-chapter {
  padding-block: clamp(4rem, 7vw, 7rem) clamp(2.5rem, 5vw, 4.5rem);
  background: var(--paper-light);
  background-image: none !important;
  color: var(--ink);
  border-bottom: 1px solid var(--rule);
}
.single-command .command-page-hero .reading-column,
.single-foundation_stage .foundation-chapter .reading-column {
  display: grid;
  grid-template-columns: minmax(150px, 0.28fr) minmax(0, 1fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.single-command .command-page-hero .reading-column::before,
.single-foundation_stage .foundation-chapter .reading-column::before {
  content: "SCRIPTURE EDITION";
  grid-column: 1;
  grid-row: 1 / span 8;
  padding-top: 0.9rem;
  border-top: 1px solid var(--ink);
  color: var(--clay);
  font: 800 0.67rem/1.2 var(--sans);
  letter-spacing: 0.2em;
}
.single-command .command-page-hero .reading-column > *,
.single-foundation_stage .foundation-chapter .reading-column > * { grid-column: 2; }
.single-command .command-page-hero h1,
.single-foundation_stage .foundation-chapter h1 { max-width: 11ch; color: var(--ink); font-size: clamp(4rem, 8vw, 7.4rem); line-height: 0.86; }
.single-command .command-page-hero .eyebrow,
.single-foundation_stage .foundation-chapter .eyebrow { color: var(--clay); }
.single-command .taxonomy-links a { border-color: var(--rule); color: var(--ink-soft); }
.single-command .command-reading,
.single-foundation_stage .command-reading { padding-block: clamp(4rem, 7vw, 7rem); background: var(--paper-light); }
.single-command .command-reading > .reading-column,
.single-foundation_stage .command-reading > .reading-column { padding: 0; background: transparent; box-shadow: none; }
.single-command .scripture-section,
.single-foundation_stage .scripture-section { grid-template-columns: minmax(0, 1.7fr) minmax(230px, 0.62fr); gap: 0 clamp(2.5rem, 7vw, 6.5rem); }
.single-command .gospel-passage,
.single-foundation_stage .gospel-passage { background: transparent; border: 0; border-top: 1px solid var(--rule); padding: 1.8rem 0; }
.single-command .gospel-passage:first-of-type,
.single-foundation_stage .gospel-passage:first-of-type { padding: clamp(2.5rem, 5vw, 4rem) clamp(2rem, 5vw, 5rem) clamp(2.5rem, 5vw, 4rem) 0; border-top: 1px solid var(--ink); border-right: 1px solid var(--rule); }
.single-command .gospel-passage:first-of-type .scripture-text,
.single-foundation_stage .gospel-passage:first-of-type .scripture-text { font-size: clamp(2rem, 3.3vw, 3.15rem); line-height: 1.33; }
.single-command .gospel-passage h2,
.single-foundation_stage .gospel-passage h2 { font-size: clamp(1.5rem, 2.3vw, 2.15rem); }
.single-command .passage-status,
.single-foundation_stage .passage-status { color: var(--ink-soft); font-size: 0.75rem; }
.single-command .editorial-section,
.single-foundation_stage .editorial-section { grid-template-columns: minmax(150px, 0.3fr) minmax(0, 1fr); padding-block: clamp(3.2rem, 6vw, 5.5rem); }
.single-command .editorial-section h2,
.single-foundation_stage .editorial-section h2 { max-width: 26ch; font-size: clamp(1.9rem, 3.5vw, 3.2rem); line-height: 1.12; }
.single-command .practice-panel,
.single-foundation_stage .practice-panel { margin-block: clamp(3rem, 6vw, 5rem); padding: clamp(2.6rem, 5vw, 4.5rem); border-left: 0; border-top: 3px solid var(--clay); background: var(--ink); }
.single-command .practice-panel .eyebrow,
.single-foundation_stage .practice-panel .eyebrow { color: #dc8d6a; }
.single-command .source-nav,
.single-foundation_stage .source-nav { border-top: 1px solid var(--rule); }

/* Begin: a restrained reader's index rather than a card grid. */
.begin-hero {
  position: relative;
  min-height: clamp(430px, 50vw, 610px);
  padding: 0;
  background: var(--paper-light) !important;
  background-image: none !important;
  color: var(--ink) !important;
  overflow: hidden;
}
.begin-hero::before {
  content: "";
  position: absolute;
  inset: 0 55% 0 0;
  background-image: linear-gradient(rgb(27 31 27 / 12%), rgb(27 31 27 / 20%)), var(--hero-image);
  background-position: center;
  background-size: cover;
}
.begin-hero .reading-column { width: 55%; margin: 0 0 0 45%; padding: clamp(4rem, 8vw, 7rem) clamp(2.5rem, 7vw, 7rem); }
.begin-hero h1 { max-width: 9ch; color: var(--ink) !important; font-size: clamp(3.5rem, 6.4vw, 6.6rem); line-height: 0.88; }
.begin-hero .page-hero__intro { color: var(--ink-soft); }
.begin-journey { background: var(--paper); }
.begin-journey .section__head { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.6fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; }
.begin-journey .section__head h2 { max-width: 12ch; font-size: clamp(2.8rem, 5vw, 5rem); line-height: 0.95; }
.foundation-journey { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(3rem, 8vw, 8rem); margin-top: clamp(3rem, 6vw, 6rem); counter-reset: none; }
.foundation-journey li { border-top: 1px solid var(--rule); }
.foundation-journey li::before { display: none; }
.foundation-journey a { display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; gap: 1.3rem; align-items: center; min-height: 118px; padding: 1.5rem 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--ink); }
.foundation-journey a:hover { background: transparent; color: var(--clay); transform: none; }
.foundation-journey span { color: var(--brass); font-size: 0.75rem; letter-spacing: 0.12em; }
.foundation-journey strong { font-family: var(--serif); font-size: clamp(1.55rem, 2.4vw, 2.25rem); font-weight: 450; line-height: 1.1; }
.foundation-journey em { color: var(--ink-soft); font-size: 0.67rem; font-style: normal; letter-spacing: 0.12em; text-transform: uppercase; }

/* Topics: a functional editorial index with visible results. */
.topics-browser { background: var(--paper-light); }
.topic-index { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 clamp(2rem, 5vw, 5rem); }
.topic-index a { display: flex; justify-content: space-between; gap: 1rem; padding: 1.1rem 0; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; background: transparent; color: var(--ink); }
.topic-index a:hover,
.topic-index a.is-active { background: transparent; color: var(--clay); }
.topic-index small { display: inline-flex; align-items: center; justify-content: center; min-width: 1.8rem; height: 1.8rem; border: 1px solid var(--rule); border-radius: 50%; color: var(--ink-soft); }
.topic-results { margin-top: clamp(3rem, 7vw, 7rem); padding-top: clamp(2.5rem, 5vw, 4rem); border-top: 1px solid var(--ink); }
.topic-results .command-card,
.topic-results .topic-command { border-radius: 0; background: transparent; box-shadow: none; }

/* Disciple Someone: one set of steps and a field-guide chooser. */
.disciple-method { background: var(--ink); color: var(--paper-light); }
.disciple-method__steps { grid-template-columns: repeat(4, 1fr); counter-reset: none; }
.disciple-method__steps li { position: relative; padding: 2rem clamp(1rem, 3vw, 2.3rem); border-right: 1px solid #444a43; }
.disciple-method__steps li::before { display: none; }
.disciple-method__steps span { color: var(--brass); font-size: 0.7rem; letter-spacing: 0.14em; }
.disciple-method__steps strong { color: var(--paper-light); font-family: var(--serif); font-size: 1.35rem; font-weight: 470; }
.disciple-method__steps small { color: #b9bdb4; }
.disciple-chooser { background: var(--paper-light); }
.disciple-chooser__grid { grid-template-columns: minmax(0, 0.8fr) minmax(300px, 1fr); gap: clamp(3rem, 9vw, 9rem); align-items: center; }
.disciple-chooser__intro h2 { font-size: clamp(3rem, 5vw, 5.3rem); line-height: 0.92; }
.disciple-command-form { padding: clamp(2rem, 4vw, 3rem); border-top: 2px solid var(--brass); background: var(--paper); }
.disciple-command-form select { min-height: 54px; border: 0; border-bottom: 1px solid var(--ink-soft); border-radius: 0; background: transparent; }

/* Collection and archive pages use folio rules instead of cards. */
.complete-collection { border-top: 1px solid var(--ink); }
.complete-command { display: grid; grid-template-columns: minmax(55px, 0.14fr) minmax(0, 1fr); gap: clamp(1rem, 4vw, 3rem); padding-block: clamp(2rem, 4vw, 3.2rem); border-bottom: 1px solid var(--rule); background: transparent; box-shadow: none; }
.complete-command h2,
.complete-command h3 { font-size: clamp(1.8rem, 3vw, 2.8rem); }
.command-card,
.foundation-card,
.lesson-card { border-radius: 0; box-shadow: none; }

/* Prayer form: quiet horizontal editorial form. */
.prayer-signup { background: var(--paper); }
.prayer-signup__inner,
.prayer-signup__compact-inner { gap: clamp(2.5rem, 8vw, 8rem); }
.prayer-signup__copy h2,
.prayer-signup__compact-copy h2 { max-width: 12ch; font-size: clamp(2.8rem, 5vw, 4.8rem); line-height: 0.94; }
.prayer-form,
.prayer-form--compact { padding: clamp(1.5rem, 3vw, 2.5rem); border: 1px solid var(--rule); border-radius: 0; background: var(--paper-light); box-shadow: none; }
.prayer-form button { border-radius: 999px; }
.site-footer { border-top: 1px solid #3b403a; }

@media (max-width: 900px) {
  .edition-opening { grid-template-columns: 1fr; }
  .edition-opening__image { min-height: 330px; }
  .edition-opening__copy { min-height: 590px; }
  .edition-index__inner { grid-template-columns: repeat(2, 1fr); }
  .home-today .today-command { grid-template-columns: 1fr 1fr; }
  .home-today .today-command__intro { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid var(--rule); }
  .home-today .today-command__image { min-height: 390px; }
  .begin-hero::before { inset: 0 50% 0 0; }
  .begin-hero .reading-column { width: 50%; margin-left: 50%; }
  .foundation-journey,
  .topic-index { grid-template-columns: 1fr 1fr; }
  .disciple-chooser__grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .site-header__inner { min-height: 76px; }
  .edition-opening__image { min-height: 280px; }
  .edition-opening__copy { min-height: auto; padding: 3.5rem 1.25rem; }
  .edition-opening h1 { font-size: clamp(3.7rem, 18vw, 5.5rem); }
  .edition-opening__actions { display: grid; }
  .edition-index__inner { grid-template-columns: 1fr; }
  .edition-index a,
  .edition-index a:first-child { border-left: 1px solid #444a43; border-bottom: 1px solid #444a43; }
  .home-today .today-command { grid-template-columns: 1fr; }
  .home-today .today-command__intro,
  .home-today .today-command__reading { padding: 3.5rem 1.25rem; }
  .home-today .today-command__image { min-height: 300px; }
  .single-command .command-page-hero .reading-column,
  .single-foundation_stage .foundation-chapter .reading-column,
  .single-command .editorial-section,
  .single-foundation_stage .editorial-section { grid-template-columns: 1fr; }
  .single-command .command-page-hero .reading-column::before,
  .single-foundation_stage .foundation-chapter .reading-column::before,
  .single-command .command-page-hero .reading-column > *,
  .single-foundation_stage .foundation-chapter .reading-column > *,
  .single-command .editorial-section > *,
  .single-foundation_stage .editorial-section > *,
  .single-command .editorial-section > .eyebrow,
  .single-foundation_stage .editorial-section > .eyebrow { grid-column: 1; grid-row: auto; }
  .single-command .command-page-hero h1,
  .single-foundation_stage .foundation-chapter h1 { font-size: clamp(3.6rem, 17vw, 5.25rem); }
  .single-command .scripture-section,
  .single-foundation_stage .scripture-section { grid-template-columns: 1fr; }
  .single-command .gospel-passage,
  .single-foundation_stage .gospel-passage,
  .single-command .gospel-passage:first-of-type,
  .single-foundation_stage .gospel-passage:first-of-type { grid-column: 1; grid-row: auto; padding-inline: 0; border-right: 0; }
  .begin-hero { min-height: auto; padding-top: 240px; }
  .begin-hero::before { inset: 0 0 auto; height: 240px; }
  .begin-hero .reading-column { width: 100%; margin: 0; padding: 3.5rem 1.25rem; }
  .begin-journey .section__head,
  .foundation-journey,
  .topic-index { grid-template-columns: 1fr; }
  .foundation-journey a { grid-template-columns: 2.3rem minmax(0, 1fr); }
  .foundation-journey em { grid-column: 2; }
  .disciple-method__steps { grid-template-columns: 1fr 1fr; }
  .disciple-method__steps li { border-bottom: 1px solid #444a43; }
  .complete-command { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

/*
 * Preview 12 — sitewide alignment and contrast repair.
 *
 * These selectors deliberately outrank legacy parent-theme presentation rules.
 * The parent theme still supplies the content and core components; this layer
 * keeps the approved editorial system stable across desktop and mobile.
 */

body {
  overflow-x: hidden;
}

body.home .home-today {
  display: block !important;
  padding: 0 !important;
  background: var(--ink) !important;
  background-image: none !important;
  color: var(--paper-light) !important;
}

body.home .home-today::before,
body.home .home-today::after {
  display: none !important;
}

body.home .home-today .today-command-wrap {
  width: min(100% - 2.5rem, 1160px) !important;
  max-width: 1160px !important;
  margin-inline: auto !important;
}

body.home .home-today .today-command {
  display: grid !important;
  grid-template-columns: minmax(220px, 0.52fr) minmax(0, 1.48fr) !important;
  gap: clamp(2.5rem, 7vw, 7rem) !important;
  align-items: center !important;
  min-height: clamp(520px, 58vw, 700px) !important;
  color: var(--paper-light) !important;
}

body.home .home-today .today-command__intro,
body.home .home-today .today-command__reading {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  width: auto !important;
  max-width: none !important;
  padding: clamp(4rem, 8vw, 7rem) 0 !important;
  text-align: left !important;
}

body.home .home-today .today-command__intro {
  align-self: stretch !important;
  padding-right: clamp(2.5rem, 5vw, 5rem) !important;
  border-right: 1px solid rgb(244 239 228 / 24%) !important;
}

body.home .home-today .today-command__intro .eyebrow {
  color: var(--clay) !important;
}

body.home .home-today .today-command__intro p:last-child {
  max-width: 24ch !important;
  margin: 0 !important;
  color: #c9ccc4 !important;
  font-size: clamp(1rem, 1.4vw, 1.15rem) !important;
  line-height: 1.65 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.home .home-today .today-command__reading blockquote {
  max-width: 17ch !important;
  margin: 0 0 1.35rem !important;
  padding: 0 !important;
  color: var(--paper-light) !important;
  font-size: clamp(3rem, 6.2vw, 6rem) !important;
  line-height: 0.96 !important;
  text-align: left !important;
  text-wrap: balance;
}

body.home .home-today .today-command__reference {
  color: #c9ccc4 !important;
}

body.home .home-today .today-command__link {
  color: var(--paper-light) !important;
}

body.home .home-today .today-command__image {
  display: none !important;
}

body.home .section--search {
  display: block !important;
  padding-block: clamp(5rem, 9vw, 8rem) !important;
  background: var(--olive) !important;
  background-image: none !important;
  color: var(--paper-light) !important;
}

body.home .section--search > .site-shell {
  display: block !important;
  width: min(100% - 2.5rem, 1160px) !important;
  max-width: 1160px !important;
  margin-inline: auto !important;
}

body.home .section--search .section__head--search {
  display: grid !important;
  grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr) !important;
  gap: clamp(3rem, 9vw, 9rem) !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

body.home .section--search .section__head--search > div,
body.home .section--search .home-search__tools {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: left !important;
}

body.home .section--search .eyebrow {
  color: #e6a17d !important;
}

body.home .section--search h2 {
  max-width: 12ch !important;
  color: var(--paper-light) !important;
  font-size: clamp(3rem, 5vw, 5.25rem) !important;
  line-height: 0.98 !important;
  text-align: left !important;
  text-wrap: balance;
}

body.home .section--search .section__head--search > div:first-child > p:last-child {
  max-width: 42ch !important;
  color: #d8dbd3 !important;
  line-height: 1.65 !important;
}

body.home .section--search .search-panel label,
body.home .section--search .prompt-links a {
  color: var(--paper-light) !important;
}

body.home .section--search .search-row {
  width: 100% !important;
}

body.home .section--search .search-row input {
  color: var(--ink) !important;
  background: var(--paper-light) !important;
}

body.home .section--search .search-row button {
  background: var(--clay) !important;
  border-color: var(--clay) !important;
  color: #fff !important;
}

body.home .section--project-statement {
  display: block !important;
  padding-block: clamp(5rem, 9vw, 8rem) !important;
  background: var(--ink) !important;
  background-image: none !important;
  color: var(--paper-light) !important;
}

body.home .section--project-statement .project-statement {
  display: grid !important;
  grid-template-columns: minmax(170px, 0.32fr) minmax(0, 1fr) !important;
  gap: 1.5rem clamp(3rem, 9vw, 9rem) !important;
  align-items: start !important;
  width: min(100% - 2.5rem, 1160px) !important;
  max-width: 1160px !important;
  margin-inline: auto !important;
  text-align: left !important;
}

body.home .project-statement .eyebrow {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
  margin: 0 !important;
  color: #e6a17d !important;
  text-align: left !important;
}

body.home .project-statement h2,
body.home .project-statement > p:not(.eyebrow),
body.home .project-statement > a {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 820px !important;
  margin-inline: 0 !important;
  text-align: left !important;
}

body.home .project-statement h2 {
  font-size: clamp(3.2rem, 6vw, 6.25rem) !important;
  line-height: 0.96 !important;
  text-wrap: balance;
}

body.home .project-statement > p:not(.eyebrow) {
  max-width: 58ch !important;
  color: #d7dad2 !important;
}

body.page-id-18 .foundation-journey {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  width: min(100%, 1040px) !important;
  margin: clamp(3rem, 6vw, 6rem) auto 0 !important;
}

body.page-id-18 .foundation-journey li {
  min-width: 0 !important;
  border: 0 !important;
}

body.page-id-18 .foundation-journey li::before {
  display: none !important;
}

body.page-id-18 .foundation-journey a {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 240px !important;
  padding: 4.25rem 2rem 2.25rem !important;
  overflow: hidden !important;
  border: 1px solid var(--rule) !important;
  border-radius: 22px !important;
  background: var(--paper-light) !important;
  color: var(--ink) !important;
  text-align: center !important;
}

body.page-id-18 .foundation-journey a:hover,
body.page-id-18 .foundation-journey a:focus-visible {
  border-color: var(--clay) !important;
  color: var(--clay) !important;
  transform: translateY(-2px) !important;
}

body.page-id-18 .foundation-journey span {
  position: absolute !important;
  top: 1.35rem !important;
  left: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgb(168 101 73 / 38%) !important;
  border-radius: 50% !important;
  color: var(--clay) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
}

body.page-id-18 .foundation-journey strong {
  display: block !important;
  width: 100% !important;
  max-width: 13ch !important;
  margin: 0 auto !important;
  color: inherit !important;
  font-size: clamp(2rem, 3.3vw, 3.15rem) !important;
  line-height: 1.02 !important;
  text-align: center !important;
  text-wrap: balance;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.page-id-18 .foundation-journey em {
  display: block !important;
  grid-column: auto !important;
  width: 100% !important;
  margin: 1.4rem auto 0 !important;
  color: var(--ink-soft) !important;
  font-size: 0.7rem !important;
  font-style: normal !important;
  line-height: 1.4 !important;
  letter-spacing: 0.14em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

body.page-id-18 .foundation-journey li:nth-child(4n) a {
  background: var(--olive) !important;
  color: var(--paper-light) !important;
}

body.page-id-18 .foundation-journey li:nth-child(4n) em {
  color: #d8dbd3 !important;
}

@media (max-width: 900px) {
  body.home .home-today .today-command,
  body.home .section--search .section__head--search,
  body.home .section--project-statement .project-statement {
    grid-template-columns: 1fr !important;
  }

  body.home .home-today .today-command {
    gap: 0 !important;
    min-height: auto !important;
  }

  body.home .home-today .today-command__intro {
    padding: 4.5rem 0 3rem !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgb(244 239 228 / 24%) !important;
  }

  body.home .home-today .today-command__reading {
    padding: 3.5rem 0 4.5rem !important;
  }

  body.home .section--search .section__head--search {
    gap: 3rem !important;
  }

  body.home .project-statement .eyebrow,
  body.home .project-statement h2,
  body.home .project-statement > p:not(.eyebrow),
  body.home .project-statement > a {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 700px) {
  body.home .home-today .today-command-wrap,
  body.home .section--project-statement .project-statement {
    width: min(100% - 2rem, 1160px) !important;
  }

  body.home .home-today .today-command__reading blockquote,
  body.home .project-statement h2 {
    font-size: clamp(2.75rem, 13vw, 4.6rem) !important;
  }

  body.home .section--search .search-row {
    grid-template-columns: 1fr !important;
  }

  body.home .section--search .search-row button {
    width: 100% !important;
  }

  body.page-id-18 .foundation-journey {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }

  body.page-id-18 .foundation-journey a {
    min-height: 220px !important;
    padding-inline: 1.5rem !important;
  }
}