/* Spirit Broods consolidated website + installed PWA layer. */
:root{
  --sb-gutter-mobile:18px;
  --sb-gutter-tablet:26px;
  --sb-gutter-desktop:32px;
  --sb-section-gap:28px;
  --sb-card-gap:14px;
  --sb-radius-sm:9px;
  --sb-radius-card:14px;
  --sb-radius-sheet:20px;
  --sb-top-bar-height:58px;
  --sb-bottom-nav-height:72px;
  --motion-fast:120ms;
  --motion-normal:190ms;
  --motion-emphasis:280ms;
  --motion-logo:1000ms;
  --ease-product:cubic-bezier(.2,.8,.2,1);
  --status-success:#59616D;
}
html[data-theme="dark"]{
  --canvas:#0B0D12;
  --paper:#0B0D12;
  --soft:#15191F;
  --ink:#F8FAFF;
  --muted:#B0B8C3;
  --line:#66707E;
  --teal:#B0B8C3;
  --surface-1:#0B0D12;
  --surface-2:#15191F;
  --surface-3:#171B23;
  --status-success:#B0B8C3;
  color-scheme:dark;
}
html[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] .platform-card,
html[data-theme="dark"] .today-section,
html[data-theme="dark"] .recommendation-card,
html[data-theme="dark"] .creed-card,
html[data-theme="dark"] .quote-card,
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .witness-card,
html[data-theme="dark"] .path-card,
html[data-theme="dark"] .search-result,
html[data-theme="dark"] .bible-library-section,
html[data-theme="dark"] .scripture-search-start,
html[data-theme="dark"] .notification-center{
  background:var(--surface-1)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .creed-card>p:not(.eyebrow),
html[data-theme="dark"] .creed-card blockquote,
html[data-theme="dark"] .platform-muted,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .page-description,
html[data-theme="dark"] .dek{color:var(--muted)!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#B0B8C3!important}
html[data-theme="dark"] .platform-skeleton{
  background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));
  background-size:220% 100%;
}
html[data-theme="dark"] .scripture-overlay-panel{background:var(--surface-1)}
html[data-theme="dark"] .mobile-app-nav{background:color-mix(in srgb,var(--surface-1) 95%,transparent)!important}
html[data-theme="dark"] ::selection{background:#B0B8C3;color:#fff}

body,.app-shell,main{transform:none!important}
.wrap,.platform-wrap{
  max-width:100%;
  padding-inline:max(var(--sb-gutter-mobile),env(safe-area-inset-left));
  padding-right:max(var(--sb-gutter-mobile),env(safe-area-inset-right));
}
.witness-grid,.article-grid,.path-grid,.quote-grid,.card-grid,.related-grid{gap:var(--sb-card-gap)}
.related-content,.related-section{padding-inline:0}
.related-content .recommendation-card,.related-section .path-card{padding:14px 15px;border-radius:var(--sb-radius-card)}
.reading-body,.page-heading,.read-masthead{scroll-margin-top:calc(var(--sb-top-bar-height) + 14px)}
body{padding-bottom:0!important}

/* App navigation is installed-mode only. Width never enables it. */
.mobile-app-nav{display:none!important}
html:not([data-installed-app="1"]) .mobile-app-nav{display:none!important}
html[data-installed-app="1"] body{
  padding-top:env(safe-area-inset-top);
  padding-bottom:calc(var(--sb-bottom-nav-height) + env(safe-area-inset-bottom) + 18px)!important;
}
html[data-installed-app="1"] .mobile-app-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  position:fixed!important;
  z-index:160!important;
  inset-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  width:min(calc(100% - 20px),620px)!important;
  margin-inline:auto!important;
  min-height:var(--sb-bottom-nav-height)!important;
  padding:6px!important;
  border:1px solid var(--line)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--paper) 95%,transparent)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
html[data-installed-app="1"] .mobile-app-nav a{
  min-height:56px!important;
  min-width:44px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 2px!important;
  border-radius:14px!important;
  font:500 10px/1 var(--font-ui)!important;
  letter-spacing:0!important;
  transition:background var(--motion-fast) var(--ease-product),color var(--motion-fast) var(--ease-product),transform var(--motion-fast) var(--ease-product)!important;
}
html[data-installed-app="1"] .mobile-app-nav a:active{transform:scale(.985)!important}
html[data-installed-app="1"] .mobile-app-nav a[aria-current="page"]{background:var(--soft)!important;color:var(--ink)!important}

/* Installed shell: brand first, account and appearance live under You. */
html[data-installed-app="1"] .app-bar{
  min-height:calc(var(--sb-top-bar-height) + env(safe-area-inset-top));
  padding-top:env(safe-area-inset-top);
  padding-inline:max(16px,env(safe-area-inset-left)) max(14px,env(safe-area-inset-right))!important;
}
html[data-installed-app="1"] .app-bar .account-control,
html[data-installed-app="1"] .app-bar .theme-toggle,
html[data-installed-app="1"] .app-bar .app-about,
html[data-installed-app="1"] .app-bar .menu-toggle,
html[data-installed-app="1"] .app-bar .location-label{display:none!important}
html[data-installed-app="1"] .app-bar .app-location{display:flex!important;align-items:center!important;gap:9px!important}
html[data-installed-app="1"] .mobile-brand{display:inline-flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important}
.installed-brand-name{display:none}
html[data-installed-app="1"] .installed-brand-name{
  display:inline!important;
  font:600 14px/1 var(--font-ui);
  letter-spacing:-.015em;
  color:var(--ink);
}
html[data-installed-app="1"] .global-search{
  margin-inline-start:auto!important;
  width:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  justify-content:center!important;
}
html[data-installed-app="1"] .global-search span,
html[data-installed-app="1"] .global-search kbd{display:none!important}

/* Website-only blocks do not dominate an installed application. */
html[data-installed-app="1"] .site-footer,
html[data-installed-app="1"] .footer-connect,
html[data-installed-app="1"] [data-install-app],
html[data-installed-app="1"] .home-about,
html[data-installed-app="1"] .breadcrumbs,
html[data-installed-app="1"] .notification-prompt{display:none!important}

/* Website newsletter remains compact and readable. */
.footer-connect{
  width:min(calc(100% - (var(--sb-gutter-mobile)*2)),1100px)!important;
  margin:28px auto!important;
  padding:20px!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
  box-shadow:0 10px 30px rgba(11,13,18,.06)!important;
}
.footer-connect::after{display:none!important}
.footer-connect-copy h2{font-size:clamp(20px,2vw,27px)!important;color:var(--ink)!important}
.footer-connect-copy>p:last-child{font:400 13px/1.65 var(--font-ui)!important;color:var(--muted)!important}
.subscribe-row{
  align-items:center!important;
  padding:5px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:var(--soft)!important;
}
.subscribe-row input{
  min-height:42px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
.subscribe-button{min-height:42px!important;border-radius:999px!important;font-weight:500!important}
.subscribe-status[data-state="success"]{color:var(--status-success)!important}
.subscribe-status[data-state="error"]{color:var(--muted)!important}

/* You is a grouped personal center, not a card wall. */
.you-groups{display:grid;gap:22px;max-width:760px}
.you-group{border-top:1px solid var(--line);padding-top:12px}
.you-group:first-child{border-top:0}
.you-list{display:grid}
.you-link{
  min-height:50px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 2px;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
  font:500 14px/1.3 var(--font-ui);
}
.you-link small{font-weight:400;color:var(--muted)}
.you-following summary{cursor:pointer;list-style:none}
.you-following summary::-webkit-details-marker{display:none}
.you-following summary::after{content:"+";margin-inline-start:auto;color:var(--muted)}
.you-following[open] summary::after{content:"−"}
.you-following-items{padding-block:5px 12px;padding-inline-start:14px}
.you-following-entry{display:grid;gap:3px;padding-block:10px;border-bottom:1px solid var(--line);font:500 13px/1.4 var(--font-ui)}
.you-following-entry a{color:var(--ink)}
.you-following-entry small{font-weight:400;color:var(--muted)}

.settings-inline{display:grid;gap:12px;margin-top:18px}
.settings-inline label{display:grid;gap:6px;font:500 12px/1.3 var(--font-ui)}
.settings-inline select{min-height:44px}

/* Calm component motion only. */
.platform-button,.platform-button-secondary,.save-control,.follow-control,.quiet-button,.you-link{
  transition:transform var(--motion-fast) var(--ease-product),background var(--motion-fast) var(--ease-product),color var(--motion-fast) var(--ease-product),border-color var(--motion-fast) var(--ease-product)!important;
}
.platform-button:active,.platform-button-secondary:active,.save-control:active,.follow-control:active,.you-link:active{transform:scale(.985)}
.scripture-overlay-panel{transition:transform var(--motion-emphasis) var(--ease-product),opacity var(--motion-normal) ease}
.bible-chapter{transition:opacity var(--motion-normal) ease}
.bible-chapter[aria-busy="true"]{opacity:.58}

/* Brief, shape-preserving mask reveal of the verified emblem. */
.brand-intro[hidden]{display:none!important}
.brand-intro{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  background:var(--paper);
  pointer-events:none;
}
.brand-intro-mark{position:relative;width:64px;height:64px}
.brand-intro-mark img{width:64px;height:64px;object-fit:contain;opacity:0;animation:sbBrandFill 240ms ease 520ms forwards}
.brand-intro-mark::before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--teal);
  -webkit-mask:url("/assets/spirit-broods-symbol.png") center/contain no-repeat;
  mask:url("/assets/spirit-broods-symbol.png") center/contain no-repeat;
  clip-path:inset(100% 0 0);
  animation:sbBrandTrace 560ms var(--ease-product) forwards;
}
.brand-intro.is-leaving{animation:sbBrandOut 180ms ease forwards}
.brand-home.is-brand-tapped{animation:sbBrandTap 220ms ease}
@keyframes sbBrandTrace{to{clip-path:inset(0 0 0)}}
@keyframes sbBrandFill{to{opacity:1}}
@keyframes sbBrandOut{to{opacity:0}}
@keyframes sbBrandTap{50%{filter:brightness(1.14)}}

