/* cp-ds-legacy-aliases */
/* Generated by christianpure-design-system. Do not edit.
 * Step-1 migration aliases from tokens/legacy-aliases.json.
 * Load BEFORE design-system.css so live redeclarations shadow these (KTD11).
 */
:root {
  --cp-arrival-gold: var(--cp-color-ink-gold);
  --cp-arrival-ink: var(--cp-color-ink);
  --cp-body: var(--cp-font-family-body);
  --cp-category-coral: var(--cp-color-accent-coral);
  --cp-category-hero-accent: var(--cp-color-accent-coral);
  --cp-category-hero-focus: var(--cp-color-focus-ring);
  --cp-category-hero-ink: var(--cp-color-ink);
  --cp-category-hero-line: var(--cp-color-line);
  --cp-category-hero-muted: var(--cp-color-ink-muted);
  --cp-category-hero-placeholder: var(--cp-color-ink-muted);
  --cp-category-ink: var(--cp-color-ink);
  --cp-category-medallion: var(--cp-color-accent-gold);
  --cp-category-paper: var(--cp-color-surface-page);
  --cp-coral: var(--cp-color-accent-coral);
  --cp-course-apse: var(--cp-color-surface-inverse);
  --cp-course-divider: var(--cp-color-line-gold);
  --cp-course-gold: var(--cp-color-accent-gold);
  --cp-course-line: var(--cp-color-line);
  --cp-course-paper: var(--cp-color-surface-band);
  --cp-courses-coral: var(--cp-color-status-danger);
  --cp-courses-gold: var(--cp-color-accent-gold);
  --cp-courses-gold-light: var(--cp-color-accent-gold);
  --cp-courses-ink: var(--cp-color-ink);
  --cp-courses-ivory: var(--cp-color-surface-band);
  --cp-courses-line: var(--cp-color-line);
  --cp-courses-parchment: var(--cp-color-surface-inset);
  --cp-focus: var(--cp-color-focus-ring);
  --cp-gold: var(--cp-color-accent-gold);
  --cp-gold-line: var(--cp-color-line-gold);
  --cp-heading: var(--cp-font-family-heading);
  --cp-ink: var(--cp-color-ink);
  --cp-ink-deep: var(--cp-color-interactive-hover);
  --cp-la-activity: var(--cp-font-family-body);
  --cp-la-body: var(--cp-font-family-body);
  --cp-la-dark: var(--cp-color-interactive-hover);
  --cp-la-display: var(--cp-font-family-heading);
  --cp-la-ink: var(--cp-color-ink);
  --cp-la-lapis: var(--cp-color-ink);
  --cp-la-light-vermilion: var(--cp-color-accent-coral);
  --cp-la-line: var(--cp-color-line);
  --cp-la-muted: var(--cp-color-ink-muted);
  --cp-la-navy: var(--cp-color-ink);
  --cp-la-ochre: var(--cp-color-accent-gold);
  --cp-la-paper: var(--cp-color-surface-page);
  --cp-la-parchment: var(--cp-color-surface-band);
  --cp-la-reading: var(--cp-font-family-body);
  --cp-la-ui: var(--cp-font-family-body);
  --cp-la-vermilion: var(--cp-color-accent-coral);
  --cp-la-warm-white: var(--cp-color-surface-raised);
  --cp-member-line: var(--cp-color-line);
  --cp-member-paper: var(--cp-color-surface-page);
  --cp-mission-copy: var(--cp-color-ink);
  --cp-mission-gold: var(--cp-color-accent-gold);
  --cp-mission-gold-deep: var(--cp-color-ink-gold);
  --cp-mission-navy: var(--cp-color-ink);
  --cp-mission-paper: var(--cp-color-surface-band);
  --cp-mission-paper-light: var(--cp-color-surface-page);
  --cp-mission-paper-warm: var(--cp-color-surface-inset);
  --cp-mission-rule: var(--cp-color-line-gold);
  --cp-mission-rule-strong: var(--cp-color-accent-gold);
  --cp-nav-accent: var(--cp-color-accent-coral);
  --cp-nav-canvas: var(--cp-color-surface-page);
  --cp-nav-focus: var(--cp-color-focus-ring);
  --cp-nav-hover: var(--cp-color-interactive-hover);
  --cp-nav-ink: var(--cp-color-ink);
  --cp-nav-line: var(--cp-color-line);
  --cp-nav-search-icon: var(--cp-color-ink);
  --cp-prayer-blue: var(--cp-color-ink);
  --cp-prayer-blue-deep: var(--cp-color-interactive-hover);
  --cp-prayer-gold: var(--cp-color-accent-gold);
  --cp-prayer-line: var(--cp-color-line);
  --cp-prayer-paper: var(--cp-color-surface-band);
  --cp-prayer-paper-inset: var(--cp-color-surface-inset);
  --cp-request-footer-ink: var(--cp-color-ink-on-inverse);
  --cp-request-footer-line: var(--cp-color-line-on-inverse);
  --cp-request-footer-muted: var(--cp-color-ink-on-inverse-muted);
  --cp-request-footer-surface: var(--cp-color-surface-inverse);
  --cp-search-focus: var(--cp-color-focus-ring);
  --cp-search-ink: var(--cp-color-ink);
  --cp-search-line: var(--cp-color-line);
  --cp-search-placeholder: var(--cp-color-ink-muted);
  --cp-series-copy: var(--cp-color-ink);
  --cp-series-divider: var(--cp-color-line-gold);
  --cp-series-line: var(--cp-color-line);
  --cp-series-muted: var(--cp-color-ink-muted);
  --cp-stone: var(--cp-color-surface-page);
  --cp-stone-deep: var(--cp-color-surface-inset);
  --cp-verse-gold: var(--cp-color-ink-gold);
  --cp-verse-gold-line: var(--cp-color-line-gold);
  --cp-verse-ivory: var(--cp-color-surface-band);
  --cp-verse-ivory-deep: var(--cp-color-surface-inset);
  --cp-verse-navy: var(--cp-color-ink);
}


/* cp-ds-tokens */
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --cp-color-ink: #002159; /** Primary text and chrome ink. */
  --cp-color-ink-muted: #67625d; /** Secondary text and placeholders. */
  --cp-color-ink-gold: #9b6c20; /** Gold type only (≥ 18px bold), e.g. verse citations. */
  --cp-color-ink-on-inverse: #fffdf8; /** Primary text on navy surfaces. */
  --cp-color-ink-on-inverse-muted: #dbe6f6; /** Secondary text on navy surfaces. */
  --cp-color-surface-page: #fbf8f3; /** Default page ground. */
  --cp-color-surface-band: #f8f2e8; /** Ivory title bands and verse ivory. */
  --cp-color-surface-inset: #f5ede1; /** Recessed panels and disabled fills. */
  --cp-color-surface-raised: #ffffff; /** Raised cards and panels. */
  --cp-color-surface-inverse: #002159; /** Navy register ground (footer, inverse chrome). */
  --cp-color-surface-scrim: rgba(0, 33, 89, 0.85); /** Featured-card title panel scrim — navy at 85%. */
  --cp-color-accent-gold: #c58c23; /** Ornament gold: lines, icons, diamonds. Never small type on page. */
  --cp-color-accent-coral: #d8583f; /** Marker coral: arrows, underlines, meters. Never type. */
  --cp-color-accent-on-inverse: #c58c23; /** Accent on navy surfaces. */
  --cp-color-interactive: #002159; /** Primary interactive fill. */
  --cp-color-interactive-hover: #001b43; /** Hover fill (web). Deep ink. */
  --cp-color-interactive-pressed: #001b43; /** Pressed fill / iOS deepInk. */
  --cp-color-status-success: #2e6b3f; /** Success on page surfaces. */
  --cp-color-status-warning: #9b6c20; /** Warning icon and border unless a text pair passes. */
  --cp-color-status-danger: #8e3528; /** Error text and border on page surfaces. */
  --cp-color-status-danger-on-inverse: #f0a08e; /** Error text and border on navy surfaces (D-017). */
  --cp-color-line: #e8e4df; /** Default hairline / separator. */
  --cp-color-line-gold: rgba(171, 127, 54, 0.32); /** Gold rule at 32% opacity (live --cp-gold-line). */
  --cp-color-line-on-inverse: rgba(255, 255, 255, 0.22); /** Hairline on navy (request-received footer). */
  --cp-color-focus-ring: #0951b1; /** Focus ring on page surfaces. */
  --cp-color-focus-on-inverse: #c58c23; /** Focus ring on navy — blue fails 3:1 on inverse. */
  --cp-space-4: 4px; /** space.4 */
  --cp-space-8: 8px; /** space.8 */
  --cp-space-12: 12px; /** space.12 */
  --cp-space-16: 16px; /** space.16 */
  --cp-space-20: 20px; /** space.20 */
  --cp-space-24: 24px; /** space.24 */
  --cp-space-32: 32px; /** space.32 */
  --cp-space-40: 40px; /** space.40 */
  --cp-space-48: 48px; /** space.48 */
  --cp-space-64: 64px; /** space.64 */
  --cp-space-80: 80px; /** space.80 */
  --cp-space-96: 96px; /** space.96 */
  --cp-radius-hairline: 2px; /** radius.hairline */
  --cp-radius-control: 4px; /** radius.control */
  --cp-radius-card: 8px; /** radius.card */
  --cp-radius-panel: 16px; /** Live mega menu was 14; rounding to 16 is a deliberate step-3 change. */
  --cp-radius-pill: 999px; /** radius.pill */
  --cp-stroke-1: 1px; /** stroke.1 */
  --cp-stroke-3: 3px; /** Focus outline width; offset also 3. */
  --cp-motion-duration: 180ms; /** Canonical --cp-motion-duration (adopted). */
  --cp-motion-duration-exit: 120ms; /** Canonical --cp-motion-duration-exit (adopted). */
  --cp-motion-duration-reduced: 0.01ms; /** prefers-reduced-motion replacement. */
  --cp-motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1); /** Canonical --cp-motion-ease (adopted). */
  --cp-motion-distance: 6px; /** Canonical --cp-motion-distance (adopted). */
  --cp-font-family-heading: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** Canonical → licensed fallback → platform serif. Weights 300–600. */
  --cp-font-family-body: 'FK Roman Text', 'Source Serif 4', Georgia, serif; /** Canonical → licensed fallback → platform serif. Weights 300–500. */
  --cp-font-family-verse: 'Arno Pro', 'Source Serif 4', Georgia, serif; /** Verse quotes: bold italic. */
  --cp-font-family-prayer: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** Prayer inscription uses Tiempos Regular. */
  --cp-font-family-ui: 'FK Roman Text', system-ui, sans-serif; /** Compact UI chrome when a sans stack is required. */
  --cp-font-weight-light: 300; /** font.weight.light */
  --cp-font-weight-regular: 400; /** font.weight.regular */
  --cp-font-weight-medium: 500; /** font.weight.medium */
  --cp-font-weight-semibold: 600; /** font.weight.semibold */
  --cp-font-weight-bold: 700; /** font.weight.bold */
  --cp-canvas-size-square-width: 1080px; /** Instagram and Facebook feed square. Width. */
  --cp-canvas-size-square-height: 1080px; /** Instagram and Facebook feed square. Height. */
  --cp-canvas-size-portrait-width: 1080px; /** Instagram feed portrait (4:5). Width. */
  --cp-canvas-size-portrait-height: 1350px; /** Instagram feed portrait (4:5). Height. */
  --cp-canvas-size-story-width: 1080px; /** Stories, Reels, TikTok, Shorts (9:16). Width. */
  --cp-canvas-size-story-height: 1920px; /** Stories, Reels, TikTok, Shorts (9:16). Height. */
  --cp-canvas-size-link-width: 1200px; /** Link previews and Open Graph (1.91:1). Width. */
  --cp-canvas-size-link-height: 630px; /** Link previews and Open Graph (1.91:1). Height. */
  --cp-canvas-size-video-width: 1280px; /** Video thumbnails (16:9). Width. */
  --cp-canvas-size-video-height: 720px; /** Video thumbnails (16:9). Height. */
  --cp-canvas-safe-inset: 0.05; /** Fraction of the short edge kept clear of type and logo on every side. */
  --cp-canvas-scale-base: 1080; /** Short edge the canvas type sizes are drawn for. */
  --cp-canvas-type-headline: 88px; /** Headline on a 1080 px short edge (about 31 pt on a phone feed). */
  --cp-canvas-type-verse: 64px; /** Verse quote on a 1080 px short edge (about 22 pt). */
  --cp-canvas-type-subhead: 56px; /** Subhead on a 1080 px short edge (about 20 pt). */
  --cp-canvas-type-body: 40px; /** Body on a 1080 px short edge (about 14 pt). */
  --cp-canvas-type-caption: 32px; /** Captions and eyebrows on a 1080 px short edge (about 11 pt). */
  --cp-shadow-low: 0px 4px 12px 0px rgb(55 39 17 / 0.08); /** 0 4px 12px rgb(55 39 17 / 8%) */
  --cp-shadow-card: 0px 15px 36px 0px rgb(55 39 17 / 0.09); /** 0 15px 36px rgb(55 39 17 / 9%) */
  --cp-shadow-panel: 0px 20px 48px 0px rgb(0 33 89 / 0.16); /** 0 1.25rem 3rem rgb(0 33 89 / 16%) — mega menu / raised panels */
  --cp-layout-content: 1000px; /** Primary content width. */
  --cp-layout-wide: 1200px; /** Wide layout width. */
  --cp-layout-gutter-compact: 16px; /** layout.gutter.compact */
  --cp-layout-gutter-regular: 24px; /** layout.gutter.regular */
  --cp-layout-gap-grid: 24px; /** Two-column category grid gap. */
  --cp-layout-safe-area-top: env(safe-area-inset-top); /** Web resolves to env(safe-area-inset-top); Swift uses system safe area. */
  --cp-layout-safe-area-bottom: env(safe-area-inset-bottom); /** layout.safe-area.bottom */
  --cp-layout-safe-area-leading: env(safe-area-inset-left); /** layout.safe-area.leading */
  --cp-layout-safe-area-trailing: env(safe-area-inset-right); /** layout.safe-area.trailing */
  --cp-layout-breakpoint-sm: 600px; /** Mobile-first: min-width 600. */
  --cp-layout-breakpoint-md: 782px; /** WordPress medium / adminbar breakpoint. */
  --cp-layout-breakpoint-lg: 1024px; /** layout.breakpoint.lg */
  --cp-layout-breakpoint-xl: 1200px; /** layout.breakpoint.xl */
  --cp-font-measure-prose: 68ch; /** Maximum measure for body prose. */
  --cp-font-role-display-line-height: 1.08; /** typography.role.display.lineHeight */
  --cp-font-role-display-font-weight: 300; /** typography.role.display.fontWeight */
  --cp-font-role-display-font-family: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** typography.role.display.fontFamily */
  --cp-font-role-title-1-line-height: 1.12; /** typography.role.title-1.lineHeight */
  --cp-font-role-title-1-font-weight: 400; /** typography.role.title-1.fontWeight */
  --cp-font-role-title-1-font-family: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** typography.role.title-1.fontFamily */
  --cp-font-role-title-2-line-height: 1.2; /** typography.role.title-2.lineHeight */
  --cp-font-role-title-2-font-weight: 400; /** typography.role.title-2.fontWeight */
  --cp-font-role-title-2-font-family: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** typography.role.title-2.fontFamily */
  --cp-font-role-title-3-line-height: 1.25; /** typography.role.title-3.lineHeight */
  --cp-font-role-title-3-font-weight: 400; /** typography.role.title-3.fontWeight */
  --cp-font-role-title-3-font-family: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** typography.role.title-3.fontFamily */
  --cp-font-role-heading-line-height: 1.3; /** typography.role.heading.lineHeight */
  --cp-font-role-heading-font-weight: 500; /** typography.role.heading.fontWeight */
  --cp-font-role-heading-font-family: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** typography.role.heading.fontFamily */
  --cp-font-role-body-line-height: 1.6; /** typography.role.body.lineHeight */
  --cp-font-role-body-font-weight: 400; /** typography.role.body.fontWeight */
  --cp-font-role-body-font-family: 'FK Roman Text', 'Source Serif 4', Georgia, serif; /** typography.role.body.fontFamily */
  --cp-font-role-body-small-line-height: 1.5; /** typography.role.body-small.lineHeight */
  --cp-font-role-body-small-font-weight: 400; /** typography.role.body-small.fontWeight */
  --cp-font-role-body-small-font-family: 'FK Roman Text', 'Source Serif 4', Georgia, serif; /** typography.role.body-small.fontFamily */
  --cp-font-role-caption-line-height: 1.4; /** typography.role.caption.lineHeight */
  --cp-font-role-caption-font-weight: 400; /** typography.role.caption.fontWeight */
  --cp-font-role-caption-font-family: 'FK Roman Text', 'Source Serif 4', Georgia, serif; /** typography.role.caption.fontFamily */
  --cp-font-role-label-line-height: 1.4; /** typography.role.label.lineHeight */
  --cp-font-role-label-letter-spacing: 0.04em; /** typography.role.label.letterSpacing */
  --cp-font-role-label-font-weight: 500; /** typography.role.label.fontWeight */
  --cp-font-role-label-font-family: 'FK Roman Text', 'Source Serif 4', Georgia, serif; /** typography.role.label.fontFamily */
  --cp-font-role-verse-line-height: 1.25; /** typography.role.verse.lineHeight */
  --cp-font-role-verse-font-weight: 700; /** typography.role.verse.fontWeight */
  --cp-font-role-verse-font-family: 'Arno Pro', 'Source Serif 4', Georgia, serif; /** typography.role.verse.fontFamily */
  --cp-font-role-prayer-line-height: 1.5; /** typography.role.prayer.lineHeight */
  --cp-font-role-prayer-font-weight: 400; /** typography.role.prayer.fontWeight */
  --cp-font-role-prayer-font-family: 'Tiempos Headline', 'Source Serif 4', Georgia, serif; /** typography.role.prayer.fontFamily */
  --cp-button-primary-background: #002159; /** Primary fill. */
  --cp-button-primary-background-hover: #001b43; /** Primary hover fill (same deep ink as pressed; interactive.hover is web-only). */
  --cp-button-primary-background-pressed: #001b43; /** Primary pressed fill. */
  --cp-button-primary-background-disabled: #f5ede1; /** Disabled fill — not opacity. */
  --cp-button-primary-label: #fffdf8; /** Primary label on navy. */
  --cp-button-primary-label-disabled: #67625d; /** Disabled label. */
  --cp-button-secondary-background: #ffffff; /** Secondary fill. */
  --cp-button-secondary-background-hover: #f8f2e8; /** Secondary hover. */
  --cp-button-secondary-background-pressed: #f5ede1; /** Secondary pressed. */
  --cp-button-secondary-background-disabled: #f5ede1; /** Secondary disabled fill. */
  --cp-button-secondary-label: #002159; /** Secondary label. */
  --cp-button-secondary-label-disabled: #67625d; /** Secondary disabled label. */
  --cp-button-secondary-border: #e8e4df; /** Secondary border. */
  --cp-button-min-height-regular: 44px; /** Regular target ≥ 44. */
  --cp-button-min-height-compact: 44px; /** Compact still meets 44 target. */
  --cp-button-padding-inline-regular: 24px; /** Regular horizontal padding. */
  --cp-button-padding-inline-compact: 16px; /** Compact horizontal padding. */
  --cp-button-radius: 4px; /** Control radius. */
  --cp-button-icon-size: 20px; /** Icon-only glyph size; hit area is minHeight. */
  --cp-card-background: #ffffff; /** Card surface. */
  --cp-card-radius: 8px; /** Card radius. */
  --cp-card-padding: 24px; /** Card padding. */
  --cp-card-shadow: 0px 15px 36px 0px rgb(55 39 17 / 0.09); /** Card elevation. */
  --cp-dropdown-trigger-background: #ffffff; /** Menu-button and select fill. */
  --cp-dropdown-trigger-border: #e8e4df; /** Trigger border. */
  --cp-dropdown-trigger-label: #002159; /** Trigger label. */
  --cp-dropdown-trigger-min-height: 44px; /** Trigger min height. */
  --cp-dropdown-trigger-radius: 4px; /** Trigger radius. */
  --cp-dropdown-menu-background: #ffffff; /** Raised panel fill. */
  --cp-dropdown-menu-radius: 16px; /** Panel radius (mega-menu kinship). */
  --cp-dropdown-menu-shadow: 0px 20px 48px 0px rgb(0 33 89 / 0.16); /** Panel elevation. */
  --cp-dropdown-menu-item-hover: #f8f2e8; /** Item hover fill — hit area equals visible box. */
  --cp-dropdown-menu-marker: #c58c23; /** Selected-item gold diamond. */
  --cp-dropdown-invalid-border: #8e3528; /** Native select invalid border. */
  --cp-input-background: #ffffff; /** Field fill. */
  --cp-input-border: #e8e4df; /** Default border. */
  --cp-input-border-error: #8e3528; /** Error border. */
  --cp-input-label: #002159; /** Field label. */
  --cp-input-helper: #67625d; /** Helper text. */
  --cp-input-error: #8e3528; /** Error text. */
  --cp-input-min-height: 44px; /** Control min height. */
  --cp-input-radius: 4px; /** Control radius. */
  --cp-link-label: #002159; /** Text link label — never coral. */
  --cp-link-marker: #d8583f; /** Arrow or underline marker. */
  --cp-progress-track-background: #f5ede1; /** Linear track. */
  --cp-progress-track-border: #e8e4df; /** Track edge for 3:1. */
  --cp-progress-track-height: 8px; /** Linear track height. */
  --cp-progress-fill: #002159; /** Linear fill — navy. */
  --cp-progress-step-size: 32px; /** Medallion diameter. */
  --cp-progress-step-completed: #002159; /** Completed medallion fill. */
  --cp-progress-step-completed-label: #fffdf8; /** Completed number. */
  --cp-progress-step-current-ring: #c58c23; /** Current-step gold ring. */
  --cp-progress-step-upcoming-border: #e8e4df; /** Upcoming border. */
  --cp-progress-step-upcoming-background: #ffffff; /** Upcoming medallion fill. Navy register swaps to a navy disc (D-017). */
  --cp-progress-step-upcoming-label: #002159; /** Upcoming number. Navy register swaps to ivory (D-017). */
  --cp-progress-step-locked-background: #f5ede1; /** Locked medallion. */
  --cp-progress-step-locked-label: #67625d; /** Locked number and caption. */
  --cp-progress-spinner-track: #e8e4df; /** Spinner track. */
  --cp-progress-spinner-head: #002159; /** Spinner head. */
  --cp-progress-spinner-size: 24px; /** Regular spinner. */
  --cp-progress-spinner-size-compact: 16px; /** Compact spinner for buttons. */
  --cp-selection-control-size: 20px; /** Radio/checkbox control size. */
  --cp-selection-control-border: #002159; /** Unchecked border. */
  --cp-selection-control-background: #ffffff; /** Unchecked fill. */
  --cp-selection-control-checked-background: #002159; /** Checked fill — navy. */
  --cp-selection-control-mark: #fffdf8; /** Dot / check / indeterminate mark. */
  --cp-selection-control-disabled-border: #e8e4df; /** Disabled border. */
  --cp-selection-control-disabled-background: #f5ede1; /** Disabled fill. */
  --cp-selection-control-disabled-checked: #67625d; /** Disabled checked fill. */
  --cp-selection-control-error-border: #8e3528; /** Group error border. */
  --cp-selection-label: #002159; /** Adjacent label. */
  --cp-selection-error: #8e3528; /** Group error text. */
  /* Fluid typography (390–1440 viewport) */
  --cp-font-body-size: clamp(17px, calc(16.6286px + 0.0952vw), 18px);
  --cp-font-body-small-size: clamp(15px, calc(14.6286px + 0.0952vw), 16px);
  --cp-font-caption-size: clamp(13px, calc(12.6286px + 0.0952vw), 14px);
  --cp-font-display-size: clamp(40px, calc(32.5714px + 1.9048vw), 60px);
  --cp-font-heading-size: clamp(18px, calc(17.2571px + 0.1905vw), 20px);
  --cp-font-label-size: clamp(13px, calc(12.6286px + 0.0952vw), 14px);
  --cp-font-prayer-size: clamp(18px, calc(17.2571px + 0.1905vw), 20px);
  --cp-font-title-1-size: clamp(32px, calc(27.5429px + 1.1429vw), 44px);
  --cp-font-title-2-size: clamp(26px, calc(23.7714px + 0.5714vw), 32px);
  --cp-font-title-3-size: clamp(21px, calc(19.8857px + 0.2857vw), 24px);
  --cp-font-verse-size: clamp(20px, calc(17.1771px + 0.7238vw), 27.6px);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cp-motion-duration: 0.01ms;
    --cp-motion-duration-exit: 0.01ms;
  }
}

