/* ════════════════════════════════════════════════════════════════
   APOSTOLIC ACADEMY — article & printable stylesheet
   Built on the live Faith Schooling design system (themes/faith-education/style.css v3.0.0).
   Every colour and font below is inherited from the real --fs-* tokens.
   Nothing here invents a brand.

   Design direction: classical, typographic, editorial.
   The house typeface is Libre Caslon Text and the palette is parchment/forest/gold —
   this is a printing-tradition brand, so the pages are set, not decorated.
   No illustration, no cartoons, no stock people.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Inherited from the live theme — do not diverge */
  --fs-bg:            #F9F5EF;
  --fs-primary:       #2D5016;
  --fs-primary-dark:  #1E3A0E;
  --fs-secondary:     #7B3F00;
  --fs-secondary-dark:#5A2E00;
  --fs-accent:        #C8860A;
  --fs-accent-text:   #8A5A00;
  --fs-accent-light:  #E5A830;
  --fs-earth:         #3D1C02;
  --fs-white:         #FFFFFF;

  --fs-text:          #1A0F00;
  --fs-text-light:    #4A3520;
  --fs-text-muted:    #7A6A55;
  --fs-text-on-green: #F9F5EF;

  --fs-card-bg:       #FFFFFF;
  --fs-border-light:  rgba(61, 28, 2, 0.12);
  --fs-divider:       rgba(61, 28, 2, 0.10);

  --fs-radius-sm:  6px;
  --fs-radius-md:  8px;
  --fs-radius-lg:  12px;

  --fs-shadow-sm:  0 1px 4px rgba(61, 28, 2, 0.06);
  --fs-shadow-md:  0 4px 16px rgba(61, 28, 2, 0.10);
  --fs-shadow-lg:  0 8px 32px rgba(61, 28, 2, 0.14);

  --fs-heading-font: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --fs-body-font:    'Libre Caslon Text', Georgia, 'Times New Roman', serif;

  /* Academy-specific */
  --aa-measure:      68ch;   /* reading measure — the single most important number here */
  --aa-rule:         1px solid var(--fs-border-light);
}

/* ── Dark mode: use the site's saved toggle state exclusively ──
   The main theme intentionally defaults to light unless fs-theme is "dark".
   Do not infer a second Academy-only state from the device color scheme. */
:root[data-theme="dark"] {
  --fs-bg:           #1A1410;
  --fs-primary:      #5A9B3A;
  --fs-primary-dark: #3D7020;
  --fs-secondary:    #D4940F;
  --fs-accent:       #E5A830;
  --fs-accent-text:  #E5A830;
  --fs-earth:        #8B5E3C;
  --fs-white:        #231A12;
  --fs-text:         #E8DDD0;
  --fs-text-light:   #C4B5A0;
  --fs-text-muted:   #9A8B78;
  --fs-card-bg:      #2A2018;
  --fs-border-light: rgba(200, 180, 150, 0.14);
  --fs-divider:      rgba(200, 180, 150, 0.10);
}

/* ── Base ────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--fs-bg);
  color: var(--fs-text);
  font-family: var(--fs-body-font);
  font-size: 1.0625rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ── Masthead ────────────────────────────────────────────────── */
.aa-masthead {
  border-bottom: 2px solid var(--fs-primary);
  background: var(--fs-card-bg);
}
.aa-masthead-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1.1rem 1.5rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.aa-wordmark {
  font-family: var(--fs-heading-font);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--fs-primary);
  letter-spacing: .01em;
  text-decoration: none;
}
.aa-wordmark span {
  color: var(--fs-text-muted);
  font-weight: 400;
  font-style: italic;
}
.aa-masthead-nav {
  font-size: .875rem;
  color: var(--fs-text-muted);
}
.aa-masthead-nav a {
  color: var(--fs-text-light);
  text-decoration: none;
  margin-left: 1.1rem;
}
.aa-masthead-nav a:hover { color: var(--fs-primary); text-decoration: underline; }

/* ── Hero ────────────────────────────────────────────────────── */
.aa-hero {
  background: linear-gradient(180deg, var(--fs-bg) 0%, rgba(200,134,10,0.05) 100%);
  border-bottom: var(--aa-rule);
  padding: 3.25rem 1.5rem 2.5rem;
  text-align: center;
}
.aa-hero-inner { max-width: 46rem; margin: 0 auto; }

.aa-kicker {
  font-size: .75rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--fs-accent-text);
  font-weight: 700;
  margin: 0 0 .85rem;
}

.aa-hero h1,
.aa-hero .aa-hero-title {
  font-family: var(--fs-heading-font);
  font-size: clamp(1.9rem, 4.4vw, 2.85rem);
  line-height: 1.18;
  font-weight: 700;
  color: var(--fs-primary);
  margin: 0 0 1rem;
  letter-spacing: -0.01em;
}

.aa-hero-sub {
  font-size: 1.1rem;
  color: var(--fs-text-light);
  font-style: italic;
  margin: 0 auto;
  max-width: 34rem;
  line-height: 1.6;
}

/* Ornament — a printer's fleuron between rules. Set, not drawn.
   Built as a flex row rather than ::after on an <hr>: <hr> is a void element and
   generated content on it is unreliable across engines, which silently left the
   fleuron off the page. */
.aa-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  max-width: 11rem;
  margin: 1.7rem auto 0;
  color: var(--fs-accent);
}
.aa-ornament::before,
.aa-ornament::after {
  content: "";
  flex: 1;
  height: 1px;
  background: currentColor;
  opacity: .45;
}
.aa-ornament-mark {
  font-size: 1rem;
  line-height: 1;
  opacity: .85;
}

/* ── Layout ──────────────────────────────────────────────────── */
.aa-shell {
  max-width: 1100px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 4rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
}
@media (min-width: 1040px) {
  .aa-shell.has-aside {
    grid-template-columns: minmax(0, 1fr) 15rem;
    align-items: start;
  }
}

.aa-article { width: 100%; min-width: 0; max-width: var(--aa-measure); overflow-wrap: anywhere; }
/* With no sidebar (printables), centre the measure rather than leaving it
   stranded against the left edge. */
.aa-shell:not(.has-aside) .aa-article { margin-inline: auto; }

/* ── Breadcrumbs ─────────────────────────────────────────────── */
.aa-breadcrumbs {
  font-size: .8rem;
  color: var(--fs-text-muted);
  margin: 0 0 1.75rem;
}
.aa-breadcrumbs a { color: var(--fs-text-light); text-decoration: none; }
.aa-breadcrumbs a:hover { text-decoration: underline; }
.aa-breadcrumbs span[aria-current] { color: var(--fs-text-muted); }