/* Shared mobile alignment, biography and creed corrections. */
@media(min-width:760px){
  .wrap,.platform-wrap{padding-inline:var(--sb-gutter-tablet)!important}
}
@media(min-width:1100px){
  .wrap,.platform-wrap{padding-inline:var(--sb-gutter-desktop)!important}
}
@media(max-width:720px){
  .wrap,.platform-wrap{
    width:100%!important;
    padding-inline:max(var(--sb-gutter-mobile),env(safe-area-inset-left))!important;
    padding-right:max(var(--sb-gutter-mobile),env(safe-area-inset-right))!important;
  }
  .page-heading,.read-masthead{padding-top:24px!important}
  .witness-grid,.article-grid,.path-grid,.quote-grid,.card-grid{grid-template-columns:minmax(0,1fr)!important}
  .witness-card,.article-card,.path-card,.quote-card,.search-result,.creed-card{margin-inline:0!important;max-width:100%!important}
  .witness-card,.article-card,.path-card,.quote-card,.search-result{overflow:hidden}
  .creed-grid{grid-template-columns:1fr!important;gap:var(--sb-card-gap)!important}
  .creed-card{padding:20px!important}
  .creed-card h2{font-size:22px!important;line-height:1.2!important}
  .footer-connect{width:calc(100% - (var(--sb-gutter-mobile)*2))!important;padding:16px!important}
  .subscribe-row{grid-template-columns:minmax(0,1fr) auto!important}
}
@media(max-width:390px){
  html[data-installed-app="1"] .mobile-app-nav a{font-size:10px!important}
  .subscribe-row{grid-template-columns:1fr!important;border-radius:15px!important}
  .subscribe-button{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  :root{--motion-fast:0ms;--motion-normal:0ms;--motion-emphasis:0ms;--motion-logo:120ms}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .brand-intro-mark::before{animation:none!important;clip-path:none!important}
  .brand-intro-mark img{animation:none!important;opacity:1!important}
}

/* Complete dark-mode interaction tokens and accessible focus states. */
html[data-theme="dark"] .footer-connect,
html[data-theme="dark"] .platform-form,
html[data-theme="dark"] .bible-action-bar,
html[data-theme="dark"] .you-group,
html[data-theme="dark"] .toast{
  background:var(--surface-1)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] :is(a,.text-link,.small-link){color:var(--teal)}
html[data-theme="dark"] :is(.platform-button,.button){
  background:#EDF1FF!important;
  color:#0B0D12!important;
  border-color:#EDF1FF!important;
}
html[data-theme="dark"] :is(.platform-button-secondary,.quiet-button,.button.ghost){
  background:var(--surface-2)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] :is(button,input,select,textarea,a):focus-visible{
  outline:2px solid #B0B8C3!important;
  outline-offset:3px;
}
[dir="rtl"] .you-link,
[dir="rtl"] .bible-reader-head,
[dir="rtl"] .scripture-overlay-head{direction:rtl}

.today-scripture{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}
.today-scripture-text{max-width:62ch;font-family:var(--font-reading);font-size:17px;line-height:1.65;color:var(--ink)}
.today-featured-witness{min-height:0}
@media(max-width:680px){.today-scripture{grid-template-columns:1fr;align-items:start}.today-scripture .platform-actions{justify-content:flex-start}}


/* Dedicated Bible reader: Scripture is the surface, controls are supporting chrome. */
.bible-reader{
  width:min(100%,980px);
  margin-inline:auto;
  padding:0;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.bible-reader .bible-web-edition{display:none!important}
.bible-reader .bible-reference-search,
.bible-reader .bible-controls{
  background:var(--soft);
  border:1px solid var(--line);
}
.bible-reader .bible-reference-search{
  margin:0;
  padding:12px;
  border-radius:var(--sb-radius-card) var(--sb-radius-card) 0 0;
  border-bottom:0;
}
.bible-reader .bible-controls{
  grid-template-columns:minmax(0,1.5fr) minmax(94px,.45fr);
  gap:8px;
  margin:0 0 26px;
  padding:0 12px 12px;
  border-top:0;
  border-radius:0 0 var(--sb-radius-card) var(--sb-radius-card);
}
.bible-reader .bible-reference-row input,
.bible-reader .bible-controls select{
  min-height:44px;
  background:var(--paper);
}
.bible-reader .bible-reader-head{
  align-items:flex-end;
  padding:0 0 13px;
  border-top:0;
  border-bottom:1px solid var(--line);
}
.bible-reader .bible-reader-head [data-bible-active-translation]{
  margin-bottom:5px;
  color:var(--muted);
}
.bible-reader .bible-chapter{
  width:min(100%,70ch);
  max-width:70ch;
  min-height:44vh;
  margin:20px auto 0;
  padding:0 2px;
}
.bible-reader .scripture-passage{
  color:var(--ink);
  font-family:var(--font-reading);
  font-optical-sizing:auto;
  font-size:var(--type-reading);
  line-height:var(--leading-reading);
}
.bible-reader .bible-action-bar{margin-top:30px}
.bible-reader [data-bible-attribution]{
  width:min(100%,70ch);
  margin:8px auto 0;
  font-size:11px;
  line-height:1.5;
}
html[data-theme="dark"] .bible-reader .bible-reference-search,
html[data-theme="dark"] .bible-reader .bible-controls{
  background:var(--surface-1);
  border-color:var(--line);
}
html[data-theme="dark"] .bible-reader .bible-reference-row input,
html[data-theme="dark"] .bible-reader .bible-controls select{background:var(--surface-2)!important}
@media(max-width:680px){
  .bible-reader .bible-reference-search{padding:10px}
  .bible-reader .bible-controls{grid-template-columns:minmax(0,1fr) minmax(82px,.55fr);padding:0 10px 10px;margin-bottom:20px}
  .bible-reader .bible-controls label:last-child{grid-column:1/-1}
  .bible-reader .bible-reader-head{gap:12px}
  .bible-reader .bible-reader-head .platform-actions{width:auto;flex-direction:row}
  .bible-reader .bible-chapter{min-height:52vh;margin-top:17px;padding-inline:0}
}

/* Guided series: one reading at a time; all ordered links remain available without JS. */
.guided-series{margin-block:26px;max-width:70ch}
.guided-series-overview{padding:16px 18px;background:var(--soft);border:1px solid var(--line);border-radius:var(--sb-radius-card);margin-bottom:18px}
.guided-series-overview .eyebrow{margin:0 0 5px}
.guided-series-overview p{margin:4px 0}
.guided-series-progress{height:5px;background:var(--line);border-radius:999px;overflow:hidden;margin-block:12px}
.guided-series-progress span{display:block;height:100%;width:0;background:var(--teal);border-radius:999px;transition:width var(--motion-normal) var(--ease-product)}
.guided-series .reading-path-steps{padding-inline-start:26px;margin-block:14px}
.guided-series .reading-path-steps li{scroll-margin-top:calc(var(--sb-top-bar-height) + 28px)}
.guided-series .reading-path-steps li[hidden]{display:none!important}
.guided-series-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.guided-series-actions button{min-height:44px;max-width:100%;font-family:var(--font-ui)}
.guided-series-actions button:disabled{opacity:.5;cursor:default}
.guided-series [data-series-message]{margin-block:14px 0}
html[data-theme="dark"] .guided-series-overview{background:var(--surface-2);color:var(--ink);border-color:var(--line)}
@media(max-width:390px){.guided-series-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guided-series-actions button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.guided-series-progress span{transition:none!important}}

/* Website closure: public plan controls use shared theme and focus tokens. */
.plan-day-navigation{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-bottom:20px;min-width:0}
.plan-day-navigation label{display:block;font-size:13px;margin-bottom:8px;color:var(--ink)}
.plan-day-navigation select{max-width:100%;min-height:44px;padding:10px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;margin-bottom:12px}
.plan-day-navigation .platform-actions{flex-wrap:wrap}
.plan-day-navigation button{min-height:44px}
.plan-day-navigation [role=status]{font-size:13px;color:var(--muted);margin:12px 0 0}
@media(max-width:480px){.plan-day-navigation{padding:16px}.plan-day{grid-template-columns:1fr}.plan-day .platform-button-secondary{justify-self:start}}

/* Measured WCAG text contrast for shared editorial and discovery surfaces. */
.footer-bottom,.footer-bottom a{color:var(--muted)!important}
.quote-feature .eyebrow{color:var(--ink)}
html[data-theme="dark"] .quote-feature{background:var(--surface-1)!important;color:var(--ink)}
html[data-theme="dark"] .reading-meta,html[data-theme="dark"] .reading-meta span{color:var(--muted)!important}
html[data-theme="dark"] .reading-aside nav a{background:var(--surface-1)!important;border-color:var(--line)!important;color:var(--teal)!important}
html[data-theme="dark"] .prose,html[data-theme="dark"] .prose :is(p,li,blockquote,.lead){color:var(--ink)!important}
.prose a,.general-quote-explorer p a{text-decoration:underline;text-underline-offset:3px}

html[data-theme="dark"] .quote-feature-bottom span{color:var(--muted)!important}
html main p a:not(.button):not(.platform-button):not(.platform-button-secondary){text-decoration:underline!important;text-underline-offset:3px}

input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
html[data-theme="dark"] .sidebar a[aria-current="page"]{background:var(--surface-3)!important;color:var(--ink)!important}
html[data-theme="dark"] .sidebar a[aria-current="page"] span{color:var(--ink)!important}
:is(textarea,[tabindex="0"]):focus-visible{outline:3px solid var(--teal);outline-offset:3px}


/* OWNER_LOCKED_NEWSLETTER_2026_10_09 */
/* Match the approved dark newsletter reference on the public website.
   Keep the installed PWA suppression above unchanged. */
.footer-connect{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:54px clamp(18px,4.3vw,66px)!important;
  border:0!important;
  border-radius:0!important;
  background:#0B0D12!important;
  color:#B0B8C3!important;
  box-shadow:none!important;
}
.footer-connect::after{display:none!important}
.footer-connect .subscribe-form{
  width:100%!important;
  margin:0!important;
}
.footer-connect-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:clamp(22px,4vw,56px)!important;
  align-items:center!important;
  width:100%!important;
  padding:28px 32px!important;
  border:0!important;
  border-radius:18px!important;
  background:#15191F!important;
  box-shadow:none!important;
}
.footer-connect-copy{
  min-width:0!important;
  display:grid!important;
  gap:8px!important;
  align-content:center!important;
}
.footer-connect-copy h2{
  margin:0!important;
  color:#B0B8C3!important;
  font:500 clamp(22px,2.2vw,30px)/1.2 var(--font-ui,var(--sans))!important;
  letter-spacing:-.02em!important;
}
.footer-connect-copy input{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#F8FAFF!important;
  box-shadow:none!important;
  font:400 clamp(18px,1.8vw,24px)/1.25 var(--font-ui,var(--sans))!important;
}
.footer-connect-copy input::placeholder{
  color:#B0B8C3!important;
  opacity:1!important;
}
.footer-connect-copy input:focus-visible{
  outline:2px solid #F8FAFF!important;
  outline-offset:5px!important;
  border-radius:4px!important;
}
.footer-connect .subscribe-button{
  min-width:176px!important;
  min-height:64px!important;
  height:auto!important;
  padding:14px 28px!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0B0D12!important;
  box-shadow:none!important;
  font:500 clamp(18px,1.8vw,24px)/1 var(--font-ui,var(--sans))!important;
}
.footer-connect .subscribe-button:hover{
  transform:none!important;
  background:#f4f4f1!important;
}
.footer-connect .subscribe-button:focus-visible{
  outline:3px solid #fff!important;
  outline-offset:4px!important;
}
.footer-connect .subscribe-status{
  min-height:18px!important;
  margin:8px 2px 0!important;
  color:#B0B8C3!important;
  font:400 12px/1.45 var(--font-ui,var(--sans))!important;
}
.footer-connect .subscribe-status[data-state="success"],
html[data-theme="dark"] .footer-connect .subscribe-status[data-state="success"]{
  color:#B0B8C3!important;
}
.footer-connect .subscribe-status[data-state="error"],
html[data-theme="dark"] .footer-connect .subscribe-status[data-state="error"]{
  color:#958AA8!important;
}
html[data-theme="dark"] .footer-connect{
  background:#0B0D12!important;
  color:#B0B8C3!important;
  border-color:transparent!important;
}
html[data-theme="dark"] .footer-connect-panel{background:#15191F!important}
html[data-theme="dark"] .footer-connect-copy h2{color:#B0B8C3!important}
html[data-theme="dark"] .footer-connect-copy input{background:transparent!important;color:#F8FAFF!important}
html[data-theme="dark"] .footer-connect .subscribe-button{background:#fff!important;color:#0B0D12!important;border-color:#fff!important}

@media(max-width:620px){
  .footer-connect{padding:30px 16px!important}
  .footer-connect-panel{
    gap:14px!important;
    padding:20px 18px!important;
    border-radius:16px!important;
  }
  .footer-connect-copy{gap:5px!important}
  .footer-connect-copy h2{font-size:18px!important}
  .footer-connect-copy input{min-height:32px!important;font-size:17px!important}
  .footer-connect .subscribe-button{
    min-width:118px!important;
    min-height:48px!important;
    padding:11px 18px!important;
    font-size:17px!important;
  }
}
@media(max-width:360px){
  .footer-connect-panel{grid-template-columns:minmax(0,1fr) auto!important;padding:17px 14px!important}
  .footer-connect-copy h2{font-size:16px!important}
  .footer-connect-copy input{font-size:15px!important}
  .footer-connect .subscribe-button{min-width:104px!important;padding-inline:14px!important;font-size:15px!important}
}


/* OWNER_BRANDED_DRAWER_FOOTER_2026_10_09 */
:root{
  --sb-brand-deep:#0B0D12;
  --sb-brand-deeper:#0B0D12;
  --sb-brand-panel:#15191F;
  --sb-brand-panel-2:#171B23;
  --sb-brand-text:#F8FAFF;
  --sb-brand-muted:#B0B8C3;
  --sb-brand-line:rgba(237,241,255,.22);
  --sb-brand-accent:#B0B8C3;
}

/* Website newsletter now uses the Spirit Broods brand palette rather than the
   reference site's green. Its approved composition stays unchanged. */
.footer-connect{
  background:var(--sb-brand-deep)!important;
  color:var(--sb-brand-muted)!important;
}
.footer-connect-panel{
  background:var(--sb-brand-panel)!important;
}
.footer-connect-copy h2{color:var(--sb-brand-text)!important}
.footer-connect-copy input{color:var(--sb-brand-text)!important}
.footer-connect-copy input::placeholder{color:var(--sb-brand-muted)!important}
.footer-connect .subscribe-button{
  background:#F8FAFF!important;
  color:var(--sb-brand-deep)!important;
}
.footer-connect .subscribe-button:hover{background:#EDF1FF!important}
.footer-connect .subscribe-status{color:var(--sb-brand-muted)!important}
html[data-theme="dark"] .footer-connect{background:var(--sb-brand-deep)!important}
html[data-theme="dark"] .footer-connect-panel{background:var(--sb-brand-panel)!important}
html[data-theme="dark"] .footer-connect-copy h2{color:var(--sb-brand-text)!important}
html[data-theme="dark"] .footer-connect-copy input{color:var(--sb-brand-text)!important}
html[data-theme="dark"] .footer-connect .subscribe-button{background:#F8FAFF!important;color:var(--sb-brand-deep)!important}

/* Directory rows directly beneath the newsletter. Native details/summary keeps
   the plus-row interaction keyboard and screen-reader friendly. */
.site-footer{
  background:var(--sb-brand-deep)!important;
  color:var(--sb-brand-text)!important;
}
.footer-directory{
  width:100%;
  padding:28px clamp(18px,4.3vw,66px) 36px;
  background:var(--sb-brand-deep);
}
.footer-directory-group{
  margin:0;
  border-top:1px solid var(--sb-brand-line);
}
.footer-directory-group:last-child{border-bottom:1px solid var(--sb-brand-line)}
.footer-directory-group summary{
  min-height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0;
  cursor:pointer;
  list-style:none;
  color:var(--sb-brand-muted);
  font:500 clamp(15px,1.35vw,18px)/1.2 var(--font-ui,var(--sans));
  letter-spacing:.16em;
  text-transform:uppercase;
}
.footer-directory-group summary::-webkit-details-marker{display:none}
.footer-directory-group summary::after{
  content:"+";
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(237,241,255,.38);
  border-radius:999px;
  color:var(--sb-brand-text);
  font:300 26px/1 var(--font-ui,var(--sans));
  letter-spacing:0;
  transition:transform var(--motion-normal) var(--ease-product),background var(--motion-fast) var(--ease-product);
}
.footer-directory-group[open] summary::after{
  content:"−";
  background:rgba(255,255,255,.07);
}
.footer-directory-group summary:focus-visible{
  outline:2px solid var(--sb-brand-accent);
  outline-offset:5px;
}
.footer-directory-group nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 24px;
  padding:0 0 26px;
}
.footer-directory-group nav a{
  min-height:38px;
  display:flex;
  align-items:center;
  color:var(--sb-brand-text)!important;
  text-decoration:none!important;
  font:450 15px/1.35 var(--font-ui,var(--sans));
}
.footer-directory-group nav a:hover{text-decoration:underline!important;text-underline-offset:4px}
.footer-bottom{
  border-top:1px solid var(--sb-brand-line)!important;
  background:var(--sb-brand-deeper)!important;
  color:var(--sb-brand-muted)!important;
}
.footer-bottom a{color:var(--sb-brand-muted)!important}

/* Right-side mobile drawer in the same Spirit Broods palette. */
@media(max-width:800px){
  .sidebar{
    width:min(92vw,430px)!important;
    max-width:430px!important;
    padding:18px 24px 26px!important;
    background:var(--sb-brand-deep)!important;
    color:var(--sb-brand-text)!important;
    border-left:1px solid var(--sb-brand-line)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .sidebar-brand{
    min-height:48px!important;
    margin-bottom:20px!important;
    border-bottom:0!important;
  }
  .sidebar .brand-home{color:var(--sb-brand-text)!important}
  .sidebar .sidebar-close{
    color:var(--sb-brand-muted)!important;
    border-color:transparent!important;
    background:transparent!important;
  }
  .sidebar .nav-label{display:none!important}
  .sidebar .nav-links{
    display:grid!important;
    gap:0!important;
    margin:0!important;
  }
  .sidebar .nav-links>a{
    min-height:0!important;
    padding:7px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--sb-brand-muted)!important;
    box-shadow:none!important;
    font:400 clamp(24px,7vw,31px)/1.24 var(--font-ui,var(--sans))!important;
    letter-spacing:-.025em!important;
  }
  .sidebar .nav-links>a[aria-current="page"]{
    color:var(--sb-brand-text)!important;
    background:transparent!important;
  }
  .sidebar .nav-links>a>.icon{display:none!important}
  .sidebar .nav-links>.nav-search-link{
    margin:18px 0 20px!important;
    padding:2px 0!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    color:var(--sb-brand-muted)!important;
    font-size:18px!important;
    letter-spacing:-.01em!important;
  }
  .sidebar .nav-links>.nav-search-link>.icon{
    width:42px!important;
    height:42px!important;
    display:block!important;
    flex:0 0 42px!important;
    padding:10px!important;
    border:1px solid rgba(237,241,255,.36)!important;
    border-radius:999px!important;
  }
  .sidebar .nav-secondary{
    margin-top:6px!important;
    padding-top:18px!important;
    border-top:1px solid var(--sb-brand-line)!important;
  }
  .sidebar .nav-secondary nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 18px!important;
  }
  .sidebar .nav-secondary nav>a{
    min-height:40px!important;
    padding:8px 0!important;
    border:0!important;
    background:transparent!important;
    color:var(--sb-brand-muted)!important;
    font:450 13px/1.35 var(--font-ui,var(--sans))!important;
  }
  .sidebar .nav-secondary nav>a>.icon{display:none!important}
  .sidebar .nav-secondary .account-nav-control{display:none!important}

  .sidebar-action-cards{
    display:grid;
    gap:10px;
    margin:24px 0 18px;
  }
  .sidebar-action-card{
    width:100%;
    min-height:84px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:16px 18px;
    border:1px solid rgba(237,241,255,.28)!important;
    border-radius:14px;
    background:rgba(255,255,255,.035)!important;
    color:var(--sb-brand-text)!important;
    text-align:left;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .sidebar-action-card>span{
    min-width:0;
    display:grid;
    gap:4px;
  }
  .sidebar-action-card strong{
    font:500 17px/1.25 var(--font-ui,var(--sans));
    color:var(--sb-brand-text);
  }
  .sidebar-action-card small{
    font:400 12px/1.35 var(--font-ui,var(--sans));
    color:var(--sb-brand-muted);
  }
  .sidebar-action-card>b{
    max-width:138px;
    padding:9px 13px;
    border:1px solid rgba(237,241,255,.38);
    border-radius:999px;
    color:var(--sb-brand-text);
    font:500 12px/1.15 var(--font-ui,var(--sans));
    text-align:center;
  }
  button.sidebar-action-card{cursor:pointer}
  button.sidebar-action-card:hover,
  a.sidebar-action-card:hover{background:rgba(255,255,255,.07)!important}
  .sidebar-action-card:focus-visible{
    outline:2px solid var(--sb-brand-accent)!important;
    outline-offset:3px!important;
  }
  .sidebar-bottom{
    margin-top:0!important;
    padding-top:18px!important;
    border-top:1px solid var(--sb-brand-line)!important;
    color:var(--sb-brand-muted)!important;
  }
  .sidebar-bottom p,.sidebar-bottom a{color:var(--sb-brand-muted)!important}
}

@media(max-width:620px){
  .footer-connect{padding:28px 16px!important}
  .footer-directory{padding:16px 16px 28px}
  .footer-directory-group summary{min-height:76px;font-size:15px}
  .footer-directory-group nav{grid-template-columns:1fr;padding-bottom:22px}
}


/* OWNER_FULL_SCREEN_FOOTER_DRAWER_2026_10_09 */
/* Final owner correction from the full-height reference:
   the dark footer owns the whole lower screen, while the newsletter remains an inset card. */
.site-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--sb-brand-deep)!important;
  overflow:hidden!important;
}
.footer-connect{
  width:min(calc(100% - 40px),820px)!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding:52px 0 42px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.footer-connect-panel{
  width:100%!important;
  min-height:126px!important;
  padding:22px 24px!important;
  border-radius:18px!important;
  background:var(--sb-brand-panel)!important;
}
.footer-connect-copy{gap:6px!important}
.footer-connect-copy h2{
  font-size:clamp(18px,2vw,24px)!important;
  line-height:1.22!important;
  color:var(--sb-brand-text)!important;
}
.footer-connect-copy input{
  min-height:34px!important;
  font-size:clamp(17px,1.8vw,22px)!important;
  line-height:1.2!important;
}
.footer-connect .subscribe-button{
  min-width:142px!important;
  min-height:52px!important;
  padding:12px 23px!important;
  font-size:clamp(16px,1.6vw,20px)!important;
}
.footer-directory{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:36px clamp(20px,4.3vw,66px) 18px!important;
  background:var(--sb-brand-deep)!important;
}
.footer-directory-group summary{
  min-height:74px!important;
  font-size:clamp(13px,1.2vw,16px)!important;
}
.footer-directory-group summary::after{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  font-size:23px!important;
}
.footer-directory-group nav a{
  font-size:14px!important;
}
.footer-brand-lockup{
  display:grid;
  justify-items:center;
  gap:10px;
  width:100%;
  padding:48px 20px 34px;
  background:var(--sb-brand-deep);
  color:var(--sb-brand-muted);
  text-align:center;
}
.footer-brand-lockup .footer-brand-mark{
  display:inline-grid;
  place-items:center;
  min-width:52px;
  min-height:52px;
  color:var(--sb-brand-text)!important;
}
.footer-brand-lockup .brand-icon{--mark:44px}
.footer-brand-lockup p{
  margin:0;
  max-width:24ch;
  color:var(--sb-brand-muted)!important;
  font:400 13px/1.45 var(--font-ui,var(--sans));
}
.footer-bottom{
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  padding:18px clamp(20px,4.3vw,66px)!important;
}

/* The website drop-side is a full-screen right sheet on mobile.
   Keep typography at Spirit Broods' normal interface scale rather than the oversized reference text. */
@media(max-width:800px){
  .sidebar{
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    min-height:100dvh!important;
    height:100dvh!important;
    padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;
    border-left:0!important;
    box-shadow:none!important;
  }
  .sidebar-brand{
    min-height:46px!important;
    margin-bottom:14px!important;
  }
  .sidebar .nav-links>a{
    padding:8px 0!important;
    font-size:17px!important;
    line-height:1.25!important;
    letter-spacing:-.012em!important;
  }
  .sidebar .nav-links>.nav-search-link{
    margin:14px 0 16px!important;
    gap:12px!important;
    font-size:15px!important;
  }
  .sidebar .nav-links>.nav-search-link>.icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    padding:9px!important;
  }
  .sidebar .nav-secondary{
    margin-top:2px!important;
    padding-top:14px!important;
  }
  .sidebar .nav-secondary nav>a{
    min-height:36px!important;
    padding:7px 0!important;
    font-size:12px!important;
  }
  .sidebar-action-cards{
    gap:9px!important;
    margin:18px 0 14px!important;
  }
  .sidebar-action-card{
    min-height:72px!important;
    padding:13px 15px!important;
    border-radius:13px!important;
  }
  .sidebar-action-card strong{font-size:15px!important}
  .sidebar-action-card small{font-size:11px!important}
  .sidebar-action-card>b{
    max-width:128px!important;
    padding:8px 11px!important;
    font-size:11px!important;
  }
  .sidebar-bottom{
    padding-top:14px!important;
    font-size:12px!important;
  }

  .footer-connect{
    width:min(calc(100% - 34px),820px)!important;
    padding:42px 0 34px!important;
  }
  .footer-connect-panel{
    min-height:118px!important;
    padding:20px 20px!important;
    gap:14px!important;
  }
  .footer-connect-copy h2{font-size:18px!important}
  .footer-connect-copy input{font-size:17px!important}
  .footer-connect .subscribe-button{
    min-width:124px!important;
    min-height:48px!important;
    padding:11px 18px!important;
    font-size:16px!important;
  }
  .footer-directory{
    padding:30px 18px 8px!important;
  }
  .footer-directory-group summary{
    min-height:70px!important;
    font-size:13px!important;
  }
  .footer-brand-lockup{
    padding:42px 18px 28px!important;
  }
  .footer-bottom{
    min-height:0!important;
    padding:18px 18px 28px!important;
  }
}
@media(max-width:380px){
  .footer-connect{
    width:calc(100% - 28px)!important;
  }
  .footer-connect-panel{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:18px 16px!important;
  }
  .footer-connect-copy h2{font-size:16px!important}
  .footer-connect-copy input{font-size:15px!important}
  .footer-connect .subscribe-button{
    min-width:108px!important;
    min-height:44px!important;
    padding-inline:14px!important;
    font-size:15px!important;
  }
}


/* OWNER_PALETTE_SYSTEM_2026_10_09 */
/* Spirit Broods locked palette
   Obsidian Black #0B0D12
   Porcelain White #F8FAFF
   Platinum Silver #B0B8C3
   Frosted Blue #EDF1FF
   Mineral Sage #B0B8C3
   Smoked Lilac #958AA8
*/
:root{
  --sb-obsidian:#0B0D12;
  --sb-porcelain:#F8FAFF;
  --sb-platinum:#B0B8C3;
  --sb-frost:#EDF1FF;
  --sb-sage:#B0B8C3;
  --sb-lilac:#958AA8;

  --canvas:var(--sb-porcelain);
  --paper:#FFFFFF;
  --soft:var(--sb-frost);
  --ink:var(--sb-obsidian);
  --muted:#66707E;
  --line:color-mix(in srgb,var(--sb-platinum) 52%,transparent);
  --teal:var(--sb-platinum);
  --surface-1:#FFFFFF;
  --surface-2:var(--sb-frost);
  --surface-3:color-mix(in srgb,var(--sb-platinum) 23%,var(--sb-porcelain));
  --status-success:#59616D;

  --sb-brand-deep:var(--sb-obsidian);
  --sb-brand-deeper:#07090D;
  --sb-brand-panel:#161A21;
  --sb-brand-panel-2:#1B2028;
  --sb-brand-text:var(--sb-porcelain);
  --sb-brand-muted:var(--sb-platinum);
  --sb-brand-line:color-mix(in srgb,var(--sb-platinum) 28%,transparent);
  --sb-brand-accent:var(--sb-platinum);
}
html[data-theme="dark"]{
  --canvas:var(--sb-obsidian);
  --paper:#11141A;
  --soft:#171B23;
  --ink:var(--sb-porcelain);
  --muted:var(--sb-platinum);
  --line:color-mix(in srgb,var(--sb-platinum) 30%,transparent);
  --teal:var(--sb-platinum);
  --surface-1:#11141A;
  --surface-2:#171B23;
  --surface-3:#202631;
  --status-success:#B0B8C3;
  color-scheme:dark;
}

/* Global foundations */
body{
  background:var(--canvas)!important;
  color:var(--ink)!important;
}
::selection{
  background:color-mix(in srgb,var(--sb-platinum) 62%,var(--sb-frost))!important;
  color:var(--sb-obsidian)!important;
}
html[data-theme="dark"] ::selection{
  background:var(--sb-platinum)!important;
  color:var(--sb-obsidian)!important;
}
.app-bar{
  background:color-mix(in srgb,var(--paper) 94%,transparent)!important;
  border-bottom-color:var(--line)!important;
}
.app-bar::after{
  background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--sb-platinum) 20%,transparent) 20%,var(--sb-platinum) 50%,color-mix(in srgb,var(--sb-platinum) 20%,transparent) 80%,transparent 100%)!important;
}
main::before{
  background:
    radial-gradient(circle at var(--sb-pointer-x,70%) var(--sb-pointer-y,18%),color-mix(in srgb,var(--sb-frost) 88%,transparent),transparent 29%),
    radial-gradient(circle at 16% 72%,color-mix(in srgb,var(--sb-lilac) 12%,transparent),transparent 28%)!important;
}
html[data-theme="dark"] main::before{
  background:
    radial-gradient(circle at var(--sb-pointer-x,70%) var(--sb-pointer-y,18%),color-mix(in srgb,var(--sb-platinum) 8%,transparent),transparent 29%),
    radial-gradient(circle at 16% 72%,color-mix(in srgb,var(--sb-lilac) 7%,transparent),transparent 28%)!important;
}

/* Cards and research surfaces */
.platform-card,
.today-section,
.recommendation-card,
.creed-card,
.quote-card,
.article-card,
.witness-card,
.path-card,
.search-result,
.bible-library-section,
.scripture-search-start,
.notification-center,
.plan-day-navigation{
  background:var(--surface-1)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
.topic-tile,
.guided-series-overview,
.bible-reference-search,
.bible-controls{
  background:var(--surface-2)!important;
  border-color:var(--line)!important;
}
.article-card:hover,
.witness-card:hover,
.path-card:hover,
.topic-tile:hover,
.quote-card:hover,
.search-result:hover{
  border-color:color-mix(in srgb,var(--sb-platinum) 72%,transparent)!important;
  box-shadow:0 16px 38px rgba(11,13,18,.08)!important;
}
html[data-theme="dark"] .article-card:hover,
html[data-theme="dark"] .witness-card:hover,
html[data-theme="dark"] .path-card:hover,
html[data-theme="dark"] .topic-tile:hover,
html[data-theme="dark"] .quote-card:hover,
html[data-theme="dark"] .search-result:hover{
  box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
}

/* Accent families: use sparingly and semantically */
.topic-chip,
.quote-topic-chip,
.platform-chip,
.search-chip{
  border-color:color-mix(in srgb,var(--sb-platinum) 55%,transparent)!important;
  background:color-mix(in srgb,var(--sb-frost) 86%,var(--paper))!important;
  color:var(--sb-obsidian)!important;
}
html[data-theme="dark"] .topic-chip,
html[data-theme="dark"] .quote-topic-chip,
html[data-theme="dark"] .platform-chip,
html[data-theme="dark"] .search-chip{
  background:color-mix(in srgb,var(--sb-platinum) 12%,var(--surface-1))!important;
  color:var(--sb-porcelain)!important;
}
.save-control[aria-pressed="true"],
.follow-control[aria-pressed="true"],
[data-saved="true"]{
  border-color:color-mix(in srgb,var(--sb-lilac) 72%,transparent)!important;
  background:color-mix(in srgb,var(--sb-lilac) 14%,var(--paper))!important;
}
html[data-theme="dark"] .save-control[aria-pressed="true"],
html[data-theme="dark"] .follow-control[aria-pressed="true"],
html[data-theme="dark"] [data-saved="true"]{
  background:color-mix(in srgb,var(--sb-lilac) 18%,var(--surface-1))!important;
}
.read-alongside,
.related-scripture,
.scripture-chip,
[data-scripture-related]{
  border-color:color-mix(in srgb,var(--sb-sage) 60%,transparent)!important;
}
.subscribe-status[data-state="success"],
.platform-status[data-state="success"]{
  color:var(--sb-sage)!important;
}

/* Buttons */
.button,
.platform-button,
.subscribe-button{
  border-color:var(--sb-obsidian)!important;
}
.button:not(.subscribe-button),
.platform-button{
  background:var(--sb-obsidian)!important;
  color:var(--sb-porcelain)!important;
}
.button:not(.subscribe-button):hover,
.platform-button:hover{
  background:#20242C!important;
}
html[data-theme="dark"] .button:not(.subscribe-button),
html[data-theme="dark"] .platform-button{
  background:var(--sb-porcelain)!important;
  color:var(--sb-obsidian)!important;
  border-color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .button:not(.subscribe-button):hover,
html[data-theme="dark"] .platform-button:hover{
  background:var(--sb-frost)!important;
}
.platform-button-secondary,
.quiet-button{
  background:transparent!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

/* Inputs and focus */
input,select,textarea{
  background:var(--paper)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
input::placeholder,textarea::placeholder{color:var(--muted)!important}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline-color:var(--sb-platinum)!important;
}

/* Footer and drawer stay Obsidian in both themes, with Platinum as the signature accent. */
.site-footer,
.footer-directory,
.footer-brand-lockup,
.sidebar{
  background:var(--sb-obsidian)!important;
  color:var(--sb-porcelain)!important;
}
.footer-connect-panel{
  background:#161A21!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 15%,transparent)!important;
}
.footer-connect-copy h2,
.footer-connect-copy input,
.footer-directory-group nav a,
.sidebar .brand-home,
.sidebar-action-card strong,
.sidebar-action-card>b{
  color:var(--sb-porcelain)!important;
}
.footer-connect-copy input::placeholder,
.footer-directory-group summary,
.footer-brand-lockup,
.footer-brand-lockup p,
.sidebar .nav-links>a,
.sidebar .nav-links>.nav-search-link,
.sidebar .nav-secondary nav>a,
.sidebar-action-card small,
.sidebar-bottom,
.sidebar-bottom p,
.sidebar-bottom a{
  color:var(--sb-platinum)!important;
}
.footer-directory-group,
.footer-bottom,
.sidebar .nav-secondary,
.sidebar-bottom{
  border-color:color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
}
.footer-directory-group summary::after,
.sidebar .nav-links>.nav-search-link>.icon,
.sidebar-action-card,
.sidebar-action-card>b{
  border-color:color-mix(in srgb,var(--sb-platinum) 38%,transparent)!important;
}
.footer-connect .subscribe-button{
  background:var(--sb-porcelain)!important;
  color:var(--sb-obsidian)!important;
  border-color:var(--sb-porcelain)!important;
}
.sidebar .nav-links>a[aria-current="page"]{
  color:var(--sb-porcelain)!important;
}
.sidebar-action-card{
  background:color-mix(in srgb,var(--sb-platinum) 5%,var(--sb-obsidian))!important;
}
.sidebar-action-card:hover{
  background:color-mix(in srgb,var(--sb-platinum) 10%,var(--sb-obsidian))!important;
}

/* PWA navigation */
html[data-installed-app="1"] .mobile-app-nav{
  background:color-mix(in srgb,var(--paper) 94%,transparent)!important;
  border-color:var(--line)!important;
}
html[data-installed-app="1"] .mobile-app-nav a[aria-current="page"]{
  background:var(--sb-frost)!important;
  color:var(--sb-obsidian)!important;
}
html[data-theme="dark"][data-installed-app="1"] .mobile-app-nav a[aria-current="page"]{
  background:color-mix(in srgb,var(--sb-platinum) 18%,var(--surface-1))!important;
  color:var(--sb-porcelain)!important;
}

/* Brand reveal and logo effects */
.brand-intro{background:var(--canvas)!important}
.brand-intro-mark::before{background:var(--sb-platinum)!important}
.brand-home:hover .brand-icon{
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--sb-platinum) 36%,transparent))!important;
}

/* Keep decorative secondary colors restrained. */
.sb-accent-sage{color:var(--sb-sage)!important}
.sb-accent-lilac{color:var(--sb-lilac)!important}
.sb-surface-frost{background:var(--sb-frost)!important}


/* OWNER_CLEAN_FOOTER_RESTORED_DRAWER_2026_10_09 */
/* Remove the decorative glow behind the lower website experience. The new palette
   carries the depth; no reflected light or framed halo is needed. */
main::before,
html[data-theme="dark"] main::before{
  background:none!important;
  opacity:0!important;
}
.footer-connect,
.footer-connect-panel,
.footer-connect::after{
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.footer-connect::after{display:none!important}
.footer-connect-panel{
  border:0!important;
  outline:0!important;
}
.footer-connect .subscribe-button{
  box-shadow:none!important;
  outline-offset:3px;
}

/* Restore the original right-side research drawer composition:
   logo, Explore label, icon-led destinations, active Discover surface, More section.
   Keep it distinctly Spirit Broods through the locked Obsidian/Platinum/Frost palette. */
@media(max-width:800px){
  .sidebar{
    inset:0 0 0 auto!important;
    width:min(66vw,470px)!important;
    max-width:470px!important;
    min-width:252px!important;
    min-height:100dvh!important;
    height:100dvh!important;
    padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) 28px!important;
    background:var(--sb-obsidian)!important;
    color:var(--sb-porcelain)!important;
    border-left:1px solid color-mix(in srgb,var(--sb-platinum) 18%,transparent)!important;
    box-shadow:-22px 0 54px rgba(11,13,18,.24)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .sidebar-brand{
    min-height:54px!important;
    margin:0 0 28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .sidebar .brand-home{
    color:var(--sb-porcelain)!important;
  }
  .sidebar .brand-icon{--mark:34px!important}
  .sidebar .sidebar-close{
    width:42px!important;
    height:42px!important;
    color:var(--sb-platinum)!important;
    background:transparent!important;
    border:0!important;
  }
  .sidebar .nav-label{
    display:block!important;
    margin:0 0 12px 12px!important;
    color:var(--sb-platinum)!important;
    font:500 11px/1.2 var(--font-ui,var(--sans))!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  .sidebar .nav-links{
    display:grid!important;
    gap:6px!important;
    margin:0!important;
  }
  .sidebar .nav-links>a{
    min-height:48px!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:10px 14px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:var(--sb-platinum)!important;
    box-shadow:none!important;
    font:500 14px/1.2 var(--font-ui,var(--sans))!important;
    letter-spacing:0!important;
    text-decoration:none!important;
  }
  .sidebar .nav-links>a>.icon{
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    color:currentColor!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
  }
  .sidebar .nav-links>a[aria-current="page"]{
    background:var(--sb-frost)!important;
    color:var(--sb-obsidian)!important;
  }
  .sidebar .nav-links>a:hover:not([aria-current="page"]){
    background:color-mix(in srgb,var(--sb-platinum) 8%,transparent)!important;
    color:var(--sb-porcelain)!important;
  }
  .sidebar .nav-links>.nav-search-link{
    margin:0!important;
    padding:10px 14px!important;
    gap:14px!important;
    font-size:14px!important;
  }
  .sidebar .nav-links>.nav-search-link>.icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    display:block!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
  }

  .sidebar .nav-secondary{
    margin-top:26px!important;
    padding-top:0!important;
    border-top:0!important;
  }
  .sidebar .nav-secondary>.nav-label{
    margin-bottom:10px!important;
  }
  .sidebar .nav-secondary nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .sidebar .nav-secondary nav>a{
    min-height:44px!important;
    display:grid!important;
    grid-template-columns:26px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    padding:9px 14px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:var(--sb-platinum)!important;
    font:500 13px/1.25 var(--font-ui,var(--sans))!important;
    text-decoration:none!important;
  }
  .sidebar .nav-secondary nav>a>.icon{
    display:block!important;
    width:21px!important;
    height:21px!important;
    color:currentColor!important;
  }
  .sidebar .nav-secondary nav>a:hover{
    background:color-mix(in srgb,var(--sb-platinum) 8%,transparent)!important;
    color:var(--sb-porcelain)!important;
  }

  .sidebar-action-cards{
    gap:10px!important;
    margin:26px 0 16px!important;
  }
  .sidebar-action-card{
    min-height:76px!important;
    padding:14px 15px!important;
    border-radius:12px!important;
    border-color:color-mix(in srgb,var(--sb-platinum) 28%,transparent)!important;
    background:color-mix(in srgb,var(--sb-platinum) 4%,var(--sb-obsidian))!important;
  }
  .sidebar-action-card strong{font-size:14px!important}
  .sidebar-action-card small{font-size:11px!important}
  .sidebar-action-card>b{
    max-width:126px!important;
    padding:8px 11px!important;
    font-size:11px!important;
  }
  .sidebar-bottom{
    margin-top:0!important;
    padding-top:18px!important;
    border-top:1px solid color-mix(in srgb,var(--sb-platinum) 20%,transparent)!important;
    font-size:11px!important;
  }
}

/* A little wider on very small phones so labels remain comfortable, while retaining
   the visible dimmed page edge that defines a right-side drawer. */
@media(max-width:430px){
  .sidebar{
    width:72vw!important;
    min-width:258px!important;
    padding-left:22px!important;
  }
}
@media(max-width:360px){
  .sidebar{
    width:78vw!important;
    min-width:252px!important;
  }
}

/* The scrim should dim the page cleanly, not add another glow. */
.menu-scrim{
  background:rgba(11,13,18,.52)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* OWNER_CLEAN_PANEL_AND_DRAWER_2026_10_09 */
/* Remove the decorative light/reflection around the newsletter and keep the panel flat. */
main::before{display:none!important}
.footer-connect,
.footer-connect-panel{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
.footer-connect::before,
.footer-connect::after,
.footer-connect-panel::before,
.footer-connect-panel::after{
  display:none!important;
  content:none!important;
}
.footer-connect-panel{
  border:0!important;
  outline:0!important;
  background:#15191F!important;
}

/* Restore the icon-led right-side drawer arrangement in the locked Spirit Broods palette. */
@media(max-width:800px){
  .sidebar{
    inset:0 0 0 auto!important;
    width:min(80vw,460px)!important;
    max-width:460px!important;
    min-height:100dvh!important;
    height:100dvh!important;
    padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) 26px!important;
    background:var(--sb-obsidian)!important;
    color:var(--sb-porcelain)!important;
    border-left:1px solid color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
    box-shadow:-20px 0 44px rgba(11,13,18,.28)!important;
  }
  .menu-scrim{
    background:rgba(11,13,18,.58)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .sidebar-brand{
    min-height:54px!important;
    margin-bottom:18px!important;
    padding:0!important;
  }
  .sidebar .brand-home{
    color:var(--sb-porcelain)!important;
  }
  .sidebar .brand-icon{--mark:34px!important}
  .sidebar .sidebar-close{
    color:var(--sb-porcelain)!important;
    opacity:.92!important;
  }
  .sidebar .nav-label{
    display:block!important;
    margin:8px 0 9px!important;
    padding:0!important;
    color:var(--sb-platinum)!important;
    font:600 10px/1 var(--font-ui,var(--sans))!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
  }
  .sidebar .nav-links{
    display:grid!important;
    gap:4px!important;
    margin:0!important;
  }
  .sidebar .nav-links>a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    padding:10px 12px!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:var(--sb-platinum)!important;
    font:500 14px/1.25 var(--font-ui,var(--sans))!important;
    letter-spacing:0!important;
  }
  .sidebar .nav-links>a>.icon{
    display:block!important;
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    opacity:.94!important;
  }
  .sidebar .nav-links>a:hover{
    background:color-mix(in srgb,var(--sb-platinum) 8%,transparent)!important;
    color:var(--sb-porcelain)!important;
  }
  .sidebar .nav-links>a[aria-current="page"]{
    background:var(--sb-frost)!important;
    color:var(--sb-obsidian)!important;
    font-weight:600!important;
  }
  .sidebar .nav-links>a[aria-current="page"]>.icon{
    color:var(--sb-obsidian)!important;
  }
  .sidebar .nav-links>.nav-search-link{
    margin:0!important;
    padding:10px 12px!important;
    gap:13px!important;
    font-size:14px!important;
    color:var(--sb-platinum)!important;
  }
  .sidebar .nav-links>.nav-search-link>.icon{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
    display:block!important;
    padding:0!important;
    border:0!important;
  }
  .sidebar .nav-secondary{
    margin-top:22px!important;
    padding-top:0!important;
    border-top:0!important;
  }
  .sidebar .nav-secondary .nav-label{
    display:block!important;
  }
  .sidebar .nav-secondary nav{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
  }
  .sidebar .nav-secondary nav>a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    color:var(--sb-platinum)!important;
    font:500 13px/1.25 var(--font-ui,var(--sans))!important;
  }
  .sidebar .nav-secondary nav>a>.icon{
    display:block!important;
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
    opacity:.9!important;
  }
  .sidebar .nav-secondary nav>a:hover{
    background:color-mix(in srgb,var(--sb-platinum) 8%,transparent)!important;
    color:var(--sb-porcelain)!important;
  }
  .sidebar-action-cards{
    gap:9px!important;
    margin:22px 0 16px!important;
  }
  .sidebar-action-card{
    min-height:70px!important;
    padding:13px 14px!important;
    border-color:color-mix(in srgb,var(--sb-platinum) 30%,transparent)!important;
    background:color-mix(in srgb,var(--sb-platinum) 5%,var(--sb-obsidian))!important;
  }
  .sidebar-action-card strong{font-size:14px!important}
  .sidebar-action-card small{font-size:11px!important}
  .sidebar-action-card>b{
    max-width:132px!important;
    font-size:11px!important;
  }
  .sidebar-bottom{
    margin-top:auto!important;
    padding-top:16px!important;
    border-top:1px solid color-mix(in srgb,var(--sb-platinum) 22%,transparent)!important;
  }
}

/* Footer logo and legal row: balanced, centered, and mobile-safe. */
.footer-brand-lockup{
  min-height:132px!important;
  display:grid!important;
  place-items:center!important;
  padding:36px 20px 26px!important;
}
.footer-brand-lockup .footer-brand-mark{
  min-width:64px!important;
  min-height:64px!important;
  color:var(--sb-porcelain)!important;
}
.footer-brand-lockup .brand-icon{
  --mark:54px!important;
}
.footer-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px 28px!important;
  flex-wrap:wrap!important;
  border-top:1px solid color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
}
.footer-bottom>span{
  color:var(--sb-platinum)!important;
  white-space:nowrap!important;
}
.footer-bottom>div{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:22px!important;
  flex-wrap:wrap!important;
}
.footer-bottom a{
  color:var(--sb-platinum)!important;
  white-space:nowrap!important;
}

@media(max-width:560px){
  .sidebar{
    width:min(86vw,390px)!important;
  }
  .footer-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    text-align:center!important;
    gap:16px!important;
    padding:20px 16px 26px!important;
  }
  .footer-bottom>div{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    justify-items:center!important;
  }
  .footer-bottom a{
    font-size:11px!important;
  }
}


/* OWNER_GLOBAL_PALETTE_CONTRAST_AND_HOME_2026_10_09 */
/* Final visual alignment: the palette is a site-wide system, not a single dark footer color.
   Derived tones are used only when the exact palette swatch would not meet readable contrast. */
:root{
  --sb-platinum-text:color-mix(in srgb,var(--sb-platinum) 54%,var(--sb-obsidian));
  --sb-sage-text:color-mix(in srgb,var(--sb-sage) 58%,var(--sb-obsidian));
  --sb-lilac-text:color-mix(in srgb,var(--sb-lilac) 58%,var(--sb-obsidian));
}
html[data-theme="dark"]{
  --sb-platinum-text:var(--sb-platinum);
  --sb-sage-text:color-mix(in srgb,var(--sb-sage) 78%,var(--sb-porcelain));
  --sb-lilac-text:color-mix(in srgb,var(--sb-lilac) 78%,var(--sb-porcelain));
}

/* Home identity: emblem + Spirit Broods in one balanced horizontal lockup. */
.home-brand-lockup{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:clamp(26px,4vw,52px) 0 clamp(18px,2.6vw,32px);
  color:var(--ink);
}
.home-brand-lockup .brand-icon{
  --mark:clamp(42px,5vw,62px);
  color:var(--ink);
}
.home-brand-name{
  font:600 clamp(25px,3.4vw,42px)/1 var(--font-ui,var(--sans));
  letter-spacing:-.045em;
  color:var(--ink);
}
@media(max-width:620px){
  .home-brand-lockup{gap:10px;padding:24px 0 20px}
  .home-brand-lockup .brand-icon{--mark:38px}
  .home-brand-name{font-size:25px}
}

/* The old cyan/teal accent is retired from the home experience. */
.library-intro h1 span{
  color:var(--sb-platinum-text)!important;
}
html[data-theme="dark"] .library-intro h1 span{
  color:var(--sb-platinum)!important;
}

/* Featured Witness uses only Obsidian, Platinum, Sage, Lilac and Porcelain families. */
.featured-general-stage{
  color:var(--sb-porcelain)!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
  background:
    radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--sb-sage) 20%,transparent),transparent 22%),
    radial-gradient(circle at 62% 92%,color-mix(in srgb,var(--sb-lilac) 18%,transparent),transparent 27%),
    linear-gradient(138deg,#151920 0%,var(--sb-obsidian) 54%,#171A21 100%)!important;
  box-shadow:0 24px 60px rgba(11,13,18,.14)!important;
}
.featured-general-stage::before{
  background:conic-gradient(
    from 0deg,
    transparent,
    color-mix(in srgb,var(--sb-platinum) 12%,transparent),
    color-mix(in srgb,var(--sb-lilac) 14%,transparent),
    transparent
  )!important;
  filter:none!important;
}
.featured-general-stage::after{
  background:
    linear-gradient(115deg,transparent 0 46%,color-mix(in srgb,var(--sb-platinum) 6%,transparent) 49%,transparent 52% 100%),
    radial-gradient(circle at var(--stage-x,75%) var(--stage-y,28%),color-mix(in srgb,var(--sb-porcelain) 7%,transparent),transparent 20%)!important;
}
.featured-general-copy .eyebrow,
.featured-general-copy>p:not(.eyebrow):not(.featured-general-theme){
  color:var(--sb-platinum)!important;
}
.featured-general-theme{
  background:color-mix(in srgb,var(--sb-sage) 22%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--sb-sage) 36%,transparent)!important;
  color:var(--sb-porcelain)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.featured-general-copy h2,
