/* Biblical Living: an additive reading surface within the existing Study shell. */
.living-page { --living-paper: #f8f6f1; --living-ink: #222731; --living-muted: #535661; --living-violet: #584081; --living-line: #d9d3e0; --living-gutter: 28px; }
.living-page { background: #0c1018; }
body.study-page.living-page #living-main { max-width: 1160px; margin: 0 auto 44px; padding: 0 var(--living-gutter) !important; }
.living-page .living-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; max-width: 1160px; min-height: 48px; margin: auto; padding: 8px 28px; color: #bfb8cf; font-size: 13px; }
.living-breadcrumb a { padding-block: 8px; text-underline-offset: 4px; }
.living-page .living-hero { padding: 24px 0 25px; max-width: 820px; }
.living-page .living-kicker { margin: 0 0 9px; color: #c6b2f0; font: 700 12px/1.4 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.living-page h1 { margin: 0; max-width: 20ch; color: #faf8fd; font: 600 clamp(36px, 4.4vw, 58px)/1.07 Georgia, 'Times New Roman', serif; letter-spacing: -.035em; text-wrap: balance; }
.living-page .living-question { margin: 16px 0 0; color: #e7dcf9; font-size: 20px; line-height: 1.45; }
.living-page .living-lead { margin: 14px 0 0; color: #bfc4d0; max-width: 68ch; font-size: 17px; line-height: 1.65; }
.living-page .living-draft { margin: 17px 0 0; color: #bdb4c9; font-size: 12px; line-height: 1.5; }
.living-draft span { padding-inline: 5px; }
.living-page .living-topics { display: flex; gap: 8px; flex-wrap: wrap; border-top: 1px solid #32313e; padding: 14px 0 20px; }
.living-page .living-topics a { padding: 10px 15px; border: 1px solid #45414e; border-radius: 7px; text-decoration: none; font-size: 14px; color: #d7d2e0; line-height: 22px; }
.living-page .living-topics a[aria-current] { color: #1c122e; background: #d3c0f1; border-color: #d3c0f1; font-weight: 750; }
.living-page .living-topics a:hover { border-color: #e0cafa; }
.living-page .living-topic-picker { margin: 0 0 18px; border: 1px solid #45414e; border-radius: 8px; color: #e4dfed; }
.living-page .living-topic-picker > summary { padding: 13px 16px; min-height: 46px; cursor: pointer; font-size: 14px; font-weight: 650; line-height: 1.5; }
.living-page .living-topic-picker > summary > span { color: #bfb6cd; font-size: 12px; font-weight: 400; margin-left: 10px; }
.living-page .living-topic-picker .living-topics { padding: 12px 14px 14px; margin: 0; border-top: 1px solid #45414e; }
@media print { .living-page .living-topic-picker { display: none !important; } }
.living-page .living-reading-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 24px; align-items: start; }
.living-page .living-reading-rail { min-width: 0; }
.living-page .living-toc { border: 1px solid #3e3b49; border-radius: 9px; padding: 14px 16px; color: #e4dfed; }
.living-page .living-toc summary { cursor: pointer; font-size: 15px; font-weight: 700; padding-block: 3px; }
.living-page .living-toc summary span { display: block; color: #b8b2c5; font-size: 12px; font-weight: 400; margin: 6px 0 0 17px; }
.living-page .living-toc nav { display: grid; gap: 3px; padding-top: 12px; }
.living-page .living-toc a { color: #c9c2d5; font-size: 13px; line-height: 1.5; text-decoration: none; padding: 8px 0; }
.living-page .living-toc a:hover { color: white; text-decoration: underline; }
.living-page .living-article { min-width: 0; background: var(--living-paper); color: var(--living-ink); border: 1px solid #d8d1e0; border-radius: 12px; padding: 32px clamp(23px, 3.2vw, 44px); overflow-wrap: break-word; }
.living-page .living-article p { color: var(--living-ink); font-size: 17px; line-height: 1.8; margin: 0 0 18px; }
.living-page .living-article .living-introduction { color: var(--living-muted); font-size: 16px; line-height: 1.7; padding-bottom: 25px; margin-bottom: 0; border-bottom: 1px solid var(--living-line); }
.living-page .living-section { padding: 30px 0 6px; scroll-margin-top: 24px; }
.living-page .living-article h2 { color: #222331; font: 600 29px/1.2 Georgia, 'Times New Roman', serif; margin: 0 0 12px; letter-spacing: -.025em; text-wrap: balance; }
.living-page .living-citations { display: flex; gap: 4px 12px; flex-wrap: wrap; align-items: center; margin-bottom: 17px; color: #6a6375; font-size: 14px; line-height: 1.5; }
.living-page .living-citations a { display: inline-flex; align-items: center; min-height: 24px; }
.living-page .living-citations a { color: var(--living-violet); text-underline-offset: 3px; padding-block: 5px; font-weight: 650; }
.living-page .living-article .living-kicker { color: #644580; font-size: 11px; line-height: 1.4; margin: 0 0 6px; }
.living-page .living-article .living-source-note { font-size: 12px; line-height: 1.6; color: #635a6d; }
.living-page #living-main .living-source-note a { color: #644580; text-decoration-line: underline !important; text-underline-offset: 3px; }
.living-page .living-next { display: flex; justify-content: space-between; gap: 16px; color: #503571; background: #ece4f4; padding: 18px 20px; border: 1px solid #c5b3d7; border-radius: 8px; margin-top: 23px; text-decoration: none; font-weight: 700; font-size: 15px; line-height: 1.6; }
.living-page .living-passages, .living-page .living-research { border-top: 1px solid var(--living-line); padding-top: 30px; margin-top: 35px; scroll-margin-top: 24px; }
.living-page .living-article .living-supporting { font-size: 14px; color: var(--living-muted); line-height: 1.65; }
.living-page .living-passage { border-bottom: 1px solid var(--living-line); scroll-margin-top: 20px; }
.living-page .living-passage-group { border-bottom: 1px solid var(--living-line); padding: 4px 0; }
.living-page .living-passage-group > summary { cursor: pointer; padding: 15px 0; font-size: 16px; font-weight: 700; line-height: 1.5; }
.living-page .living-passage-group > summary > span { display: block; margin-left: 18px; font-size: 12px; font-weight: 400; }
.living-page .living-passage-group > div { padding: 0 0 14px 12px; }
.living-page .living-passage-group .living-passage:last-child { border-bottom: 0; }
.living-page .living-passage > summary { padding: 15px 0; cursor: pointer; font-size: 16px; color: #3e285b; font-weight: 700; }
.living-page .living-passage summary span { font-size: 11px; font-weight: 500; color: #686170; margin-left: 7px; }
.living-page .living-passage-body { padding: 1px 0 20px; }
.living-page .living-article .living-context { font-size: 13px; color: #635a6d; line-height: 1.6; }
.living-page .living-scripture { padding: 17px 20px 1px; border: 1px solid #d7ccdf; background: #fffdfa; border-radius: 8px; }
.living-page .living-scripture p { font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.85; }
.living-page .living-scripture p > a { font-family: system-ui, sans-serif; font-size: 14px; font-weight: 750; text-decoration: none; color: #695183; margin-right: 6px; }
.living-page .living-passage-actions { display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; margin-top: 18px; font-size: 13px; }
.living-page .living-passage-actions a, .living-page .living-permissions { color: #5b3d7a; text-underline-offset: 3px; padding-block: 7px; }
.living-page .living-permissions { display: inline-block; margin-top: 12px; font-size: 13px; }
.living-page .living-review { padding: 14px 0; border-bottom: 1px solid var(--living-line); }
.living-page .living-review summary { color: #4d3768; font-size: 15px; font-weight: 700; cursor: pointer; line-height: 1.6; }
.living-page .living-review > div { padding-top: 16px; }
.living-page .living-review p, .living-page .living-review li { font-size: 14px; line-height: 1.75; }
.living-page .living-review li { margin-bottom: 8px; }
.living-page .living-article .living-review-status { color: #62536d; font-size: 13px; }
.living-page .living-sources { padding: 0 0 0 22px; margin-top: 25px; }
.living-page .living-sources > li { margin-bottom: 25px; padding-left: 5px; scroll-margin-top: 24px; }
.living-page .living-sources > li > a { font-size: 15px; line-height: 1.55; color: #513775; text-underline-offset: 3px; font-weight: 650; }
.living-page .living-sources p { font-size: 13px; line-height: 1.7; color: #5b5264; margin: 7px 0; }
.living-page .living-sources summary { color: #62417d; padding-block: 7px; cursor: pointer; font-size: 12px; }
.living-page .living-choices { margin-top: 10px; }
.living-page .living-choices-heading { display: flex; flex-wrap: wrap; align-items: end; gap: 16px 28px; justify-content: space-between; margin-bottom: 18px; }
.living-page .living-choices-heading h2 { margin: 0; color: #ebe7f1; font-size: 19px; line-height: 1.45; }
.living-page .living-search { width: 275px; }
.living-page .living-search label { display: block; color: #c1b7cf; font-size: 12px; margin-bottom: 7px; }
.living-page .living-search input { width: 100%; min-height: 44px; border: 1px solid #5f536d; border-radius: 8px; background: #18151f; color: #f3eef8; padding: 10px 13px; font: inherit; font-size: 16px; }
.living-page .living-search input::placeholder { color: #b7aec4; }
.living-page .living-picker-tools { padding: 10px 14px 0; }
.living-page .living-picker-tools .living-search { width: min(100%, 400px); }
.living-page .living-result-count { color: #bfb6cd; font-size: 13px; line-height: 1.5; margin: 10px 0 14px; }
.living-page .living-picker-empty { color: #e4dfed; font-size: 14px; line-height: 1.6; }
.living-page .living-picker-empty button { margin: 8px 0; display: block; min-height: 44px; padding: 8px 14px; border: 1px solid #a98eca; border-radius: 6px; background: #cbb3e7; color: #221330; font: inherit; cursor: pointer; }
.living-page .living-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.living-page .living-choice { display: flex; gap: 24px; background: linear-gradient(130deg, #211c2c, #12151d); border: 1px solid #51415f; border-radius: 12px; padding: 27px; text-decoration: none; }
.living-page .living-choice-number { color: #c8a8e7; font: 400 18px/1.6 Georgia, serif; }
.living-page .living-choice h3 { color: #fbf7ff; font: 500 30px/1.2 Georgia, serif; margin: 0 0 12px; letter-spacing: -.025em; }
.living-page .living-choice p { color: #c5becf; margin: 0 0 22px; font-size: 15px; line-height: 1.6; max-width: 37ch; }
.living-page .living-choice-action { color: #d8bdf8; font-size: 13px; font-weight: 700; display: flex; justify-content: space-between; gap: 25px; }
.living-page .living-choice:hover { background: #292035; border-color: #c5a5e9; }
.living-page .living-no-results { color: #d7cde3; border: 1px solid #52455f; border-radius: 8px; padding: 24px; }
.living-page .living-no-results button { display: block; margin-top: 10px; padding: 10px 15px; border: 1px solid #a98eca; border-radius: 6px; background: #cbb3e7; color: #221330; font: inherit; cursor: pointer; }
.living-page .living-method { border-top: 1px solid #3b3447; padding-top: 25px; margin-top: 32px; max-width: 740px; }
.living-page .living-method h2 { margin: 0 0 12px; color: #e9e1f2; font: 500 26px/1.25 Georgia, serif; }
.living-page .living-method p { margin: 0 0 13px; font-size: 15px; line-height: 1.75; color: #bcb8c6; }
.living-page .living-method a { color: #d1b4ed; font-size: 14px; line-height: 1.6; text-underline-offset: 4px; }
.living-page [hidden] { display: none !important; }
.living-page a:focus-visible, .living-page button:focus-visible, .living-page input:focus-visible, .living-page summary:focus-visible { outline: 3px solid #c699ef; outline-offset: 4px; }
.living-page .living-article a:focus-visible, .living-page .living-article summary:focus-visible { outline-color: #704c99; }
.living-page .study-ai-disclosure { position: static; margin-top: 0; box-shadow: none; }
.living-page .study-footer { margin-top: 0; }
/* Shared legacy anchor colors are important declarations. Set a scoped link
   token so they cannot mute selected controls or links on the light paper. */
html body.study-page.living-page #living-main a { color: var(--living-link, #d7c0ef) !important; }
html body.study-page.living-page #living-main .living-article span { color: inherit !important; }
html body.study-page.living-page #living-main .living-article details,
html body.study-page.living-page #living-main .living-article details > summary,
html body.study-page.living-page #living-main .living-article details > :not(summary) { color: var(--living-ink) !important; background: transparent !important; box-shadow: none !important; }
html body.study-page.living-page #living-main .living-article details > summary { color: #4d3768 !important; }
.living-page .living-article { --living-link: #584081; }
.living-page .living-topics a[aria-current] { --living-link: #21152f; }
.living-page .study-footer__links section { display: flex; flex-wrap: wrap; align-content: start; gap: 4px 18px; }
.living-page .study-footer__links section h2 { flex-basis: 100%; }
.living-page .study-footer__links section a { min-height: 32px; padding-block: 6px; }
.living-library-doorway { width: min(calc(100% - 32px), 1120px); margin: 18px auto; border: 1px solid #765990; border-radius: 10px; background: #21192c; }
.living-library-doorway > a { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 20px; border-radius: 10px; text-decoration: none; }
.living-library-doorway p { margin: 0 0 5px; font-size: 11px; color: #c6a7e7; }
.living-library-doorway h2 { margin: 0 0 6px; font: 500 25px/1.2 Georgia, serif; color: #faf4ff; }
.living-library-doorway div > span { font-size: 13px; color: #d0c4dc; }
.living-library-doorway .living-door-arrow { font-size: 24px; }
html body.study-page.stud-v3.v4 #study-main [data-living-doorway] > a,
html body.study-page.stud-v3.v4 #study-main [data-living-doorway] > a > span { color: #e1c3f8 !important; }
/* The lazy menu stylesheet's base visibility can win over its nested open
   rule. Make the open state explicit on the local routes that load this CSS. */
body.study-page #static-site-mobile-menu.is-open { visibility: visible !important; }
@media (min-width: 1000px) { .living-page .living-toc { position: sticky; top: 20px; } }
@media (max-width: 800px) {
  .living-page .living-reading-layout { display: block; }
  .living-page .living-reading-rail { margin-bottom: 16px; }
  .living-page .living-toc { padding: 10px 15px; }
  .living-page .living-toc summary { padding-block: 5px; }
  .living-page .living-toc summary span { display: inline; margin-left: 10px; }
  .living-page { --living-gutter: 18px; }
  .living-page .living-breadcrumb { padding-inline: 18px; }
  .living-page .living-article { padding: 25px; }
}
@media (max-width: 520px) {
  .living-page { --living-gutter: 14px; }
  body.study-page.living-page #living-main { margin-bottom: 28px; }
  .living-page .living-breadcrumb { padding: 5px 16px; font-size: 11px; gap: 8px; }
  .living-page .living-hero { padding: 15px 3px 20px; }
  .living-page h1 { font-size: 37px; }
  .living-page .living-question { font-size: 17px; margin-top: 12px; }
  .living-page .living-lead { font-size: 15px; line-height: 1.65; margin-top: 11px; }
  .living-page .living-draft { font-size: 11px; margin-top: 12px; }
  .living-page .living-topics { gap: 7px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 0 15px; }
  .living-page .living-topics a { text-align: center; padding: 9px 10px; font-size: 13px; }
  .living-page .living-article { border-radius: 9px; padding: 23px 20px; }
  .living-page .living-article p { font-size: 16px; line-height: 1.78; }
  .living-page .living-article .living-introduction { font-size: 14px; padding-bottom: 21px; }
  .living-page .living-section { padding-top: 26px; }
  .living-page .living-article h2 { font-size: 26px; }
  .living-page .living-citations { gap: 3px 11px; font-size: 14px; margin-bottom: 12px; }
  .living-page .living-choices-heading { display: block; }
  .living-page .living-choices-heading h2 { font-size: 17px; margin-bottom: 15px; }
  .living-page .living-search { width: 100%; }
  .living-page .living-choice-grid { grid-template-columns: 1fr; gap: 12px; }
  .living-page .living-choice { padding: 21px; gap: 17px; }
  .living-page .living-choice h3 { font-size: 28px; margin-bottom: 8px; }
  .living-page .living-choice p { font-size: 14px; margin-bottom: 15px; }
  .living-page .living-method { margin-top: 25px; padding: 22px 3px 0; }
  .living-page .living-scripture { padding: 14px 14px 1px; }
  .living-page .living-scripture p { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .living-page *, .living-page *::before, .living-page *::after { scroll-behavior: auto !important; transition: none !important; } }
@media print {
  .living-page { background: white !important; color: black !important; }
  .living-page #site-header, .living-page .living-breadcrumb, .living-page .living-topics, .living-page .living-reading-rail, .living-page .living-next, .living-page .living-passages, .living-page .study-footer, .living-page .site-footer { display: none !important; }
  body.study-page.living-page #living-main { max-width: none; padding: 0 !important; margin: 0; }
  .living-page .living-hero { padding-top: 0; }
  .living-page .living-hero h1, .living-page .living-hero p { color: #222 !important; }
  .living-page .living-reading-layout { display: block; }
  .living-page .living-article { padding: 0; border: 0; background: white; }
  .living-page .living-article p { font-size: 11pt; }
  .living-page .living-article h2 { font-size: 19pt; break-after: avoid; }
  .living-page .living-citations { break-after: avoid; }
  .living-page .living-sources > li { break-inside: avoid; }
  .living-page .study-ai-disclosure { position: static; background: white; border-color: #999; }
  .living-page .study-ai-disclosure p, .living-page .study-ai-disclosure strong { color: #222 !important; }
  .living-page .living-sources a[href^="https:"]::after { content: ' (' attr(href) ')'; font-weight: normal; font-size: 8pt; overflow-wrap: anywhere; }
}
/* Publication status for the unlisted Biblical Living concepts. */
.living-page .living-concept-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.living-page .living-concept-tags span { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 10px; border: 1px solid #8e76af; border-radius: 6px; color: #efe5ff; background: #30243e; font: 650 13px/1.4 system-ui, sans-serif; }
.living-page .living-concept-tags span:first-child { color: #261435; background: #d7c0ef; border-color: #d7c0ef; }
@media print { .living-page .living-concept-tags span { color: #222 !important; background: white !important; border-color: #777; } }