/* Standard register: .cp-surface-standard and light panels inside navy (tokens/modes/inverse.tokens.json, D-017) */
.cp-surface-standard,
.cp-surface-inverse :where(.cp-menu__list, .cp-card:not(.cp-surface-inverse) > *) {
  --cp-color-ink: #002159;
  --cp-color-ink-muted: #67625d;
  --cp-color-line: #e8e4df;
  --cp-color-accent-gold: #c58c23;
  --cp-color-accent-coral: #d8583f;
  --cp-color-interactive: #002159;
  --cp-color-interactive-hover: #001b43;
  --cp-color-interactive-pressed: #001b43;
  --cp-color-status-danger: #8e3528;
  --cp-color-focus-ring: #0951b1;
  --cp-button-primary-background: #002159;
  --cp-button-primary-background-hover: #001b43;
  --cp-button-primary-background-pressed: #001b43;
  --cp-button-primary-background-disabled: #f5ede1;
  --cp-button-primary-label: #fffdf8;
  --cp-button-primary-label-disabled: #67625d;
  --cp-button-secondary-background: #ffffff;
  --cp-button-secondary-background-hover: #f8f2e8;
  --cp-button-secondary-background-pressed: #f5ede1;
  --cp-button-secondary-background-disabled: #f5ede1;
  --cp-button-secondary-label: #002159;
  --cp-button-secondary-label-disabled: #67625d;
  --cp-button-secondary-border: #e8e4df;
  --cp-link-label: #002159;
  --cp-link-marker: #d8583f;
  --cp-input-label: #002159;
  --cp-input-helper: #67625d;
  --cp-input-error: #8e3528;
  --cp-input-border-error: #8e3528;
  --cp-selection-control-border: #002159;
  --cp-selection-control-checked-background: #002159;
  --cp-selection-control-mark: #fffdf8;
  --cp-selection-control-error-border: #8e3528;
  --cp-selection-label: #002159;
  --cp-selection-error: #8e3528;
  --cp-progress-track-background: #f5ede1;
  --cp-progress-track-border: #e8e4df;
  --cp-progress-fill: #002159;
  --cp-progress-step-completed: #002159;
  --cp-progress-step-completed-label: #fffdf8;
  --cp-progress-step-current-ring: #c58c23;
  --cp-progress-step-upcoming-border: #e8e4df;
  --cp-progress-step-upcoming-background: #ffffff;
  --cp-progress-step-upcoming-label: #002159;
  --cp-progress-spinner-track: #e8e4df;
  --cp-progress-spinner-head: #002159;
}

/* White boxes inside navy keep standard ink; their focus ring draws over navy, so it stays the register ring */
.cp-surface-inverse :where(.cp-card:not(.cp-surface-inverse), .cp-menu__trigger, .cp-input__control, .cp-select) {
  --cp-color-ink: #002159;
  --cp-color-ink-muted: #67625d;
  --cp-color-line: #e8e4df;
  --cp-color-accent-gold: #c58c23;
  --cp-color-accent-coral: #d8583f;
  --cp-color-interactive: #002159;
  --cp-color-interactive-hover: #001b43;
  --cp-color-interactive-pressed: #001b43;
  --cp-color-status-danger: #8e3528;
  --cp-button-primary-background: #002159;
  --cp-button-primary-background-hover: #001b43;
  --cp-button-primary-background-pressed: #001b43;
  --cp-button-primary-background-disabled: #f5ede1;
  --cp-button-primary-label: #fffdf8;
  --cp-button-primary-label-disabled: #67625d;
  --cp-button-secondary-background: #ffffff;
  --cp-button-secondary-background-hover: #f8f2e8;
  --cp-button-secondary-background-pressed: #f5ede1;
  --cp-button-secondary-background-disabled: #f5ede1;
  --cp-button-secondary-label: #002159;
  --cp-button-secondary-label-disabled: #67625d;
  --cp-button-secondary-border: #e8e4df;
  --cp-link-label: #002159;
  --cp-link-marker: #d8583f;
  --cp-input-label: #002159;
  --cp-input-helper: #67625d;
  --cp-input-error: #8e3528;
  --cp-input-border-error: #8e3528;
  --cp-selection-control-border: #002159;
  --cp-selection-control-checked-background: #002159;
  --cp-selection-control-mark: #fffdf8;
  --cp-selection-control-error-border: #8e3528;
  --cp-selection-label: #002159;
  --cp-selection-error: #8e3528;
  --cp-progress-track-background: #f5ede1;
  --cp-progress-track-border: #e8e4df;
  --cp-progress-fill: #002159;
  --cp-progress-step-completed: #002159;
  --cp-progress-step-completed-label: #fffdf8;
  --cp-progress-step-current-ring: #c58c23;
  --cp-progress-step-upcoming-border: #e8e4df;
  --cp-progress-step-upcoming-background: #ffffff;
  --cp-progress-step-upcoming-label: #002159;
  --cp-progress-spinner-track: #e8e4df;
  --cp-progress-spinner-head: #002159;
}

/* Navy register (tokens/modes/inverse.tokens.json, D-017) */
.cp-surface-inverse {
  --cp-color-ink: #fffdf8;
  --cp-color-ink-muted: #dbe6f6;
  --cp-color-line: rgba(255, 255, 255, 0.22);
  --cp-color-accent-gold: #c58c23;
  --cp-color-accent-coral: #c58c23;
  --cp-color-interactive: #fffdf8;
  --cp-color-interactive-hover: #dbe6f6;
  --cp-color-interactive-pressed: #dbe6f6;
  --cp-color-status-danger: #f0a08e;
  --cp-color-focus-ring: #c58c23;
  --cp-button-primary-background: #fffdf8;
  --cp-button-primary-background-hover: #dbe6f6;
  --cp-button-primary-background-pressed: #dbe6f6;
  --cp-button-primary-background-disabled: rgba(255, 255, 255, 0.22);
  --cp-button-primary-label: #002159;
  --cp-button-primary-label-disabled: #dbe6f6;
  --cp-button-secondary-background: #002159;
  --cp-button-secondary-background-hover: rgba(255, 255, 255, 0.22);
  --cp-button-secondary-background-pressed: rgba(255, 255, 255, 0.22);
  --cp-button-secondary-background-disabled: #002159;
  --cp-button-secondary-label: #fffdf8;
  --cp-button-secondary-label-disabled: #dbe6f6;
  --cp-button-secondary-border: #dbe6f6;
  --cp-link-label: #fffdf8;
  --cp-link-marker: #c58c23;
  --cp-input-label: #fffdf8;
  --cp-input-helper: #dbe6f6;
  --cp-input-error: #f0a08e;
  --cp-input-border-error: #f0a08e;
  --cp-selection-control-border: #fffdf8;
  --cp-selection-control-checked-background: #fffdf8;
  --cp-selection-control-mark: #002159;
  --cp-selection-control-error-border: #f0a08e;
  --cp-selection-label: #fffdf8;
  --cp-selection-error: #f0a08e;
  --cp-progress-track-background: rgba(255, 255, 255, 0.22);
  --cp-progress-track-border: rgba(255, 255, 255, 0.22);
  --cp-progress-fill: #fffdf8;
  --cp-progress-step-completed: #fffdf8;
  --cp-progress-step-completed-label: #002159;
  --cp-progress-step-current-ring: #c58c23;
  --cp-progress-step-upcoming-border: #dbe6f6;
  --cp-progress-step-upcoming-background: #002159;
  --cp-progress-step-upcoming-label: #fffdf8;
  --cp-progress-spinner-track: rgba(255, 255, 255, 0.22);
  --cp-progress-spinner-head: #fffdf8;
}