.featured-general-mark span{
  color:var(--sb-porcelain)!important;
}
.featured-general-link{
  background:var(--sb-porcelain)!important;
  color:var(--sb-obsidian)!important;
  box-shadow:none!important;
}
.featured-general-link:hover{
  background:var(--sb-frost)!important;
  color:var(--sb-obsidian)!important;
  box-shadow:none!important;
}
.featured-general-mark{
  background:color-mix(in srgb,var(--sb-platinum) 9%,transparent)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
.featured-general-mark::before{
  border-color:color-mix(in srgb,var(--sb-sage) 26%,transparent)!important;
}
.featured-general-mark::after{
  border-color:color-mix(in srgb,var(--sb-lilac) 24%,transparent)!important;
}
.featured-general-dots button{
  background:color-mix(in srgb,var(--sb-platinum) 30%,transparent)!important;
}
.featured-general-dots button.is-active{
  background:var(--sb-porcelain)!important;
}
.featured-orbit{
  border-color:color-mix(in srgb,var(--sb-platinum) 16%,transparent)!important;
}
.featured-pulse{
  background:var(--sb-platinum)!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--sb-platinum) 45%,transparent)!important;
}
html[data-theme="dark"] .featured-general-stage{
  background:
    radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--sb-sage) 14%,transparent),transparent 22%),
    radial-gradient(circle at 62% 92%,color-mix(in srgb,var(--sb-lilac) 13%,transparent),transparent 27%),
    linear-gradient(138deg,#171B22 0%,#101319 54%,#181B22 100%)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 32%,transparent)!important;
}

