:root { color-scheme:light; }
:root[data-theme='dark'] { color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-padding-top:110px; }
body { margin:0; min-width:280px; background:var(--canvas); color:var(--text); font:400 var(--type-body)/1.55 var(--sans); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; color:inherit; }
button,a { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:default; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
svg { display:block; width:24px; height:24px; flex:0 0 auto; }
button svg,.brand svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
h1,h2,h3,h4,p,blockquote,figure { margin:0; }
h1,h2,h3,h4 { font-family:var(--heading-family,var(--serif)); font-weight:var(--heading-weight,400); letter-spacing:-.025em; }
h1 { font-size:var(--type-h1); line-height:1.15; }
h2 { font-size:var(--type-h2); line-height:1.25; }
h3 { font-size:var(--type-h2); line-height:1.3; }
p+p { margin-top:1em; }
ul,ol { padding-left:1.3em; }
strong { font-weight:650; }
[hidden] { display:none!important; }
::selection { background:var(--selected-fill); color:var(--selected-text); }
:where(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
:where(input,select,textarea):focus-visible { outline-width:var(--field-focus-width); outline-offset:var(--field-focus-offset); }
.sr-only,.visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.button.skip-link { position:fixed; top:12px; left:16px; z-index:100; transform:translateY(-180%); }
.button.skip-link:focus { transform:translateY(0); }

/* Shared frame. */
.site-header { position:sticky; top:0; z-index:40; background:var(--canvas); border-bottom:1px solid var(--line); }
.header-inner { display:flex; align-items:center; gap:24px; width:min(100%,calc(var(--site-width) + 2 * var(--gutter))); min-height:var(--header-height,82px); margin-inline:auto; padding:12px var(--gutter); }
.brand { display:inline-flex; align-items:center; gap:12px; flex:0 0 auto; min-height:48px; }
.brand .brand-mark { width:var(--brand-mark-width); height:var(--brand-mark-height); color:var(--brand-mark); fill:currentColor; stroke:none; }
.brand-word { font:400 var(--brand-size,var(--font-size-36px))/1.1 var(--serif); letter-spacing:-.035em; white-space:nowrap; }
.main-nav { display:flex; align-items:center; gap:2px; margin-left:auto; }
.main-nav a { display:flex; align-items:center; min-height:48px; padding:10px 12px; border-radius:5px; font:400 var(--navigation-size,var(--font-size-19px))/1.3 var(--serif); white-space:nowrap; }
.main-nav a[aria-current='page'] { color:var(--nav-current); background:var(--soft); }
.header-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
/* Buttons: one family for the whole site. .button is the shape; add exactly one look:
   .button-primary    glossy Advent blue with a shine sweep, the main action, at most one per page
   .button-secondary  frosted surface with a fine blue-grey edge and a soft shine, for every other action
   .button-selected   filled Advent blue, for the chosen chapter, month or option
   .button-icon       no fill or border until hovered, for the theme and menu controls
   and optionally .button-small for the header, Back and number grids.
   Page rules may place a button (margin, width, grid, flex) but never change how it looks.
   scripts/check-buttons.mjs enforces this. */
.button { display:inline-flex; align-items:center; justify-content:center; gap:var(--button-gap); position:relative; isolation:isolate; overflow:hidden; min-height:var(--button-height); padding:var(--bible-button-padding); border:var(--outline-button-border-width) solid transparent; border-radius:var(--button-radius); background:transparent; color:var(--text); font:var(--button-weight) var(--button-size)/1.3 var(--sans); text-align:center; text-decoration:none; cursor:pointer; transition:transform var(--bible-button-transform-duration) var(--bible-button-transform-ease),box-shadow var(--bible-button-shadow-duration) var(--bible-button-shadow-ease); }
.button::before { content:''; position:absolute; z-index:-1; inset:0; transform:translateX(var(--bible-button-shine-start)); transition:transform var(--bible-button-shine-duration) var(--bible-button-shine-ease); pointer-events:none; }
.button-primary { border:var(--bible-button-border-width) solid var(--bible-button-border); background:var(--bible-button-background); box-shadow:var(--bible-button-shadow); color:var(--bible-button-text); text-shadow:var(--bible-button-text-shadow); }
.button-primary::before { background:var(--bible-button-shine-background); }
.button-primary::after { content:''; position:absolute; z-index:-2; inset:var(--bible-button-inner-inset); border:var(--bible-button-border-width) solid var(--bible-button-inner-border); border-radius:inherit; pointer-events:none; }
.button-secondary { border-color:var(--outline-button-border); background:var(--outline-button-surface); box-shadow:var(--outline-button-shadow); color:var(--outline-button-text); }
.button-secondary::before { background:var(--outline-button-shine-background); }
.button-selected { border-color:var(--selected-fill); background:var(--selected-fill); color:var(--selected-text); }
.button-small { min-height:var(--button-small-height); padding:var(--button-small-padding); font-size:var(--type-small); }
.button-icon { min-width:var(--button-small-height); padding-inline:var(--button-icon-padding); }
.button svg { width:var(--button-icon-size); height:var(--button-icon-size); fill:none; stroke:currentColor; stroke-width:var(--button-icon-stroke); stroke-linecap:round; stroke-linejoin:round; }
summary.button { list-style:none; }
summary.button::-webkit-details-marker { display:none; }
.button:disabled,.button[aria-disabled='true'] { border-color:var(--disabled-border); background:var(--disabled-surface); box-shadow:none; color:var(--disabled-text); text-shadow:none; cursor:default; transform:none; }
.button:disabled::before,.button:disabled::after,.button[aria-disabled='true']::before,.button[aria-disabled='true']::after { content:none; }
@media (hover:hover) {
  .button-primary:hover { transform:translateY(var(--bible-button-hover-lift)); box-shadow:var(--bible-button-hover-shadow); }
  .button-secondary:hover { transform:translateY(var(--bible-button-hover-lift)); box-shadow:var(--outline-button-hover-shadow); }
  .button-primary:hover::before,.button-secondary:hover::before { transform:translateX(var(--bible-button-shine-end)); }
  .button-icon:hover { background:var(--soft); }
  .button:disabled:hover,.button[aria-disabled='true']:hover { transform:none; box-shadow:none; }
}
/* End of the button family. */

/* Rows: one style for every list of destinations (books, Psalms, hymns, readings, dates).
   Text on the left, a chevron on the right, a fine line between rows. */
.row-list { margin:0; padding:0; list-style:none; border-bottom:1px solid var(--line); }
.row { display:flex; align-items:center; gap:var(--row-gap); min-height:var(--row-min-height); padding:var(--row-padding); border-top:1px solid var(--line); color:var(--text); text-decoration:none; cursor:pointer; }
.row-text { display:flex; flex:1; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px var(--row-gap); min-width:0; }
.row-title { font:var(--type-ui-weight) var(--type-body)/1.4 var(--sans); }
.row-detail { color:var(--muted); font:400 var(--type-small)/1.4 var(--sans); }
.row-chevron { width:var(--row-chevron-size); height:var(--row-chevron-size); fill:none; stroke:currentColor; stroke-width:var(--button-icon-stroke); stroke-linecap:round; stroke-linejoin:round; transition:transform var(--bible-button-transform-duration) var(--bible-button-transform-ease); }
.row[aria-current] { background:var(--soft); }
.row:focus-visible { outline-offset:-3px; }
summary.row { list-style:none; }
summary.row::-webkit-details-marker { display:none; }
.row-group[open]>summary .row-chevron { transform:rotate(90deg); }
.row-group>.row-list { padding-left:var(--row-gap); border-bottom:0; }
@media (hover:hover) {
  .row:hover { background:var(--soft); }
  .row:hover .row-chevron { transform:translateX(var(--row-chevron-nudge)); }
  .row-group[open]>summary.row:hover .row-chevron { transform:rotate(90deg); }
}
/* End of rows. */
.menu-toggle { display:none; }
.button-label-short { display:none; }
.button-label-long { display:inline; }
#mobile-nav { background:var(--canvas); padding:0 var(--gutter) 18px; }
#mobile-nav a { display:flex; align-items:center; min-height:52px; padding:11px 13px; border-radius:5px; font-size:var(--type-body); }
#mobile-nav a[aria-current='page'] { background:var(--soft); font-weight:700; }
#page-content { min-height:calc(100vh - 220px); }
.content-wrap { width:min(100%,calc(var(--site-width) + 2 * var(--gutter))); margin-inline:auto; padding:30px var(--gutter) 52px; }
.reading-width { max-width:var(--reading-width); }
.back-row.content-wrap { padding-top:20px; padding-bottom:0; }
/* Page opening: every inner page starts the same way. Back, the heading and one line of text, at the same width and spacing. */
.page-heading { max-width:var(--reading-width); margin-bottom:var(--page-heading-gap); }
/* One column on every inner page: a centered reading column, the same on phone and desktop. */
#page-content>.content-wrap { width:min(100%,calc(var(--reading-width) + 2 * var(--gutter))); }
/* The Holy Calendar keeps its full width on desktop: the grid on the left, the selected day on the right. */
#page-content>.content-wrap.holy-calendar { width:min(100%,calc(var(--site-width) + 2 * var(--gutter))); }
.page-heading>p { margin-top:var(--page-intro-gap); color:var(--muted); font-size:var(--type-body); }
.page-heading>.eyebrow { margin-bottom:10px; }
.eyebrow { color:var(--muted); font:600 var(--type-small)/1.4 var(--sans); }
.text-link { display:inline-flex; align-items:center; min-height:48px; padding-block:10px; color:var(--link); font-family:var(--sans); font-weight:var(--link-weight); line-height:1.35; text-decoration:none; }
/* Links inside running text: Advent blue and semibold, never underlined. Weight, not color alone, marks them. */
main :where(p,li,dd) a:not([class]) { color:var(--link); font-family:var(--sans); font-weight:var(--link-weight); text-decoration:none; }
/* Footer: an Advent-night band that closes every page. */
.site-footer { --brand-mark:var(--footer-text); --focus:var(--footer-link-hover); background:var(--footer-bg); color:var(--footer-text); font-family:var(--sans); }
.footer-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px 28px; }
.footer-inner { width:min(100%,calc(var(--site-width) + 2 * var(--gutter))); margin:0 auto; padding:56px var(--gutter) 28px; display:grid; gap:40px; }
.footer-top { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr); gap:48px; }
.footer-brand { display:grid; gap:16px; align-content:start; max-width:42ch; }
.footer-brand .brand { justify-self:start; color:var(--footer-text); }
.footer-brand p { color:var(--footer-muted); font-size:var(--type-body); line-height:1.6; }
.site-footer h2 { margin:0 0 12px; color:var(--footer-text); font:650 var(--type-small)/1.4 var(--sans); }
.site-footer ul { display:grid; gap:2px; margin:0; padding:0; list-style:none; }
.site-footer li a { display:inline-flex; align-items:center; min-height:44px; color:var(--footer-text); font-size:var(--type-body); text-decoration:none; }
.site-footer li a:hover { color:var(--footer-link-hover); }
.footer-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 32px; padding-top:24px; border-top:1px solid var(--footer-line); color:var(--footer-muted); font-size:var(--type-small); }
.footer-maker { display:inline-flex; align-items:center; gap:12px; }
.footer-maker img { width:auto; height:40px; }
/* Help and Questions: on a computer a topic box stays beside the text while you scroll and marks the
   part you are reading; on a phone a "Choose" bar stays under the header. Then the sections and
   questions, with exact Bible quotes and the links as rows. */