/* christianpure-design-system */
/* ChristianPure shared design system */
:root {
	--cp-ink: #002b63;
	--cp-ink-deep: #001b43;
	--cp-gold: #c58c23;
	--cp-gold-line: rgb(171 127 54 / 32%);
	--cp-coral: #d8583f;
	--cp-stone: #fbf8f3;
	--cp-stone-deep: #f5ede1;
	--cp-focus: #2d6db0;
	--cp-heading: var(--wp--preset--font-family--heading, "Tiempos Headline", Georgia), serif;
	--cp-body: var(--wp--preset--font-family--body, "FK Roman Text", Georgia, serif);
	--cp-site-stone-texture: url("/wp-content/uploads/2026/08/christianpure-stone-texture.webp");
	--cp-template-top-canvas-height: clamp(18rem, 34vw, 30rem);
	--cp-sitewide-gradient-center-y: 88%;
	--cp-mega-prayer: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/prayer-scripture.webp");
	--cp-mega-faith: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/faith-understanding.webp");
	--cp-mega-relationships: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/life-relationships.webp");
	--cp-mega-explore: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/explore.webp");
	--cp-mega-divider: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/divider-tile.webp");
	--cp-mega-medallion: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/divider-medallion.webp");
	--cp-mega-mobile-crown: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/mobile-crown-cross.webp");
	--cp-mega-mobile-divider: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/mobile-divider-colored.webp");
	--cp-mega-mobile-footer-cross: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/mobile-footer-cross.webp");
	--cp-nav-search-icon: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/navigation/search.webp");
	--cp-motion-duration: 180ms;
	--cp-motion-duration-exit: 120ms;
	--cp-motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--cp-motion-distance: 6px;
}

/* Course Global Styles flash coral on tap. Keep press feedback on our own controls. */
body a:active {
	background-color: transparent;
}

@property --cp-sitewide-gradient-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: 12deg;
}

html {
	overflow-x: clip;
}

/*
 * Gutenberg only constrains `.wp-block-image img` and `img[class*="wp-image-"]`.
 * Christian News posts keep source <figure><img> HTML, so those files otherwise
 * paint at intrinsic size (often thousands of pixels) and break the content column.
 */
:is(.wp-block-post-content, .editor-styles-wrapper) img {
	max-width: 100%;
	height: auto;
}

.wp-site-blocks {
	position: relative;
	isolation: isolate;
	overflow: visible;
}

.cp-top-gradient-hero {
	overflow-x: clip;
	overflow-y: visible;
}

.wp-site-blocks::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 50%;
	width: 100vw;
	height: var(--cp-template-top-canvas-height);
	pointer-events: none;
}

.wp-site-blocks::before,
.cp-top-gradient-hero::before {
	--cp-sitewide-gradient-angle: 12deg;
	left: 50%;
	right: auto;
	width: 110vw;
	background: conic-gradient(
		from var(--cp-sitewide-gradient-angle) at 50% var(--cp-sitewide-gradient-center-y),
		rgba(190, 216, 255, 0.98) 0deg,
		rgba(190, 216, 255, 0.56) 64deg,
		rgba(255, 255, 255, 0.72) 122deg,
		rgba(255, 226, 202, 0.86) 182deg,
		rgba(244, 151, 83, 0.64) 246deg,
		rgba(255, 248, 242, 0.76) 312deg,
		rgba(190, 216, 255, 0.98) 360deg
	);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	filter: blur(3.5rem);
	transform: translateX(-50%) scale(1.08);
	transform-origin: 50% 50%;
	animation: cp-sitewide-gradient-orbit 45s linear infinite;
}

@keyframes cp-sitewide-gradient-orbit {
	from {
		--cp-sitewide-gradient-angle: 12deg;
}

	to {
		--cp-sitewide-gradient-angle: 372deg;
}
}

body.category .wp-site-blocks:has(.cp-top-gradient-shell)::before,
.wp-site-blocks:has(.cp-top-gradient-hero)::before {
	display: none;
}

/* Universal header geometry. Surface, border, wall, and mosaic are owned by the template part. */
header.wp-block-template-part:has(.cp-universal-header) {
	box-sizing: border-box;
	position: relative;
	z-index: 10000;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}

header.wp-block-template-part:has(.cp-universal-header) > .cp-universal-header {
	width: 100vw;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
}

header.wp-block-template-part .cp-header-mosaic {
	box-sizing: border-box;
	min-height: 12px;
	height: 12px;
	max-height: 12px;
	overflow: hidden;
}

.cp-top-gradient-shell:has(.cp-mega-trigger > .wp-block-navigation__submenu-icon[aria-expanded="true"]) {
	position: relative;
	z-index: 100000;
	overflow: visible !important;
}

body:has(.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-icon[aria-expanded="true"]) :is(
	#wpj-jtoc,
	.wpj-jtoc--widget-floating,
	.wpj-jtoc--widget-progress,
	.wpj-jtoc--widget-progress-bar
) {
	display: none !important;
	pointer-events: none !important;
}

.cp-site-header,
.cp-site-header *,
.cp-site-header *::before,
.cp-site-header *::after {
	box-sizing: border-box;
}

.cp-site-header > .wp-block-column > .wp-block-group,
.cp-site-header .navigation-wrapper {
	width: min(100%, 1520px) !important;
	max-width: 1520px !important;
	margin-inline: auto !important;
}

.cp-site-header .navigation-wrapper {
	position: relative;
	flex-wrap: nowrap !important;
	gap: clamp(1.5rem, 3vw, 4rem);
}

.cp-site-header .wp-block-image {
	flex: 0 0 auto;
	width: clamp(150px, 12vw, 190px);
	margin: 0 !important;
}

.cp-site-header .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.cp-site-header .wp-block-navigation,
.cp-site-header .wp-block-navigation__container {
	position: static;
}

.cp-site-header .wp-block-navigation__container {
	gap: clamp(1rem, 1.7vw, 2rem) !important;
}

.cp-site-header .wp-block-navigation a,
.cp-site-header .wp-block-navigation button {
	color: var(--cp-ink);
	-webkit-tap-highlight-color: transparent;
}

.cp-site-header .wp-block-navigation a:focus-visible,
.cp-site-header .wp-block-navigation button:focus-visible {
	border-radius: 3px;
	outline: 3px solid var(--cp-focus);
	outline-offset: 4px;
}

.cp-site-header .wp-block-navigation__submenu-icon svg {
	transition: transform var(--cp-motion-duration) var(--cp-motion-ease);
}

.cp-site-header .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.cp-site-header .cp-nav-member > .wp-block-navigation-item__content,
.cp-site-header .cp-mega-footer-member > .wp-block-navigation-item__content {
	justify-content: center;
	padding: 0.72rem 1.05rem;
	border: 1px solid var(--cp-ink);
	border-radius: 3px;
	color: #fff !important;
	background: var(--cp-ink);
	box-shadow: 0 4px 12px rgb(0 43 99 / 16%);
	text-decoration: none;
	transition: background-color var(--cp-motion-duration) var(--cp-motion-ease);
}

.cp-site-header .cp-nav-member > .wp-block-navigation-item__content:active,
.cp-site-header .cp-mega-footer-member > .wp-block-navigation-item__content:active {
	background: var(--cp-ink-deep);
}

@media (hover: hover) and (pointer: fine) {
	.cp-site-header .cp-nav-member > .wp-block-navigation-item__content:hover,
	.cp-site-header .cp-mega-footer-member > .wp-block-navigation-item__content:hover {
		background: var(--cp-ink-deep);
}
}

.cp-site-header .cp-nav-search > .wp-block-navigation-item__content {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	overflow: hidden;
	color: transparent !important;
	font-size: 0;
	background: var(--cp-nav-search-icon) center / 30px 30px no-repeat;
}
.cp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 50px;
	padding: 0.78rem 1.35rem;
	border: 1px solid var(--cp-ink);
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	transition:
		color var(--cp-motion-duration) var(--cp-motion-ease),
		background-color var(--cp-motion-duration) var(--cp-motion-ease);
}

.cp-button--primary,
.cp-button--primary:visited {
	color: #fff;
	background: var(--cp-ink);
	box-shadow: 0 4px 14px rgb(0 43 99 / 14%);
}

.cp-button--secondary,
.cp-button--secondary:visited {
	color: var(--cp-ink);
	background: rgb(255 255 255 / 52%);
}

.cp-button:active {
	color: #fff;
	background: var(--cp-ink-deep);
}

@media (hover: hover) and (pointer: fine) {
	.cp-button:hover {
		color: #fff;
		background: var(--cp-ink-deep);
}
}

.cp-button:focus-visible {
	outline: 3px solid var(--cp-focus);
	outline-offset: 3px;
}

.cp-button--compact {
	min-height: 42px;
	padding: 0.62rem 1.05rem;
}

@media (min-width: 1101px) {
	/* Shared desktop header and mega-menu interaction contract. */
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .navigation-wrapper > .wp-block-image {
		width: 190px;
		height: 48px;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .navigation-wrapper > .wp-block-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .cp-nav-member > .wp-block-navigation-item__content {
		padding: 0.65rem !important;
}

	.cp-site-header {
		position: relative !important;
}

	.cp-site-header > .wp-block-column > .wp-block-group,
	.cp-site-header .navigation-wrapper,
	.cp-site-header .wp-block-navigation__responsive-container,
	.cp-site-header .wp-block-navigation__responsive-dialog {
		position: static !important;
}

	.cp-site-header .wp-block-navigation__responsive-container-open {
		display: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: block !important;
}

	.cp-site-header .cp-mega-trigger {
		position: static !important;
}

	.cp-site-header .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon {
		line-height: 0;
}

	.cp-site-header .wp-block-navigation__container > .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon svg {
		display: block;
		margin-top: 0;
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation-item__content {
		position: relative;
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation-item__content::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		width: calc(100% + 1rem);
		height: 1.15rem;
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-container,
	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-container * {
		pointer-events: none !important;
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-container {
		position: absolute !important;
		top: 100% !important;
		left: 50% !important;
		right: auto !important;
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr));
		width: min(1460px, calc(100vw - 3.5rem)) !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: calc(100vh - 7rem);
		padding: clamp(2rem, 3vw, 3.2rem) clamp(1.75rem, 3.3vw, 3.25rem) 1.35rem !important;
		gap: 0 clamp(1rem, 2vw, 2rem);
		border: 1px solid rgb(171 127 54 / 26%) !important;
		border-radius: 0 !important;
		background-color: var(--cp-stone) !important;
		background-image: var(--cp-site-stone-texture) !important;
		background-position: left top !important;
		background-repeat: repeat !important;
		background-size: 360px 600px !important;
		box-shadow: 0 18px 42px rgb(52 34 13 / 18%);
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior: contain;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, var(--cp-motion-distance)) !important;
		transition:
			opacity var(--cp-motion-duration) var(--cp-motion-ease),
			transform var(--cp-motion-duration) var(--cp-motion-ease),
			visibility var(--cp-motion-duration-exit) var(--cp-motion-ease);
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-container::before {
		content: "";
		position: absolute;
		z-index: 2;
		bottom: 10px;
		left: 50%;
		width: 62px;
		height: 62px;
		background: var(--cp-mega-medallion) center / contain no-repeat;
		pointer-events: none;
		transform: translateX(-50%);
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-container::after {
		content: "";
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: 0;
		left: 0;
		height: 22px;
		background: var(--cp-mega-divider) left -8px / auto 30px repeat-x;
		pointer-events: none;
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation-item__content:hover ~ .wp-block-navigation__submenu-container,
	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-icon:hover ~ .wp-block-navigation__submenu-container,
	.cp-site-header .cp-mega-trigger.cp-mega-open > .wp-block-navigation__submenu-container,
	.cp-site-header .cp-mega-trigger:focus-within > .wp-block-navigation__submenu-container,
	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0) !important;
}

	.cp-site-header .cp-mega-trigger > .wp-block-navigation-item__content:hover ~ .wp-block-navigation__submenu-container *,
	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-icon:hover ~ .wp-block-navigation__submenu-container *,
	.cp-site-header .cp-mega-trigger.cp-mega-open > .wp-block-navigation__submenu-container *,
	.cp-site-header .cp-mega-trigger:focus-within > .wp-block-navigation__submenu-container *,
	.cp-site-header .cp-mega-trigger > .wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container * {
		pointer-events: auto !important;
}

	.cp-site-header .cp-mega-intro {
		position: relative;
		display: block !important;
		grid-column: 1 / -1;
		width: auto !important;
		min-height: 4.35rem;
		margin-bottom: 1.25rem;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
}

	.cp-site-header .cp-mega-intro > .wp-block-navigation-item__content {
		display: block;
		width: fit-content;
		padding: 0 !important;
		color: var(--cp-ink);
		text-decoration: none;
}

	.cp-site-header .cp-mega-intro::after {
		content: "Prayer, Scripture, and faithful guidance for the life in front of you.";
		display: block;
		margin-top: 0.45rem;
		color: #31384f;
}

	.cp-site-header .cp-mega-group {
		position: relative !important;
		display: flex !important;
		grid-column: span 3;
		width: auto !important;
		min-width: 0;
		min-height: 292px;
		flex-direction: column;
		padding: 0 clamp(0.65rem, 1.25vw, 1.35rem) 1.15rem !important;
		border: 0 !important;
		border-right: 1px solid var(--cp-gold-line) !important;
		background: transparent !important;
}

	.cp-site-header .cp-mega-group::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		width: 82px;
		height: 82px;
		background: var(--cp-mega-icon) center / contain no-repeat;
		clip-path: circle(48% at 50% 50%);
		mix-blend-mode: multiply;
		pointer-events: none;
		transform: translateX(-50%);
}

	.cp-site-header .cp-mega-group--explore {
		border-right: 0 !important;
}

	.cp-site-header .cp-mega-group > .wp-block-navigation-item__content {
		display: block;
		min-height: 126px;
		padding: 96px 0 0 !important;
		color: var(--cp-ink);
		background: transparent !important;
		text-align: center;
		text-decoration: none;
		white-space: normal;
}

	.cp-site-header .cp-mega-group--prayer > .wp-block-navigation-item__content {
		--cp-mega-icon: var(--cp-mega-prayer);
}

	.cp-site-header .cp-mega-group--prayer {
		--cp-mega-icon: var(--cp-mega-prayer);
}

	.cp-site-header .cp-mega-group--faith {
		--cp-mega-icon: var(--cp-mega-faith);
}

	.cp-site-header .cp-mega-group--relationships {
		--cp-mega-icon: var(--cp-mega-relationships);
}

	.cp-site-header .cp-mega-group--explore {
		--cp-mega-icon: var(--cp-mega-explore);
}

	.cp-site-header .cp-mega-group > .wp-block-navigation__submenu-icon {
		display: none !important;
}

	.cp-site-header .cp-mega-group > .wp-block-navigation__submenu-container {
		position: static !important;
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		flex-direction: column;
		padding: 0 !important;
		gap: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
		visibility: inherit;
		opacity: inherit;
		transform: none !important;
}

	.cp-site-header .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		width: 100% !important;
		border-bottom: 1px solid var(--cp-gold-line);
		background: transparent !important;
}

	.cp-site-header .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item:last-child {
		border-bottom: 0;
}

	.cp-site-header .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		position: relative;
		display: block;
		width: 100%;
		min-height: 42px;
		padding: 0.7rem 1.45rem 0.65rem 0 !important;
		color: var(--cp-ink);
		text-align: left;
		text-decoration: none;
		white-space: normal;
}

	.cp-site-header .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
		content: "›";
		position: absolute;
		top: 50%;
		right: 0.15rem;
		color: var(--cp-ink);
		transform: translateY(-52%);
}

	.cp-site-header .cp-mega-group .wp-block-navigation-item__content:hover,
	.cp-site-header .cp-mega-group .wp-block-navigation-item__content:focus-visible {
		color: var(--cp-coral);
}

	.cp-site-header .cp-mega-footer-link {
		display: none !important;
}

	.cp-site-header .wp-block-navigation__container > li.cp-nav-resources {
		position: relative !important;
}

	.cp-site-header .cp-nav-resources > .wp-block-navigation__submenu-container {
		left: 50% !important;
		right: auto !important;
		width: 15rem !important;
		min-width: 15rem !important;
		padding: 0.65rem !important;
		border: 1px solid var(--cp-gold-line) !important;
		background-color: var(--cp-stone) !important;
		background-image: var(--cp-site-stone-texture) !important;
		background-repeat: repeat !important;
		background-size: 360px 600px !important;
		box-shadow: 0 14px 30px rgb(52 34 13 / 14%);
		transform: translateX(-50%) !important;
}

	.cp-site-header .cp-nav-resources .wp-block-navigation-item__content {
		width: 100%;
		padding: 0.7rem 0.75rem !important;
		text-decoration: none;
}
}