/* Prayer path uses Frosted Blue in light mode and a distinct raised Obsidian surface in dark mode. */
.path-spotlight{
  border:1px solid color-mix(in srgb,var(--sb-platinum) 46%,transparent)!important;
  background:var(--sb-frost)!important;
  color:var(--sb-obsidian)!important;
  box-shadow:0 16px 38px rgba(11,13,18,.07)!important;
}
.path-spotlight::after{
  background:radial-gradient(circle,color-mix(in srgb,var(--sb-lilac) 18%,transparent),transparent 70%)!important;
}
.path-spotlight .eyebrow,
.path-spotlight p,
.path-spotlight ol,
.path-spotlight li{
  color:var(--sb-platinum-text)!important;
}
.path-spotlight h2,
.path-spotlight .text-link{
  color:var(--sb-obsidian)!important;
}
.path-spotlight .spotlight-top .icon{
  color:var(--sb-sage-text)!important;
}
.path-spotlight li span{
  color:var(--sb-lilac-text)!important;
}
html[data-theme="dark"] .path-spotlight{
  background:#171B23!important;
  color:var(--sb-porcelain)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 34%,transparent)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .path-spotlight h2,
html[data-theme="dark"] .path-spotlight .text-link{
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .path-spotlight .eyebrow,
html[data-theme="dark"] .path-spotlight p,
html[data-theme="dark"] .path-spotlight ol,
html[data-theme="dark"] .path-spotlight li{
  color:var(--sb-platinum)!important;
}
html[data-theme="dark"] .path-spotlight .spotlight-top .icon{
  color:var(--sb-sage-text)!important;
}
html[data-theme="dark"] .path-spotlight li span{
  color:var(--sb-lilac-text)!important;
}

/* Journal and common card accents use the supplied secondary palette. */
.topic-tag{
  background:var(--sb-frost)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 48%,transparent)!important;
  color:var(--sb-obsidian)!important;
}
.article-card:nth-child(3n+2) .topic-tag{
  background:color-mix(in srgb,var(--sb-sage) 30%,var(--sb-porcelain))!important;
}
.article-card:nth-child(3n+3) .topic-tag{
  background:color-mix(in srgb,var(--sb-lilac) 25%,var(--sb-porcelain))!important;
}
html[data-theme="dark"] .topic-tag{
  background:color-mix(in srgb,var(--sb-platinum) 12%,#171B23)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 30%,transparent)!important;
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .article-card:nth-child(3n+2) .topic-tag{
  background:color-mix(in srgb,var(--sb-sage) 18%,#171B23)!important;
}
html[data-theme="dark"] .article-card:nth-child(3n+3) .topic-tag{
  background:color-mix(in srgb,var(--sb-lilac) 18%,#171B23)!important;
}
.quote-reel-card{
  background:var(--surface-1)!important;
  border:1px solid var(--line)!important;
  box-shadow:0 16px 38px rgba(11,13,18,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="dark"] .quote-reel-card{
  background:#14181F!important;
  box-shadow:none!important;
}
.quote-reel-live::before{
  background:var(--sb-sage)!important;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--sb-sage) 35%,transparent)!important;
}

/* About page Scripture divider: subtle, thin, and in-system. */
.about-scripture{
  border-top:1px solid color-mix(in srgb,var(--sb-platinum) 42%,transparent)!important;
}
.about-scripture p{
  color:var(--ink)!important;
}
.about-scripture cite{
  color:var(--muted)!important;
}
html[data-theme="dark"] .about-scripture{
  border-top-color:color-mix(in srgb,var(--sb-platinum) 28%,transparent)!important;
}
html[data-theme="dark"] .about-scripture p{
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .about-scripture cite{
  color:var(--sb-platinum)!important;
}

/* About/creed surfaces must remain equally readable in both modes. */
.about-tabs{
  background:var(--surface-2)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:1px solid var(--line)!important;
}
.about-tabs::before{display:none!important}
.about-tabs a{color:var(--muted)!important}
.about-tabs a.is-active{
  background:var(--surface-1)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
.creed-card>p:not(.eyebrow){
  color:var(--muted)!important;
}
.creed-card blockquote{
  color:var(--muted)!important;
  border-top-color:var(--line)!important;
}
html[data-theme="dark"] .creed-card h2,
html[data-theme="dark"] .about-section h2,
html[data-theme="dark"] .home-about h2{
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .creed-card>p:not(.eyebrow),
html[data-theme="dark"] .creed-card blockquote,
html[data-theme="dark"] .about-section>p:not(.eyebrow),
html[data-theme="dark"] .home-about>div:first-child>p:last-child{
  color:var(--sb-platinum)!important;
}

/* Broad dark-mode legibility guard for text and icons on raised surfaces. */
html[data-theme="dark"] :is(
  .article-card,.witness-card,.path-card,.topic-tile,.quote-card,.search-result,
  .resource-row,.platform-card,.today-section,.recommendation-card,.creed-card,
  .bible-library-section,.scripture-search-start,.guided-series-overview,
  .bible-reference-search,.bible-controls,.plan-day-navigation
){
  color:var(--sb-porcelain)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 28%,transparent)!important;
}
html[data-theme="dark"] :is(
  .article-card h2,.article-card h3,.witness-card h2,.witness-card h3,
  .path-card h2,.path-card h3,.topic-tile h2,.topic-tile h3,
  .quote-card h2,.quote-card h3,.search-result h2,.search-result h3,
  .resource-row h2,.resource-row h3,.platform-card h2,.platform-card h3,
  .creed-card h2,.reading-body h2,.reading-body h3
){
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] :is(
  .article-card p,.witness-card p,.path-card p,.topic-tile p,.quote-card p,
  .search-result p,.resource-row p,.platform-card p,.creed-card p,
  .meta,.eyebrow,.page-description,.dek,.section-note,.source-detail,
  .reading-meta,.filter-status,.card-bottom span
){
  color:var(--sb-platinum)!important;
}
html[data-theme="dark"] :is(.text-link,.small-link,.quiet-button,.button.ghost){
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .button.ghost{
  background:transparent!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 38%,transparent)!important;
}
html[data-theme="dark"] svg.icon{
  color:inherit;
}

/* Footer legal line stays one clean row on every viewport; the centered logo remains above it. */
.footer-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  overflow-x:auto!important;
  scrollbar-width:none;
}
.footer-bottom::-webkit-scrollbar{display:none}
.footer-bottom>span{
  flex:0 0 auto!important;
  font-size:11px!important;
}
.footer-bottom>div{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(10px,2.2vw,24px)!important;
  flex-wrap:nowrap!important;
}
.footer-bottom a{
  flex:0 0 auto!important;
  font-size:11px!important;
}
@media(max-width:560px){
  .footer-bottom{
    display:flex!important;
    grid-template-columns:none!important;
    justify-items:normal!important;
    text-align:left!important;
    gap:8px!important;
    padding:18px 12px 24px!important;
  }
  .footer-bottom>span{font-size:9.5px!important}
  .footer-bottom>div{
    width:auto!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
  }
  .footer-bottom a{font-size:9.5px!important}
  .footer-brand-lockup{
    min-height:118px!important;
    padding:30px 16px 22px!important;
  }
  .footer-brand-lockup .brand-icon{--mark:50px!important}
}


/* OWNER_FULL_WIDTH_SHELL_AND_FINAL_PALETTE_2026_10_09 */
/* The website now uses a full-width canvas on every desktop size.
   Navigation is always a right-side overlay drawer rather than a permanent rail. */
:root{
  --sidebar:0px!important;
  --sb-content-max:1440px;
  --teal:var(--sb-platinum)!important;
  --nav:var(--sb-obsidian)!important;
  --accent:var(--sb-frost)!important;
}
.app-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  min-width:0!important;
}
main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.wrap{
  width:min(calc(100% - 64px),var(--sb-content-max))!important;
  max-width:var(--sb-content-max)!important;
  margin-inline:auto!important;
}
.reading-progress{
  left:0!important;
  max-width:100%!important;
}
.toast{
  left:50%!important;
}
main::before{
  inset:72px 0 0 0!important;
}

/* One top identity only: Dove & Flame + Spirit Broods at the upper-left.
   The temporary centered homepage lockup is intentionally gone. */
.app-bar{
  width:100%!important;
  min-height:72px!important;
  height:72px!important;
  padding:0 clamp(16px,2.4vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  background:color-mix(in srgb,var(--paper) 96%,transparent)!important;
  border-bottom:1px solid var(--line)!important;
}
.app-location{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.mobile-brand{
  order:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  min-height:48px!important;
  color:var(--ink)!important;
}
.mobile-brand .brand-icon{
  --mark:34px!important;
}
.installed-brand-name{
  display:inline!important;
  color:var(--ink)!important;
  font:600 clamp(18px,1.6vw,23px)/1 var(--font-ui,var(--sans))!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.location-label,
.app-about{
  display:none!important;
}
.menu-toggle{
  order:3!important;
  display:inline-flex!important;
  margin-left:auto!important;
  justify-content:center!important;
  color:var(--ink)!important;
}
.menu-toggle .icon{
  width:22px!important;
  height:22px!important;
}

/* Overlay drawer at every viewport width. */
.sidebar{
  position:fixed!important;
  inset:0 0 0 auto!important;
  width:min(420px,92vw)!important;
  max-width:420px!important;
  min-width:280px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) 28px!important;
  transform:translateX(101%)!important;
  visibility:hidden!important;
  transition:transform .22s ease,visibility .22s ease!important;
  background:var(--sb-obsidian)!important;
  color:var(--sb-porcelain)!important;
  border-left:1px solid color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
  box-shadow:-18px 0 48px rgba(11,13,18,.24)!important;
  overflow-y:auto!important;
  z-index:90!important;
}
.sidebar.is-open{
  transform:translateX(0)!important;
  visibility:visible!important;
}
.sidebar-close{
  display:inline-flex!important;
}
.menu-scrim{
  position:fixed!important;
  inset:0!important;
  z-index:85!important;
  background:rgba(11,13,18,.56)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="dark"] .app-bar{
  background:var(--sb-obsidian)!important;
}

/* Remove the retired turquoise/teal from visible product accents. */
.library-intro h1 span,
.text-link,
.small-link,
.reflection h3,
.timeline-item strong,
.reading-end,
.footer-primary .brand-icon,
.collection-shortcuts .icon{
  color:var(--sb-platinum-text)!important;
}
html[data-theme="dark"] .library-intro h1 span,
html[data-theme="dark"] .text-link,
html[data-theme="dark"] .small-link,
html[data-theme="dark"] .reflection h3,
html[data-theme="dark"] .timeline-item strong,
html[data-theme="dark"] .reading-end,
html[data-theme="dark"] .collection-shortcuts .icon{
  color:var(--sb-platinum)!important;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible{
  outline-color:var(--sb-platinum)!important;
}

/* Newsletter board: clean separation from the Obsidian footer by a fine Platinum stroke. */
.footer-connect-panel{
  border:1px solid color-mix(in srgb,var(--sb-platinum) 42%,transparent)!important;
  outline:0!important;
  box-shadow:none!important;
  background:#15191F!important;
}
html[data-theme="dark"] .footer-connect-panel{
  border-color:color-mix(in srgb,var(--sb-platinum) 46%,transparent)!important;
  background:#15191F!important;
}

/* Keep the desktop grid proportionate now that the permanent left rail is gone. */
@media(min-width:1280px){
  .library-intro{
    grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
    gap:clamp(48px,7vw,110px)!important;
  }
  .discovery-grid,
  .discovery-grid-split{
    width:100%!important;
    grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)!important;
    gap:clamp(22px,2.2vw,34px)!important;
  }
  .article-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .home-witness-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:900px){
  .wrap{
    width:calc(100% - 40px)!important;
  }
  .app-bar{
    padding-inline:18px!important;
  }
  .mobile-brand .brand-icon{--mark:31px!important}
  .installed-brand-name{font-size:18px!important}
}
@media(max-width:620px){
  .wrap{
    width:calc(100% - 32px)!important;
  }
  .app-bar{
    min-height:64px!important;
    height:64px!important;
    padding-inline:14px!important;
  }
  .mobile-brand{gap:8px!important}
  .mobile-brand .brand-icon{--mark:28px!important}
  .installed-brand-name{font-size:17px!important}
  .sidebar{
    width:min(88vw,390px)!important;
    min-width:0!important;
  }
}


/* OWNER_DESKTOP_TILE_PALETTE_COMPLETION_2026_10_09 */
/* Home desktop completion: fill the available grid rather than leaving dead space. */
@media(min-width:901px){
  .home-witness-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(14px,1.6vw,24px)!important;
  }
  .home-witness-grid .witness-card{
    min-width:0!important;
    height:100%!important;
  }

  .discovery-grid-split{
    display:grid!important;
    grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(0,.72fr)!important;
    gap:clamp(18px,1.8vw,28px)!important;
    align-items:stretch!important;
  }
  .discovery-grid-split>.quote-reel-card{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:4/5!important;
  }
  .discovery-grid-split>.path-spotlight{
    grid-column:2!important;
    grid-row:1!important;
    height:100%!important;
    min-height:0!important;
  }
  .research-spotlight{
    grid-column:2!important;
    grid-row:2!important;
    height:100%!important;
  }
}

/* Quote/image board: curved on every device, including the actual carousel surface. */
.quote-reel-card{
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid var(--line)!important;
  padding:0!important;
  background:var(--surface-1)!important;
}
.quote-reel-card .bounds-carousel,
.quote-reel-card .bounds-carousel-track,
.quote-reel-card .bounds-carousel-slide{
  border-radius:inherit!important;
}
.quote-reel-card .bounds-carousel{
  overflow:hidden!important;
  height:100%!important;
  min-height:100%!important;
}
.quote-reel-card .bounds-carousel-slide{
  overflow:hidden!important;
}
.quote-reel-card .bounds-carousel-slide img{
  border-radius:inherit!important;
}
@media(max-width:900px){
  .quote-reel-card{border-radius:18px!important}
  .research-spotlight{display:none!important}
  .home-witness-grid .witness-card:nth-child(4){display:none!important}
}

/* New desktop-only research board fills the lower-right home gap. */
.research-spotlight{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  padding:clamp(24px,2.4vw,34px);
  border:1px solid color-mix(in srgb,var(--sb-lilac) 34%,var(--line));
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--sb-lilac) 20%,transparent),transparent 36%),
    color-mix(in srgb,var(--sb-frost) 74%,var(--surface-1));
  color:var(--sb-obsidian);
}
.research-spotlight .eyebrow{
  color:color-mix(in srgb,var(--sb-lilac) 66%,var(--sb-obsidian))!important;
}
.research-spotlight h2{
  margin-top:8px;
  color:var(--sb-obsidian)!important;
  font-size:clamp(24px,2vw,32px);
}
.research-spotlight p:not(.eyebrow){
  margin-top:12px;
  color:#66707E!important;
  line-height:1.7;
}
.research-spotlight-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.research-spotlight-links a{
  padding:7px 11px;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 58%,transparent);
  border-radius:999px;
  background:var(--sb-porcelain);
  color:var(--sb-obsidian);
  font-size:11px;
  font-weight:600;
}
.research-spotlight-links a:nth-child(2){
  background:color-mix(in srgb,var(--sb-sage) 24%,var(--sb-porcelain));
}
.research-spotlight-links a:nth-child(3){
  background:color-mix(in srgb,var(--sb-lilac) 20%,var(--sb-porcelain));
}
.research-spotlight .text-link{
  color:var(--sb-obsidian)!important;
}
html[data-theme="dark"] .research-spotlight{
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--sb-lilac) 14%,transparent),transparent 36%),
    #171B23!important;
  color:var(--sb-porcelain)!important;
  border-color:color-mix(in srgb,var(--sb-lilac) 42%,transparent)!important;
}
html[data-theme="dark"] .research-spotlight h2,
html[data-theme="dark"] .research-spotlight .text-link{
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .research-spotlight p:not(.eyebrow){
  color:var(--sb-platinum)!important;
}
html[data-theme="dark"] .research-spotlight .eyebrow{
  color:color-mix(in srgb,var(--sb-lilac) 78%,var(--sb-porcelain))!important;
}
html[data-theme="dark"] .research-spotlight-links a{
  background:color-mix(in srgb,var(--sb-platinum) 12%,#171B23)!important;
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .research-spotlight-links a:nth-child(2){
  background:color-mix(in srgb,var(--sb-sage) 20%,#171B23)!important;
}
html[data-theme="dark"] .research-spotlight-links a:nth-child(3){
  background:color-mix(in srgb,var(--sb-lilac) 20%,#171B23)!important;
}

/* One wordmark only, beside the emblem in the upper-left header. */
.installed-brand-name{
  text-transform:uppercase!important;
  font-weight:430!important;
  font-size:clamp(13px,1.2vw,16px)!important;
  letter-spacing:.16em!important;
  color:var(--sb-obsidian)!important;
}
html[data-theme="dark"] .installed-brand-name{
  color:var(--sb-platinum)!important;
}

/* Desktop newsletter occupies the full usable screen width. */
.site-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
@media(min-width:901px){
  .footer-connect{
    width:calc(100% - 64px)!important;
    max-width:none!important;
    margin:0 32px 34px!important;
    padding:38px 0 32px!important;
  }
  .footer-connect form,
  .footer-connect .subscribe-form,
  .footer-connect-panel{
    width:100%!important;
    max-width:none!important;
  }
  .footer-connect-panel{
    min-height:150px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:28px 34px!important;
  }
}
@media(max-width:900px){
  .footer-connect{
    width:min(calc(100% - 28px),820px)!important;
    margin-inline:auto!important;
  }
}

/* Explicit visible palette cleanup for controls that previously leaked teal. */
.search-launch{
  border-color:color-mix(in srgb,var(--sb-platinum) 56%,transparent)!important;
  box-shadow:none!important;
}
.search-launch button{
  background:var(--sb-obsidian)!important;
  color:var(--sb-porcelain)!important;
}
.search-launch button:hover{
  background:color-mix(in srgb,var(--sb-platinum) 18%,var(--sb-obsidian))!important;
}
html[data-theme="dark"] .search-launch button{
  background:var(--sb-porcelain)!important;
  color:var(--sb-obsidian)!important;
}
.suggested-search a{
  border-color:color-mix(in srgb,var(--sb-platinum) 56%,transparent)!important;
  background:var(--sb-frost)!important;
  color:var(--sb-obsidian)!important;
}
.suggested-search a:nth-of-type(2){
  background:color-mix(in srgb,var(--sb-sage) 24%,var(--sb-porcelain))!important;
}
.suggested-search a:nth-of-type(3){
  background:color-mix(in srgb,var(--sb-lilac) 20%,var(--sb-porcelain))!important;
}
.suggested-search a:hover{
  border-color:var(--sb-platinum)!important;
  background:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .suggested-search a{
  background:color-mix(in srgb,var(--sb-platinum) 12%,#171B23)!important;
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .suggested-search a:nth-of-type(2){
  background:color-mix(in srgb,var(--sb-sage) 18%,#171B23)!important;
}
html[data-theme="dark"] .suggested-search a:nth-of-type(3){
  background:color-mix(in srgb,var(--sb-lilac) 18%,#171B23)!important;
}
.collection-shortcuts a>.icon,
.resource-banner>div>.icon,
.quote-feature-label{
  color:var(--sb-sage-text)!important;
}
.portrait-tag{
  background:color-mix(in srgb,var(--sb-obsidian) 90%,var(--sb-lilac))!important;
  color:var(--sb-porcelain)!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 28%,transparent)!important;
  backdrop-filter:none!important;
}
.portrait-monogram{
  background:var(--sb-frost)!important;
  color:var(--sb-lilac-text)!important;
}
.topic-number,
.topic-tile::after{
  color:var(--sb-lilac-text)!important;
}
.quote-feature{
  background:color-mix(in srgb,var(--sb-frost) 78%,var(--sb-porcelain))!important;
}
html[data-theme="dark"] .quote-feature{
  background:#171B23!important;
}
html[data-theme="dark"] .quote-feature-label,
html[data-theme="dark"] .collection-shortcuts a>.icon,
html[data-theme="dark"] .resource-banner>div>.icon{
  color:var(--sb-sage-text)!important;
}


/* OWNER_PREMIUM_COMPACT_DRAWER_AND_DESKTOP_FILL_2026_10_09 */
/* Complete the desktop Witness grid with a useful archive tile; mobile keeps the
   established three biography cards only. */
.witness-directory-card{
  border:1px solid color-mix(in srgb,var(--sb-platinum) 42%,transparent)!important;
  background:var(--surface-1)!important;
}
.witness-directory-visual{
  min-height:clamp(250px,28vw,390px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:32px;
  border-bottom:1px solid var(--line);
  border-radius:inherit inherit 0 0;
  background:
    radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--sb-lilac) 24%,transparent),transparent 32%),
    radial-gradient(circle at 25% 78%,color-mix(in srgb,var(--sb-sage) 20%,transparent),transparent 34%),
    var(--sb-frost);
  color:var(--sb-obsidian);
}
.witness-directory-visual .brand-icon{
  --mark:clamp(48px,5vw,70px);
  margin-bottom:14px;
}
.witness-directory-visual>span:not(.brand-icon){
  font:600 clamp(42px,5vw,68px)/.95 var(--font-ui,var(--sans));
  letter-spacing:-.055em;
}
.witness-directory-visual small{
  font:600 11px/1.2 var(--font-ui,var(--sans));
  letter-spacing:.12em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--sb-platinum) 70%,var(--sb-obsidian));
}
html[data-theme="dark"] .witness-directory-card{
  background:#14181F!important;
}
html[data-theme="dark"] .witness-directory-visual{
  background:
    radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--sb-lilac) 17%,transparent),transparent 32%),
    radial-gradient(circle at 25% 78%,color-mix(in srgb,var(--sb-sage) 15%,transparent),transparent 34%),
    #171B23!important;
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .witness-directory-visual small{
  color:var(--sb-platinum)!important;
}

/* The quotation artwork is one clean rounded board on every device. */
.quote-reel-card,
.quote-reel-card .bounds-carousel,
.quote-reel-card .bounds-carousel-track,
.quote-reel-card .bounds-carousel-slide,
.quote-reel-card .bounds-carousel-slide img{
  border-radius:24px!important;
}
@media(max-width:900px){
  .quote-reel-card,
  .quote-reel-card .bounds-carousel,
  .quote-reel-card .bounds-carousel-track,
  .quote-reel-card .bounds-carousel-slide,
  .quote-reel-card .bounds-carousel-slide img{
    border-radius:18px!important;
  }
}

/* Compact premium website drawer: search first, then only grouped destinations.
   The account and appearance cards stay visible at the bottom. */
.sidebar{
  scrollbar-width:thin!important;
  scrollbar-color:color-mix(in srgb,var(--sb-platinum) 34%,transparent) transparent!important;
}
.sidebar::-webkit-scrollbar{width:6px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--sb-platinum) 30%,transparent);
  border-radius:999px;
}
.sidebar-compact-navigation{
  display:grid;
  gap:12px;
  width:100%;
}
.sidebar-compact-navigation details{
  width:100%;
}
.sidebar-search-disclosure,
.sidebar-nav-disclosure{
  border:1px solid color-mix(in srgb,var(--sb-platinum) 26%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--sb-platinum) 5%,var(--sb-obsidian));
  overflow:hidden;
}
.sidebar-search-disclosure>summary,
.sidebar-nav-disclosure>summary{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  list-style:none;
  cursor:pointer;
  color:var(--sb-platinum);
  font:500 14px/1.2 var(--font-ui,var(--sans));
}
.sidebar-search-disclosure>summary::-webkit-details-marker,
.sidebar-nav-disclosure>summary::-webkit-details-marker{display:none}
.sidebar-search-disclosure>summary::after,
.sidebar-nav-disclosure>summary::after{
  content:"+";
  margin-left:auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 34%,transparent);
  border-radius:50%;
  color:var(--sb-platinum);
  font-size:17px;
  line-height:1;
}
.sidebar-search-disclosure[open]>summary::after,
.sidebar-nav-disclosure[open]>summary::after{
  content:"−";
}
.sidebar-search-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 34%,transparent);
  border-radius:50%;
  color:var(--sb-platinum);
}
.sidebar-search-icon .icon{
  width:15px!important;
  height:15px!important;
}
.sidebar-search-panel{
  display:grid;
  gap:12px;
  padding:0 14px 14px;
}
.sidebar-search-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px;
  align-items:center;
  gap:6px;
  padding:5px;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 34%,transparent);
  border-radius:12px;
  background:#15191F;
}
.sidebar-search-form input{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:8px 10px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--sb-porcelain)!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.sidebar-search-form input::placeholder{
  color:var(--sb-platinum)!important;
  opacity:.78!important;
}
.sidebar-search-form button{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:var(--sb-frost);
  color:var(--sb-obsidian);
}
.sidebar-search-form button .icon{
  width:17px!important;
  height:17px!important;
}
.sidebar-search-chips{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:2px 0 3px;
  scrollbar-width:none;
}
.sidebar-search-chips::-webkit-scrollbar{display:none}
.sidebar-search-chips a{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 32%,transparent);
  border-radius:999px;
  color:var(--sb-platinum);
  background:transparent;
  font-size:10px;
  line-height:1;
}
.sidebar-search-chips a:nth-child(2n){
  border-color:color-mix(in srgb,var(--sb-sage) 46%,transparent);
}
.sidebar-search-chips a:nth-child(3n){
  border-color:color-mix(in srgb,var(--sb-lilac) 48%,transparent);
}
.sidebar-home-link{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:13px 16px;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 26%,transparent);
  border-radius:16px;
  background:var(--sb-frost);
  color:var(--sb-obsidian)!important;
  font:600 14px/1.2 var(--font-ui,var(--sans));
}
.sidebar-nav-disclosure .nav-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:0 12px 12px!important;
}
.sidebar-nav-disclosure .nav-links>a{
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  padding:9px 10px!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 20%,transparent)!important;
  border-radius:10px!important;
  background:transparent!important;
  color:var(--sb-platinum)!important;
  font:500 11px/1.25 var(--font-ui,var(--sans))!important;
}
.sidebar-nav-disclosure .nav-links>a:hover{
  background:color-mix(in srgb,var(--sb-platinum) 8%,transparent)!important;
  color:var(--sb-porcelain)!important;
}
.sidebar-action-cards{
  margin-top:18px!important;
}
.sidebar-action-card{
  min-height:76px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--sb-platinum) 5%,var(--sb-obsidian))!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 28%,transparent)!important;
}
.sidebar-action-card strong{color:var(--sb-porcelain)!important}
.sidebar-action-card small{color:var(--sb-platinum)!important}
.sidebar-action-card>b{
  color:var(--sb-porcelain)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 36%,transparent)!important;
}
.sidebar-bottom{
  margin-top:18px!important;
  padding-top:16px!important;
}