#page-content>.content-wrap.guide { width:min(100%,calc(var(--guide-side-width) + var(--guide-gap) + var(--reading-width) + 2 * var(--gutter))); }
.guide>.reading-width { max-width:none; }
.page-heading>p.guide-note { color:var(--muted); font-size:var(--type-small); }
.guide-grid { display:grid; grid-template-columns:var(--guide-side-width) minmax(0,1fr); gap:var(--guide-gap); align-items:start; }
.guide-main { max-width:var(--reading-width); }
.guide-side { position:sticky; top:calc(var(--header-height) + 20px); max-height:calc(100vh - var(--header-height) - 40px); overflow:auto; padding:22px 18px; border:1px solid var(--line); border-radius:var(--card-radius); background:var(--surface); }
.guide .toc>h2 { margin-bottom:6px; color:var(--muted); font:650 var(--type-small)/1.4 var(--sans); }
.guide .toc ul { margin:0; padding:0; list-style:none; font-size:var(--type-small); }
.guide .toc a { display:block; color:var(--text); font:650 var(--type-small)/1.4 var(--sans); }
.guide-questions .toc>ul>li+li { margin-top:14px; }
.guide-questions .toc>ul>li>a { padding:4px 0; }
.guide-questions .toc ul ul { margin-top:6px; }
.guide-questions .toc ul ul a,.guide-help .toc a { padding:7px 10px; border-left:2px solid var(--line); color:var(--muted); font-weight:400; }
.guide .guide-side a[aria-current] { border-left-color:var(--link); border-radius:0 8px 8px 0; background:var(--soft); color:var(--link); font-weight:650; }
.guide-phone { display:none; }
.help-section,.faq-group { margin-bottom:56px; }
.help-section>h2,.faq-group>h2 { padding-bottom:14px; border-bottom:2px solid var(--text); font:400 var(--type-h1)/1.15 var(--display,var(--serif)); }
.faq-item { padding:26px 0 28px; border-bottom:1px solid var(--line); }
.faq-item>h3 { font:650 var(--type-h2)/1.3 var(--sans); }
.faq-item>p { margin-top:10px; font:400 var(--type-body)/1.75 var(--reading-serif); }
.faq-quote { margin-top:16px; padding:14px 18px; border-left:3px solid var(--link); border-radius:0 var(--card-radius) var(--card-radius) 0; background:var(--surface); }
.faq-quote blockquote { font:400 var(--type-body)/1.7 var(--reading-serif); }
.faq-quote cite { display:block; margin-top:8px; font:650 var(--type-small)/1.4 var(--sans); font-style:normal; }
.faq-quote cite>a { color:var(--reference); text-decoration:none; }
.faq-quote cite>span { margin-left:8px; color:var(--muted); font-weight:400; }
.faq-links { margin-top:16px; }
.help-steps { margin:0; padding:0; list-style:none; }
.help-steps>li { position:relative; padding:14px 0 14px 24px; border-bottom:1px solid var(--line); font:400 var(--type-body)/1.7 var(--reading-serif); }
.help-steps>li::before { content:""; position:absolute; left:2px; top:26px; width:8px; height:8px; border-radius:50%; background:var(--link); }
.feed-address { overflow-wrap:anywhere; font-family:var(--sans); font-weight:650; }
@media (hover:hover) {
  .guide .toc a:hover { color:var(--link); }
}
@media (max-width:1000px) {
  .guide-grid { display:block; }
  .guide-side { display:none; }
  .guide-phone { display:block; position:sticky; top:var(--header-bottom,var(--header-height)); z-index:5; margin-bottom:24px; border-bottom:1px solid var(--line); background:var(--canvas); }
  .guide-phone .toc { max-height:55vh; overflow:auto; padding:0 4px 14px; }
  /* Open, the list lies over the text: a clear edge and a soft shadow show where it ends. */
  .guide-phone[open] { box-shadow:0 22px 32px -14px var(--shadow),0 10px 14px -10px var(--shadow); }
  .guide-phone[open] .toc { border-bottom:1px solid var(--line); }
  .help-section,.faq-group,.faq-item { scroll-margin-top:64px; }
}
.noscript-note { max-width:820px; margin:18px auto; padding:18px var(--gutter); color:var(--muted); font-size:var(--type-body); }