@media (max-width: 1100px) {
	:root {
		--cp-template-top-canvas-height: clamp(16rem, 72vw, 24rem);
		--cp-sitewide-gradient-center-y: 20%;
}

	.wp-site-blocks::before,
	.cp-top-gradient-hero::before {
		filter: blur(2.5rem);
}

	.cp-site-header {
		min-height: 84px !important;
		padding-block: 0.8rem !important;
		--cp-header-row-height: 84px;
}

	.cp-site-header .navigation-wrapper {
		width: 100% !important;
}

	.cp-site-header .wp-block-image {
		width: min(46vw, 184px);
}

	.cp-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container-open {
		position: relative;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		padding: 0;
		overflow: hidden;
		border: 0;
		color: var(--cp-ink) !important;
		background: transparent;
		font-size: 0 !important;
		line-height: 0 !important;
		text-indent: 120%;
		white-space: nowrap;
}

	.cp-site-header .wp-block-navigation__responsive-container-open svg {
		display: block !important;
		width: 24px;
		height: 24px;
		stroke: currentColor;
		fill: currentColor;
}

	.cp-site-header .wp-block-navigation__responsive-container-open:not(:has(svg))::before {
		content: "" !important;
		position: absolute;
		top: 50%;
		left: 50%;
		display: block !important;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background: var(--cp-ink);
		box-shadow: 0 -7px 0 var(--cp-ink), 0 7px 0 var(--cp-ink);
		transform: translate(-50%, -50%);
}

	.cp-site-header .wp-block-navigation__responsive-container-open:has(svg)::before,
	.cp-site-header .wp-block-navigation__responsive-container-open::after {
		content: none !important;
		display: none !important;
}

	header.wp-block-template-part:has(.cp-site-header .wp-block-navigation__responsive-container.is-menu-open) {
		z-index: 2147483647;
}

	.cp-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
		--cp-open-menu-inset-top: max(env(safe-area-inset-top, 0px), 1.5rem);
}

	body.admin-bar .cp-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
		--cp-open-menu-inset-top: env(safe-area-inset-top, 0px);
}

	.cp-top-gradient-shell:has(.cp-site-header .wp-block-navigation__responsive-container.is-menu-open) {
		position: relative;
		z-index: 2147483646;
		overflow: visible !important;
}

	body:has(.cp-site-header .wp-block-navigation__responsive-container.is-menu-open) :is(
		#wpj-jtoc,
		.wpj-jtoc--widget-floating,
		.wpj-jtoc--widget-progress,
		.wpj-jtoc--widget-progress-bar
	) {
		display: none !important;
		pointer-events: none !important;
}

	.cp-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .navigation-wrapper > .wp-block-image {
		position: relative;
		z-index: 2;
		top: var(--cp-open-menu-inset-top);
}

	.cp-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation {
		position: relative;
		z-index: 1;
}

	.cp-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) .wp-block-navigation__responsive-container-open {
		visibility: hidden !important;
		pointer-events: none !important;
}

	header.wp-block-template-part:has(.cp-site-header .wp-block-navigation__responsive-container.is-menu-open) .cp-header-mosaic {
		visibility: hidden;
}

	.cp-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
	.cp-site-header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open.has-modal-open,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
		position: fixed;
		inset: 0;
		display: block;
		padding: 0 !important;
		color: var(--cp-ink);
		background-color: var(--cp-stone) !important;
		background-image: var(--cp-site-stone-texture) !important;
		background-repeat: repeat !important;
		background-size: 360px 600px !important;
		overflow: hidden;
		transform: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open > .cp-mega-mobile-header-plate {
		position: absolute;
		z-index: 2147483645;
		top: var(--cp-open-menu-inset-top);
		left: 0;
		width: 100%;
		height: var(--cp-header-row-height, 84px);
		pointer-events: none;
		background-color: var(--cp-stone);
		background-image: var(--cp-site-stone-texture);
		background-repeat: repeat;
		background-size: 360px 600px;
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open {
		top: 32px;
		height: calc(100dvh - 32px);
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open > .cp-mega-mobile-header-plate {
		top: 0;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		width: 100%;
		max-width: none;
		height: auto;
		min-height: 0;
		margin: 0 auto !important;
		flex-direction: column;
		padding-top: 0;
		overflow: hidden;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after {
		content: "";
		position: absolute;
		z-index: 2147483646;
		pointer-events: none;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before {
		top: calc(var(--cp-open-menu-inset-top, 0px) + var(--cp-header-row-height, 84px));
		left: 0;
		width: 100%;
		height: 30px;
		background: var(--cp-mega-mobile-divider) left center / auto 30px repeat-x;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after {
		content: none !important;
		display: none !important;
		background: none !important;
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before {
		top: var(--cp-header-row-height, 84px);
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after {
		top: 4.1rem;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		position: absolute;
		z-index: 2147483647;
		top: calc(var(--cp-open-menu-inset-top, 0px) + (var(--cp-header-row-height, 84px) - 44px) / 2);
		right: max(1.25rem, env(safe-area-inset-right));
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 110px;
		min-width: 44px;
		height: 44px;
		padding: 0;
		gap: 0.55rem;
		border: 0;
		color: var(--cp-ink);
		background: transparent;
		font-size: 0;
		line-height: 0;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::before {
		content: "Close";
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		top: calc((var(--cp-header-row-height, 84px) - 44px) / 2);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close::after {
		content: "×";
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
		display: none;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		display: block;
		width: 100%;
		padding: 0;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		height: 100%;
		min-height: 0;
		flex: 1 1 auto;
		padding: calc(var(--cp-open-menu-inset-top, 0px) + var(--cp-header-row-height, 84px) + 2.15rem) 0 max(1.5rem, env(safe-area-inset-bottom)) !important;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior-y: contain;
		-webkit-overflow-scrolling: touch;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.cp-mega-trigger) {
		display: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-trigger {
		display: block;
		width: 100%;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-trigger > .wp-block-navigation-item__content,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-trigger > .wp-block-navigation__submenu-icon {
		display: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-trigger > .wp-block-navigation__submenu-container {
		position: static !important;
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		flex-direction: column;
		margin-inline: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-intro {
		position: relative;
		display: block !important;
		width: 100%;
		min-height: 0;
		padding: 0 max(1.25rem, env(safe-area-inset-right)) 1rem max(1.25rem, env(safe-area-inset-left));
		border-bottom: 0;
		background: transparent !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-intro > .wp-block-navigation-item__content,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-intro .wp-block-navigation-item__label {
		display: block;
		width: auto;
		padding: 0 !important;
		color: var(--cp-ink) !important;
		text-decoration: none;
		white-space: normal;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-intro::after {
		content: "Prayer, Scripture, and faithful guidance for the life in front of you.";
		display: block;
		max-width: 34rem;
		margin-top: 0.65rem;
		color: #31384f;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group {
		position: relative !important;
		display: grid !important;
		grid-template-columns: max(0.85rem, env(safe-area-inset-left)) 56px minmax(0, 1fr) 44px max(0.85rem, env(safe-area-inset-right));
		align-items: center;
		column-gap: 0.5rem;
		width: 100% !important;
		min-height: 72px;
		padding-block: 0.35rem;
		padding-inline: 0;
		border: 0 !important;
		border-bottom: 1px solid rgb(171 127 54 / 28%) !important;
		background: transparent !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group:last-of-type {
		border-bottom: 0 !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group::before {
		content: "";
		position: static;
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		width: 56px;
		height: 56px;
		margin: 0;
		background: var(--cp-mega-icon) center / contain no-repeat;
		clip-path: circle(48% at 50% 50%);
		mix-blend-mode: multiply;
		pointer-events: none;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group--prayer {
		--cp-mega-icon: var(--cp-mega-prayer);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group--faith {
		--cp-mega-icon: var(--cp-mega-faith);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group--relationships {
		--cp-mega-icon: var(--cp-mega-relationships);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group--explore {
		--cp-mega-icon: var(--cp-mega-explore);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation-item__content {
		grid-column: 3;
		grid-row: 1;
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 0;
		padding: 0.85rem 0 !important;
		color: var(--cp-ink);
		text-decoration: none;
		white-space: normal;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon {
		position: relative;
		z-index: 2;
		grid-column: 4;
		grid-row: 1;
		align-self: center;
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		margin: 0 !important;
		padding: 0;
		border: 0 !important;
		border-radius: 0 !important;
		color: var(--cp-ink);
		background: transparent !important;
		box-shadow: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon::before,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon::after {
		content: none !important;
		display: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon svg {
		width: 28px;
		height: 28px;
		transform: none !important;
		transition: transform var(--cp-motion-duration) var(--cp-motion-ease);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
		transform: rotate(180deg) !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container {
		position: static !important;
		grid-column: 2 / 5;
		display: none !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 0 0.35rem !important;
		gap: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		overflow: visible !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		display: block !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group.cp-is-open > .wp-block-navigation__submenu-container {
		display: block !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container.has-background,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		background: transparent !important;
		background-color: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group .wp-block-navigation__submenu-container,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .cp-mega-group.has-child > .wp-block-navigation__submenu-container {
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		width: 100%;
		border-top: 1px solid rgb(171 127 54 / 22%);
		background: transparent !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item:first-child {
		border-top: 0 !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		position: relative;
		display: block;
		width: 100%;
		min-height: 52px;
		padding: 0.9rem 2.5rem 0.8rem 0 !important;
		text-decoration: none;
		white-space: normal;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
		content: "›";
		position: absolute;
		top: 50%;
		right: 0.75rem;
		transform: translateY(-52%);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-footer-link {
		display: block;
		width: 100% !important;
		margin-left: 0;
		border-bottom: 1px solid var(--cp-gold-line);
		background: transparent !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-footer-link > .wp-block-navigation-item__content {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		min-height: 52px;
		padding: 0.72rem max(2.5rem, env(safe-area-inset-right)) 0.68rem max(1.25rem, env(safe-area-inset-left)) !important;
		text-decoration: none;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-footer-link > .wp-block-navigation-item__content::after {
		content: "›";
		position: absolute;
		top: 50%;
		right: 0.75rem;
		transform: translateY(-52%);
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-footer-member {
		width: calc(100% - 2.5rem) !important;
		margin: 1rem 1.25rem 0;
		border-bottom: 0;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-footer-member > .wp-block-navigation-item__content {
		justify-content: center;
		min-height: 52px;
		padding: 0.8rem 1rem !important;
		color: #fff !important;
		background: var(--cp-ink) !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-footer-member > .wp-block-navigation-item__content::after {
		display: none;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-trigger > .wp-block-navigation__submenu-container::after {
		content: none;
		display: none;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open a:focus-visible,
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open button:focus-visible {
		outline: 2px solid var(--cp-gold);
		outline-offset: 3px;
}
}

@media (max-width: 782px) {
	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open {
		top: 46px;
		height: calc(100dvh - 46px);
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open > .cp-mega-mobile-header-plate {
		top: 0;
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
		top: calc((var(--cp-header-row-height, 84px) - 44px) / 2);
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before {
		top: var(--cp-header-row-height, 84px);
}

	body.admin-bar .cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after {
		top: 4.1rem;
}
}

@media (max-width: 1100px) {
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open li.cp-mega-group.has-child {
		display: grid !important;
		grid-template-columns: 0.85rem 56px minmax(0, 1fr) 44px 0.85rem !important;
		align-items: center;
		column-gap: 0.5rem;
		padding-inline: 0 !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open li.cp-mega-group.has-child::before {
		grid-column: 2 !important;
		grid-row: 1;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open li.cp-mega-group.has-child > .wp-block-navigation-item__content {
		grid-column: 3 !important;
		grid-row: 1;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open li.cp-mega-group.has-child > .wp-block-navigation__submenu-icon {
		grid-column: 4 !important;
		grid-row: 1;
		width: 24px !important;
		height: 24px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation__responsive-container.is-menu-open li.cp-mega-group.has-child > .wp-block-navigation__submenu-container {
		grid-column: 2 / 5 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
}
}

@media (max-width: 430px) {
	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		right: 0;
		left: 0;
		padding-top: 0;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-intro {
		min-height: 0;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group {
		min-height: 72px;
		grid-template-columns: max(0.85rem, env(safe-area-inset-left)) 56px minmax(0, 1fr) 44px max(0.85rem, env(safe-area-inset-right));
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group::before {
		grid-column: 2;
		width: 56px;
		height: 56px;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation-item__content {
		grid-column: 3;
		min-height: 0;
		padding: 0.75rem 0 !important;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-icon {
		grid-column: 4;
}

	.cp-site-header .wp-block-navigation__responsive-container.is-menu-open .cp-mega-group > .wp-block-navigation__submenu-container {
		grid-column: 2 / 5;
}
}

@media (prefers-reduced-motion: reduce) {
	.wp-site-blocks::before,
	.cp-top-gradient-hero::before {
		--cp-sitewide-gradient-angle: 12deg;
		width: 100vw;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transform: translateX(-50%);
		animation: none;
}

	.cp-site-header .wp-block-navigation *,
	.cp-site-header .wp-block-navigation *::before,
	.cp-site-header .wp-block-navigation *::after,
	.cp-button,
	.cp-category-archive__title-panel,
	.cp-golden-destination__link a,
	.cp-golden-feature__title a,
	.cp-golden-feature__read-more,
	.cp-golden-reading .wp-block-post-title a {
		scroll-behavior: auto;
		transition: none !important;
}
}

/* BEGIN native category archive composition */
/* Native Core-block content with route-owned Golden Apse decoration. */

body.category {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-fallback.webp");
	background-color: #f7f1e8;
	background-image: var(--cp-site-stone-texture);
}

.editor-styles-wrapper {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-fallback.webp");
}

body.category-bible-metrics {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-bible-metrics.webp");
}

body.category-bible-mysteries {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-bible-mysteries.webp");
}

body.category-bible-study {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-bible-study.webp");
}

body.category-bible-verses {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-bible-verses-v2.webp");
	--cp-category-medallion-size: 102%;
}

body.category-biblical-debates {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-biblical-debates.webp");
}

body.category-biblical-finance {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-biblical-finance.webp");
}

body.category-children {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-children.webp");
}

body.category-christian-art {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-christian-art.webp");
}

body.category-christian-education {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-christian-education.webp");
}

body.category-christian-history {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-christian-history.webp");
}

body.category-christian-news {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-christian-news.webp");
}

body.category-facts-stats {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-facts-stats.webp");
}

body.category-islam {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-islam.webp");
}

body.category-love-relationships {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-love-relationships.webp");
}

body.category-marriage {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-marriage.webp");
}

body.category-money {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-money.webp");
}

body.category-parenting {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-parenting.webp");
}

body.category-prayers {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-prayers.webp");
}

body.category-press {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-press.webp");
}

body.category-quizzes {
	--cp-category-medallion: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-quizzes.webp");
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive) {
	--cp-category-ink: #002b63;
	--cp-category-coral: #d8583f;
	--cp-category-paper: #fbf8f3;
	--cp-category-shadow: 0 15px 36px rgb(55 39 17 / 9%);
	background: var(--cp-category-paper);
	color: var(--cp-category-ink);
	overflow: clip;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive a) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.17em;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead) {
	background-color: #f4ede3;
	background-image: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-masthead-surface-desktop-v4.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-bottom: 0;
	isolation: isolate;
	min-height: clamp(37rem, 44.9vw, 41.75rem);
	padding: clamp(3.25rem, 5.05vw, 4.7rem) max(1.5rem, calc((100% - 65rem) / 2)) clamp(2.75rem, 3vw, 3.5rem);
	position: relative;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead)::before {
	display: none;
}

@media (min-width: 1101px) {
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead)::after {
		background: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-top-cornice-desktop-v2.webp") center / 100% 100% no-repeat;
		box-shadow: none;
		content: "";
		height: 2rem;
		inset: 0 0 auto;
		pointer-events: none;
		position: absolute;
		z-index: 1;
}
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead-content) {
	margin-inline: auto;
	max-width: 59rem;
	position: relative;
	z-index: 1;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__medallion-frame) {
	align-items: center;
	background: rgb(244 239 231 / 88%);
	border: 1px solid rgb(145 110 61 / 27%);
	border-radius: 50%;
	box-shadow:
		inset 0 0 0 5px rgb(255 255 255 / 52%),
		inset 0 0 0 8px rgb(116 82 38 / 11%),
		0 5px 12px rgb(58 39 16 / 11%);
	display: grid;
	height: clamp(8.75rem, 11vw, 10.25rem);
	justify-items: center;
	margin: 0 auto clamp(2.75rem, 3.55vw, 3.3rem);
	padding: 0;
	position: relative;
	width: clamp(8.75rem, 11vw, 10.25rem);
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__medallion-frame)::before {
	border: 1px solid rgb(255 255 255 / 74%);
	border-radius: inherit;
	box-shadow: inset 0 0 7px rgb(80 55 25 / 15%);
	content: "";
	inset: 0.45rem;
	pointer-events: none;
	position: absolute;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__medallion) {
	background-color: #e9e1d5;
	background-image: var(--cp-category-medallion);
	background-position: center;
	background-repeat: no-repeat;
	background-size: var(--cp-category-medallion-size, 150%);
	border: 1px solid rgb(93 67 34 / 20%);
	border-radius: 50%;
	box-shadow: 0 1px 4px rgb(57 38 16 / 18%);
	height: 82%;
	margin: 0;
	position: relative;
	width: 82%;
	z-index: 1;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__title) {
	color: var(--cp-category-ink);
	margin: 0 auto;
	max-width: 48rem;
	text-wrap: balance;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__scripture) {
	border-inline-start: 2px solid var(--cp-category-coral);
	color: #233f6f;
	margin: clamp(1.1rem, 1.8vw, 1.25rem) auto clamp(2.2rem, 3vw, 2.75rem);
	max-width: 37.5rem;
	padding-inline-start: 1.45rem;
	text-align: start;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__scripture strong) {
	white-space: nowrap;
}

@media (min-width: 541px) {
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__scripture br) {
		display: none;
}
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search) {
	margin: 0 auto;
	max-width: 59rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__inside-wrapper) {
	align-items: center;
	background: rgb(255 255 255 / 92%);
	border: 1px solid rgb(136 104 58 / 25%);
	border-radius: 0.75rem;
	box-shadow: var(--cp-category-shadow);
	min-height: 5.25rem;
	padding: 0.45rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__input) {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--cp-category-ink);
	min-height: 4rem;
	padding: 0.7rem 1.45rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__input::placeholder) {
	color: #67625d;
	opacity: 1;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__button) {
	background: var(--cp-category-ink);
	border: 0;
	border-radius: 0.5rem;
	box-shadow: none;
	color: #fff;
	min-height: 4rem;
	min-width: 8.875rem;
	padding: 0.7rem 1.45rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__button:hover),
:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__button:focus-visible) {
	background: #123b77;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search :focus-visible) {
	outline: 3px solid var(--cp-focus);
	outline-offset: 3px;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__threshold) {
	background-color: #f7f2ea;
	background-image: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-divider-rails-desktop-v4.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 0;
	height: 46px;
	margin: 0;
	position: relative;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__threshold)::before {
	background-image: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-divider-desktop-v3.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	content: "";
	display: block;
	inset-block: 0;
	left: 50%;
	mask-image: linear-gradient(90deg, transparent 0, #000 17%, #000 83%, transparent 100%);
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 17%, #000 83%, transparent 100%);
	width: min(15rem, 100%);
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__threshold)::after {
	display: none;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles) {
	background: #fbf8f3;
	padding: 1.5rem max(1.5rem, calc((100% - 68.125rem) / 2)) clamp(4rem, 7vw, 6.5rem);
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles > .wp-block-query) {
	max-width: 68.125rem !important;
	width: 100%;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template) {
	gap: 1rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template > li > .wp-block-group) {
	background: #fff;
	border: 1px solid rgb(122 91 50 / 20%);
	border-radius: 0.55rem;
	box-shadow: 0 8px 20px rgb(54 37 16 / 6%);
	overflow: hidden;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-media img) {
	display: block;
	height: clamp(13.75rem, 16vw, 15rem);
	object-fit: cover;
	width: 100%;
}

/*
 * Chosen category-card overlay: A inset panel, B navy at 85% opacity,
 * 1.5rem Tiempos (20% larger than the previous 1.25rem Gutenberg title), 20px shield at 70% visible in the panel's bottom-right.
 * Experiment: 2-col grid, 4:3 paintings, 75% title panel, no excerpts.
 * Insert after .cp-category-archive__card-media rules in design-system.css.
 */

:is(body.category, .editor-styles-wrapper) .cp-category-archive__articles .wp-block-post-template {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(body.category, .editor-styles-wrapper) .wp-block-group.cp-category-archive {
	display: block;
	height: auto;
	overflow: visible;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__masthead {
	overflow: clip;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__articles .wp-block-post-template > .wp-block-post {
	min-height: 0;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover {
	align-items: flex-end;
	align-self: stretch;
	aspect-ratio: 4 / 3;
	height: auto;
	isolation: isolate;
	justify-content: flex-start;
	margin-inline: 0;
	max-width: none;
	min-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover .wp-block-cover__image-background {
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover .wp-block-cover__background {
	display: none;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover .wp-block-cover__inner-container {
	align-items: flex-end;
	bottom: 0;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	left: 0;
	max-width: none;
	padding: 0 0.65rem 0.65rem;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__title-panel {
	background: rgb(0 33 89 / 85%);
	border-radius: 3px;
	color: #fff;
	margin-inline: 0 auto;
	max-width: 75%;
	padding: 1.3rem 0.9rem 0.9rem;
	position: relative;
	width: 75%;
	transition: background-color var(--cp-motion-duration) var(--cp-motion-ease);
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-mark,
:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-mark.wp-block-image {
	bottom: 0.64rem;
	height: 20px;
	margin: 0;
	position: absolute;
	right: 0.7rem;
	width: 20px;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-mark img {
	display: block;
	height: 20px;
	object-fit: contain;
	opacity: 0.7;
	width: 20px;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover .wp-block-post-title {
	margin: 0;
	overflow-wrap: break-word;
	padding-right: 2.1rem;
	white-space: normal;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover .wp-block-post-title a {
	color: #fff;
	text-decoration: none;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-hit {
	inset: 0;
	position: absolute;
	z-index: 2;
	background: transparent;
	text-decoration: none;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-hit:is(:hover, :focus, :active, :visited) {
	background: transparent;
	text-decoration: none;
	color: inherit;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-hit:focus-visible {
	outline: 3px solid var(--cp-focus);
	outline-offset: -6px;
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card:active .cp-category-archive__title-panel,
:is(body.category, .editor-styles-wrapper) .cp-category-archive__card:focus-within .cp-category-archive__title-panel,
:is(body.category, .editor-styles-wrapper) .cp-category-archive__card:has(:active) .cp-category-archive__title-panel {
	background: rgb(0 33 89 / 90%);
}

@media (hover: hover) and (pointer: fine) {
	:is(body.category, .editor-styles-wrapper) .cp-category-archive__card:hover .cp-category-archive__title-panel {
		background: rgb(0 33 89 / 90%);
}
}

:is(body.category, .editor-styles-wrapper) .cp-category-archive__card-cover ~ .cp-category-archive__card-copy {
	display: none;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template > li > .wp-block-group > .wp-block-post-featured-image) {
	margin: 0;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-copy) {
	padding: 1rem 1.2rem 1.35rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template .wp-block-post-title) {
	margin: 0;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-excerpt) {
	color: #6b6762;
	margin: 0;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-excerpt p) {
	margin: 0;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template .wp-block-post-title a) {
	color: var(--cp-category-ink);
	text-decoration: none;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template .wp-block-post-title a:hover),
:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template .wp-block-post-title a:focus-visible) {
	text-decoration: underline;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-query-pagination) {
	margin-top: 2.5rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__membership) {
	background-color: var(--cp-category-ink);
	background-image: linear-gradient(135deg, rgb(255 255 255 / 6%), transparent 48%), var(--cp-site-stone-texture);
	background-repeat: no-repeat, repeat;
	background-size: auto, 360px 600px;
	background-blend-mode: normal, multiply;
	color: #fff;
	padding: clamp(3rem, 6vw, 5rem) 1.5rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__membership h2) {
	color: #fff;
	margin: 0;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__membership p) {
	color: rgb(255 255 255 / 80%);
	margin: 0;
	max-width: 39rem;
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__membership .wp-block-button__link) {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 0.35rem;
	box-shadow: none;
	color: var(--cp-category-ink);
	padding: 0.85rem 1.25rem;
	transition: background-color var(--cp-motion-duration) var(--cp-motion-ease), color var(--cp-motion-duration) var(--cp-motion-ease);
}

:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__membership .wp-block-button__link:active) {
	background: var(--cp-stone);
}

@media (hover: hover) and (pointer: fine) {
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__membership .wp-block-button__link:hover) {
		background: var(--cp-stone);
}
}

/* Compact landscape/tablet: preserve the desktop hierarchy and inline control. */
@media (min-width: 541px) and (max-width: 767px) {
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead) {
		min-height: 22rem;
		padding: 1.25rem 2.25rem 1.5rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead)::before {
		background:
			repeating-conic-gradient(from -2deg at 50% 17%, transparent 0deg 4.9deg, rgb(119 87 46 / 6%) 5.02deg 5.18deg, transparent 5.34deg 10deg),
			radial-gradient(circle at 50% 17%, transparent 0 4.35rem, rgb(255 255 255 / 34%) 4.45rem 4.6rem, rgb(112 81 43 / 6%) 4.68rem 4.8rem, transparent 4.9rem 100%);
		mask-image: radial-gradient(ellipse 92% 74% at 50% 17%, #000 0 48%, rgb(0 0 0 / 54%) 70%, transparent 98%);
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead-content) {
		max-width: 40rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__medallion-frame) {
		height: 5.5rem;
		margin-bottom: 1.25rem;
		width: 5.5rem;
}
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__scripture) {
		margin: 0.75rem auto 1.25rem;
		max-width: 36rem;
		padding-inline-start: 1rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__inside-wrapper) {
		min-height: 3.75rem;
		padding: 0.35rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__input),
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__button) {
		min-height: 3rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__button) {
		min-width: 7rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__threshold) {
		height: 3rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles) {
		padding: 1rem 1.5rem 4rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-media img) {
		height: 10.5rem;
}
}

/* Narrow portrait phone: translate the approved 853 × 1844 raster. */
@media (max-width: 781px) {
	body.category-bible-verses {
		--cp-category-medallion-size: 100%;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead) {
		background-image: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-masthead-surface-mobile-v4.webp");
		min-height: 0;
		padding: clamp(2.15rem, 8.7vw, 2.75rem) 6.3vw 1.9rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__masthead)::before {
		background:
			repeating-conic-gradient(from -2deg at 50% 15.5%, transparent 0deg 5.7deg, rgb(119 87 46 / 6%) 5.82deg 5.98deg, transparent 6.12deg 12deg),
			radial-gradient(circle at 50% 15.5%, transparent 0 10.6vw, rgb(255 255 255 / 34%) 10.8vw 11.25vw, rgb(112 81 43 / 6%) 11.45vw 11.8vw, transparent 12.1vw 100%);
		mask-image: radial-gradient(ellipse 118% 78% at 50% 15.5%, #000 0 48%, rgb(0 0 0 / 54%) 70%, transparent 98%);
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__medallion-frame) {
		height: clamp(5.5rem, 22.6vw, 7.25rem);
		margin-bottom: clamp(2.1rem, 8.7vw, 2.75rem);
		width: clamp(5.5rem, 22.6vw, 7.25rem);
}
	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__scripture) {
		margin: 0.875rem auto 1.75rem;
		max-width: 60vw;
		padding-inline-start: 4vw;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__scripture strong) {
		white-space: normal;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__inside-wrapper) {
		align-items: stretch;
		background: transparent;
		border: 0;
		box-shadow: none;
		flex-direction: column;
		gap: 2.2vw;
		padding: 0;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__input) {
		background: rgb(255 255 255 / 92%);
		border: 1px solid rgb(136 104 58 / 25%);
		border-radius: 0.75rem;
		box-shadow: var(--cp-category-shadow);
		min-height: clamp(3.5rem, 14vw, 4.25rem);
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__search .wp-block-search__button) {
		min-height: 3rem;
		padding-block: 0.5rem;
		width: 100%;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__threshold) {
		background-image: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-divider-rails-mobile-v4.webp");
		height: clamp(1.5rem, 6.6vw, 1.75rem);
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__threshold)::before {
		background-image: url("/wp-content/mu-plugins/christianpure-design-system/assets/images/category/category-divider-mobile-v3.webp");
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles) {
		padding: clamp(1.125rem, 4.6vw, 1.35rem) min(5vw, 2.2rem) 4rem;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__articles .wp-block-post-template) {
		gap: 1.35rem;
		grid-template-columns: minmax(0, 1fr) !important;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card) {
		border-radius: min(2vw, 1rem);
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-media img) {
		aspect-ratio: 2 / 1;
		height: auto;
}

	:is(body.category, .editor-styles-wrapper) :where(.cp-category-archive__card-copy) {
		padding: clamp(1rem, 3.2vw, 1.4rem) clamp(1.2rem, 5vw, 2.2rem) clamp(1.3rem, 4vw, 1.75rem);
}}

/* Site Editor canvas presentation; structural proof does not depend on it. */
.editor-styles-wrapper {
	background-color: #ded6ca;
	background-image: var(--cp-site-stone-texture);
	padding-block: 2rem;
}

.editor-styles-wrapper :where(.cp-category-archive) {
	box-shadow: 0 18px 60px rgb(13 36 64 / 16%);
	margin-inline: auto;
	max-width: 90rem;
}

.editor-styles-wrapper :where(.cp-category-archive__masthead) {
	min-height: 0;
	padding-block: 3rem;
}

.editor-styles-wrapper :where(.cp-category-archive__masthead-content) {
	max-width: 48rem;
}

.editor-styles-wrapper :where(.cp-category-archive__articles) {
	padding-block: 2.5rem;
}

/* END native category archive composition */

/* Universal footer mosaic. Option A: Limestone Latin Cross. 3000×60, centered, no-repeat. */
.cp-universal-footer-mosaic {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	min-height: 78px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
	background-color: transparent !important;
	background-image: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/footer/christianpure-footer-mosaic-limestone-latin-cross-3000x78.webp") !important;
	background-position: 50% 100% !important;
	background-repeat: no-repeat !important;
	background-size: 3000px 78px !important;
}

/* Homepage Golden Apse still owns a page-level band; reuse Option A so mosaics match. */
.cp-golden-footer-mosaic {
	box-sizing: border-box;
	width: 100%;
	max-width: none !important;
	min-height: 60px !important;
	height: 60px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible;
	border: 0 !important;
	background-color: transparent !important;
	background-image: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/footer/christianpure-footer-mosaic-limestone-latin-cross-3000x78.webp") !important;
	background-position: 50% 100% !important;
	background-repeat: no-repeat !important;
	background-size: 3000px 78px !important;
}

body:has(.cp-universal-footer-mosaic) .cp-golden-footer-mosaic,
body:has(.cp-universal-footer) .cp-golden-footer {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	background: none !important;
}

/*
 * Production Global Styles still contains a paper-footer restyle for every
 * primary-background template-part footer. Keep the site-wide footer navy,
 * let Gutenberg own the wordmark and column titles, and do not flatten the
 * logo with an invert filter.
 */
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color {
	overflow: visible;
	width: 100%;
	max-width: none !important;
	color: #fffaf1;
	background: #002159 !important;
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color > :not(.cp-universal-footer-mosaic) {
	background: transparent;
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color::before {
	content: none !important;
	display: none !important;
	height: 0 !important;
	background: none !important;
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color > .wp-block-group > .wp-block-group.is-layout-flex:first-child {
	border-bottom-color: rgb(255 250 241 / 18%);
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color figure.wp-block-image {
	width: auto !important;
	max-width: 100%;
	height: auto !important;
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .ns-button {
	--ns-btn-color: transparent !important;
	--ns-icon-color: #fffaf1 !important;
	box-shadow: inset 0 0 0 1px rgb(255 250 241 / 28%);
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid,
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid p,
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid a,
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid > .wp-block-group:not(:last-child) > p + p,
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid > .wp-block-group:not(:last-child) > p + p a,
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid > .wp-block-group:last-child p,
body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid > .wp-block-group:last-child a {
	color: inherit !important;
}
/* Keep FluentCommunity portal, checkout, cart, and account off the Golden Apse sky. */
body[data-route] .wp-site-blocks::before,
body.woocommerce-checkout .wp-site-blocks::before,
body.woocommerce-cart .wp-site-blocks::before,
body.woocommerce-account .wp-site-blocks::before {
	display: none !important;
	animation: none !important;
}

/*
 * Production Global Styles still contains an older 2-column dropdown rule for
 * every header submenu. These selectors beat that Additional CSS so Topics
 * keeps the 12-column mega menu.
 */
@media (min-width: 1101px) {
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container {
		display: grid !important;
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
		top: 100% !important;
		width: min(1460px, calc(100vw - 3.5rem)) !important;
		min-width: 0 !important;
		padding: clamp(2rem, 3vw, 3.2rem) clamp(1.75rem, 3.3vw, 3.25rem) 1.35rem !important;
		gap: 0 clamp(1rem, 2vw, 2rem) !important;
		border-radius: 0 !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container * {
		pointer-events: none !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation-item__content:hover ~ .wp-block-navigation__submenu-container,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-icon:hover ~ .wp-block-navigation__submenu-container,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child.cp-mega-open > .wp-block-navigation__submenu-container,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child:focus-within > .wp-block-navigation__submenu-container,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		visibility: visible !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: translate(-50%, 0) !important;
		transition:
			opacity var(--cp-motion-duration) var(--cp-motion-ease),
			transform var(--cp-motion-duration) var(--cp-motion-ease),
			visibility var(--cp-motion-duration-exit) var(--cp-motion-ease);
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation-item__content:hover ~ .wp-block-navigation__submenu-container *,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-icon:hover ~ .wp-block-navigation__submenu-container *,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child.cp-mega-open > .wp-block-navigation__submenu-container *,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child:focus-within > .wp-block-navigation__submenu-container *,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-icon[aria-expanded="true"] ~ .wp-block-navigation__submenu-container * {
		pointer-events: auto !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-intro {
		grid-column: 1 / -1 !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 0 1.25rem !important;
		border: 0 !important;
		background: transparent !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-intro > .wp-block-navigation-item__content,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-intro .wp-block-navigation-item__label {
		display: block !important;
		width: fit-content !important;
		padding: 0 !important;
		color: var(--cp-ink) !important;
		text-decoration: none !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-intro::after {
		color: #31384f !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group > .wp-block-navigation-item__content,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group > .wp-block-navigation-item__content > .wp-block-navigation-item__label {
		color: var(--cp-ink) !important;
		text-align: center !important;
		text-decoration: none !important;
		white-space: normal !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content,
	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group > .wp-block-navigation__submenu-container > .wp-block-navigation-item .wp-block-navigation-item__label {
		color: var(--cp-ink) !important;
		text-align: left !important;
		text-decoration: none !important;
		white-space: normal !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group {
		display: flex !important;
		grid-column: span 3 !important;
		width: auto !important;
		flex-direction: column !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group > .wp-block-navigation__submenu-icon {
		display: none !important;
}

	body .wp-site-blocks header.wp-block-template-part .cp-site-header .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.cp-mega-trigger.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item.cp-mega-group > .wp-block-navigation__submenu-container {
		position: static !important;
		display: flex !important;
		flex-direction: column !important;
		width: auto !important;
		min-width: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		transform: none !important;
		visibility: inherit;
		opacity: inherit;
		pointer-events: inherit;
}
}

body .wp-site-blocks footer.wp-block-template-part {
	overflow: visible;
}

body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color p {
	white-space: normal;
	overflow-wrap: anywhere;
	min-width: 0;
}

@media (max-width: 781px) {
	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-flex:first-child {
		flex-wrap: wrap !important;
		align-items: flex-start;
		row-gap: 1rem;
}

	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color .is-layout-grid {
		grid-template-columns: 1fr !important;
		gap: 1.1rem !important;
}

	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color a[href*="/bible-verses"],
	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color a[href*="bible-verses"],
	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color a[href*="/resources"],
	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color a[href$="/about/"],
	body .wp-site-blocks footer.wp-block-template-part .cp-universal-footer.has-primary-background-color a[href$="/about"] {
		display: none !important;
}
}

/* Gutenberg tables: gold hairlines, not navy cell boxes. */
body .wp-block-table,
body .editor-styles-wrapper .wp-block-table {
	margin: 1.5rem 0 2rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body .wp-block-table table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	color: var(--cp-ink);
}

body .wp-block-table thead,
body .wp-block-table tfoot,
body .wp-block-table tr {
	border: 0;
}

body .wp-block-table th,
body .wp-block-table td,
body .wp-block-table .has-fixed-layout th,
body .wp-block-table .has-fixed-layout td {
	border: 0;
	border-bottom: 1px solid var(--cp-gold-line);
	padding: 0.7rem 0.85rem;
	vertical-align: top;
	color: inherit;
	background: transparent;
}
body .wp-block-table th,
body .wp-block-table .has-fixed-layout th {
	text-align: left;
}

body .wp-block-table tbody tr:last-child th,
body .wp-block-table tbody tr:last-child td {
	border-bottom: 0;
}

body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td,
body .wp-block-table.is-style-stripes tbody tr:nth-child(odd) th {
	background: rgb(248 242 232 / 55%);
}

@media (max-width: 781px) {
	body .wp-block-table table,
	body .wp-block-table table.has-fixed-layout {
		table-layout: auto;
		width: max-content;
		min-width: 36rem;
}

	body .wp-block-table th,
	body .wp-block-table td,
	body .wp-block-table .has-fixed-layout th,
	body .wp-block-table .has-fixed-layout td {
		padding: 0.65rem 0.8rem;
		max-width: 12rem;
}
}

/*
 * Article summary — Option B "Cornice and sill" (picked 2026-09-16).
 * The About arrival wall, as built in mission.css: statuary plaster with
 * carved flanks, the gold cornice along the top, the marble sill along the
 * bottom. Assets are the mission statuary set already shipped for /about/.
 * Padding is owned here (the single-template block carries none) so the
 * phone crop and inset can change together at 600px. Side padding is 7.8% (40% less than the original 13%). Title seam and coral markers unchanged.
 * `.wp-block-group` is in the selector because the constrained group also
 * carries `.has-global-padding`, whose Global Styles rule (printed after this
 * sheet) would otherwise zero the side padding at equal specificity.
 */
.wp-block-group.cp-article-summary {
	--cp-summary-cornice: 22px;
	--cp-summary-sill: 17px;
	position: relative;
	padding: calc(var(--cp-summary-cornice) + var(--cp-space-32, 32px)) max(24px, 7.8%) calc(var(--cp-summary-sill) + var(--cp-space-40, 40px));
	margin: 0 0 2.25rem;
	border: 0;
	border-inline: 1px solid var(--cp-gold-line);
	border-radius: 0;
	background-color: #eae1d2;
	background-image:
		url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/mission/statuary-20260907/cornice.webp"),
		url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/mission/statuary-20260907/sill.webp"),
		url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/mission/statuary-20260907/wall-desktop.webp");
	background-repeat: repeat-x, repeat-x, no-repeat;
	background-position: center top, center bottom, center;
	background-size: auto var(--cp-summary-cornice), auto var(--cp-summary-sill), 100% 100%;
	background-blend-mode: normal;
	box-shadow: none;
}

.cp-article-summary > .wp-block-heading {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 1rem;
	color: var(--cp-ink, #002b63);
}

.cp-article-summary > .wp-block-heading::after {
	content: "";
	flex: 1 1 auto;
	min-width: 2rem;
	height: 8px;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpolygon points='4,0 8,4 4,8 0,4' fill='%23c58c23'/%3E%3C/svg%3E"),
		linear-gradient(90deg, rgb(197 140 35 / 60%), transparent);
	background-repeat: no-repeat;
	background-position: left center, 18px center;
	background-size: 8px 8px, calc(100% - 18px) 1px;
}

.cp-article-summary .is-acf-field,
.cp-article-summary .wp-block-mfb-meta-field-block,
.cp-article-summary .field-article_summary {
	color: #1e2f55;
}

.cp-article-summary ul,
.cp-article-summary ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.cp-article-summary li,
.cp-article-summary .field-article_summary li {
	position: relative;
	margin: 0;
	padding-left: 22px;
	list-style: none;
	color: #1e2f55;
}

.cp-article-summary li + li {
	margin-top: 0.8em;
}

.cp-article-summary li::before {
	content: "";
	position: absolute;
	top: 0.58em;
	left: 2px;
	width: 6px;
	height: 6px;
	background: var(--cp-coral, #d8583f);
	transform: rotate(45deg);
}

@media (max-width: 600px) {
	/* Phone: plain plaster crop, flanks fall away, cornice and sill stay. */
	.wp-block-group.cp-article-summary {
		padding: calc(var(--cp-summary-cornice) + var(--cp-space-24, 24px)) var(--cp-space-24, 24px) calc(var(--cp-summary-sill) + var(--cp-space-32, 32px));
		background-image:
			url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/mission/statuary-20260907/cornice.webp"),
			url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/mission/statuary-20260907/sill.webp"),
			url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/mission/statuary-20260907/wall-phone.webp");
		background-size: auto var(--cp-summary-cornice), auto var(--cp-summary-sill), cover;
}}

/* Threshold motion: existing homepage links already underline on hover.
   Keep that meaning; only ease the color of the underline. */
body.cp-golden-page .cp-golden-destination__link a,
body.cp-golden-page .cp-golden-feature__title a,
body.cp-golden-page .cp-golden-feature__read-more,
body.cp-golden-page .cp-golden-reading .wp-block-post-title a {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 0.14em;
	transition: text-decoration-color var(--cp-motion-duration) var(--cp-motion-ease);
}

body.cp-golden-page .cp-golden-destination__link a:focus-visible,
body.cp-golden-page .cp-golden-feature__title a:focus-visible,
body.cp-golden-page .cp-golden-feature__read-more:focus-visible,
body.cp-golden-page .cp-golden-reading .wp-block-post-title a:focus-visible {
	text-decoration-color: currentColor;
}

@media (hover: hover) and (pointer: fine) {
	body.cp-golden-page .cp-golden-destination__link a:hover,
	body.cp-golden-page .cp-golden-feature__title a:hover,
	body.cp-golden-page .cp-golden-feature__read-more:hover,
	body.cp-golden-page .cp-golden-reading .wp-block-post-title a:hover {
		text-decoration-color: currentColor;
}
}

/* christianpure-design-system-single-hero */
/* Existing article navigation and locale behavior. */

@media (min-width: 1200px) {
	body.single-post .cp-single-hero + .wp-block-group {
		box-sizing: border-box;
		width: 100vw;
		max-width: none;
		margin-left: calc(50% - 50vw);
		padding-right: 0;
		padding-left: 0;
}

	/* Grow the rail into the left page margin. Right edge stays put so the
	   40px gutter to the 700px summary does not shrink. */
	body.single-post .cp-single-post__reading-layout {
		--cp-toc-extra: min(8.75rem, max(0px, calc((100vw - 1200px) / 2 - 1rem)));
}

	body.single-post .cp-single-post__toc-column {
		position: relative;
		flex-basis: calc(17.5% + var(--cp-toc-extra)) !important;
		margin-left: calc(var(--cp-toc-extra) * -1);
}

	body.single-post #wpj-jtoc.--jtoc-is-sticky {
		--jtoc-toc-padding: 0;
		--jtoc-toc-border: 0;
		--jtoc-toc-border-color: transparent;
		--jtoc-header-margin: 0;
		--jtoc-header-padding: 0 0 0.8rem;
		--jtoc-header-background-color: transparent;
		--jtoc-title-color: #17324d;
		--jtoc-title-label-font-weight: 400;
		--jtoc-body-padding: 0.7rem 0 0;
		--jtoc-body-background-color: transparent;
		--jtoc-headings-padding: 0;
		--jtoc-headings-padding-x: 0;
		--jtoc-headings-line-height: 1.35;
		--jtoc-link-margin: 0;
		--jtoc-link-padding: 0;
		--jtoc-link-font-weight: 400;
		--jtoc-link-color: #4a5b6e;
		--jtoc-link-color-active: #17324d;
		--jtoc-link-background-color-active: transparent;
		--jtoc-headings-background-color-active: transparent;
		--jtoc-color-custom-2: #8e3528;
		box-sizing: border-box;
		left: max(1rem, calc((100vw - 1200px) / 2 - var(--cp-toc-extra))) !important;
		width: calc(13.125rem + var(--cp-toc-extra)) !important;
		max-height: calc(100dvh - 4rem) !important;
		padding: 0.2rem 0.75rem 0.6rem 0;
		overflow: auto !important;
		scrollbar-color: rgb(171 127 54 / 35%) transparent;
		scrollbar-width: thin;
}

	body.single-post #wpj-jtoc :is(.wpj-jtoc--toc-inline, .wpj-jtoc--header, .wpj-jtoc--body) {
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--header {
		border-bottom: 1px solid rgb(171 127 54 / 38%) !important;
}
	body.single-post #wpj-jtoc .wpj-jtoc--title .title-icon {
		color: #8e3528;
}

	body.single-post #wpj-jtoc .wpj-jtoc--toggle-wrap {
		display: none;
}

	body.single-post #wpj-jtoc .wpj-jtoc--items {
		counter-reset: cp-toc-item;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item {
		counter-increment: cp-toc-item;
		margin: 0;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content {
		position: relative;
		padding: 0.32rem 0 0.32rem 0.65rem !important;
		border-left: 2px solid transparent;
		background: transparent !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item.--jtoc-is-active > .wpj-jtoc--item-content {
		border-left-color: #8e3528;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a {
		position: relative;
		display: -webkit-box;
		max-height: 2.7em;
		padding-left: 2.15rem !important;
		overflow: hidden;
		color: #4a5b6e !important;
		text-decoration: none !important;
		text-overflow: clip !important;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a::before {
		content: counter(cp-toc-item, decimal-leading-zero);
		position: absolute;
		top: 0.08rem;
		left: 0;
		color: #9a7127;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item.--jtoc-is-active > .wpj-jtoc--item-content > a {
		color: #17324d !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a:hover {
		color: #8e3528 !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a:focus-visible {
		outline: 2px solid #ab7f36 !important;
		outline-offset: 3px;
}

	body.single-post .wpj-jtoc--widget-slide-out {
		display: none !important;
}

	body.admin-bar.single-post #wpj-jtoc.--jtoc-is-sticky {
		top: 3.25rem !important;
		max-height: calc(100dvh - 4.25rem) !important;
}}

@media (max-width: 1199px) {
	body.single-post #wpj-jtoc,
	body.single-post #wpj-jtoc.--jtoc-is-sticky {
		--jtoc-toc-padding: 0;
		--jtoc-toc-border: 0;
		--jtoc-toc-border-color: transparent;
		--jtoc-header-margin: 0;
		--jtoc-header-padding: 0 0 0.8rem;
		--jtoc-header-background-color: transparent;
		--jtoc-title-color: #17324d;
		--jtoc-title-label-font-weight: 400;
		--jtoc-body-padding: 0.7rem 0 0;
		--jtoc-body-background-color: transparent;
		--jtoc-headings-padding: 0;
		--jtoc-headings-padding-x: 0;
		--jtoc-headings-line-height: 1.35;
		--jtoc-link-margin: 0;
		--jtoc-link-padding: 0;
		--jtoc-link-font-weight: 400;
		--jtoc-link-color: #4a5b6e;
		--jtoc-link-color-active: #17324d;
		--jtoc-link-background-color-active: transparent;
		--jtoc-headings-background-color-active: transparent;
		--jtoc-color-custom-2: #8e3528;
		box-sizing: border-box;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		max-height: none !important;
		padding: 0;
		overflow: visible !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
}

	body.single-post #wpj-jtoc :is(.wpj-jtoc--toc-inline, .wpj-jtoc--header, .wpj-jtoc--body) {
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--header {
		border-bottom: 1px solid rgb(171 127 54 / 38%) !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--title-label {
		color: #17324d !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--title .title-icon {
		color: #8e3528;
}

	body.single-post #wpj-jtoc .wpj-jtoc--toggle-wrap {
		display: none;
}

	body.single-post #wpj-jtoc .wpj-jtoc--items {
		counter-reset: cp-toc-item;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item {
		counter-increment: cp-toc-item;
		margin: 0;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content {
		position: relative;
		padding: 0.32rem 0 0.32rem 0.65rem !important;
		border-left: 2px solid transparent;
		background: transparent !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item.--jtoc-is-active > .wpj-jtoc--item-content {
		border-left-color: #8e3528;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a {
		position: relative;
		display: -webkit-box;
		max-height: 2.7em;
		padding-left: 2.15rem !important;
		overflow: hidden;
		color: #4a5b6e !important;
		text-decoration: none !important;
		text-overflow: clip !important;
		white-space: normal !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a::before {
		content: counter(cp-toc-item, decimal-leading-zero);
		position: absolute;
		top: 0.08rem;
		left: 0;
		color: #9a7127;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item.--jtoc-is-active > .wpj-jtoc--item-content > a {
		color: #17324d !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a:hover {
		color: #8e3528 !important;
}

	body.single-post #wpj-jtoc .wpj-jtoc--item-content > a:focus-visible {
		outline: 2px solid #ab7f36 !important;
		outline-offset: 3px;
}

	body.single-post.cp-single-hero-v2 .wpj-jtoc--widget-slide-out:not(.--jtoc-slide-out-opened) .wpj-jtoc--slide-out-inner {
		clip-path: inset(0 40px 0 0);
}
}

@media (max-width: 1199px) and (min-width: 782px) {
	body.single-post .cp-single-post__toc-column {
		flex-basis: 30% !important;
		width: 30% !important;
}

	body.single-post .cp-single-post__article-column {
		flex-basis: 70% !important;
		width: 70% !important;
}
}

body.single-post .cp-single-hero__content,
body.single-post .cp-single-hero__language {
	overflow: visible !important;
}

body.single-post .cp-single-hero__language .wp-block-separator {
	width: auto !important;
	margin: 0 !important;
	border-color: rgb(171 127 54 / 42%) !important;
	flex: 1 1 auto;
}

body.single-post .cp-single-hero__language {
	position: relative;
	z-index: 6;
}

body.single-post .cp-single-hero__language .etm-language-switcher {
	position: relative;
	z-index: 6;
	overflow: visible !important;
}

body.single-post .cp-single-hero__language .etm-language-switcher .etm-ls-shortcode-current-language {
	z-index: 20;
}

body.single-post .cp-single-hero__language .etm-language-switcher .etm-ls-shortcode-language {
	display: none;
	z-index: 20;
	overflow: hidden !important;
	pointer-events: none;
}

body.single-post .cp-single-hero__language .etm-language-switcher:is(:hover, :focus-within) .etm-ls-shortcode-language {
	display: inline-block !important;
	pointer-events: auto;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

body.single-post .cp-single-hero + .wp-block-group {
	position: relative;
	z-index: 1;
	margin-block-start: 0 !important;
	padding-top: clamp(2rem, 4vw, 4rem);
}

@media (max-width: 600px) {

	body.single-post.cp-single-hero-v2 .cp-single-post__article-column {
		order: -1;
}}

@media (prefers-reduced-motion: reduce) {
	body.single-post .cp-single-hero *,
	body.single-post .cp-single-hero *::before,
	body.single-post .cp-single-hero *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
}
}
body.single-post .wp-site-blocks::before {display: block;}
/* Sanctuary: the approved architectural frame surrounds live WordPress blocks. */
body.single-post .cp-single-hero {
  --hero-ink: #002b63;
  --hero-border: #627691;
  position: relative;
  isolation: isolate;
  z-index: 3;
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  background: var(--cp-stone) !important;
}

/* Side chapel: the complete altar image changes position, never proportions. */
body.single-post.cp-single-hero-v2 .cp-single-hero {
  --hero-ink: #f6eddf;
  --hero-border: #c29b57;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__content {
  min-height: calc(var(--scene-width) * 793 / 1691);
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 1rem calc(var(--scene-width) * 0.49) calc(var(--scene-width) * 45 / 1691 + 1rem) clamp(2rem, 9.5vw, 11.4rem);
  background: #101e35;
  align-content: center;
  justify-items: start;
  text-align: start;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__content::before {
  /* Extra-long copy adds calm navy above the intact, floor-aligned chapel. */
  inset: auto 0 0 auto;
  width: calc(var(--scene-width) * 752 / 1691);
  height: auto;
  aspect-ratio: 752 / 793;
  border: 0;
  border-image: none;
  background: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/chapel-desktop.webp") center / contain no-repeat;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__content::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: calc(var(--scene-width) * 45 / 1691);
  z-index: -2;
  pointer-events: none;
  background: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/chapel-threshold.webp") bottom left / auto 100% repeat-x;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__category {
  color: #d8ae66 !important;
  text-align: start;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__title {
  color: var(--hero-ink) !important;
  text-align: start !important;
  max-width: 22ch !important;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__byline {justify-content: flex-start; align-items: center;}
body.single-post.cp-single-hero-v2 .cp-single-hero__byline * {color: var(--hero-ink) !important;}
body.single-post.cp-single-hero-v2 .cp-single-hero__share {justify-content: flex-start; gap: 0.6rem;}
body.single-post.cp-single-hero-v2 .cp-single-hero__content > .ns-buttons,
body.single-post.cp-single-hero-v2 .cp-single-hero__language {
  align-self: start;
  border-top: 1px solid #b58d4c;
  width: 100%;
  box-sizing: border-box;
  padding-top: 1.25rem;
}
body.single-post.cp-single-hero-v2 .cp-single-hero__language {justify-content: flex-end;}
@media (max-width: 1023px) {
  body.single-post.cp-single-hero-v2 .cp-single-hero__content {
    --chapel-art-height: 62.406vw;
    min-height: 0;
    padding: calc(var(--chapel-art-height) + 2rem) max(1.75rem, calc((100vw - 40rem) / 2)) 3.25rem;
    background: #101e35;
}
  body.single-post.cp-single-hero-v2 .cp-single-hero__content::before {
    inset: 0 0 auto;
    width: 100%;
    height: var(--chapel-art-height);
    aspect-ratio: auto;
    background: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/chapel-phone.webp") top center / auto 100% no-repeat;
}
  body.single-post.cp-single-hero-v2 .cp-single-hero__content::after {height: 1rem;}
}
@media (max-width: 600px) {
  body.single-post.cp-single-hero-v2 .cp-single-hero__content {align-items: flex-start; padding-inline: 1.75rem;}
  body.single-post.cp-single-hero-v2 .cp-single-hero__category::after {display: none;}
  body.single-post.cp-single-hero-v2 .cp-single-hero__title {max-width: 100% !important;}
  body.single-post.cp-single-hero-v2 .cp-single-hero__language {
    align-self: flex-start;
    border: 0;
    width: auto;
    padding-top: 0;
    justify-content: flex-start;
}
}
body.single-post .cp-single-hero::before {display: none;}
body.single-post .cp-single-hero__content {
  --scene-width: min(100vw, 120rem);
  --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/sanctuary-desktop.webp");
  --frame-slice: 400 230 85 230;
  --frame-top: calc(var(--scene-width) * 400 / 1672);
  --frame-side: calc(var(--scene-width) * 230 / 1672);
  --frame-bottom: calc(var(--scene-width) * 85 / 1672);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
  gap: 0;
  box-sizing: border-box;
  width: 100vw !important;
  max-width: 120rem !important;
  min-height: 0;
  margin: 0 calc(50% - min(50vw, 60rem)) !important;
  padding: calc(var(--frame-top) + 0.75rem) calc(var(--frame-side) + 1rem) calc(var(--scene-width) * 23 / 1672 + 1.25rem);
  color: var(--hero-ink);
  background: linear-gradient(#eaddc6, #f3ece2 64%, #f3ece2);
  overflow: visible;
}
body.single-post .cp-single-hero__content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-style: solid;
  border-color: transparent;
  border-width: var(--frame-top) var(--frame-side) var(--frame-bottom);
  border-image-source: var(--frame-source);
  border-image-slice: var(--frame-slice) fill;
  border-image-width: 1;
  border-image-repeat: stretch;
}
body.single-post .cp-single-hero__category {
  grid-column: 1 / -1;
  color: var(--hero-ink) !important;
  margin: 0 0 1rem !important;
  text-align: center;
  text-decoration: none !important;
}
body.single-post .cp-single-hero__category a {color: inherit !important; text-decoration: none !important; border: 0 !important; box-shadow: none !important;}
body.single-post .cp-single-hero__title {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 24ch !important;
  margin: 0 !important;
  text-align: center !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
  hyphens: auto;
}
body.single-post .cp-single-hero__byline {
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  margin: 1.6rem 0 0 !important;
  gap: 0.4rem 1rem !important;
  color: var(--hero-ink);
}
body.single-post .cp-single-hero__byline > * {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
body.single-post .cp-single-hero__byline .wp-block-post-author {
  display: flex;
  align-items: center;
}
body.single-post .cp-single-hero__byline .wp-block-post-author__content {
  flex-basis: auto;
  flex-grow: 0;
}
body.single-post .cp-single-hero__byline :is(p, .wp-block-post-date, .wp-block-post-author__name) {
  color: var(--hero-ink) !important;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  margin: 0;
}
body.single-post .cp-single-hero__content > .ns-buttons {
  grid-column: 1;
  margin: 2rem 0 0 !important;
  width: auto;
}
body.single-post .cp-single-hero__share {
  grid-column: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin: 0 !important;
  max-width: 100%;
}
body.single-post .cp-single-hero__share .ns-button {
  margin: 0 !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  color: var(--hero-ink) !important;
}
body.single-post .cp-single-hero__share :is(.ns-button-wrapper,.ns-button-icon) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 2.75rem !important;
  height: 2.75rem !important;
  color: inherit !important;
  background: transparent !important;
}
body.single-post .cp-single-hero__share .ns-button-icon {border: 1px solid var(--hero-border) !important;}
body.single-post .cp-single-hero__share svg {width: 1.3rem; height: 1.3rem;}
body.single-post .cp-single-hero__language {
  grid-column: 2;
  width: auto;
  max-width: 100%;
  margin: 2rem 0 0 !important;
  justify-self: end;
}
body.single-post .cp-single-hero__language .wp-block-separator {display: none;}
body.single-post .cp-single-hero__language .etm_language_switcher_shortcode,
body.single-post .cp-single-hero__language .etm-language-switcher {
  width: max-content !important;
  height: auto !important;
  min-height: 2.75rem;
  margin: 0 !important;
}
body.single-post .cp-single-hero__language .etm-ls-shortcode-current-language {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: max-content !important;
  min-height: 2.75rem;
  padding-top: 0 !important;
  padding-right: 1.35em !important;
  padding-bottom: 0 !important;
  background-position: right 0.55em center, right 0.22em center !important;
  background-size: 5px 5px, 5px 5px !important;
}
body.single-post .cp-single-hero__language br {display: none !important;}
body.single-post .cp-single-hero__language .etm-ls-shortcode-current-language > a {
  color: var(--hero-ink) !important;
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  width: max-content;
  padding-right: 0;
}
body.single-post .cp-single-hero__language .etm-flag-image {display: none;}
body.single-post .cp-single-hero__language .etm-ls-shortcode-language {
  max-height: min(22rem, 60vh) !important;
  max-width: calc(100vw - 2rem);
}
body.single-post .cp-single-hero__language .etm-ls-shortcode-language a {min-height: 2.75rem;}
body.single-post .cp-single-hero__content a:focus-visible {outline: 2px solid currentColor; outline-offset: 4px;}
@media (min-width: 601px) and (max-width: 1023px) {
  body.single-post .cp-single-hero__content {
    --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/sanctuary-tablet.webp");
    --frame-slice: 400 150 85 150;
    --frame-top: calc(100vw * 400 / 1512);
    --frame-side: calc(100vw * 150 / 1512);
    --frame-bottom: calc(100vw * 85 / 1512);
    padding-top: calc(var(--frame-top) + 1.25rem);
}
}
@media (max-width: 600px) {
  body.single-post .cp-single-hero__content {
    --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/sanctuary-phone.webp");
    --frame-slice: 470 65 128 65;
    --frame-top: calc(100vw * 470 / 923);
    --frame-side: calc(100vw * 65 / 923);
    --frame-bottom: calc(100vw * 128 / 923);
    display: flex;
    flex-direction: column;
    padding: calc(var(--frame-top) + 0.5rem) calc(var(--frame-side) + 0.5rem) calc(var(--frame-bottom) + 0.25rem);
    background: #f1eae0;
}
  body.single-post .cp-single-hero__category {margin-bottom: 1.2rem !important;}
  body.single-post.cp-single-hero-v1 .cp-single-hero__category::after {
    content: "";
    display: block;
    width: 5rem;
    height: 1.0625rem;
    margin: 0.625rem auto 0;
    background: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/sanctuary-floret.webp") center / contain no-repeat;
}
  body.single-post .cp-single-hero__title {max-width: 15ch !important;}
  body.single-post .cp-single-hero__byline {flex-direction: column; margin-top: 1.7rem !important; gap: 0.3rem !important;}
  body.single-post .cp-single-hero__dot {display: none;}
  body.single-post .cp-single-hero__content > .ns-buttons {margin-top: 1.7rem !important;}
  body.single-post .cp-single-hero__share {gap: 0.6rem;}
  body.single-post .cp-single-hero__language {margin-top: 1rem !important; align-self: center;}
}

/* Stained-glass daylight: whole lancets above a quiet plaster reading plane. */
body.single-post.cp-single-hero-v3 .cp-single-hero__content {
  --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/glass-desktop.webp");
  --frame-slice: 480 230 6 230;
  --frame-top: calc(var(--scene-width) * 480 / 1691);
  --frame-side: calc(var(--scene-width) * 230 / 1691);
  --frame-bottom: calc(var(--scene-width) * 6 / 1691);
  padding: calc(var(--frame-top) + 1.25rem) calc(var(--frame-side) + 1.5rem) 1.5rem;
  background: #f3f0e9;
}
body.single-post.cp-single-hero-v3 .cp-single-hero__content > .ns-buttons,
body.single-post.cp-single-hero-v3 .cp-single-hero__language {
  align-self: start;
  border-top: 1px solid #a2afbf;
  box-sizing: border-box;
  width: 100%;
  padding-top: 1.25rem;
}
body.single-post.cp-single-hero-v3 .cp-single-hero__share {justify-content: start;}
body.single-post.cp-single-hero-v3 .cp-single-hero__language {justify-content: end;}
@media (min-width: 601px) and (max-width: 1023px) {
  body.single-post.cp-single-hero-v3 .cp-single-hero__content {
    --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/glass-tablet.webp");
    --frame-slice: 480 100 6 100;
    --frame-top: calc(var(--scene-width) * 480 / 1431);
    --frame-side: calc(var(--scene-width) * 100 / 1431);
    --frame-bottom: calc(var(--scene-width) * 6 / 1431);
}
}
@media (max-width: 600px) {
  body.single-post.cp-single-hero-v3 .cp-single-hero__content {
    --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/glass-phone.webp");
    --frame-slice: 520 110 110 110;
    --frame-top: calc(var(--scene-width) * 520 / 913);
    --frame-side: calc(var(--scene-width) * 110 / 913);
    --frame-bottom: calc(var(--scene-width) * 110 / 913);
    padding: calc(var(--frame-top) + 1.5rem) calc(var(--frame-side) + 0.5rem) calc(var(--frame-bottom) + 0.5rem);
}
  body.single-post.cp-single-hero-v3 .cp-single-hero__content > .ns-buttons,
  body.single-post.cp-single-hero-v3 .cp-single-hero__language {border: 0; padding-top: 0; align-self: center; width: auto;}
  body.single-post.cp-single-hero-v3 .cp-single-hero__share {justify-content: center;}
}

/* Fresco chapel: Christ, the blessing hand and Gospel stay within one crown. */
body.single-post.cp-single-hero-v4 .cp-single-hero {--hero-ink: #f6eddf; --hero-border: #bc9258;}
body.single-post.cp-single-hero-v4 .cp-single-hero__content {
  --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/fresco-desktop.webp");
  --frame-slice: 410 200 5 200;
  --frame-top: calc(var(--scene-width) * 410 / 1690);
  --frame-side: calc(var(--scene-width) * 200 / 1690);
  --frame-bottom: calc(var(--scene-width) * 5 / 1690);
  padding: calc(var(--frame-top) + 1.5rem) calc(var(--frame-side) + 1.5rem) 1.75rem;
  background: #64301f;
}
body.single-post.cp-single-hero-v4 .cp-single-hero__title {color: var(--hero-ink) !important;}
body.single-post.cp-single-hero-v4 .cp-single-hero__byline * {color: var(--hero-ink) !important;}
body.single-post.cp-single-hero-v4 .cp-single-hero__content > .ns-buttons,
body.single-post.cp-single-hero-v4 .cp-single-hero__language {
  align-self: start;
  border-top: 1px solid #b58d4c;
  box-sizing: border-box;
  width: 100%;
  padding-top: 1.25rem;
}
body.single-post.cp-single-hero-v4 .cp-single-hero__share {justify-content: start;}
body.single-post.cp-single-hero-v4 .cp-single-hero__language {justify-content: end;}
@media (min-width: 601px) and (max-width: 1023px) {
  body.single-post.cp-single-hero-v4 .cp-single-hero__content {
    --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/fresco-tablet.webp");
    --frame-slice: 410 120 5 120;
    --frame-top: calc(var(--scene-width) * 410 / 1530);
    --frame-side: calc(var(--scene-width) * 120 / 1530);
    --frame-bottom: calc(var(--scene-width) * 5 / 1530);
}
}
@media (max-width: 600px) {
  body.single-post.cp-single-hero-v4 .cp-single-hero__content {
    --frame-source: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/fresco-phone.webp");
    --frame-slice: 460 55 110 55;
    --frame-top: calc(var(--scene-width) * 460 / 1023);
    --frame-side: calc(var(--scene-width) * 55 / 1023);
    --frame-bottom: calc(var(--scene-width) * 110 / 1023);
    padding: calc(var(--frame-top) + 1.25rem) calc(var(--frame-side) + 1rem) calc(var(--frame-bottom) + 0.5rem);
}
  body.single-post.cp-single-hero-v4 .cp-single-hero__category::after {
    content: "";
    display: block;
    width: 4rem;
    height: 0.9375rem;
    margin: 0.75rem auto 0;
    background: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/fresco-floret.webp") center / contain no-repeat;
}
  body.single-post.cp-single-hero-v4 .cp-single-hero__content > .ns-buttons {width: 100%;}
  body.single-post.cp-single-hero-v4 .cp-single-hero__share {justify-content: center;}
  body.single-post.cp-single-hero-v4 .cp-single-hero__language {border: 0; padding-top: 0; align-self: center; width: auto;}
}
body.single-post.cp-single-hero-v4 .cp-single-hero__content > .ns-buttons {position: relative;}
body.single-post.cp-single-hero-v4 .cp-single-hero__content > .ns-buttons::before {
  content: "";
  position: absolute;
  top: -0.46875rem;
  right: -2rem;
  width: 4rem;
  height: 0.9375rem;
  pointer-events: none;
  background: url("https://christianpure.com/wp-content/mu-plugins/christianpure-design-system/assets/images/single-hero/church-20260907-q78/fresco-floret.webp") center / contain no-repeat;
}
@media (max-width: 600px) {
  body.single-post.cp-single-hero-v4 .cp-single-hero__content > .ns-buttons::before {right: calc(50% - 2rem);}
}

/* christianpure-design-system-h2-image-group */
/**
 * H2 image group — D4 lunette niche (picked 2026-09-16).
 *
 * Live markup from Perfmatters `5-h2-image-grouper.php`:
 *   .entry-content > .h2-image-group > img.imagediv + h2.joli-heading
 *
 * Direct-child scope keeps `.cp-verse-unit .h2-image-group.cp-verse-picture`
 * on the verse-unit lunette. Course Additional CSS still overlays
 * `body.post-template-default h2.joli-heading`; this sheet beats that
 * overlay on grouped headings and leftover direct-child H2s.
 *
 * Niche stone, lip, and gold fillet match verse-unit.css so the two
 * read as one building. The heading sits on the page ground, not on stone.
 */

body.single-post .entry-content > .h2-image-group {
	--cp-h2ig-lip: 12px;
	--cp-h2ig-arch-outer: 100px;
	--cp-h2ig-arch-inner: calc(var(--cp-h2ig-arch-outer) - var(--cp-h2ig-lip));
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	margin: var(--cp-space-64, 4rem) 0 var(--cp-space-12, 0.75rem);
	position: relative;
}

body.single-post .entry-content > .h2-image-group::before {
	content: "";
	grid-row: 1;
	grid-column: 1;
	z-index: 0;
	border-radius: 50% 50% 4px 4px / var(--cp-h2ig-arch-outer) var(--cp-h2ig-arch-outer) 4px 4px;
	background-color: #e8e4dc;
	background-image: linear-gradient(180deg, rgba(247, 241, 232, 0.4), rgba(180, 135, 57, 0.06));
	box-shadow:
		inset 0 20px 30px rgba(40, 32, 18, 0.16),
		inset 0 -8px 16px rgba(40, 32, 18, 0.08),
		0 1px 0 rgba(255, 251, 247, 0.7);
}

body.single-post .entry-content > .h2-image-group > img,
body.single-post .entry-content > .h2-image-group > img.imagediv {
	grid-row: 1;
	grid-column: 1;
	z-index: 1;
	position: relative;
	display: block !important;
	box-sizing: border-box;
	width: calc(100% - (2 * var(--cp-h2ig-lip))) !important;
	max-width: none;
	height: auto !important;
	margin: var(--cp-h2ig-lip);
	padding: 0;
	aspect-ratio: 21 / 9 !important;
	object-fit: cover !important;
	object-position: 50% 18%;
	border-radius: 50% 50% 2px 2px / var(--cp-h2ig-arch-inner) var(--cp-h2ig-arch-inner) 2px 2px;
	background: var(--cp-color-surface-inverse, #002159);
}

body.single-post .entry-content > .h2-image-group::after {
	content: "";
	grid-row: 1;
	grid-column: 1;
	z-index: 2;
	pointer-events: none;
	box-sizing: border-box;
	width: calc(100% - (2 * var(--cp-h2ig-lip)));
	justify-self: center;
	align-self: start;
	margin-top: var(--cp-h2ig-lip);
	aspect-ratio: 21 / 9;
	border-radius: 50% 50% 2px 2px / var(--cp-h2ig-arch-inner) var(--cp-h2ig-arch-inner) 2px 2px;
	box-shadow:
		inset 0 0 0 1px rgba(180, 135, 57, 0.75),
		inset 0 0 0 4px rgba(247, 241, 232, 0.32),
		inset 0 0 0 5px rgba(180, 135, 57, 0.4),
		inset 0 18px 28px -14px rgba(40, 32, 18, 0.32);
}

body.single-post .entry-content > .h2-image-group > h2,
body.post-template-default .entry-content > .h2-image-group > h2.joli-heading,
body.post-template-default .entry-content > .h2-image-group > h2.jtoc-heading {
	grid-row: 2;
	grid-column: 1;
	z-index: 1;
	margin: calc(var(--cp-h2ig-lip) + var(--cp-space-20, 1.25rem)) auto 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	position: static !important;
	max-width: 26ch;
	text-align: center;
	text-wrap: balance;
	color: var(--cp-color-ink, #002159);
}

body.post-template-default .entry-content > h2.joli-heading,
body.post-template-default .entry-content > h2.jtoc-heading {
	margin: var(--cp-space-40, 2.5rem) 0 var(--cp-space-16, 1rem) !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	position: static !important;
}

@media (max-width: 600px) {
	body.single-post .entry-content > .h2-image-group {
		--cp-h2ig-lip: 8px;
		--cp-h2ig-arch-outer: 60px;
		margin-top: var(--cp-space-48, 3rem);
}

	body.single-post .entry-content > .h2-image-group > img,
	body.single-post .entry-content > .h2-image-group > img.imagediv {
		aspect-ratio: 2 / 1 !important;
}

	body.single-post .entry-content > .h2-image-group::after {
		aspect-ratio: 2 / 1;
}
}

/* christianpure-design-system-verse-unit */
/**
 * Golden Apse window. Loaded on singular bible-verses posts, and on prayers
 * posts as the shared lunette chrome (wall, niche, fillet, 16:9 painting,
 * register, diamond ornament). Verse citation and quote type stay
 * inside .cp-verse-unit. Prayer inscription lives in prayer-unit.css.
 *
 * Three layers, per the approved round-7 board:
 *   1. The section itself is the plaster wall — the same tiled stone as the
 *      header and category pages, on a bright ivory ground.
 *   2. .cp-verse-reveal is the arched stone niche, equal lip on every side.
 *   3. .cp-verse-pane is the gold-fillet window. Its top is the same arch, so
 *      the painting fills the lunette instead of sitting as a rectangle under it.
 * Verse type sits on flat navy; prayer type stays on ivory. Gold is the
 * fillet and the diamond, never a ground under the Word.
 */

.cp-verse-unit,
.cp-prayer-unit {
	--cp-verse-ivory: #f8f2e8;
	--cp-verse-ivory-deep: #efe5d4;
	--cp-verse-navy: var(--cp-ink, #002159);
	--cp-verse-gold: var(--cp-gold, #c58c23);
	--cp-verse-gold-line: rgba(180, 135, 57, 0.65);
	--cp-verse-lip: 0.75rem;
	--cp-verse-arch-outer: clamp(3.5rem, 14vw, 5.75rem);
	--cp-verse-arch-inner: clamp(2.75rem, 12vw, 5rem);
	--cp-verse-quote-size: clamp(1.4375rem, 1.035rem + 1.61vw, 1.725rem);
	position: relative;
	margin: 2.75rem 0 3rem;
	padding: 1.625rem 1.5rem 1.875rem;
	background-color: #fff;
	background-image: var(--cp-site-stone-texture);
	background-repeat: repeat;
	background-position: left top;
	background-size: 360px 600px;
	background-blend-mode: multiply;
	border-radius: 4px;
	/* clip keeps the 4px radius without creating a scrollport. overflow:hidden
	   on this wrapper made Joli's hash/scroll-spy target the inner h2 through
	   a nested scroller, so the left rail highlight lagged the visible card. */
	overflow: hidden;
	overflow: clip;
	scroll-margin-top: 5rem;
}

.cp-verse-unit {
	padding: 1.6rem;
}

.cp-verse-unit > *,
.cp-prayer-unit > * {
	position: relative;
	z-index: 1;
}

/* Stone niche. Equal lip; the inner window repeats the arch so the frame
   reads all the way around the crown, not only as a sliver above a flat edge. */
.cp-verse-unit .cp-verse-reveal,
.cp-prayer-unit .cp-verse-reveal {
	padding: var(--cp-verse-lip);
	overflow: hidden;
	border-radius: 50% 50% 8px 8px / var(--cp-verse-arch-outer) var(--cp-verse-arch-outer) 8px 8px;
	background-color: #e8e4dc;
	background-image: linear-gradient(180deg, rgba(247, 241, 232, 0.4), rgba(180, 135, 57, 0.06));
	box-shadow:
		inset 0 20px 30px rgba(40, 32, 18, 0.16),
		inset 0 -8px 16px rgba(40, 32, 18, 0.08),
		0 1px 0 rgba(255, 251, 247, 0.7);
}

.cp-verse-unit .cp-verse-pane,
.cp-prayer-unit .cp-verse-pane {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 50% 50% 4px 4px / var(--cp-verse-arch-inner) var(--cp-verse-arch-inner) 4px 4px;
	background: var(--cp-ink-deep, #001a47);
	box-shadow:
		inset 0 0 0 1px rgba(180, 135, 57, 0.75),
		inset 0 0 0 4px rgba(247, 241, 232, 0.32),
		inset 0 0 0 5px rgba(180, 135, 57, 0.4);
}

.cp-verse-unit .cp-verse-picture,
.cp-verse-unit .h2-image-group.cp-verse-picture,
.cp-prayer-unit .cp-verse-picture,
.cp-prayer-unit .h2-image-group.cp-verse-picture {
	flex: 0 0 auto;
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	margin: 0;
}

.cp-verse-unit .cp-verse-picture img.imagediv,
.cp-verse-unit .cp-verse-picture img,
.cp-prayer-unit .cp-verse-picture img.imagediv,
.cp-prayer-unit .cp-verse-picture img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	aspect-ratio: unset !important;
	object-fit: cover !important;
	object-position: 50% 40%;
	display: block !important;
	margin: 0;
}

.cp-verse-unit .cp-verse-register,
.cp-prayer-unit .cp-verse-register {
	flex: 0 0 auto;
	padding: 18px 24px 20px;
	border-top: 1px solid var(--cp-verse-gold-line);
}

.cp-verse-unit .cp-verse-register {
	padding: 1.6rem;
	background: var(--cp-verse-navy);
}

.cp-prayer-unit .cp-verse-register {
	background: linear-gradient(180deg, var(--cp-verse-ivory) 0%, var(--cp-verse-ivory-deep) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 251, 247, 0.8);
}

/* Verse cards keep their own type: small gold citation, large italic quote.
   Theme Editor still owns family via --cp-heading. Topic H2s outside the
   card inherit Theme Editor size. */
.cp-verse-unit h2,
.cp-verse-unit h2.joli-heading,
.cp-verse-unit h2.jtoc-heading,
.cp-verse-unit h3,
.cp-verse-unit h3.joli-heading,
.cp-verse-unit h3.jtoc-heading,
body.post-template-default .cp-verse-unit h2.joli-heading,
body.post-template-default .cp-verse-unit h3.joli-heading {
	margin: 0 0 8px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	position: static !important;
	font-family: var(--cp-heading, Georgia), serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: 0.14em !important;
	text-transform: none !important;
	color: var(--cp-verse-gold) !important;
}

.cp-verse-unit blockquote,
.cp-verse-unit .wp-block-quote,
.cp-verse-unit blockquote p,
.cp-verse-unit .wp-block-quote p,
.cp-verse-unit blockquote p em,
.cp-verse-unit .wp-block-quote p em {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-left: 0 !important;
	background: transparent !important;
	font-family: var(--cp-heading, Georgia), serif !important;
	font-size: var(--cp-verse-quote-size) !important;
	font-weight: 700 !important;
	font-style: italic !important;
	line-height: 1.25 !important;
	letter-spacing: 0 !important;
	color: var(--cp-verse-ivory) !important;
}

/* Keep links within quotations readable on the navy panel. */
.cp-verse-unit blockquote a {
	color: var(--cp-verse-ivory);
	text-decoration: underline;
}

.cp-verse-unit .cp-verse-ornament,
.cp-prayer-unit .cp-verse-ornament {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 16px 0 0;
}

.cp-verse-unit .cp-verse-ornament__rule,
.cp-prayer-unit .cp-verse-ornament__rule {
	display: block;
	height: 1px;
	width: 64px;
	background: linear-gradient(90deg, transparent, var(--cp-verse-gold), transparent);
	opacity: 0.85;
}

.cp-verse-unit .cp-verse-diamond,
.cp-prayer-unit .cp-verse-diamond {
	width: 9px;
	height: 9px;
	flex: 0 0 9px;
	background: var(--cp-verse-gold);
	transform: rotate(45deg);
}

.cp-verse-unit > p,
.cp-verse-unit .cp-verse-gloss,
.cp-prayer-unit > p,
.cp-prayer-unit .cp-verse-gloss {
	margin: 16px 6px 0;
	color: var(--cp-ink, #1e2446);
}

.cp-verse-unit > p strong:first-child,
.cp-verse-unit .cp-verse-gloss strong:first-child,
.cp-prayer-unit > p strong:first-child,
.cp-prayer-unit .cp-verse-gloss strong:first-child {
	color: #6a5e48;
}

@media (max-width: 560px) {
	.cp-verse-unit,
	.cp-prayer-unit {
		--cp-verse-lip: 0.5rem;
		margin: 2rem 0 2.25rem;
		padding: 1rem 0.75rem 1.25rem;
}

	.cp-verse-unit {
		padding: 1.6rem;
}

	.cp-verse-unit .cp-verse-register {
		padding: 1.6rem;
}

	.cp-prayer-unit .cp-verse-register {
		padding: 0.875rem 1rem 1rem;
}

	.cp-verse-unit h2,
	.cp-verse-unit h2.joli-heading,
	.cp-verse-unit h3,
	.cp-verse-unit h3.joli-heading,
	body.post-template-default .cp-verse-unit h2.joli-heading,
	body.post-template-default .cp-verse-unit h3.joli-heading {
		font-size: 0.75rem !important;
	}

	.cp-verse-unit > p,
	.cp-verse-unit .cp-verse-gloss,
	.cp-prayer-unit > p,
	.cp-prayer-unit .cp-verse-gloss {
		margin-top: 0.75rem;
	}
}

/*
 * Theme section labels ("God's Presence in Loneliness") are H2s with
 * .joli-heading. Additional CSS still overlays that class onto paintings
 * (margin-top -68px, cream panel). Citations inside .cp-verse-unit are
 * nested, so they keep the gold register type above. This file only loads
 * on bible-verses and prayers posts.
 */
body.post-template-default .wp-block-post-content > h2.joli-heading,
body.post-template-default .wp-block-post-content > h2.jtoc-heading,
.wp-block-post-content > h2.joli-heading,
.entry-content > h2.joli-heading {
	margin: 1.5rem 0 1rem !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	position: static !important;
	scroll-margin-top: 5rem;
	color: var(--cp-ink, #1e2446) !important;
}