/* Desktop-only completion boards never burden the mobile flow. */
@media(max-width:900px){
  .desktop-only-home{display:none!important}
}

/* The desktop newsletter is a true full-width board with a deliberate inset,
   while mobile keeps the compact approved composition. */
@media(min-width:901px){
  .footer-connect{
    width:calc(100% - 48px)!important;
    margin:0 24px 34px!important;
  }
  .footer-connect-panel{
    width:100%!important;
    min-height:152px!important;
    border:1px solid color-mix(in srgb,var(--sb-platinum) 46%,transparent)!important;
    border-radius:20px!important;
    padding:28px clamp(30px,4vw,58px)!important;
  }
}


/* SPIRIT_BROODS_MOTION_SYSTEM_2026_10_09 */
:root{
  --motion-instant:140ms;
  --motion-ui:220ms;
  --motion-content:360ms;
  --motion-slow:520ms;
  --motion-logo:1000ms;
  --ease-product:cubic-bezier(.2,.8,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
}

/* The approved Dove and Flame is now rendered from the high quality vector
   source derived from the owner supplied mark. One shape adapts to every theme. */
.brand-icon{
  display:inline-block!important;
  width:var(--mark,36px)!important;
  height:var(--mark,36px)!important;
  flex:0 0 var(--mark,36px)!important;
  background:currentColor!important;
  background-image:none!important;
  -webkit-mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  transform-origin:50% 55%!important;
  animation:sbLogoPresence 640ms var(--ease-out) both!important;
  filter:none!important;
}

/* Entry experience: one calm brand moment per browser session. */
.brand-intro[hidden]{display:none!important}
.brand-intro{
  position:fixed!important;
  inset:0!important;
  z-index:1000!important;
  display:grid!important;
  place-items:center!important;
  background:var(--canvas)!important;
  color:var(--ink)!important;
  opacity:1!important;
  pointer-events:none!important;
  isolation:isolate;
}
.brand-intro-mark{
  position:relative!important;
  width:88px!important;
  height:88px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--ink)!important;
  
  animation:sbIntroSettle 900ms var(--ease-out) forwards!important;
}
.brand-intro-logo{
  --mark:88px!important;
  opacity:0!important;
  transform:scale(.975)!important;
  animation:sbIntroFill 420ms var(--ease-soft) 500ms forwards!important;
}
.brand-intro-mark::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--ink) 42%,transparent) 0%,
    var(--ink) 46%,
    var(--ink) 100%
  )!important;
  -webkit-mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  clip-path:inset(100% 0 0 0)!important;
  opacity:.92!important;
  animation:sbIntroTrace 720ms var(--ease-out) 60ms forwards!important;
}
.brand-intro-mark::after{
  content:""!important;
  position:absolute!important;
  inset:20% 16%!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--sb-platinum) 16%,transparent)!important;
  filter:blur(22px)!important;
  opacity:0!important;
  
  z-index:-1!important;
  animation:sbIntroAura 680ms var(--ease-soft) 280ms both!important;
}
.brand-intro.is-leaving{
  animation:sbIntroOut 370ms var(--ease-product) forwards!important;
}
html[data-theme="dark"] .brand-intro{
  background:var(--sb-obsidian)!important;
  color:var(--sb-porcelain)!important;
}
html[data-theme="dark"] .brand-intro-mark{
  color:var(--sb-porcelain)!important;
}