/* Explicit search controls. */
.search-form { width:100%; }
.search-form>label { display:block; font-size:var(--type-body); font-weight:650; line-height:1.4; }
.search-field { display:grid; gap:12px; min-width:0; margin-top:9px; }
.search-field>.button { width:100%; }
.search-field input { min-width:0; width:100%; min-height:var(--field-height); padding:0 16px; border:var(--field-border-width) solid var(--control-border); border-radius:var(--field-radius); background:var(--field-surface); color:var(--text); font-size:var(--type-body); text-overflow:ellipsis; }
.search-field input::placeholder { color:var(--muted); opacity:1; }
.search-hint,.search-form>p { margin-top:9px; color:var(--muted); font-size:var(--type-body); }

/* Reference compositions: photographic landscape, clear choices and white space. */
.hero-title { max-width:var(--hero-copy-width,600px); font:var(--hero-heading-weight,400) var(--hero-heading-size,clamp(var(--font-size-44px),4.8vw,var(--font-size-76px)))/var(--hero-heading-line,1.02) var(--serif); letter-spacing:var(--hero-heading-spacing,-.035em); }
.hero-title>span { display:block; }
.hero-title em { font-style:normal; }
.hero-intro { max-width:var(--hero-intro-width,560px); margin-top:var(--hero-intro-gap,18px); color:var(--hero-muted); font:400 var(--hero-copy-size,var(--font-size-22px))/var(--hero-copy-line,1.4) var(--serif); }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--hero-action-gap,16px); margin-top:var(--hero-action-top,24px); }
.home-tools.content-wrap { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:start; gap:var(--home-tools-gap,44px); padding-top:var(--home-tools-top,20px); padding-bottom:var(--home-tools-bottom,38px); }
.home-tools h2 { margin-bottom:10px; font-size:var(--home-tools-heading-size,var(--font-size-30px)); }
.home-tools p { color:var(--muted); font-size:var(--font-size-20px); line-height:1.45; }
.home-tools .search-form { margin-top:18px; }
.home-tools .row-list { margin-top:18px; }
.quick-scripture { display:flex; align-items:center; gap:30px; }
.section-intro { flex:0 0 260px; min-width:0; }
.section-intro h2 { font-size:var(--type-h2); line-height:1.25; }
.section-intro .text-link { font-size:var(--type-body); }
.scripture-feature { min-width:0; }
.scripture-feature blockquote { font:400 var(--type-h2)/1.6 var(--reading-serif); }
.scripture-feature cite { display:block; margin-top:14px; color:var(--reference); font:650 var(--type-body)/1.4 var(--sans); }
.scripture-feature cite>span { display:block; margin-top:5px; color:var(--muted); font-size:var(--type-small); font-weight:400; }
.reading-links { display:flex; flex-wrap:wrap; align-items:center; gap:12px 25px; margin-top:17px; }
.reading-links a { display:inline-flex; align-items:center; min-height:48px; padding-block:10px; color:var(--link); font-weight:650; }