/* ── Typography ──────────────────────────────────────────────── */
.aa-article h2 {
  font-family: var(--fs-heading-font);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--fs-primary);
  margin: 2.75rem 0 .85rem;
  padding-bottom: .4rem;
  border-bottom: var(--aa-rule);
  line-height: 1.3;
}
.aa-article h3 {
  font-family: var(--fs-heading-font);
  font-size: 1.175rem;
  font-weight: 700;
  color: var(--fs-secondary);
  margin: 2rem 0 .6rem;
  line-height: 1.35;
}
.aa-article h4 {
  font-family: var(--fs-heading-font);
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--fs-text);
  margin: 1.5rem 0 .5rem;
}
.aa-article p { margin: 0 0 1.15rem; }
.aa-article strong { color: var(--fs-text); font-weight: 700; }
.aa-article em { font-style: italic; }

.aa-article a {
  color: var(--fs-primary);
  text-decoration-color: var(--fs-accent);
  text-underline-offset: 2px;
}
.aa-article a:hover { color: var(--fs-secondary); }

.aa-article ul, .aa-article ol { margin: 0 0 1.15rem; padding-left: 1.35rem; }
.aa-article li { margin-bottom: .5rem; }
.aa-article li::marker { color: var(--fs-accent-text); }

.aa-article hr {
  border: 0;
  border-top: var(--aa-rule);
  margin: 2.5rem 0;
}

/* Lead paragraph — "The short answer" */
.aa-lead {
  font-size: 1.16rem;
  line-height: 1.62;
  color: var(--fs-text);
  background: var(--fs-card-bg);
  border-left: 3px solid var(--fs-primary);
  border-radius: 0 var(--fs-radius-md) var(--fs-radius-md) 0;
  padding: 1.25rem 1.4rem;
  margin: 0 0 1.75rem;
  box-shadow: var(--fs-shadow-sm);
}
.aa-lead p:last-child { margin-bottom: 0; }

/* ── Scripture ───────────────────────────────────────────────── */
/* The most important block on this site. Set, not decorated. */
.aa-scripture {
  font-size: 1.05rem;
  font-style: italic;
  color: var(--fs-text-light);
  background: rgba(200, 134, 10, 0.06);
  border-left: 3px solid var(--fs-accent);
  border-radius: 0 var(--fs-radius-md) var(--fs-radius-md) 0;
  margin: 1.75rem 0;
  padding: 1.15rem 1.4rem;
}
.aa-scripture p { margin: 0 0 .5rem; }
.aa-scripture p:last-child { margin-bottom: 0; }
.aa-scripture cite {
  display: block;
  font-style: normal;
  font-size: .85rem;
  font-weight: 700;
  color: var(--fs-accent-text);
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-top: .6rem;
}

/* Generic pull-quote / callout */
.aa-article blockquote {
  margin: 1.75rem 0;
  padding: 1.1rem 1.35rem;
  background: var(--fs-card-bg);
  border-left: 3px solid var(--fs-secondary);
  border-radius: 0 var(--fs-radius-md) var(--fs-radius-md) 0;
  color: var(--fs-text-light);
  box-shadow: var(--fs-shadow-sm);
}
.aa-article blockquote p:last-child { margin-bottom: 0; }
.aa-article blockquote strong { color: var(--fs-text); }

/* ── Tables ──────────────────────────────────────────────────── */
.aa-table-wrap {
  overflow-x: auto;
  margin: 1.75rem 0;
  border: var(--aa-rule);
  border-radius: var(--fs-radius-md);
  background: var(--fs-card-bg);
  box-shadow: var(--fs-shadow-sm);
}
.aa-article table {
  width: 100%;
  border-collapse: collapse;
  font-size: .94rem;
}
.aa-article thead th {
  background: var(--fs-primary);
  color: var(--fs-text-on-green);
  font-weight: 700;
  text-align: left;
  padding: .7rem .9rem;
  font-size: .85rem;
  letter-spacing: .03em;
}
.aa-article tbody td,
.aa-article tbody th {
  padding: .7rem .9rem;
  border-top: 1px solid var(--fs-divider);
  vertical-align: top;
  text-align: left;
}
.aa-article tbody th { font-weight: 700; color: var(--fs-secondary); }
.aa-article tbody tr:nth-child(even) { background: rgba(61, 28, 2, 0.025); }

/* ── Fill-in rules (printables) ──────────────────────────────── */
.aa-fill {
  display: inline-block;
  min-width: 11rem;
  height: 1.15em;
  vertical-align: baseline;
  border-bottom: 1px solid var(--fs-text-muted);
}
.aa-fill-wide { display: block; width: 100%; min-width: 0; }

/* Fill rules inside a table cell should take the cell */
td .aa-fill, th .aa-fill { display: block; width: 100%; min-width: 4rem; }

/* ── Checkbox lists (printables) ─────────────────────────────── */
.aa-checklist { list-style: none; padding-left: 0; }
.aa-checklist li {
  position: relative;
  padding-left: 1.9rem;
  margin-bottom: .65rem;
}
.aa-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .35em;
  width: 1.05rem;
  height: 1.05rem;
  border: 1.5px solid var(--fs-secondary);
  border-radius: 3px;
  background: var(--fs-white);
}

/* ── Governance callouts ─────────────────────────────────────── */
.aa-note {
  margin: 1.75rem 0;
  padding: 1.1rem 1.35rem;
  border-radius: var(--fs-radius-md);
  font-size: .96rem;
  border: 1px solid var(--fs-border-light);
  background: var(--fs-card-bg);
}
.aa-note-title {
  font-size: .72rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 .5rem;
}
.aa-note p:last-child { margin-bottom: 0; }

/* Honesty seam — where the text says vs. what it's understood to mean */
.aa-note.is-seam { border-left: 3px solid var(--fs-accent); }
.aa-note.is-seam .aa-note-title { color: var(--fs-accent-text); }

/* Conflict-of-interest disclosure — must look deliberate, never buried */
.aa-note.is-disclosure {
  border-left: 3px solid var(--fs-secondary);
  background: rgba(123, 63, 0, 0.045);
}
.aa-note.is-disclosure .aa-note-title { color: var(--fs-secondary); }

/* ── Evidence ledger ─────────────────────────────────────────── */
.aa-ledger {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 2px solid var(--fs-primary);
  font-size: .92rem;
}
.aa-ledger h2 {
  font-size: 1.2rem;
  border-bottom: 0;
  margin-top: 0;
}
.aa-ledger .aa-table-wrap { font-size: .86rem; }
.aa-ledger table { font-size: .84rem; }
.aa-verified {
  font-size: .78rem;
  color: var(--fs-text-muted);
  font-style: italic;
  margin: 0 0 1.25rem;
}

/* ── Byline & trust layer ────────────────────────────────────── */
.aa-byline {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.1rem;
  align-items: center;
  font-size: .82rem;
  color: var(--fs-text-muted);
  padding: .9rem 0;
  border-top: var(--aa-rule);
  border-bottom: var(--aa-rule);
  margin: 0 0 2rem;
}
.aa-byline .aa-author { color: var(--fs-primary); font-weight: 700; }
.aa-byline .aa-sep { color: var(--fs-border-light); }