@keyframes sbIntroTrace{
  0%{clip-path:inset(100% 0 0 0);opacity:.2}
  55%{opacity:1}
  100%{clip-path:inset(0 0 0 0);opacity:1}
}
@keyframes sbIntroFill{
  0%{opacity:0;transform:scale(.975)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes sbIntroSettle{
  0%{transform:scale(.94)}
  72%{transform:scale(1.012)}
  100%{transform:scale(1)}
}
@keyframes sbIntroAura{
  0%{opacity:0;transform:scale(.72)}
  55%{opacity:.52}
  100%{opacity:0;transform:scale(1.12)}
}
@keyframes sbIntroOut{
  0%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}

/* The corner mark answers every Home click without becoming a permanent loader. */
@keyframes sbLogoPresence{
  0%{opacity:.35;transform:scale(.92)}
  70%{opacity:1;transform:scale(1.025)}
  100%{opacity:1;transform:scale(1)}
}
.brand-home.is-brand-tapped .brand-icon,
.brand-home:active .brand-icon{
  animation:sbLogoHomePulse 720ms var(--ease-out) both!important;
}
@keyframes sbLogoHomePulse{
  0%{opacity:1;transform:scale(1)}
  24%{opacity:.74;transform:scale(.93)}
  58%{opacity:1;transform:scale(1.045)}
  100%{opacity:1;transform:scale(1)}
}

/* Full-document navigation is immediate; do not crossfade old and new page captures. */

/* Content enters only when it reaches the viewport. Distances stay intentionally small. */
.sb-motion-enabled .sb-reveal{
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity var(--motion-content) var(--ease-out) var(--sb-reveal-delay,0ms),
    transform var(--motion-content) var(--ease-out) var(--sb-reveal-delay,0ms),
    border-color var(--motion-ui) ease,
    background-color var(--motion-ui) ease,
    box-shadow var(--motion-ui) var(--ease-product);
}
.sb-motion-enabled .sb-reveal.is-sb-visible{
  opacity:1;
  transform:translateY(0);
}

/* Cards and archival images respond without jumping. */
.article-card,
.witness-card,
.path-card,
.quote-card,
.topic-tile,
.search-result,
.resource-row,
.platform-card,
.recommendation-card,
.creed-card,
.research-spotlight,
.path-spotlight,
.quote-reel-card{
  transition:
    transform var(--motion-ui) var(--ease-out),
    border-color var(--motion-ui) ease,
    background-color var(--motion-ui) ease,
    box-shadow var(--motion-ui) var(--ease-product)!important;
}
.article-card img,
.witness-card img,
.path-card img,
.quote-card img,
.bounds-carousel-slide img{
  transition:transform var(--motion-slow) var(--ease-out),filter var(--motion-ui) ease!important;
}
@media(hover:hover) and (pointer:fine){
  .article-card:hover,
  .witness-card:hover,
  .path-card:hover,
  .quote-card:hover,
  .topic-tile:hover,
  .search-result:hover,
  .resource-row:hover,
  .platform-card:hover,
  .recommendation-card:hover,
  .research-spotlight:hover{
    transform:translateY(-3px)!important;
  }
  .article-card:hover img,
  .witness-card:hover img,
  .path-card:hover img{
    transform:scale(1.015)!important;
  }
}

/* Buttons, save controls and links react instantly to touch. */
button,
.button,
.platform-button,
.platform-button-secondary,
.save-control,
.follow-control,
.quiet-button,
.text-link,
.small-link,
.topic-chip,
.quote-topic-chip,
.platform-chip,
.search-chip{
  transition:
    transform var(--motion-instant) var(--ease-product),
    background-color var(--motion-ui) ease,
    color var(--motion-ui) ease,
    border-color var(--motion-ui) ease,
    opacity var(--motion-ui) ease,
    box-shadow var(--motion-ui) ease!important;
}
.sb-pressed,
button:active,
.button:active,
.platform-button:active,
.platform-button-secondary:active,
.save-control:active,
.follow-control:active,
.quiet-button:active{
  transform:scale(.98)!important;
}

/* Forms and search become more tactile while staying quiet. */
input,
select,
textarea{
  transition:
    border-color var(--motion-ui) ease,
    background-color var(--motion-ui) ease,
    color var(--motion-ui) ease,
    box-shadow var(--motion-ui) ease!important;
}
input:focus,
select:focus,
textarea:focus{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--sb-platinum) 18%,transparent)!important;
}
.search-results,
.quote-results,
[data-search-results]{
  transition:opacity 180ms ease,transform 220ms var(--ease-out)!important;
}