/* The selected homepage follows the owner's Figma composition. */
body[data-layout='a'] .brand-word { font-family:var(--brand-family,var(--display,var(--serif))); }
body[data-layout='a'] .main-nav a { font-family:var(--navigation-family,var(--sans)); }
.button .support-cross { display:block; width:var(--support-cross-width); height:var(--support-cross-height); flex:0 0 auto; stroke-width:var(--support-cross-stroke); }
.figma-home { background:var(--canvas); color:var(--text); }
.figma-hero { position:relative; display:flex; align-items:center; isolation:isolate; min-height:var(--figma-hero-height,580px); overflow:hidden; }
.figma-hero-photo { position:absolute; inset:0; z-index:-3; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--figma-hero-photo-position,center 44%); transform:var(--figma-hero-photo-transform,none); }
.figma-hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,var(--figma-hero-shade-start) 0%,var(--figma-hero-shade-mid) 42%,var(--figma-hero-shade-end) 78%),linear-gradient(0deg,var(--figma-hero-shade-bottom),transparent 58%); }
.figma-hero-content { position:relative; z-index:1; width:min(var(--figma-hero-copy-width,760px),calc(100% - 2 * var(--gutter))); margin-left:var(--figma-hero-inset,clamp(24px,8vw,124px)); padding:var(--figma-hero-copy-padding,68px 0 84px); color:var(--figma-hero-text); }
.figma-hero-content>.eyebrow { margin-bottom:var(--figma-hero-eyebrow-gap,24px); color:var(--figma-hero-highlight); font:600 var(--figma-eyebrow-size,var(--font-size-14px))/1.4 var(--sans); text-transform:uppercase; letter-spacing:var(--figma-eyebrow-tracking,.16em); }
.figma-hero-content>.eyebrow:empty { display:none; }
.figma-hero .hero-title { max-width:var(--figma-hero-title-width,760px); color:var(--figma-hero-text); font:400 var(--figma-hero-title-size,clamp(var(--font-size-56px),6.4vw,var(--font-size-96px)))/var(--figma-hero-title-line,.98) var(--display,var(--serif)); letter-spacing:var(--figma-hero-title-tracking,-.035em); }
.figma-hero .hero-title>span { display:block; }
.figma-hero .hero-intro { max-width:var(--figma-hero-intro-width,650px); margin-top:var(--figma-hero-intro-top,28px); color:var(--figma-hero-muted); font:400 var(--figma-hero-intro-size,clamp(var(--font-size-20px),1.6vw,var(--font-size-23px)))/var(--figma-hero-intro-line,1.65) var(--sans); }
.figma-hero .hero-actions { gap:var(--figma-hero-action-gap,12px); margin-top:var(--figma-hero-action-top,32px); }
.figma-hero-verse { position:absolute; z-index:1; right:var(--figma-verse-inset,clamp(24px,6vw,96px)); bottom:var(--figma-verse-bottom,30px); max-width:var(--figma-verse-width,360px); color:var(--figma-hero-text); text-align:right; }
.figma-hero-verse blockquote { margin:0; font:400 var(--figma-verse-size,var(--font-size-22px))/1.4 var(--display,var(--serif)); }
.figma-hero-verse cite { display:block; margin-top:8px; color:var(--figma-hero-highlight); font:500 var(--figma-verse-reference-size,var(--font-size-14px))/1.4 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.figma-hero-verse cite>span { display:none; }
.figma-explore.content-wrap { padding-top:var(--figma-explore-top,60px); padding-bottom:var(--figma-explore-bottom,64px); }
.figma-section-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); align-items:end; gap:var(--figma-section-intro-gap,24px); margin-bottom:var(--figma-section-intro-bottom,32px); }
.figma-section-intro>span { color:var(--label); font:600 var(--figma-eyebrow-size,var(--font-size-14px))/1.5 var(--sans); letter-spacing:var(--figma-eyebrow-tracking,.16em); text-transform:uppercase; }
.figma-section-intro>h2 { max-width:var(--figma-section-title-width,800px); color:var(--text); font:400 var(--figma-section-title-size,clamp(var(--font-size-38px),4vw,var(--font-size-58px)))/1.06 var(--display,var(--serif)); letter-spacing:-.025em; }
.figma-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:var(--figma-card-gap,20px); }
.figma-home[data-card-count='5'] .figma-card-grid,.figma-card-grid[data-card-count='5'] { grid-template-columns:repeat(6,minmax(0,1fr)); }
.figma-home[data-card-count='5'] .figma-card,.figma-card-grid[data-card-count='5'] .figma-card { grid-column:span 2; }
.figma-home[data-card-count='5'] .figma-card:nth-child(n+4),.figma-card-grid[data-card-count='5'] .figma-card:nth-child(n+4) { grid-column:span 3; }
.figma-card { position:relative; display:flex; align-items:flex-end; min-width:0; min-height:var(--figma-card-height,430px); overflow:hidden; isolation:isolate; border-radius:var(--figma-card-radius,18px); background:var(--figma-card-fallback); color:var(--figma-card-text); }
.figma-card-photo { position:absolute; inset:0; z-index:-3; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--figma-card-photo-position,center); transform:scale(1); transition:transform var(--card-hover-duration,600ms) var(--card-hover-ease,ease); }
.figma-card-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(0deg,var(--figma-card-shade-bottom) 0%,var(--figma-card-shade-mid) var(--figma-card-shade-mid-stop,40%),var(--figma-card-shade-top) var(--figma-card-shade-top-stop,85%)); pointer-events:none; }
.figma-card-copy { position:relative; z-index:1; min-width:0; width:100%; padding:var(--figma-card-copy-padding,28px); }
.figma-card-copy h3 { color:var(--figma-card-text); font:400 var(--figma-card-title-size,var(--font-size-34px))/1.12 var(--display,var(--serif)); letter-spacing:-.025em; }
.figma-card-copy p { max-width:var(--figma-card-copy-width,35ch); margin:var(--figma-card-description-gap,8px) 0 0; color:var(--figma-card-muted); font:400 var(--figma-card-copy-size,var(--font-size-20px))/1.5 var(--sans); }
.figma-card-action { display:inline-flex; align-items:center; gap:10px; min-height:var(--figma-card-action-height,48px); margin-top:var(--figma-card-action-gap,4px); color:var(--figma-card-text); font:600 var(--figma-card-action-size,var(--font-size-19px))/1.3 var(--sans); }
.figma-card-action svg { width:var(--figma-card-arrow-size,20px); height:var(--figma-card-arrow-size,20px); fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.figma-card:focus-visible { outline:3px solid var(--focus); outline-offset:5px; }
.figma-home>.home-tools.content-wrap { padding-top:var(--figma-tools-top,12px); padding-bottom:var(--figma-tools-bottom,48px); }
.figma-home .home-tools h2 { font-family:var(--display,var(--serif)); }
.psalm-hymn-sections { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--figma-hub-gap,28px); }
.psalm-hymn-panel { min-width:0; padding:var(--figma-hub-panel-padding,24px); border:1px solid var(--line); border-radius:var(--figma-card-radius,18px); background:var(--surface); }
.psalm-hymn-panel>img { display:block; width:100%; height:var(--figma-hub-photo-height,260px); object-fit:cover; border-radius:var(--figma-hub-photo-radius,12px); margin-bottom:24px; }
.psalm-hymn-panel h2 { margin-bottom:12px; font:400 var(--type-h2)/1.15 var(--display,var(--serif)); }
.psalm-hymn-panel p { margin-bottom:18px; color:var(--muted); font-size:var(--type-body); line-height:1.55; }
.psalm-hymn-panel .row-list { margin-block:20px; }
@media (hover:hover) and (pointer:fine) {
  .figma-card:hover .figma-card-photo,.figma-card:focus-visible .figma-card-photo { transform:scale(var(--card-hover-scale,1.04)); }
}
@media (max-width:1100px) {
  .figma-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .figma-home[data-card-count='5'] .figma-card-grid,.figma-card-grid[data-card-count='5'] { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .figma-home[data-card-count='5'] .figma-card,.figma-home[data-card-count='5'] .figma-card:nth-child(n+4),.figma-card-grid[data-card-count='5'] .figma-card,.figma-card-grid[data-card-count='5'] .figma-card:nth-child(n+4) { grid-column:span 1; }
  .figma-home[data-card-count='5'] .figma-card:last-child,.figma-card-grid[data-card-count='5'] .figma-card:last-child { grid-column:1/-1; }
  .figma-card { min-height:var(--figma-card-tablet-height,390px); }
  .figma-hero-verse { max-width:var(--figma-verse-tablet-width,260px); }
}
@media (max-width:900px) {
  .figma-hero { min-height:var(--figma-hero-tablet-height,580px); }
  .figma-hero-photo { object-position:var(--figma-hero-tablet-photo-position,center 44%); }
  .figma-hero-content { width:min(var(--figma-hero-tablet-copy-width,640px),calc(100% - 2 * var(--gutter))); margin-left:var(--gutter); padding:var(--figma-hero-tablet-padding,60px 0 72px); }
  .figma-hero .hero-title { font-size:var(--figma-hero-tablet-title-size,clamp(var(--font-size-52px),7vw,var(--font-size-72px))); }
  .figma-hero { flex-direction:column; align-items:stretch; justify-content:center; }
  .figma-hero-verse { position:relative; display:block; right:auto; bottom:auto; align-self:flex-end; margin:0 var(--gutter) var(--figma-verse-bottom,30px); max-width:min(var(--figma-verse-tablet-width,260px),calc(100% - 2 * var(--gutter))); }
  .figma-section-intro { grid-template-columns:1fr; gap:16px; }
  .figma-explore.content-wrap { padding-top:var(--figma-explore-tablet-top,44px); padding-bottom:var(--figma-explore-tablet-bottom,48px); }
}
@media (max-width:800px) {
  .footer-inner { padding-top:40px; gap:32px; }
  .footer-top { grid-template-columns:1fr 1fr; gap:32px 24px; }
  .footer-brand { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; align-items:flex-start; }
  .psalm-hymn-sections { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .figma-card-grid { grid-template-columns:1fr; }
  .figma-home[data-card-count='5'] .figma-card-grid,.figma-card-grid[data-card-count='5'] { grid-template-columns:1fr; }
  .figma-home[data-card-count='5'] .figma-card,.figma-home[data-card-count='5'] .figma-card:nth-child(n+4),.figma-card-grid[data-card-count='5'] .figma-card,.figma-card-grid[data-card-count='5'] .figma-card:nth-child(n+4) { grid-column:1; }
  .figma-card { min-height:var(--figma-card-mobile-height,390px); }
  .figma-card-copy { padding:var(--figma-card-mobile-padding,26px); }
}
@media (max-width:520px) {
  .button .support-cross { display:none; }
  .figma-hero { min-height:var(--figma-hero-mobile-height,560px); }
  .figma-hero-photo { object-position:var(--figma-hero-mobile-photo-position,center 44%); }
  .figma-hero-content { width:calc(100% - 2 * var(--gutter)); margin-inline:var(--gutter); padding:var(--figma-hero-mobile-padding,52px 0 64px); }
  .figma-hero .hero-title { max-width:100%; font-size:var(--figma-hero-mobile-title-size,clamp(var(--font-size-45px),11.8vw,var(--font-size-60px))); line-height:1.02; }
  .figma-hero .hero-intro { max-width:100%; margin-top:22px; font-size:var(--figma-hero-mobile-copy-size,var(--font-size-20px)); line-height:1.55; }
  .figma-hero-content>.eyebrow { margin-bottom:20px; }
  .figma-hero .hero-actions { display:grid; grid-template-columns:1fr; gap:12px; margin-top:26px; }
  .figma-hero .hero-actions .button { width:100%; }
  .figma-explore.content-wrap { padding-top:var(--figma-explore-mobile-top,36px); padding-bottom:var(--figma-explore-mobile-bottom,40px); }
  .figma-section-intro>h2 { font-size:var(--figma-section-mobile-title-size,var(--font-size-42px)); }
  .figma-card-copy h3 { font-size:var(--figma-card-mobile-title-size,var(--font-size-34px)); }
  .figma-card-copy p { font-size:var(--figma-card-mobile-copy-size,var(--font-size-20px)); }
  .psalm-hymn-panel { padding:var(--figma-hub-mobile-padding,20px); }
  .psalm-hymn-panel>img { height:var(--figma-hub-mobile-photo-height,220px); }
}
@media (prefers-reduced-motion:reduce) {
  .figma-card .figma-card-photo,.figma-card:hover .figma-card-photo,.figma-card:focus-visible .figma-card-photo { transform:none; transition:none; }
}

/* Bible entry: two working panels and an orderly book browser. */
.bible-dashboard { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
.bible-reader-panel,.bible-search-panel { min-width:0; }
.bible-reader-panel>h2,.bible-search-panel>h2 { margin-bottom:12px; }
.bible-reader-panel>p,.bible-search-panel>p { color:var(--muted); font-size:var(--type-body); }
.bible-reader-panel form[data-passage-picker] { margin-top:24px; }
.passage-picker-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:end; }
.passage-picker-fields>label { display:flex; flex-direction:column; gap:9px; min-width:0; font-size:var(--type-body); font-weight:650; line-height:1.35; }
.passage-picker-fields select,.passage-controls select { display:block; width:100%; min-width:0; min-height:var(--field-height); padding:12px 36px 12px 15px; border:var(--field-border-width) solid var(--control-border); border-radius:var(--field-radius); background:var(--field-surface); color:var(--text); font:500 var(--type-body)/1.4 var(--sans); }
.passage-picker-fields select:disabled { border-color:var(--disabled-border); background:var(--disabled-surface); color:var(--disabled-text); opacity:1; }
.picker-status { min-height:30px; margin-top:14px; color:var(--muted); font-size:var(--type-body); }
.bible-reader-panel [data-passage-picker]>button,.bible-reader-panel .chapter-index>.button { width:100%; margin-top:16px; }
.bible-search-panel>img,.bible-search-image,.bible-search-image img { width:100%; height:125px; object-fit:cover; object-position:center 55%; border-radius:6px; }
.bible-search-panel>img,.bible-search-image { margin-bottom:20px; }
.bible-search-panel .search-form { margin-top:18px; }
.bible-search-panel .search-field input { padding-inline:12px; }
.bible-today,.psalm-today { margin-top:var(--bible-start-top,24px); }
.bible-today>h2,.psalm-today>h2 { margin-bottom:12px; }
.bible-today>p { margin-bottom:12px; color:var(--muted); font-size:var(--type-body); }
.psalm-today blockquote { font:400 var(--type-h2)/1.6 var(--reading-serif); }
.psalm-today cite { display:block; margin-top:12px; color:var(--reference); font:650 var(--type-body)/1.4 var(--sans); }
.psalm-today cite>span { display:block; margin-top:4px; color:var(--muted); font-size:var(--type-small); font-weight:400; }
.psalm-today-action { margin-top:20px; }
.bible-starting-points { margin-top:var(--bible-start-top,24px); }
.chapter-picker-fields { grid-template-columns:1fr; }
.bible-starting-points>h2 { margin-bottom:12px; }
.bible-browser { margin-top:34px; }
.bible-browser>h2 { margin-bottom:10px; }
.bible-browser>p { max-width:820px; margin-bottom:22px; color:var(--muted); font-size:var(--type-body); }
.chapter-index { display:block; }

/* Reading pages. */
.reader-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:22px; margin:0 0 30px; padding:22px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }
.passage-controls { display:flex; align-items:flex-end; gap:16px; flex:1; min-width:0; }
.passage-controls label { display:flex; flex-direction:column; flex:1; min-width:110px; gap:8px; font-size:var(--type-body); font-weight:650; }
.passage-controls label:first-child { flex:2; }
.text-size-controls { display:flex; align-items:center; gap:9px; }
.text-size-controls>span { color:var(--muted); font-size:var(--type-body); }
.scripture-column { max-width:var(--reading-width); font:400 var(--reader-size)/1.8 var(--reading-serif); }
.verse-paragraph { margin-bottom:1.2em; font:inherit; }
.scripture-verse { scroll-margin-top:120px; }
.verse-number { position:relative; top:-.12em; padding-right:.3em; color:var(--verse-number); font:650 .65em/1 var(--sans); vertical-align:super; }
.poetry-line { display:block; margin:.16em 0; padding-left:1.6em; text-indent:-1.6em; }
.poetry-1 { padding-left:2.6em; }
.poetry-2 { padding-left:3.5em; }
.chapter-heading { display:block; margin:1.3em 0 .65em; font:650 var(--type-h2)/1.4 var(--sans); }
p.chapter-heading { color:var(--muted); font:400 var(--type-body)/1.6 var(--reading-serif); }
.note-only { color:var(--muted); font:400 var(--type-small)/1.5 var(--sans); }
/* Copy and Share: a short tap on a verse gives it a soft Advent tint, and a calm bar at the bottom
   offers Copy, Share and Close. On computers the bar floats over the reading column, on phones it
   sits along the bottom edge with large buttons for the thumb. */
.scripture-column .scripture-verse { cursor:pointer; border-radius:4px; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
.scripture-verse.chosen { background:var(--verse-chosen); box-shadow:0 0 0 3px var(--verse-chosen); }
/* Poetry lines are blocks inside the verse, so the tint goes on each line instead. */
.scripture-verse.chosen:has(.poetry-line) { background:transparent; box-shadow:none; }
.scripture-verse.chosen .poetry-line { border-radius:4px; background:var(--verse-chosen); box-shadow:0 0 0 3px var(--verse-chosen); }
.verse-bar { position:fixed; z-index:30; left:50%; bottom:24px; transform:translateX(-50%); width:min(var(--reading-width),calc(100% - 2 * var(--gutter))); display:flex; align-items:center; gap:16px; padding:14px 14px 14px 22px; border:1px solid var(--line); border-radius:var(--card-radius); background:var(--surface); box-shadow:0 12px 32px var(--shadow); }
.verse-bar[hidden] { display:none; }
.verse-bar-reference { flex:1; min-width:0; }
.verse-bar-reference strong { display:block; color:var(--text); font:400 var(--type-h2)/1.2 var(--display,var(--serif)); }
.verse-bar-reference span { display:block; margin-top:2px; color:var(--muted); font:400 var(--type-small)/1.4 var(--sans); }
.verse-bar-actions { display:flex; align-items:center; gap:10px; }
@media (max-width:760px) {
  .verse-bar { left:0; right:0; bottom:0; transform:none; width:auto; flex-wrap:wrap; gap:12px; padding:16px 16px calc(16px + env(safe-area-inset-bottom)); border-width:1px 0 0; border-radius:var(--card-radius) var(--card-radius) 0 0; }
  .verse-bar-actions { width:100%; }
  .verse-bar-actions>.button-secondary { flex:1; }
}
/* Printing a chapter: only the Bible text and its source on white paper. Computers get the button;
   phones can still print or save a PDF from the share menu with the same result. */
.print-source { display:none; }
@media print {
  @page { margin:18mm 16mm; }
  html,body { background:var(--print-paper); }
  body * { color:var(--print-ink) !important; background:transparent !important; box-shadow:none !important; }
  #site-header,#site-footer,.back-row,.reader-toolbar,.reader-search,#search-results-region,.chapter-navigation,.scripture-column>.text-link,.scripture-notes,.verse-bar,.hymn-bible { display:none !important; }
  .scripture-verse.chosen,.scripture-verse.chosen .poetry-line { background:transparent; box-shadow:none; }
  #page-content>.content-wrap { width:auto; margin:0; padding:0; }
  .scripture-column { max-width:none; }
  .page-heading,.chapter-heading { break-after:avoid; }
  .verse-paragraph { orphans:3; widows:3; }
  .print-source { display:block; margin-top:24px; font:400 var(--type-small)/1.5 var(--sans); }
}
.scripture-notes { margin-top:28px; color:var(--muted); font:400 var(--type-body)/1.65 var(--sans); }
.notes-list { margin:14px 0 0; padding-left:1.3em; }
.scripture-notes li { margin-bottom:12px; }
.chapter-navigation { display:flex; align-items:stretch; justify-content:space-between; gap:20px; margin:32px 0 18px; }
.reader-search { margin-top:30px; }
.reading-width>p,.prose { font:400 var(--type-body)/1.75 var(--reading-serif); }
.reading-width>h2,.prose h2 { margin:30px 0 16px; }
.reading-width>.button { margin-top:24px; }
.source-note,.copyright-note { margin-top:26px; color:var(--muted); font:400 var(--type-small)/1.55 var(--sans); }
.source-note a,.prose a { color:var(--link); font-weight:650; }
.jesus-intro { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin:28px 0 35px; }
.jesus-search { margin-bottom:var(--page-heading-gap); }
.jesus-photo img { width:100%; height:var(--jesus-photo-height); object-fit:cover; object-position:22% center; border-radius:var(--card-radius); }
.jesus-today,.jesus-list { margin-top:40px; }
.jesus-today>h2,.jesus-list>h2 { margin-bottom:12px; }
.jesus-words { color:var(--jesus-words); font:400 var(--type-h2)/1.6 var(--reading-serif); }
.jesus-today cite { display:block; margin-top:12px; color:var(--reference); font:650 var(--type-body)/1.4 var(--sans); }
.jesus-today cite>span { display:block; margin-top:4px; color:var(--muted); font-size:var(--type-small); font-weight:400; }
.jesus-action { margin-top:24px; }
.jesus-action>.button { width:100%; }
.jesus-search>h2 { margin-bottom:12px; }
.jesus-search>p { color:var(--muted); font-size:var(--type-body); }
.jesus-search .search-form { margin-top:18px; }
.jesus-intro>img { width:100%; height:340px; object-fit:cover; object-position:22% center; border-radius:8px; }
.jesus-intro p { margin:18px 0 22px; font:400 var(--type-body)/1.65 var(--sans); }
.passage-list { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin-top:28px; }
.passage-list>article,.passage-list>a { display:block; min-width:0; padding:25px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.passage-list h2,.passage-list h3 { margin-bottom:16px; font-size:var(--type-h2); }
.passage-list blockquote { font:400 var(--type-body)/1.75 var(--reading-serif); }
.passage-list cite { display:block; margin-top:13px; color:var(--reference); font:650 var(--type-body)/1.4 var(--sans); }
.passage-list cite>span { display:block; margin-top:4px; color:var(--muted); font-size:var(--type-small); font-weight:400; }
.devotion-article { min-width:0; }
.devotion-body { margin-top:26px; font:400 var(--type-body)/1.75 var(--reading-serif); }
.devotion-closing { font-style:italic; }
.devotion-body>p:first-child:has(.historical-reference) { margin-bottom:28px; font:400 var(--type-h2)/1.5 var(--reading-serif); }
.historical-reference { display:inline-block; margin-top:8px; color:var(--reference); font:650 var(--type-body)/1.4 var(--sans); }
.devotion-action { margin-top:32px; }
.devotion-action>.button { width:100%; }
.devotion-archive { margin-top:48px; }
.devotion-archive>h2 { margin-bottom:13px; font-size:var(--type-h2); }
/* Hymns: verses read like the poetry in the Bible, with long lines hanging under their first word.
   A verse can be chosen to copy or share it, as in a chapter. */
.hymn-text { font:400 var(--reader-size)/1.75 var(--reading-serif); }
.hymn-stanza { margin:0 0 1.2em; }
.hymn-line { display:block; padding-left:1.2em; text-indent:-1.2em; }
/* The line break is for pages read without this stylesheet; here the block line ends the line, and
   copied text gets one line break, not two. */
.hymn-line>br { display:none; }
.hymn-refrain { margin:0 0 1.2em; padding-left:1.2em; }
.hymn-refrain-label { color:var(--muted); font:650 var(--type-small)/1.4 var(--sans); }
.hymn-refrain-lines { font-style:italic; }
.hymn-bible { margin-top:36px; }
.hymn-bible>p { margin:4px 0 12px; color:var(--muted); font-size:var(--type-body); }
.hymns-photo img { object-position:var(--hymns-photo-position); }
.support-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:28px; }
.support-image img { width:100%; aspect-ratio:1.5; max-height:360px; object-fit:cover; border-radius:8px; }
.support-copy p { font:400 var(--type-body)/1.65 var(--sans); }
.support-copy .button { margin-top:25px; }
.support-copy .source-note { font:400 var(--type-small)/1.55 var(--sans); }
.empty-state { margin-top:22px; padding:22px; border:1px solid var(--line); border-radius:7px; background:var(--soft); color:var(--muted); }
.empty-state p { margin-top:9px; }

/* Search results. */
.search-results { max-width:var(--reading-width); padding-top:28px; }
.search-results>h2 { margin-bottom:14px; }
#search-status { margin-bottom:20px; color:var(--muted); }
#search-results { list-style:none; padding:0; margin:0; }
.search-result { padding:18px 4px; border-top:1px solid var(--line); }
.search-result-link { display:block; color:var(--text); }
.search-result-reference { display:block; margin-bottom:10px; color:var(--reference); font:650 var(--type-body)/1.4 var(--sans); }
.search-result-text,.search-result p { font:400 var(--type-body)/1.75 var(--reading-serif); }
.search-result mark,.scripture-column mark { padding:0 .1em; background:var(--soft); color:var(--text); font-weight:650; }
#more-results,.load-more { margin-top:23px; }

/* A traditional calendar on a plain surface. Dates and links remain native. */
.calendar-shell { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr); align-items:start; gap:24px; }
.calendar-grid-wrapper,.calendar-details { min-width:0; padding:var(--calendar-panel-padding,24px); border:1px solid var(--line); border-radius:var(--calendar-panel-radius,4px); background:var(--surface); }
.calendar-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.calendar-toolbar h2 { font:400 var(--calendar-heading-size,var(--font-size-36px))/1.2 var(--serif); text-align:center; }
.calendar-year-controls { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:18px; }
.calendar-months { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin-bottom:18px; }
.calendar-grid { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:var(--calendar-cell-gap,5px); }
.calendar-grid th { padding:10px 0; color:var(--muted); font:400 var(--calendar-weekday-size,var(--font-size-19px))/1.3 var(--serif); text-align:center; }
/* Browsers underline an abbreviation with a title; the weekday names keep the full name for screen readers without the line. */
.calendar-grid th abbr[title] { text-decoration:none; cursor:default; }
.calendar-grid td { padding:0; vertical-align:top; }
.calendar-day { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:var(--calendar-cell-height,82px); padding:10px 4px; border:1px solid var(--line); border-radius:var(--calendar-cell-radius,2px); background:var(--surface); color:var(--text); text-align:center; }
.calendar-date-number { font:400 var(--calendar-date-size,var(--font-size-29px))/1.2 var(--serif); }
.calendar-day.has-event { border:var(--calendar-event-border-width,1px) solid var(--calendar-mark); background:var(--surface); }
.calendar-day.has-event .calendar-date-number { color:var(--calendar-mark); font-weight:600; }
.calendar-event-label { display:block; max-width:100%; margin-top:6px; overflow-wrap:anywhere; color:var(--calendar-mark); font:400 var(--type-small)/1.2 var(--serif); }
.calendar-event-marker { display:block; width:5px; height:5px; margin-top:6px; border-radius:50%; background:var(--calendar-mark); }
.calendar-today-label { display:none; }
.calendar-day.today { outline:1px solid var(--calendar-mark); outline-offset:-5px; }
.calendar-coming-up { margin-top:16px; color:var(--muted); font-size:var(--type-body); }
.calendar-day.selected,.calendar-day[aria-selected='true'] { border-color:var(--calendar-mark); background:var(--soft); box-shadow:inset 0 0 0 1px var(--calendar-mark); color:var(--text); }
.calendar-details h2 { margin-bottom:14px; font-size:var(--type-h2); }
.calendar-details h3 { margin-top:20px; margin-bottom:10px; font-size:var(--type-h2); }
.calendar-details p { margin-top:12px; font-size:var(--type-body); }
.calendar-details blockquote { margin-top:18px; font:400 var(--type-body)/1.75 var(--reading-serif); }
.calendar-details .button { margin-top:22px; }
.calendar-event-classification { display:inline-flex; align-items:center; margin-bottom:10px; padding:5px 10px; border:1px solid var(--calendar-mark); border-radius:3px; background:var(--surface); color:var(--calendar-mark); font:400 var(--type-small)/1.3 var(--serif); }
.calendar-scripture-context { color:var(--muted); font-size:var(--type-body); line-height:1.55; }
.calendar-event+.calendar-event { margin-top:24px; padding-top:22px; border-top:1px solid var(--line); }
.calendar-events { display:grid; gap:13px; list-style:none; padding:0; margin:22px 0 0; }
.calendar-subscribe { margin-top:40px; }
.calendar-subscribe>h2 { margin-bottom:10px; }
.calendar-subscribe>p { margin-bottom:18px; color:var(--muted); font-size:var(--type-body); }
.calendar-scripture-links { display:flex; flex-wrap:wrap; gap:12px; }
.calendar-legend { display:flex; flex-wrap:wrap; gap:15px; margin-top:18px; color:var(--muted); font-size:var(--type-small); }

@media (hover:hover) {
  .main-nav a:hover { background:var(--soft); }
  .text-link:hover,.reading-links a:hover,main :where(p,li,dd) a:not([class]):hover { color:var(--text); }
  .calendar-day:hover:not(.selected) { border-color:var(--hover-border); }
}
@media (max-width:1350px) {
  .main-nav { display:none; }
  .header-actions { margin-left:auto; }
  .menu-toggle { display:inline-flex; }
  #mobile-nav:not([hidden]) { display:grid; grid-template-columns:1fr 1fr; gap:4px 20px; }
}
@media (max-width:1050px) {
  .quick-scripture { gap:22px; }
  .section-intro { flex-basis:220px; }
  .passage-picker-fields { gap:13px; }
  .calendar-shell { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:18px; }
  .calendar-grid-wrapper,.calendar-details { padding:19px; }
  .calendar-day { min-height:68px; }
  .calendar-event-label { display:none; }
}
@media (max-width:800px) {
  :root { --gutter:var(--gutter-tablet,24px); }
  .header-inner { gap:16px; min-height:80px; padding-block:12px; }
  .brand-word { font-size:var(--font-size-28px); }
  .header-actions { gap:8px; }
  .quick-scripture { display:block; }
  .section-intro { margin-bottom:14px; }
  .bible-dashboard { grid-template-columns:1fr; gap:40px; }
  .reader-toolbar { gap:17px; padding:18px; }
  .passage-controls { flex-basis:100%; }
  .text-size-controls { margin-left:auto; }
  .reader-print { display:none; }
  .jesus-intro>img { height:310px; }
  .calendar-shell { grid-template-columns:1fr; }
  .calendar-grid-wrapper,.calendar-details { padding:23px; }
  .calendar-day { min-height:74px; }
  .calendar-event-label { display:block; }
}
@media (max-width:560px) {
  :root { --gutter:var(--gutter-mobile,20px); }
  html { scroll-padding-top:95px; }
  .header-inner { gap:8px; min-height:76px; padding:12px 16px; }
  .brand { gap:8px; }
  .brand-word { font-size:var(--font-size-25px); }
  .brand .brand-mark { width:var(--brand-mark-mobile-width); height:var(--brand-mark-mobile-height); }
  .header-actions { gap:7px; }
  .theme-toggle>span,.menu-toggle>span { display:none; }
  #mobile-nav:not([hidden]) { grid-template-columns:1fr; gap:3px; max-height:calc(100dvh - 76px); overflow-y:auto; }
  .content-wrap { padding-top:24px; padding-bottom:36px; }
  .back-row.content-wrap { padding-top:17px; padding-bottom:0; }
  .reading-links { gap:8px 24px; }
  .search-field input { padding-inline:12px; }
  .passage-picker-fields { grid-template-columns:1fr; gap:16px; }
  .passage-picker-fields select,.passage-controls select { padding-left:11px; padding-right:29px; }
  .reader-toolbar { padding:16px; }
  .passage-controls { gap:12px; }
  .passage-controls label { min-width:80px; }
  .passage-controls label:first-child { flex:2.5; }
  .text-size-controls { width:100%; }
  .text-size-controls>span { margin-right:auto; }
  .scripture-column { line-height:1.8; }
  .poetry-line { padding-left:1.2em; text-indent:-1.2em; }
  .poetry-1 { padding-left:2em; }
  .poetry-2 { padding-left:2.6em; }
  .chapter-navigation { gap:12px; }
  .chapter-navigation>a { flex:1; }
  .jesus-intro>img { height:230px; margin-bottom:24px; }
  .passage-list>article,.passage-list>a { padding:22px; }
  .devotion-body { font-size:var(--type-body); }
  .support-image { margin-bottom:26px; }
  .support-image img { aspect-ratio:1.5; max-height:270px; }
  .support-copy .button { width:100%; }
  .calendar-grid-wrapper,.calendar-details { padding:16px; }
  .calendar-toolbar { gap:9px; }
  .calendar-toolbar h2 { font-size:var(--font-size-25px); }
  .calendar-months { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .calendar-grid { border-spacing:4px; }
  .calendar-grid th { font-size:var(--font-size-15px); }
  .calendar-day { min-height:58px; padding-inline:2px; }
  .calendar-date-number { font-size:var(--font-size-21px); }
  .calendar-event-label { display:none; }
}
@media (max-width:370px) {
  html { scroll-padding-top:145px; }
  .header-inner { flex-wrap:wrap; row-gap:8px; padding:10px 15px; }
  .header-inner>.brand { flex-basis:100%; justify-content:center; min-height:40px; }
  .header-actions { width:100%; justify-content:space-between; margin-left:0; }
  #mobile-nav:not([hidden]) { max-height:calc(100dvh - 125px); }
  .passage-picker-fields { grid-template-columns:1fr; }
  .calendar-grid-wrapper,.calendar-details { padding:10px; }
  .calendar-grid { border-spacing:3px; }
  .calendar-grid th { font-size:var(--font-size-14px); }
  .calendar-day { min-height:54px; }
  .calendar-date-number { font-size:var(--font-size-20px); }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}


.calendar-jump { margin:0 0 16px; }
.calendar-jump[open]>summary { margin-bottom:16px; }
.calendar-help { margin:12px 0 16px; }
.calendar-basis-note,.calendar-sources { margin-top:20px; font-size:var(--type-small); }

@media (max-width:1100px) {
  .home-tools { gap:30px; }
}
@media (max-width:800px) {
  .hero-title { max-width:var(--hero-tablet-copy-width,540px); font-size:var(--hero-tablet-heading-size,var(--font-size-58px)); }
  .home-tools.content-wrap { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:560px) {
  .header-support-link .button-label-long { display:none; }
  .header-support-link .button-label-short { display:inline; }
  .hero-title { max-width:100%; font-size:var(--hero-mobile-heading-size,clamp(var(--font-size-39px),10.3vw,var(--font-size-54px))); line-height:1.04; }
  .hero-intro { max-width:95%; margin-top:18px; font-size:var(--hero-mobile-copy-size,var(--font-size-21px)); line-height:1.4; }
  .hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:22px; }
  .home-tools.content-wrap { padding-top:12px; }
  .calendar-toolbar h2 { font-size:var(--calendar-mobile-heading-size,var(--font-size-29px)); }
  .calendar-date-number { font:400 var(--calendar-mobile-date-size,var(--font-size-25px))/1.2 var(--serif); }
}
@media (max-width:370px) {
  .hero-actions { flex-direction:column; align-items:flex-start; }
}