/* ── CTA ─────────────────────────────────────────────────────── */
.aa-cta {
  margin: 3rem 0 0;
  padding: 1.6rem 1.5rem;
  background: var(--fs-primary);
  border-radius: var(--fs-radius-lg);
  text-align: center;
  box-shadow: var(--fs-shadow-md);
}
.aa-cta p {
  color: var(--fs-text-on-green);
  font-size: 1.05rem;
  margin: 0 0 1rem;
}
.aa-cta-btn {
  display: inline-block;
  background: var(--fs-accent);
  color: var(--fs-earth);
  font-weight: 700;
  font-family: var(--fs-heading-font);
  text-decoration: none;
  padding: .7rem 1.6rem;
  border-radius: var(--fs-radius-full, 9999px);
  font-size: .95rem;
  box-shadow: var(--fs-shadow-sm);
}
.aa-cta-btn:hover { background: var(--fs-accent-light); }

/* ── Aside: related ──────────────────────────────────────────── */
.aa-aside {
  font-size: .88rem;
  position: sticky;
  top: 2rem;
}
.aa-aside h2 {
  font-size: .74rem;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--fs-text-muted);
  border-bottom: var(--aa-rule);
  padding-bottom: .5rem;
  margin: 0 0 .9rem;
}
.aa-aside ul { list-style: none; margin: 0; padding: 0; }
.aa-aside li { margin-bottom: .7rem; line-height: 1.45; }
.aa-aside a { color: var(--fs-primary); text-decoration: none; }
.aa-aside a:hover { text-decoration: underline; }

/* ── Footer ──────────────────────────────────────────────────── */
.aa-footer {
  border-top: var(--aa-rule);
  background: var(--fs-card-bg);
  padding: 2rem 1.5rem;
  font-size: .8rem;
  color: var(--fs-text-muted);
  text-align: center;
  line-height: 1.6;
}
.aa-footer-inner { max-width: 46rem; margin: 0 auto; }
.aa-attribution {
  font-style: italic;
  margin-top: .9rem;
  padding-top: .9rem;
  border-top: var(--aa-rule);
  font-size: .76rem;
}

/* ── Draft banner ────────────────────────────────────────────── */
.aa-draft-banner {
  background: var(--fs-secondary);
  color: #F9F5EF;
  text-align: center;
  padding: .55rem 1rem;
  font-size: .78rem;
  letter-spacing: .05em;
  font-weight: 700;
  text-transform: uppercase;
}