/* Drawer: quick enough to feel direct, soft enough to feel designed. */
.sidebar{
  transition:
    transform 300ms var(--ease-out),
    visibility 300ms step-end,
    box-shadow 300ms ease!important;
}
.sidebar.is-open{
  transition:
    transform 300ms var(--ease-out),
    visibility 0ms step-start,
    box-shadow 300ms ease!important;
}
.menu-scrim{
  transition:opacity 240ms ease,visibility 240ms ease!important;
}
.sidebar.is-open .sidebar-compact-navigation > *,
.sidebar.is-open .sidebar-action-cards > *,
.sidebar.is-open .sidebar-bottom{
  animation:sbDrawerItemIn 340ms var(--ease-out) both;
}
.sidebar.is-open .sidebar-compact-navigation > *:nth-child(2){animation-delay:35ms}
.sidebar.is-open .sidebar-compact-navigation > *:nth-child(3){animation-delay:70ms}
.sidebar.is-open .sidebar-compact-navigation > *:nth-child(4){animation-delay:105ms}
.sidebar.is-open .sidebar-action-cards > *:nth-child(1){animation-delay:110ms}
.sidebar.is-open .sidebar-action-cards > *:nth-child(2){animation-delay:145ms}
@keyframes sbDrawerItemIn{
  from{opacity:0;transform:translateX(8px)}
  to{opacity:1;transform:none}
}

/* Disclosure groups open with a short content reveal. */
details.sb-detail-moving[open] > :not(summary){
  animation:sbDetailIn 240ms var(--ease-out) both;
}
details summary::after{
  transition:transform var(--motion-ui) var(--ease-out),background-color var(--motion-ui) ease!important;
}
details[open] summary::after{
  transform:rotate(180deg);
}
@keyframes sbDetailIn{
  from{opacity:0;transform:translateY(-5px)}
  to{opacity:1;transform:none}
}

/* Save and follow state gets one restrained confirmation pulse. */
.save-control[aria-pressed="true"],
.follow-control[aria-pressed="true"],
[data-saved="true"]{
  animation:sbStateConfirm 280ms var(--ease-out) both;
}
@keyframes sbStateConfirm{
  0%{transform:scale(.94)}
  55%{transform:scale(1.035)}
  100%{transform:scale(1)}
}

/* Bible and reading surfaces remain stable. Only content opacity changes. */
.bible-chapter,
.reading-body,
.series-step,
.plan-day-content{
  transition:opacity var(--motion-content) ease!important;
}
.bible-chapter[aria-busy="true"],
.reading-body[aria-busy="true"],
.series-step[aria-busy="true"],
.plan-day-content[aria-busy="true"]{
  opacity:.52!important;
}

/* Toasts and small feedback messages arrive from six pixels, not from off-screen. */
.toast,
.platform-toast,
[data-toast]{
  transition:
    opacity var(--motion-ui) ease,
    transform var(--motion-ui) var(--ease-out)!important;
}
.toast.is-visible,
.platform-toast.is-visible,
[data-toast].is-visible{
  animation:sbToastIn 260ms var(--ease-out) both;
}
@keyframes sbToastIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}

/* Theme changes crossfade surfaces for one short window only. */
html.sb-theme-changing body,
html.sb-theme-changing .app-bar,
html.sb-theme-changing .sidebar,
html.sb-theme-changing .site-footer,
html.sb-theme-changing .footer-connect-panel,
html.sb-theme-changing :is(
  .article-card,.witness-card,.path-card,.quote-card,.topic-tile,.search-result,
  .resource-row,.platform-card,.recommendation-card,.creed-card,.research-spotlight,
  .path-spotlight,.bible-library-section,.bible-controls,.platform-form,input,select,textarea
){
  transition:
    background-color 260ms ease,
    color 220ms ease,
    border-color 260ms ease!important;
}

/* Installed app bottom navigation gets a short active-state transition. */
.mobile-app-nav a{
  transition:
    transform var(--motion-instant) var(--ease-product),
    background-color var(--motion-ui) ease,
    color var(--motion-ui) ease!important;
}
.mobile-app-nav a:active{transform:scale(.96)!important}

/* Reduced motion keeps every interaction usable without animated movement. */
@media(prefers-reduced-motion:reduce){
  :root{
    --motion-instant:0ms;
    --motion-ui:0ms;
    --motion-content:0ms;
    --motion-slow:0ms;
    --motion-logo:160ms;
  }
  .brand-intro-mark,
  .brand-intro-logo,
  .brand-intro-mark::before,
  .brand-intro-mark::after,
  .brand-home .brand-icon,
  .sidebar.is-open .sidebar-compact-navigation > *,
  .sidebar.is-open .sidebar-action-cards > *,
  .sidebar.is-open .sidebar-bottom,
  details.sb-detail-moving[open] > :not(summary),
  .save-control[aria-pressed="true"],
  .follow-control[aria-pressed="true"],
  [data-saved="true"]{
    animation:none!important;
    
  }
  .brand-intro-logo{opacity:1!important}
  .brand-intro-mark::before{display:none!important}
  .sb-motion-enabled .sb-reveal,
  .sb-motion-enabled .sb-reveal.is-sb-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* OWNER_DRAWER_MOTION_AND_FULL_WIDTH_NEWSLETTER_2026_10_09 */
:root{
  --motion-logo:1000ms;
  --motion-fast:140ms;
  --motion-normal:220ms;
  --motion-emphasis:320ms;
}
@view-transition{navigation:none}
html{scroll-behavior:smooth}
body{scroll-behavior:smooth}
html.sb-intro-active,
html.sb-intro-active body{overflow:hidden!important}

.sidebar-compact-navigation{
  display:grid!important;
  gap:12px!important;
  width:100%!important;
}
.sidebar-home-link{display:none!important}
.sidebar-search-disclosure,
.sidebar-nav-disclosure{
  width:100%!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 28%,transparent)!important;
  border-radius:18px!important;
  background:#11151B!important;
}
.sidebar-explore-disclosure{
  background:var(--sb-frost)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 54%,transparent)!important;
}
.sidebar-search-disclosure>summary,
.sidebar-nav-disclosure>summary{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 16px!important;
  list-style:none!important;
  cursor:pointer!important;
  color:var(--sb-platinum)!important;
  font:550 14px/1.2 var(--font-ui,var(--sans))!important;
}
.sidebar-explore-disclosure>summary{
  color:var(--sb-obsidian)!important;
  font-weight:650!important;
}
.sidebar-search-disclosure>summary::-webkit-details-marker,
.sidebar-nav-disclosure>summary::-webkit-details-marker{display:none!important}
.sidebar-search-disclosure>summary::after,
.sidebar-nav-disclosure>summary::after{
  content:"+"!important;
  margin-left:auto!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 38%,transparent)!important;
  border-radius:50%!important;
  color:currentColor!important;
  font:400 18px/1 var(--font-ui,var(--sans))!important;
  transform:none!important;
}
.sidebar-search-disclosure[open]>summary::after,
.sidebar-nav-disclosure[open]>summary::after{content:"-"!important}
.sidebar-explore-disclosure>summary::after{
  border-color:color-mix(in srgb,var(--sb-obsidian) 24%,transparent)!important;
}
.sidebar-section-icon,
.sidebar-search-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 34%,transparent)!important;
  border-radius:50%!important;
  color:currentColor!important;
}
.sidebar-explore-disclosure .sidebar-section-icon{
  border-color:color-mix(in srgb,var(--sb-obsidian) 24%,transparent)!important;
}
.sidebar-section-icon svg,
.sidebar-search-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
:is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0 12px 12px!important;
}
:is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links)>a{
  min-width:0!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 11px!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 22%,transparent)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--sb-platinum) 3%,transparent)!important;
  color:var(--sb-platinum)!important;
  text-decoration:none!important;
  font:520 11.5px/1.25 var(--font-ui,var(--sans))!important;
  overflow-wrap:anywhere!important;
}
.sidebar-explore-disclosure .nav-links>a{
  color:var(--sb-obsidian)!important;
  border-color:color-mix(in srgb,var(--sb-obsidian) 16%,transparent)!important;
  background:color-mix(in srgb,var(--sb-porcelain) 56%,transparent)!important;
}
.sidebar-link-icon{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
:is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links)>a:hover,
:is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links)>a:focus-visible{
  transform:translateY(-1px)!important;
  color:var(--sb-porcelain)!important;
  background:color-mix(in srgb,var(--sb-platinum) 10%,transparent)!important;
}
.sidebar-explore-disclosure .nav-links>a:hover,
.sidebar-explore-disclosure .nav-links>a:focus-visible{
  color:var(--sb-obsidian)!important;
  background:var(--sb-porcelain)!important;
}
.sidebar-language-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:0 12px 12px!important;
}
.sidebar-language-grid button{
  min-width:0!important;
  min-height:54px!important;
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
  padding:9px 7px!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 24%,transparent)!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--sb-platinum)!important;
  font:520 11px/1.15 var(--font-ui,var(--sans))!important;
}
.sidebar-language-grid button:hover,
.sidebar-language-grid button:focus-visible,
.sidebar-language-grid button.is-active{
  background:color-mix(in srgb,var(--sb-platinum) 11%,transparent)!important;
  color:var(--sb-porcelain)!important;
}
.language-code{
  display:block!important;
  color:var(--sb-sage)!important;
  font-size:9px!important;
  letter-spacing:.13em!important;
}
.sidebar-action-cards{
  display:grid!important;
  gap:10px!important;
  margin:16px 0 0!important;
}
.sidebar-action-card{
  min-height:70px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
}
.sidebar-action-card>span{min-width:0!important}
.sidebar-account-card strong{
  display:block!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.15!important;
}
.sidebar-action-card small{
  display:block!important;
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.sidebar-action-card>b,
.account-compact-label{
  min-width:68px!important;
  width:auto!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:7px 12px!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 34%,transparent)!important;
  border-radius:999px!important;
  color:var(--sb-porcelain)!important;
  font:550 11px/1 var(--font-ui,var(--sans))!important;
  white-space:nowrap!important;
}

@media(min-width:901px){
  .footer-connect{
    width:100%!important;
    max-width:none!important;
    margin:0 0 34px!important;
    padding:32px 0 30px!important;
  }
  .footer-connect form,
  .footer-connect .subscribe-form,
  .footer-connect-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .footer-connect-panel{
    min-height:156px!important;
    border-left:1px solid color-mix(in srgb,var(--sb-platinum) 44%,transparent)!important;
    border-right:1px solid color-mix(in srgb,var(--sb-platinum) 44%,transparent)!important;
    border-radius:20px!important;
    padding:30px clamp(32px,5vw,72px)!important;
  }
}
@media(max-width:900px){
  .footer-connect{
    width:min(calc(100% - 28px),820px)!important;
    margin-inline:auto!important;
  }
}

.brand-icon{animation:none!important}
.brand-home .brand-icon{
  animation:sbHeaderMarkIn 520ms cubic-bezier(.16,1,.3,1) both!important;
}
.brand-home.is-brand-tapped .brand-icon{
  animation:sbHeaderMarkTap 440ms cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes sbHeaderMarkIn{
  from{opacity:.15;transform:scale(.9)}
  to{opacity:1;transform:scale(1)}
}
@keyframes sbHeaderMarkTap{
  0%{transform:scale(1)}
  40%{transform:scale(.9);opacity:.72}
  100%{transform:scale(1);opacity:1}
}
.brand-intro{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  background:var(--canvas)!important;
  color:var(--ink)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.brand-intro[hidden]{display:none!important}
html[data-theme="dark"] .brand-intro{
  background:var(--sb-obsidian)!important;
  color:var(--sb-porcelain)!important;
}
.brand-intro-mark{
  width:92px!important;
  height:92px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  color:currentColor!important;
  animation:sbCenterMarkStage 980ms cubic-bezier(.16,1,.3,1) both!important;
}
.brand-intro-logo{
  --mark:92px!important;
  opacity:0!important;
  transform:scale(.94)!important;
  animation:sbCenterMarkFill 600ms cubic-bezier(.16,1,.3,1) 240ms forwards!important;
}
.brand-intro-mark::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:currentColor!important;
  -webkit-mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  clip-path:inset(100% 0 0 0)!important;
  opacity:.92!important;
  animation:sbCenterMarkTrace 760ms cubic-bezier(.16,1,.3,1) 70ms forwards!important;
}
.brand-intro-mark::after{
  content:""!important;
  position:absolute!important;
  inset:24%!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--sb-platinum) 18%,transparent)!important;
  filter:blur(24px)!important;
  opacity:0!important;
  z-index:-1!important;
  animation:sbCenterAura 820ms ease 160ms both!important;
}
.brand-intro.is-navigation .brand-intro-mark{
  animation:sbCenterMarkNavigation 240ms cubic-bezier(.2,.8,.2,1) both!important;
}
.brand-intro.is-navigation .brand-intro-logo{
  opacity:1!important;
  animation:none!important;
  transform:scale(1)!important;
}
.brand-intro.is-navigation .brand-intro-mark::before,
.brand-intro.is-navigation .brand-intro-mark::after{
  animation:none!important;
  clip-path:none!important;
}
.brand-intro.is-leaving{
  animation:sbCenterLayerOut 300ms ease forwards!important;
}
@keyframes sbCenterMarkTrace{
  from{clip-path:inset(100% 0 0 0);opacity:.2}
  to{clip-path:inset(0 0 0 0);opacity:.94}
}
@keyframes sbCenterMarkFill{
  from{opacity:0;transform:scale(.94)}
  to{opacity:1;transform:scale(1)}
}
@keyframes sbCenterMarkStage{
  0%{transform:scale(.91)}
  68%{transform:scale(1.018)}
  100%{transform:scale(1)}
}
@keyframes sbCenterAura{
  0%{opacity:0;transform:scale(.7)}
  48%{opacity:.42}
  100%{opacity:0;transform:scale(1.35)}
}
@keyframes sbCenterMarkNavigation{
  from{opacity:0;transform:scale(.94)}
  to{opacity:1;transform:scale(1)}
}
@keyframes sbCenterLayerOut{
  from{opacity:1}
  to{opacity:0;visibility:hidden}
}
.sb-motion-enabled .sb-reveal{
  opacity:0;
  transform:translateY(8px);
  transition:
    opacity 360ms cubic-bezier(.16,1,.3,1) var(--sb-reveal-delay,0ms),
    transform 360ms cubic-bezier(.16,1,.3,1) var(--sb-reveal-delay,0ms),
    border-color 180ms ease,
    box-shadow 180ms ease!important;
}
.sb-motion-enabled .sb-reveal.is-sb-visible{
  opacity:1;
  transform:none;
}
.sidebar{
  transition:transform 280ms cubic-bezier(.16,1,.3,1),visibility 280ms step-end,box-shadow 280ms ease!important;
}
.sidebar.is-open{
  transition:transform 280ms cubic-bezier(.16,1,.3,1),visibility 0ms step-start,box-shadow 280ms ease!important;
}
.menu-scrim{transition:opacity 220ms ease,visibility 220ms ease!important}
details.sb-detail-moving[open] > :not(summary){
  animation:sbDisclosureContentIn 220ms cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes sbDisclosureContentIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}
button,
.button,
.platform-button,
.platform-button-secondary,
.save-control,
.follow-control,
.quiet-button,
.sidebar-nav-grid a,
.sidebar-explore-disclosure .nav-links a,
.sidebar-language-grid button{
  transition:transform 140ms ease,background-color 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 180ms ease!important;
}
.sb-pressed,
button:active,
.button:active,
.platform-button:active,
.platform-button-secondary:active,
.save-control:active,
.follow-control:active,
.quiet-button:active{transform:scale(.985)!important}