/* ── WordPress Academy hubs and cards ───────────────────────── */
.aa-page { min-height: 65vh; background: var(--fs-bg); }
.aa-page .aa-section-nav {
  border-bottom: var(--aa-rule);
  background: var(--fs-card-bg);
}
.aa-page .aa-section-nav-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: .8rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem 1.3rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.aa-section-nav strong { color: var(--fs-primary); white-space: nowrap; }
.aa-section-nav a { color: var(--fs-text-light); font-size: .82rem; text-decoration: none; white-space: nowrap; }
.aa-section-nav a:hover,.aa-section-nav a[aria-current] { color: var(--fs-secondary); text-decoration: underline; text-underline-offset: 3px; }
.aa-preview-note {
  max-width: 1100px;
  margin: 1.25rem auto 0;
  padding: .85rem 1.1rem;
  border: 1px solid rgba(123,63,0,.25);
  border-radius: var(--fs-radius-md);
  background: rgba(123,63,0,.055);
  color: var(--fs-text-light);
  font-size: .84rem;
  line-height: 1.55;
}
.aa-preview-note strong { color: var(--fs-secondary); }
.aa-hub-shell { max-width: 1100px; margin: 0 auto; padding: 3rem 1.5rem 5rem; }
.aa-hub-intro { max-width: 760px; margin: 0 auto 2.5rem; text-align: center; }
.aa-hub-intro p { color: var(--fs-text-light); line-height: 1.7; }
.aa-pathway { margin-top: 1.1rem; padding: 1rem 1.2rem; border-left: 3px solid var(--fs-accent); background: var(--fs-card-bg); border-radius: 0 var(--fs-radius-md) var(--fs-radius-md) 0; text-align: left; }
.aa-hub-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.15rem; }
.aa-hub-card { display: flex; flex-direction: column; min-width: 0; padding: 1.4rem; border: var(--aa-rule); border-radius: var(--fs-radius-lg); background: var(--fs-card-bg); box-shadow: var(--fs-shadow-sm); text-decoration: none; transition: transform .16s ease,box-shadow .16s ease; }
.aa-hub-card:hover { transform: translateY(-2px); box-shadow: var(--fs-shadow-md); }
.aa-hub-card .aa-card-kicker { margin: 0 0 .45rem; color: var(--fs-accent-text); font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.aa-hub-card h2,.aa-hub-card h3 { margin: 0 0 .55rem; color: var(--fs-primary); font-size: 1.22rem; line-height: 1.3; }
.aa-hub-card p { margin: 0; color: var(--fs-text-light); font-size: .9rem; line-height: 1.58; }
.aa-hub-card .aa-card-meta { margin-top: auto; padding-top: 1rem; color: var(--fs-text-muted); font-size: .72rem; }
.aa-featured-heading { margin: 0 0 1.5rem; }
.aa-featured-heading h2 { margin: 0; color: var(--fs-primary); font-size: clamp(1.65rem, 3vw, 2.1rem); }
.aa-featured-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(18rem,.85fr); gap: 1.25rem; align-items: stretch; }
.aa-feature-lead,
.aa-feature-brief { position: relative; min-width: 0; overflow: hidden; border: var(--aa-rule); border-radius: var(--fs-radius-lg); background: var(--fs-card-bg); box-shadow: var(--fs-shadow-sm); }
.aa-feature-lead::before,
.aa-feature-brief::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: var(--aa-card-acc,var(--fs-accent)); }
.aa-feature-lead { display: flex; flex-direction: column; justify-content: center; padding: clamp(1.7rem,4vw,2.6rem); }
.aa-feature-lead h3 { max-width: 18ch; margin: 0 0 .85rem; color: var(--fs-primary); font-size: clamp(1.75rem,3.5vw,2.55rem); line-height: 1.12; letter-spacing: -.015em; }
.aa-feature-lead h3 a,
.aa-feature-brief h3 a { color: inherit; text-decoration: none; }
.aa-feature-lead h3 a:hover,
.aa-feature-brief h3 a:hover { color: var(--fs-secondary); text-decoration: underline; text-underline-offset: 3px; }
.aa-feature-meta { display: flex; flex-wrap: wrap; gap: .35rem .55rem; margin: 0 0 .85rem; color: var(--aa-card-acc,var(--fs-accent-text)); font-size: .68rem; font-weight: 700; letter-spacing: .11em; line-height: 1.4; text-transform: uppercase; }
.aa-feature-dek { max-width: 58ch; margin: 0; color: var(--fs-text-light); font-size: 1.02rem; line-height: 1.6; }
.aa-feature-excerpt { max-width: 62ch; margin: 1.25rem 0 0; padding: .2rem 0 .2rem 1rem; border-left: 2px solid var(--fs-accent); color: var(--fs-text-light); font-size: .92rem; font-style: italic; line-height: 1.65; }
.aa-feature-link { margin: 1.35rem 0 0; }
.aa-feature-link a { color: var(--fs-secondary); font-weight: 700; }
.aa-feature-list { display: grid; grid-template-rows: repeat(3,minmax(0,1fr)); gap: .85rem; }
.aa-feature-brief { display: flex; flex-direction: column; justify-content: center; padding: 1.15rem 1.25rem; }
.aa-feature-brief .aa-feature-meta { margin-bottom: .45rem; }
.aa-feature-brief h3 { margin: 0 0 .45rem; color: var(--fs-primary); font-size: 1.08rem; line-height: 1.25; }
.aa-feature-brief > p:last-child { margin: 0; color: var(--fs-text-light); font-size: .82rem; line-height: 1.48; }
.aa-browse-topics { margin-top: clamp(3.5rem,7vw,5rem); padding-top: clamp(2.5rem,5vw,3.5rem); border-top: var(--aa-rule); }
.aa-root-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; }
.aa-root-card { position: relative; padding: 1.6rem; border: var(--aa-rule); border-radius: var(--fs-radius-lg); background: var(--fs-card-bg); box-shadow: var(--fs-shadow-sm); }
.aa-root-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: var(--fs-radius-lg) 0 0 var(--fs-radius-lg); background: var(--fs-accent); }
.aa-root-card h2,.aa-root-card h3 { margin: 0 0 .6rem; color: var(--fs-primary); font-size: 1.35rem; }
.aa-root-card p { color: var(--fs-text-light); line-height: 1.62; }
.aa-root-card a { color: var(--fs-secondary); font-weight: 700; }
.aa-resource-strip { margin-top: 2.5rem; padding: 1.5rem; border-radius: var(--fs-radius-lg); color: var(--fs-text-on-green); background: var(--fs-primary); }
.aa-resource-strip h2 { margin: 0 0 .4rem; color: inherit; }
.aa-resource-strip p { margin: 0 0 1rem; color: rgba(249,245,239,.82); }
.aa-resource-strip a { display: inline-block; padding: .65rem 1rem; border-radius: var(--fs-radius-full); color: var(--fs-earth); background: var(--fs-accent); font-weight: 700; text-decoration: none; }
.aa-resource-choices { margin-top: clamp(3.5rem,7vw,5rem); padding: clamp(1.5rem,3vw,2rem); }
.aa-resource-heading { margin-bottom: 1.25rem; }
.aa-resource-heading .aa-kicker { color: #E9C877; }
.aa-resource-heading h2 { font-size: clamp(1.55rem,3vw,2rem); }
.aa-resource-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.aa-resource-choice { padding: 1.25rem; border: 1px solid rgba(233,200,119,.3); border-radius: var(--fs-radius-md); background: rgba(255,255,255,.055); }
.aa-resource-choice h3 { margin: 0 0 .5rem; color: #F5F0E1; font-size: 1.3rem; }
.aa-resource-choice p { max-width: 50ch; min-height: 3.2em; }
.aa-resource-choice a { white-space: nowrap; }
.aa-state-pill { display: inline-block; margin-left: .45rem; padding: .18rem .5rem; border-radius: var(--fs-radius-full); color: var(--fs-secondary); background: rgba(123,63,0,.08); font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: middle; }
.aa-print-action { margin: 0 0 1.4rem; text-align: right; }
.aa-print-action button { padding: .55rem .9rem; border: 1px solid var(--fs-primary); border-radius: var(--fs-radius-full); color: var(--fs-primary); background: transparent; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; }

@media (max-width: 720px) {
  .aa-root-grid,.aa-hub-grid { grid-template-columns: 1fr; }
  .aa-featured-layout,
  .aa-feature-list,
  .aa-resource-choice-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .aa-feature-lead { padding: 1.45rem; }
  .aa-feature-lead h3 { max-width: none; font-size: 1.7rem; }
  .aa-feature-excerpt { font-size: .88rem; }
  .aa-feature-brief { padding: 1.15rem; }
  .aa-browse-topics { margin-top: 3.5rem; padding-top: 2.5rem; }
  .aa-resource-choice p { min-height: 0; }
  .aa-hero { padding: 2.5rem 1rem 2rem; }
  .aa-hub-shell,.aa-shell { padding-inline: 1rem; }
  .aa-preview-note { margin-inline: 1rem; }
}

@media (min-width: 721px) and (max-width: 900px) {
  .aa-featured-layout { grid-template-columns: 1fr; }
  .aa-feature-list { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: auto; }
}

/* ════════════════════════════════════════════════════════════════
   PRINT — the seven printables must actually work on paper.
   ════════════════════════════════════════════════════════════════ */
@media print {
  @page { margin: 15mm 14mm; }

  :root {
    --fs-bg: #FFFFFF;
    --fs-card-bg: #FFFFFF;
    --fs-text: #000000;
    --fs-text-light: #222222;
    --fs-text-muted: #555555;
  }

  body { background: #fff; font-size: 10.5pt; line-height: 1.5; }

  .site-header,
  .site-footer,
  .scripture-ticker,
  .aa-section-nav,
  .aa-preview-note,
  .aa-print-action,
  .aa-masthead-nav,
  .aa-aside,
  .aa-cta,
  .aa-nextstep,
  .aa-save-button,
  .aa-saved-shelf,
  .aa-featured-tools,
  .aa-question-box,
  .aa-draft-banner,
  .aa-breadcrumbs { display: none !important; }

  .aa-hero { padding: 0 0 .6rem; border-bottom: 1pt solid #000; background: none; text-align: left; }
  .aa-hero-inner { max-width: none; margin: 0; }
  .aa-hero h1,
  .aa-hero .aa-hero-title { font-size: 19pt; color: #000; margin-bottom: .4rem; }
  .aa-hero-sub { font-size: 10pt; margin: 0; max-width: none; }
  .aa-kicker { margin-bottom: .3rem; }
  .aa-ornament { display: none; }
  .aa-byline { margin-bottom: 1rem; }

  .aa-masthead { border-bottom: 0; }
  .aa-masthead-inner { padding: 0 0 .4rem; }

  .aa-shell { display: block; max-width: none; padding: 0; }
  .aa-article { max-width: none; }

  .aa-article h2 {
    font-size: 13pt;
    color: #000;
    border-bottom: .5pt solid #999;
    margin-top: 1.2rem;
    break-after: avoid;
  }
  .aa-article h3 { font-size: 11.5pt; color: #000; break-after: avoid; }

  .aa-lead,
  .aa-note,
  .aa-scripture,
  .aa-article blockquote {
    box-shadow: none;
    border: .5pt solid #999;
    border-left-width: 2pt;
    background: none;
    break-inside: avoid;
  }

  .aa-table-wrap { box-shadow: none; border: .5pt solid #999; break-inside: avoid; }
  .aa-article thead th { background: #eee !important; color: #000 !important; }
  .aa-article tbody tr:nth-child(even) { background: none; }

  /* Fill-in rules must be visible on paper */
  .aa-fill { border-bottom: .75pt solid #000; min-width: 14rem; }
  .aa-checklist li::before { border: 1pt solid #000; }

  /* Keep a table row and its label together */
  tr, li, blockquote { break-inside: avoid; }

  .aa-footer { border-top: .5pt solid #999; text-align: left; padding: .8rem 0 0; }
  .aa-attribution { font-size: 7.5pt; }

  a { color: #000; text-decoration: none; }
}

/* ════════════════════════════════════════════════════════════════
   REDESIGN ENHANCEMENTS — staged 2026-07-18 (owner-approved preview).
   Additive only. Scoped under .aa-page / .aa-* so nothing here can reach
   /tools/, curriculum, membership, games, account, or worksheet pages.
   No images, no base64 — gradients, borders, and generated content only.
   Colour and type continue to inherit the live --fs-* tokens.
   ════════════════════════════════════════════════════════════════ */

/* Per-intent accent, driven from an i-<intent> class on the card.
   Kept as tokens so dark mode can lift them without touching component rules. */
.aa-page {
  --aa-i-doctrinal:       #2D5016;
  --aa-i-how-to:          #8A5A00;
  --aa-i-comparison:      #9A5B3B;
  --aa-i-problem-solving: #7B3F00;
  --aa-i-checklist:       #4A7C2F;
  --aa-i-evidence:        #40636B;
  --aa-i-explanatory:     #6E7B3E;
  --aa-i-printable:       #8A5A00;
  --aa-i-sample:          #9A6B10;
}
:root[data-theme="dark"] .aa-page {
  --aa-i-doctrinal:       #7FB55A;
  --aa-i-how-to:          #E5A830;
  --aa-i-comparison:      #CF9A78;
  --aa-i-problem-solving: #D79A54;
  --aa-i-checklist:       #86C061;
  --aa-i-evidence:        #7FA9B4;
  --aa-i-explanatory:     #AEBD82;
  --aa-i-printable:       #E5A830;
  --aa-i-sample:          #E0B255;
}
.aa-hub-card.i-doctrinal       { --aa-card-acc: var(--aa-i-doctrinal); }
.aa-hub-card.i-how-to          { --aa-card-acc: var(--aa-i-how-to); }
.aa-hub-card.i-comparison      { --aa-card-acc: var(--aa-i-comparison); }
.aa-hub-card.i-problem-solving { --aa-card-acc: var(--aa-i-problem-solving); }
.aa-hub-card.i-checklist       { --aa-card-acc: var(--aa-i-checklist); }
.aa-hub-card.i-evidence        { --aa-card-acc: var(--aa-i-evidence); }
.aa-hub-card.i-explanatory     { --aa-card-acc: var(--aa-i-explanatory); }
.aa-hub-card.i-printable       { --aa-card-acc: var(--aa-i-printable); }
.aa-hub-card.i-sample          { --aa-card-acc: var(--aa-i-sample); }
.aa-feature-lead.i-doctrinal,
.aa-feature-brief.i-doctrinal       { --aa-card-acc: var(--aa-i-doctrinal); }
.aa-feature-lead.i-how-to,
.aa-feature-brief.i-how-to          { --aa-card-acc: var(--aa-i-how-to); }
.aa-feature-lead.i-comparison,
.aa-feature-brief.i-comparison      { --aa-card-acc: var(--aa-i-comparison); }
.aa-feature-lead.i-problem-solving,
.aa-feature-brief.i-problem-solving { --aa-card-acc: var(--aa-i-problem-solving); }
.aa-feature-lead.i-evidence,
.aa-feature-brief.i-evidence        { --aa-card-acc: var(--aa-i-evidence); }
.aa-feature-lead.i-explanatory,
.aa-feature-brief.i-explanatory     { --aa-card-acc: var(--aa-i-explanatory); }

/* Hub / article cards — top accent bar in the card's intent colour, and a
   diamond badge before the kicker label, echoing the approved preview. */
.aa-hub-card { position: relative; overflow: hidden; }
.aa-hub-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--aa-card-acc, var(--fs-accent)), color-mix(in srgb, var(--aa-card-acc, var(--fs-accent)) 30%, transparent));
}
.aa-hub-card .aa-card-kicker {
  color: var(--aa-card-acc, var(--fs-accent-text));
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}
.aa-hub-card .aa-card-kicker::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: none;
  transform: rotate(45deg);
  background: currentColor;
}
.aa-hub-card:hover { transform: translateY(-4px); box-shadow: var(--fs-shadow-lg); }
.aa-hub-card .aa-card-meta { color: var(--fs-text-muted); }
.aa-hub-card:hover .aa-card-meta { color: var(--aa-card-acc, var(--fs-secondary)); }

/* Printables index — premium document cards: a real page thumbnail, an intent
   badge, a page count from metadata, a companion-article link, and clear
   Open / Print actions. Thumbnails are external optimized assets (never base64). */
.aa-printcard {
  --aa-card-acc: var(--aa-i-printable);
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-light);
  border-radius: var(--fs-radius-lg);
  box-shadow: var(--fs-shadow-sm);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s;
}
.aa-printcard.i-checklist { --aa-card-acc: var(--aa-i-checklist); }
.aa-printcard.i-how-to { --aa-card-acc: var(--aa-i-how-to); }
.aa-printcard.i-comparison { --aa-card-acc: var(--aa-i-comparison); }
.aa-printcard::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; z-index: 2;
  background: linear-gradient(90deg, var(--aa-card-acc), color-mix(in srgb, var(--aa-card-acc) 30%, transparent));
}
.aa-printcard:hover { transform: translateY(-5px); box-shadow: var(--fs-shadow-lg); border-color: color-mix(in srgb, var(--aa-card-acc) 34%, var(--fs-border-light)); }
.aa-printcard-thumb { display: block; padding: 1.1rem 1.1rem 0; background: linear-gradient(180deg, var(--fs-bg), color-mix(in srgb, var(--fs-bg) 40%, var(--fs-card-bg))); }
.aa-printcard-thumb img {
  display: block; width: 100%; height: auto;
  border: 1px solid var(--fs-border-light); border-bottom: none; border-radius: 3px 3px 0 0;
  box-shadow: var(--fs-shadow-md); aspect-ratio: 520 / 540; object-fit: cover; object-position: top center;
  transition: transform .2s ease;
}
.aa-printcard:hover .aa-printcard-thumb img { transform: translateY(-3px); }
.aa-printcard-thumb.is-blank { min-height: 6rem; }
.aa-printcard-body { padding: 1.1rem 1.3rem 1.35rem; display: flex; flex-direction: column; flex: 1; }
.aa-printcard .aa-card-kicker { color: var(--aa-card-acc); display: inline-flex; align-items: center; gap: .5rem; margin: 0; font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.aa-printcard .aa-card-kicker::before { content: ""; width: 6px; height: 6px; flex: none; transform: rotate(45deg); background: currentColor; }
.aa-printcard h2 { margin: .5rem 0 0; font-size: 1.2rem; line-height: 1.18; }
.aa-printcard h2 a { color: var(--fs-primary); text-decoration: none; }
.aa-printcard h2 a:hover { color: var(--fs-secondary); }
.aa-printcard-body > p { margin: .42rem 0 0; color: var(--fs-text-light); font-size: .92rem; line-height: 1.5; }
.aa-printcard-meta { margin-top: .8rem; padding-top: .7rem; border-top: 1px solid var(--fs-divider); font-size: .78rem; color: var(--fs-text-muted); }
.aa-printcard-meta .aa-pg { color: var(--fs-primary); font-weight: 700; }
.aa-printcard-meta .aa-dot { margin: 0 .45rem; color: rgba(200, 134, 10, .5); }
.aa-printcard-meta .aa-comp { color: var(--fs-secondary); text-decoration: none; border-bottom: 1px solid rgba(200, 134, 10, .4); }
.aa-printcard-meta .aa-comp:hover { color: var(--fs-primary); }
.aa-printcard-act { margin-top: 1rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.aa-btn { font-family: var(--fs-heading-font); font-weight: 700; font-size: .85rem; padding: .5rem 1.15rem; border-radius: var(--fs-radius-md); text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: background .15s, color .15s, border-color .15s, transform .15s; }
.aa-btn-primary { background: var(--fs-primary); color: var(--fs-text-on-green); border-color: var(--fs-primary); }
.aa-btn-primary:hover { background: var(--fs-earth); border-color: var(--fs-earth); transform: translateY(-1px); }
.aa-btn-ghost { color: var(--fs-secondary); border-color: var(--fs-secondary); background: transparent; }
.aa-btn-ghost:hover { background: var(--fs-secondary); color: var(--fs-text-on-green); }
.aa-btn:focus-visible { outline: 3px solid var(--fs-accent); outline-offset: 2px; }

/* Curriculum sample strip — the Faith Readers sample week, deliberately set
   apart from the printables as a crafted green panel (owner: curriculum, not
   a printable). Mirrors the approved index preview. */
.aa-sample-wrap { margin-top: 2.5rem; }
.aa-sample-lead {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.1rem;
  color: var(--fs-text-muted);
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}
.aa-sample-lead::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(200, 134, 10, .42), transparent);
}
.aa-sample-strip {
  position: relative;
  display: grid;
  gap: .5rem;
  padding: clamp(1.5rem, 3vw, 2.3rem);
  border-radius: var(--fs-radius-lg);
  background: linear-gradient(135deg, var(--fs-primary), var(--fs-primary-dark));
  color: var(--fs-text-on-green);
  box-shadow: var(--fs-shadow-md);
  text-decoration: none;
  overflow: hidden;
  transition: transform .16s ease, box-shadow .16s ease;
}
.aa-sample-strip::before {
  content: "";
  position: absolute;
  inset: .7rem;
  border: 1px solid rgba(200, 134, 10, .3);
  border-radius: var(--fs-radius-md);
  pointer-events: none;
}
.aa-sample-strip:hover { transform: translateY(-3px); box-shadow: var(--fs-shadow-lg); }
.aa-sample-strip > * { position: relative; }
.aa-sample-eyebrow {
  font-size: .7rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  color: #E9C877;
}
.aa-sample-title { font-family: var(--fs-heading-font); font-size: 1.5rem; line-height: 1.15; color: #F5F0E1; }
.aa-sample-dek { color: rgba(249, 245, 239, .85); font-size: .96rem; line-height: 1.55; max-width: 52ch; }
.aa-sample-tag {
  justify-self: start;
  margin-top: .3rem;
  font-size: .62rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #E9C877;
  border: 1px solid rgba(200, 134, 10, .42);
  border-radius: 2px;
  padding: .3rem .65rem;
}
.aa-sample-cta { margin-top: .3rem; color: #E9C877; font-weight: 700; font-size: .95rem; }

/* Root pathway cards — match the lift and let the accent rail read as
   intentional rather than a hairline. */
.aa-root-card { transition: transform .16s ease, box-shadow .16s ease; }
.aa-root-card:hover { transform: translateY(-4px); box-shadow: var(--fs-shadow-md); }
.aa-root-card::before { width: 4px; background: linear-gradient(180deg, var(--fs-primary), var(--fs-accent)); }
.aa-root-card .aa-kicker { color: var(--fs-accent-text); }

/* Resource strip — add the doctrine-band gold frame so it reads as a
   crafted panel, not a coloured box. */
.aa-resource-strip { position: relative; overflow: hidden; box-shadow: var(--fs-shadow-md); }
.aa-resource-strip::before {
  content: "";
  position: absolute;
  inset: .7rem;
  border: 1px solid rgba(200, 134, 10, .32);
  border-radius: var(--fs-radius-md);
  pointer-events: none;
}
.aa-resource-strip > * { position: relative; }
.aa-resource-strip a + a { margin-left: .6rem; }

/* Hero ornament — a touch more presence on the fleuron. */
.aa-hero .aa-ornament { max-width: 13rem; }

/* Accessibility: an unmistakable keyboard-focus ring on every interactive
   Academy element, in both themes. */
.aa-page a:focus-visible,
.aa-print-action button:focus-visible,
.aa-cta-btn:focus-visible,
.aa-resource-strip a:focus-visible {
  outline: 3px solid var(--fs-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

/* "Put this into practice" — the platform-pathway next-step module. Calm,
   informational; descriptive crawlable links; light/dark via tokens; hidden in
   print. No sales banner, no modal. */
.aa-nextstep {
  position: relative;
  margin: 3rem 0 0;
  padding: clamp(1.4rem, 3vw, 2.1rem);
  background: var(--fs-card-bg);
  border: 1px solid var(--fs-border-light);
  border-radius: var(--fs-radius-lg);
  box-shadow: var(--fs-shadow-sm);
  overflow: hidden;
}
.aa-nextstep::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: linear-gradient(90deg, var(--fs-primary), var(--fs-accent));
}
.aa-nextstep-eyebrow { margin: 0; font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--fs-accent-text); }
.aa-nextstep-title { margin: .3rem 0 0; font-family: var(--fs-heading-font); font-size: 1.4rem; color: var(--fs-primary); border-bottom: 0; padding: 0; }
.aa-nextstep-grid { display: grid; grid-template-columns: 1fr; gap: .8rem; margin-top: 1.15rem; }
@media (min-width: 620px) {
  .aa-nextstep-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aa-nextstep-card.is-primary { grid-column: 1 / -1; }
}
.aa-nextstep-card {
  display: flex; flex-direction: column; gap: .25rem;
  padding: 1rem 1.15rem;
  border: 1px solid var(--fs-border-light); border-left: 3px solid var(--fs-accent);
  border-radius: var(--fs-radius-md); background: var(--fs-bg); text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s;
}
.aa-nextstep-card.is-primary { border-left-color: var(--fs-primary); background: color-mix(in srgb, var(--fs-primary) 6%, var(--fs-card-bg)); }
.aa-nextstep-card:hover { transform: translateY(-2px); box-shadow: var(--fs-shadow-md); border-color: color-mix(in srgb, var(--fs-primary) 30%, var(--fs-border-light)); }
.aa-nextstep-kind { font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: var(--fs-accent-text); }
.aa-nextstep-label { font-family: var(--fs-heading-font); font-size: 1.08rem; font-weight: 700; color: var(--fs-primary); line-height: 1.25; }
.aa-nextstep-card:hover .aa-nextstep-label { color: var(--fs-secondary); }
.aa-nextstep-reason { font-size: .9rem; color: var(--fs-text-light); line-height: 1.5; }
.aa-nextstep-card:focus-visible { outline: 3px solid var(--fs-accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .aa-nextstep-card, .aa-nextstep-card:hover { transition: none; transform: none; } }

.aa-question-form-wrap form > label { display: block; margin: .8rem 0 .35rem; color: var(--fs-text); font-size: .84rem; font-weight: 700; }
.aa-saved-clear,
.aa-save-button,
.aa-question-submit button {
  border: 1px solid var(--fs-border-light); border-radius: var(--fs-radius-full);
  color: var(--fs-primary); background: var(--fs-card-bg);
  font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer;
}

.aa-saved-shelf {
  display: grid; grid-template-columns: minmax(12rem, .65fr) minmax(0, 1.35fr);
  gap: 1.1rem 1.5rem; align-items: start; margin: 1.25rem 0 0; padding: 1.25rem;
  border: 1px solid color-mix(in srgb, var(--fs-accent) 42%, var(--fs-border-light));
  border-radius: var(--fs-radius-lg);
  background: color-mix(in srgb, var(--fs-accent) 6%, var(--fs-card-bg));
}
.aa-saved-shelf[hidden] { display: none; }
.aa-saved-shelf h2 { margin: .15rem 0 .35rem; color: var(--fs-primary); font-size: 1.35rem; }
.aa-saved-shelf p { margin: 0; color: var(--fs-text-light); font-size: .82rem; line-height: 1.5; }
.aa-saved-list { display: grid; gap: .5rem; }
.aa-saved-list a { display: flex; flex-direction: column; padding: .7rem .8rem; border: 1px solid var(--fs-border-light); border-radius: var(--fs-radius-md); color: var(--fs-primary); background: var(--fs-card-bg); text-decoration: none; }
.aa-saved-list a span { color: var(--fs-accent-text); font-size: .62rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.aa-saved-clear { justify-self: end; grid-column: 2; padding: .4rem .72rem; }
.aa-save-button { display: inline-flex; align-items: center; gap: .4rem; margin: 0 0 1.4rem; padding: .45rem .75rem; }
.aa-save-button[aria-pressed="true"] { border-color: var(--fs-primary); background: color-mix(in srgb, var(--fs-primary) 9%, var(--fs-card-bg)); }

.aa-featured-tools { margin-top: clamp(3.5rem, 7vw, 5rem); padding-top: clamp(2.5rem, 5vw, 3.5rem); border-top: var(--aa-rule); }
.aa-featured-tools-head { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.35rem; }
.aa-featured-tools-head > div { max-width: 730px; }
.aa-featured-tools-head h2 { margin: .15rem 0 .45rem; color: var(--fs-primary); font-size: clamp(1.6rem, 3vw, 2.05rem); }
.aa-featured-tools-head p:last-child { margin: 0; color: var(--fs-text-light); }
.aa-featured-tools-head > a,
.aa-featured-tool-open { color: var(--fs-secondary); font-weight: 700; white-space: nowrap; }
.aa-featured-tools-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.aa-featured-tool-card { display: flex; min-width: 0; flex-direction: column; padding: 1.3rem; border: var(--aa-rule); border-top: 3px solid var(--fs-accent); border-radius: var(--fs-radius-lg); background: var(--fs-card-bg); box-shadow: var(--fs-shadow-sm); }
.aa-featured-tool-card h3 { margin: .5rem 0; color: var(--fs-primary); font-size: 1.25rem; line-height: 1.3; }
.aa-featured-tool-card h3 a { color: inherit; text-decoration: none; }
.aa-featured-tool-card > p:not(.aa-featured-tool-meta) { margin: 0 0 1rem; color: var(--fs-text-light); font-size: .88rem; line-height: 1.55; }
.aa-featured-tool-meta { display: flex; flex-wrap: wrap; gap: .3rem .55rem; margin: 0; color: var(--fs-accent-text); font-size: .62rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.aa-featured-tool-meta span + span::before { content: "·"; margin-right: .55rem; }
.aa-featured-tool-open { margin-top: auto; font-size: .88rem; }

.aa-question-box {
  display: grid; grid-template-columns: minmax(0, .9fr) minmax(20rem, 1.1fr);
  gap: clamp(1.4rem, 4vw, 3rem); margin-top: clamp(3.5rem, 7vw, 5rem);
  padding: clamp(1.4rem, 4vw, 2.4rem); border: 1px solid var(--fs-border-light);
  border-radius: var(--fs-radius-lg); background: var(--fs-card-bg); box-shadow: var(--fs-shadow-sm);
}
.aa-question-copy h2 { margin: .15rem 0 .65rem; color: var(--fs-primary); font-size: clamp(1.55rem, 3vw, 2rem); }
.aa-question-copy > p { color: var(--fs-text-light); }
.aa-question-boundary { padding-left: .85rem; border-left: 2px solid var(--fs-accent); font-size: .8rem; }
.aa-question-form-wrap select,
.aa-question-form-wrap textarea {
  display: block; width: 100%; padding: .72rem .8rem;
  border: 1px solid color-mix(in srgb, var(--fs-primary) 32%, var(--fs-border-light));
  border-radius: var(--fs-radius-md); color: var(--fs-text); background: var(--fs-bg);
  font: inherit; font-size: .9rem;
}
.aa-question-form-wrap textarea { resize: vertical; }
.aa-question-submit { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: .8rem; }
.aa-question-submit > span { color: var(--fs-text-muted); font-size: .72rem; }
.aa-question-submit button { padding: .58rem .9rem; border-color: var(--fs-primary); color: var(--fs-text-on-green); background: var(--fs-primary); }
.aa-honeypot { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.aa-form-notice { padding: .75rem .85rem; border-left: 3px solid var(--fs-accent); color: var(--fs-text); background: color-mix(in srgb, var(--fs-accent) 8%, var(--fs-bg)); }
.aa-form-notice.is-success { border-color: var(--fs-primary); }
.aa-form-notice.is-error { border-color: #A23B2A; }

.aa-saved-clear:focus-visible,
.aa-save-button:focus-visible,
.aa-question-form-wrap select:focus-visible,
.aa-question-form-wrap textarea:focus-visible,
.aa-question-submit button:focus-visible {
  outline: 3px solid var(--fs-accent);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .aa-featured-tools-grid,
  .aa-saved-shelf,
  .aa-question-box { grid-template-columns: 1fr; }
  .aa-saved-clear { grid-column: 1; justify-self: start; }
  .aa-featured-tools-head { align-items: start; flex-direction: column; }
  .aa-featured-tools-head > a { white-space: normal; }
}

/* Print-only publication identity for the printables. Hidden on screen and
   from assistive tech; appears only on paper / in the saved PDF. */
.aa-print-masthead,
.aa-print-foot { display: none; }

/* The actionable print document is hidden on screen; the full guidance
   (.aa-doc-web) shows. @media print swaps them. Structural, not nth-child. */
.aa-doc-print { display: none; }

@media (prefers-reduced-motion: reduce) {
  .aa-hub-card,
  .aa-root-card,
  .aa-printcard,
  .aa-printcard-thumb img,
  .aa-hub-card:hover,
  .aa-root-card:hover,
  .aa-printcard:hover,
  .aa-printcard:hover .aa-printcard-thumb img { transition: none; transform: none; }
}

@media print {
  .aa-print-masthead {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    margin: 0 0 .5rem;
    padding-bottom: .35rem;
    border-bottom: 1.25pt solid #000;
    font-size: 8pt;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
  }
  .aa-print-masthead span:last-child { font-weight: 400; font-style: italic; letter-spacing: .06em; }

  /* Slightly tighter page margin for the worksheets (still a comfortable ~0.5in). */
  @page { margin: 12mm 12mm; }

  /* Swap the on-screen guidance for the actionable print document. */
  .aa-doc-web { display: none !important; }
  .aa-doc-print { display: block !important; }
  .aa-doc-print > :first-child { margin-top: 0; }

  /* Intentional page break inside a multi-page print document (e.g. the prayer
     guide: teaching + prayers on page one, the log + Start Tonight on page two). */
  .aa-doc-print .aa-page-break { break-before: page; page-break-before: always; height: 0; margin: 0; border: 0; }
  .aa-doc-print .aa-page-break + * { margin-top: 0; }

  /* A print DOCUMENT is a form/checklist/worksheet, not an essay — so it is set
     tighter than article prose (denser spacing, not smaller-than-readable type).
     Body stays a readable ~10pt; only the whitespace is reclaimed. */
  .aa-doc-print { font-size: 10pt; line-height: 1.27; }
  .aa-doc-print h2 { font-size: 11.5pt; margin: .5rem 0 .24rem; padding-bottom: .1rem; border-bottom: .5pt solid #999; }
  .aa-doc-print h3 { font-size: 10.5pt; margin: .34rem 0 .14rem; }
  .aa-doc-print p { margin: 0 0 .18rem; }
  .aa-doc-print ul, .aa-doc-print ol { margin: .1rem 0 .3rem; }
  .aa-doc-print li { margin-bottom: .16rem; }
  .aa-doc-print hr { margin: .26rem 0; }
  .aa-doc-print .aa-table-wrap { margin: .34rem 0; }
  .aa-doc-print table { font-size: 9.5pt; }
  .aa-doc-print thead th,
  .aa-doc-print tbody td,
  .aa-doc-print tbody th { padding: .26rem .42rem; }
  .aa-doc-print .aa-scripture,
  .aa-doc-print blockquote { margin: .38rem 0; padding: .35rem .7rem; font-size: 9.5pt; }
  .aa-doc-print .aa-checklist li { padding-left: 1.5rem; margin-bottom: .26rem; }
  .aa-doc-print .aa-checklist li::before { top: .3em; width: .82rem; height: .82rem; }
  .aa-doc-print .aa-fill { min-width: 9rem; }

  /* A worksheet's own title block is compact — reclaim the top of page one.
     The marketing dek and the author/date byline are redundant on a printed
     worksheet (the masthead and footer already carry the publication identity),
     so they are dropped from print to give the form its space. */
  .aa-page .aa-hero { padding: 0 0 .3rem; }
  .aa-page .aa-hero h1,
  .aa-page .aa-hero .aa-hero-title { font-size: 16pt; margin-bottom: .15rem; }
  .aa-page .aa-hero-sub { display: none; }
  .aa-byline { display: none; }

  /* Keep structural blocks whole across page breaks so no page orphans a
     heading, a single table row, a lone checkbox, or a stray quote. */
  .aa-doc-print h2,
  .aa-doc-print h3 { break-after: avoid; page-break-after: avoid; }
  .aa-doc-print table,
  .aa-doc-print .aa-scripture,
  .aa-doc-print blockquote,
  .aa-doc-print .aa-table-wrap { break-inside: avoid; page-break-inside: avoid; }
  .aa-doc-print .aa-checklist li,
  .aa-doc-print tr,
  .aa-doc-print li { break-inside: avoid; page-break-inside: avoid; }

  /* Trailing boilerplate is kept compact so it stays with the document instead
     of orphaning onto a page of its own. break-before: avoid pulls the single
     NKJV attribution + footer up to sit under the last block of content. */
  .aa-doc-print + .aa-attribution,
  .aa-article .aa-attribution {
    margin-top: .5rem;
    padding-top: .3rem;
    font-size: 7pt;
    line-height: 1.22;
    break-before: avoid;
    page-break-before: avoid;
  }
  /* Final-page publication footer (single, at document end — NOT a repeated
     running footer). Enough clearance to never overlap content, kept whole and
     pulled up so it never orphans onto a page of its own. */
  .aa-print-foot {
    display: block;
    margin-top: .7rem;
    padding-top: .4rem;
    border-top: .5pt solid #999;
    font-size: 7.5pt;
    letter-spacing: .04em;
    color: #555;
    break-inside: avoid;
    break-before: avoid;
    page-break-before: avoid;
  }
}