@media(max-width:430px){
  .sidebar{
    width:min(94vw,410px)!important;
    padding-left:18px!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
  }
  :is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links)>a{font-size:11px!important;padding:9px!important}
  .sidebar-language-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .sidebar-action-card{padding:12px!important;gap:8px!important}
  .sidebar-account-card strong{font-size:13px!important}
  .sidebar-action-card>b,
  .account-compact-label{min-width:62px!important;padding-inline:10px!important}
}
@media(max-width:350px){
  :is(.sidebar-nav-grid,.sidebar-explore-disclosure .nav-links){grid-template-columns:1fr!important}
  .sidebar-language-grid{grid-template-columns:1fr!important}
  .sidebar-language-grid button{grid-template-columns:auto 1fr!important;justify-items:start!important;place-items:center start!important}
}
@media(prefers-reduced-motion:reduce){
  html,body{scroll-behavior:auto!important}
  .brand-intro-mark,
  .brand-intro-logo,
  .brand-intro-mark::before,
  .brand-intro-mark::after,
  .brand-home .brand-icon,
  .brand-home.is-brand-tapped .brand-icon{
    animation:none!important;
    
  }
  .brand-intro-logo{opacity:1!important}
  .brand-intro-mark::before,
  .brand-intro-mark::after{display:none!important}
  .sb-motion-enabled .sb-reveal,
  .sb-motion-enabled .sb-reveal.is-sb-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* OWNER_FINAL_VISUAL_CLEANUP_2026_10_09
   Owner-directed cleanup of retired green states, notification contrast,
   compact responsive drawer, typography restraint and one-entry brand motion. */
:root{
  --motion-logo:1000ms;
  --sb-sage:var(--sb-platinum);
  --status-success:#59616D;
}
html[data-theme="dark"]{--status-success:var(--sb-platinum)}
:where(a,button,summary,[role="button"],input,select){-webkit-tap-highlight-color:transparent}
a,a:visited,a:hover,a:active,
.prose a,.general-quote-explorer p a,
html main p a:not(.button):not(.platform-button):not(.platform-button-secondary),
.footer-directory-group nav a,.footer-directory-group nav a:hover{
  text-decoration:none!important;
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--sb-platinum)!important;
  outline-offset:3px!important;
}
.language-code,
.path-spotlight .spotlight-top .icon,
.read-alongside,.related-scripture,.scripture-chip,[data-scripture-related],
.save-control[aria-pressed="true"],.follow-control[aria-pressed="true"],[data-saved="true"]{
  color:inherit!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 48%,transparent)!important;
}
.save-control[aria-pressed="true"],.follow-control[aria-pressed="true"],[data-saved="true"]{
  background:color-mix(in srgb,var(--sb-lilac) 10%,var(--paper))!important;
}
html[data-theme="dark"] .save-control[aria-pressed="true"],
html[data-theme="dark"] .follow-control[aria-pressed="true"],
html[data-theme="dark"] [data-saved="true"]{
  background:color-mix(in srgb,var(--sb-lilac) 16%,var(--surface-1))!important;
}
::selection{background:var(--sb-frost)!important;color:var(--sb-obsidian)!important}
html[data-theme="dark"] ::selection{background:var(--sb-lilac)!important;color:var(--sb-porcelain)!important}

.footer-directory-group>summary,
.footer-directory-group>summary:hover,
.footer-directory-group>summary:active,
.footer-directory-group[open]>summary{
  background:transparent!important;
  box-shadow:none!important;
  color:var(--sb-brand-muted)!important;
}
.footer-directory-group[open]>summary::after{background:rgba(255,255,255,.06)!important}

.notification-prompt{
  background:rgba(248,250,255,.98)!important;
  color:var(--sb-obsidian)!important;
  border:1px solid color-mix(in srgb,var(--sb-platinum) 52%,transparent)!important;
  box-shadow:0 22px 58px rgba(11,13,18,.18)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.notification-prompt .eyebrow,.notification-prompt h2{color:var(--sb-obsidian)!important}
.notification-prompt>div>p:last-child{color:#59616D!important}
.notification-prompt-mark{background:var(--sb-frost)!important;color:#59616D!important}
.notification-prompt-close{background:rgba(176,184,195,.16)!important;color:#59616D!important}
.notification-prompt-actions .button{background:var(--sb-obsidian)!important;color:var(--sb-porcelain)!important}
.notification-prompt-actions .quiet-button{color:#59616D!important}
html[data-theme="dark"] .notification-prompt{
  background:rgba(21,25,31,.98)!important;
  color:var(--sb-porcelain)!important;
  border-color:color-mix(in srgb,var(--sb-platinum) 30%,transparent)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.42)!important;
}
html[data-theme="dark"] .notification-prompt .eyebrow,
html[data-theme="dark"] .notification-prompt h2{color:var(--sb-porcelain)!important}
html[data-theme="dark"] .notification-prompt>div>p:last-child,
html[data-theme="dark"] .notification-prompt-actions .quiet-button{color:var(--sb-platinum)!important}
html[data-theme="dark"] .notification-prompt-mark{background:var(--surface-3)!important;color:var(--sb-platinum)!important}
html[data-theme="dark"] .notification-prompt-close{background:rgba(176,184,195,.10)!important;color:var(--sb-platinum)!important}

.sidebar{width:min(360px,84vw)!important;max-width:360px!important}
.sidebar-compact-navigation{gap:10px!important}
.sidebar-search-disclosure>summary,.sidebar-nav-disclosure>summary{min-height:50px!important;padding:11px 12px!important}
.sidebar-action-cards{margin-top:12px!important;gap:8px!important}
.sidebar-action-card{min-height:62px!important;padding:11px 12px!important}
@media(max-width:620px){
  .sidebar{
    width:min(82vw,330px)!important;
    max-width:330px!important;
    min-width:0!important;
    padding-left:16px!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
  }
  .sidebar-brand{margin-bottom:14px!important}
  .sidebar-compact-navigation{gap:8px!important}
  .sidebar-search-disclosure>summary,.sidebar-nav-disclosure>summary{min-height:48px!important}
}
@media(max-width:360px){.sidebar{width:min(86vw,310px)!important}}

.footer-connect{display:block!important;padding:34px clamp(18px,4vw,54px)!important}
.footer-connect-panel{min-height:0!important;padding:18px 22px!important;border-radius:14px!important}
.footer-connect-copy{gap:5px!important}
.footer-connect-copy h2{font-size:clamp(17px,1.5vw,21px)!important;white-space:nowrap!important}
.footer-connect-copy input{min-height:32px!important;font-size:14px!important}
.footer-connect .subscribe-button{min-height:40px!important;padding:9px 20px!important}
@media(max-width:760px){
  .footer-connect{padding:24px 14px!important}
  .footer-connect-panel{padding:16px 14px!important}
  .footer-connect-copy h2{white-space:normal!important}
}

.brand-intro-mark{animation:sbCenterMarkStage 520ms cubic-bezier(.16,1,.3,1) both!important}
.brand-intro-logo{animation:sbCenterMarkFill 340ms cubic-bezier(.16,1,.3,1) 90ms forwards!important}
.brand-intro-mark::before{animation:sbCenterMarkTrace 420ms cubic-bezier(.16,1,.3,1) 30ms forwards!important}
.brand-intro-mark::after{animation:sbCenterAura 500ms ease 60ms both!important}
.brand-intro.is-leaving{animation:sbCenterLayerOut 150ms ease forwards!important}

.brand-home.is-brand-tapped{animation:sbBrandTap 240ms ease!important}
.brand-icon{
  background:currentColor!important;
  -webkit-mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
  mask:url("/assets/spirit-broods-symbol.svg") center/contain no-repeat!important;
}
:is(.page-heading h1,.platform-hero h1,.read-masthead h1,.library-intro h1){
  text-wrap:balance;
  max-width:26ch;
}
@media(max-width:720px){
  :is(.page-heading h1,.platform-hero h1,.read-masthead h1,.library-intro h1){max-width:100%}
}

/* Owner-locked entry motion: the original silhouette travels down-left without deformation. */
html:not(.sb-entry-intro-pending):not(.sb-intro-active) .brand-intro{display:none!important}
.brand-home,.brand-home .brand-icon{animation:none!important;transform:none!important;transition:none!important}
.brand-intro-mark{
  width:92px!important;height:92px!important;
  animation:none!important;
}
.brand-intro.is-playing .brand-intro-mark{
  animation:sbLogoDive 1000ms cubic-bezier(.4,0,.65,1) both!important;
}
.brand-intro-logo{opacity:1!important;transform:none!important;animation:none!important}
.brand-intro-mark::before,.brand-intro-mark::after{display:none!important;animation:none!important}
.brand-intro.is-leaving{animation:none!important}
@keyframes sbLogoDive{
  0%{transform:translate(52px,-42px);opacity:0}
  16%{opacity:1}
  70%{opacity:1}
  100%{transform:translate(-100px,82px);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .brand-intro-mark,.brand-intro.is-playing .brand-intro-mark{animation:none!important;transform:none!important}
}
/* Modest global gutter adjustment; long-form reading measures stay intact. */
:root{--sb-content-max:1480px}
.wrap{width:min(calc(100% - 48px),var(--sb-content-max))!important;padding-inline:24px!important}
@media(max-width:900px){.wrap{width:calc(100% - 32px)!important;padding-inline:16px!important}}
@media(max-width:620px){
  .wrap{width:calc(100% - 24px)!important;padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))!important}
  .footer-connect{width:calc(100% - 24px)!important;margin-inline:12px!important;padding:18px 0!important}
  .footer-connect-panel{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 14px!important;min-height:0!important;border-radius:12px!important}
  .footer-connect-copy{flex:1!important;min-width:0!important;gap:2px!important}
  .footer-connect-copy h2{font-size:13px!important;line-height:1.3!important;white-space:normal!important;margin:0!important}
  .footer-connect-copy input{width:100%!important;min-height:32px!important;padding:4px 0!important;margin:0!important;font-size:16px!important;background:transparent!important;border-radius:0!important}
  .footer-connect .subscribe-button{width:auto!important;flex:0 0 auto!important;min-width:0!important;min-height:44px!important;padding:10px 13px!important;font-size:12px!important}
}

/* Disable all legacy corner-logo feedback, including more-specific active rules. */
.brand-home.is-brand-tapped,.brand-home:is(:active,:hover,:focus,.is-brand-tapped) .brand-icon{
  animation:none!important;transform:none!important;transition:none!important;
}
.brand-intro{animation:none!important}

/* Form focus stays inside its field: no doubled external rings or label collisions. */
html :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible){
  outline:none!important;outline-offset:0!important;
  box-shadow:inset 0 0 0 2px var(--sb-platinum)!important;
}
html .footer-connect-copy input:is(:focus,:focus-visible){
  outline:none!important;outline-offset:0!important;
  box-shadow:inset 0 0 0 2px var(--sb-platinum)!important;border-radius:6px!important;
}
.footer-connect-copy input{padding-inline:8px!important}
/* All legal items share the same baseline, including on phones. */
html .footer-bottom{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:clamp(7px,1.4vw,20px)!important;max-width:100%!important;overflow-x:auto!important;padding:16px 12px!important}
html .footer-bottom>div{display:contents!important}
html .footer-bottom>span,html .footer-bottom a{font-size:clamp(10px,2.45vw,12px)!important;line-height:1.4!important;white-space:nowrap!important;flex:0 0 auto!important;margin:0!important}
html .footer-bottom a{display:inline-flex!important;align-items:center!important;min-height:44px!important}

/* Owner revision: focus is a clear bottom edge, never a box around the typing field. */
html :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible),
html .footer-connect-copy input:is(:focus,:focus-visible){
  outline:0!important;outline-offset:0!important;box-shadow:inset 0 -2px 0 var(--sb-platinum)!important;border-radius:0!important;
}
html .footer-connect-copy input{padding-inline:0!important}
.brand-intro-logo{width:92px!important;height:92px!important;background:none!important;mask:none!important;-webkit-mask:none!important}
html[data-theme="dark"] .brand-intro-logo{filter:invert(1)!important}
.site-footer .footer-bottom{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:clamp(6px,1vw,16px)!important;justify-content:center!important;padding:10px 12px!important}
.site-footer .footer-bottom>*{width:auto!important;min-width:0!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;font-size:clamp(9.5px,2.4vw,12px)!important;white-space:nowrap!important;flex:0 0 auto!important}
@media(max-width:620px){
 .site-footer .footer-connect{padding:12px 0!important;margin-bottom:0!important}
 .footer-directory{padding:0 12px!important;margin:0!important;gap:0!important}
 .footer-directory-group>summary{min-height:44px!important;padding:12px 0!important}
 .footer-brand-lockup{min-height:60px!important;padding:12px 0 6px!important;margin:0!important}
 .footer-brand-lockup .brand-icon{--mark:34px!important}
}
/* Biography metadata and actions each have their own stable row. */
.general-profile-meta{display:block!important;margin-top:14px!important}
.general-profile-meta>span{display:block!important;padding:12px 14px!important;background:var(--sb-frost)!important;border-radius:12px!important;line-height:1.65!important;color:var(--sb-obsidian)!important}
.general-profile-meta strong{display:block!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;margin-bottom:3px!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.inline-save-zone,.inline-action-zone{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;margin:14px 0!important}
.inline-save-zone>*,.inline-action-zone>*{flex:0 0 auto!important;width:auto!important;margin:0!important}
:is(.inline-save-zone,.inline-action-zone,.quote-actions) :is(button,a){min-height:40px!important;padding:9px 13px!important;border:0!important;border-radius:9px!important;background:var(--sb-frost)!important;color:var(--sb-obsidian)!important;font:500 12px/1.4 var(--font-ui,var(--sans))!important;white-space:nowrap!important}
html[data-theme="dark"] :is(.inline-save-zone,.inline-action-zone,.quote-actions) :is(button,a){background:#242B36!important;color:var(--sb-porcelain)!important}
.read-masthead{position:relative!important;align-items:start!important}
.quote-scripture{padding:14px!important;background:var(--sb-frost)!important;border:0!important;border-radius:12px!important;margin-top:16px!important}
.quote-scripture .eyebrow{font:500 10px/1.4 var(--font-ui,var(--sans))!important;letter-spacing:.08em!important;margin-bottom:10px!important}
.quote-scripture-links{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important}
.quote-scripture-links>a{display:flex!important;align-items:center!important;min-height:40px!important;padding:10px 12px!important;border:0!important;border-radius:8px!important;background:var(--sb-porcelain)!important;color:var(--sb-obsidian)!important;font:500 12px/1.4 var(--font-ui,var(--sans))!important}
.quote-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;margin-top:14px!important;padding-top:14px!important}
.quote-source-label{font-weight:600!important;margin-right:5px!important}
html[data-theme="dark"] .quote-scripture{background:#1B212B!important}
.community-hub{gap:18px!important}
.community-feature{display:flex;align-items:center;gap:18px;padding:24px;border-radius:20px;background:var(--sb-porcelain);border:1px solid rgba(176,184,195,.3);color:var(--sb-obsidian);text-decoration:none!important;min-width:0}
.community-feature img{width:100px;height:100px;flex:0 0 auto}
.community-feature h2{font-size:clamp(18px,2vw,24px)!important;line-height:1.2;margin:6px 0 10px}
.community-feature p:not(.eyebrow){font-size:13px;line-height:1.6;color:#59616D;margin:0 0 12px}
.community-feature-action{display:inline-flex;gap:12px;font-size:12px;font-weight:600}
.community-feature-reading{background:var(--sb-frost)}
.community-feature-share{background:#0B0D12;color:#F8FAFF}
.community-feature-share p:not(.eyebrow){color:#B0B8C3}
html[data-theme="dark"] .community-feature{background:#171D27;color:#F8FAFF}
html[data-theme="dark"] .community-feature p:not(.eyebrow){color:#B0B8C3}
@media(max-width:620px){
 .community-hub{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .community-feature{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 13px;border-radius:16px}
 .community-feature img{width:72px;height:72px}
 .community-feature h2{font-size:17px!important}
 .community-feature .eyebrow{font-size:9px!important}
}
@media(max-width:350px){.community-hub{grid-template-columns:1fr!important}.community-feature{flex-direction:row}}

.read-masthead>.inline-save-zone,.read-masthead>.inline-action-zone{grid-column:1 / -1}

.site-footer .footer-bottom{max-width:100%;overflow-x:auto;justify-content:safe center!important;scrollbar-width:thin}

.community-hub{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.community-feature{grid-column:auto!important;min-width:0!important}
.community-feature>div{min-width:0}
.community-feature img{max-width:none!important}

.read-masthead.has-portrait{row-gap:16px!important}

/* Slim focus edge with sufficient contrast in each field surface. */
html :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible){box-shadow:inset 0 -2px 0 var(--sb-obsidian)!important}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible),html .footer-connect-copy input:is(:focus,:focus-visible){box-shadow:inset 0 -2px 0 var(--sb-platinum)!important}

/* Owner-approved entry presentation is independent of the reading theme. */
html .brand-intro,html[data-theme] .brand-intro{background:var(--sb-obsidian)!important;color:var(--sb-porcelain)!important}
html .brand-intro .brand-intro-logo{filter:invert(1)!important}