/* Standard shell on the landing-page previews: keep the shell's own look regardless of page CSS. */
#bs-header,#bs-footer{font-family:var(--bs-body,Anuphan,Arial,sans-serif)}
/* Aftercare: quick-nav as a normal row below the hero (not sticky) */
.quick-nav.bs-quick-static{position:static!important;top:auto!important;z-index:auto!important;background:transparent!important;border-bottom:1px solid rgba(5,53,37,.14)!important;margin:8px auto 0;max-width:1120px}
/* Section navs (Aftercare, Morpheus8, HYCOOX): never sticky under the header */
.bs-side-rail{position:static!important;top:auto!important}
/* Wide screens: vertical glass rail on the left, shown after the hero (preview.js) */
@media (min-width:1400px){
 .bs-side-rail.bs-side-rail.bs-side-rail{position:fixed!important;left:20px!important;top:50%!important;right:auto!important;z-index:40!important;transform:translate(-12px,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility .28s;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;width:auto!important;max-width:150px!important;height:auto!important;overflow:visible!important;
  padding:8px!important;margin:0!important;border:1px solid rgba(255,255,255,.82)!important;border-radius:20px!important;background:rgba(250,247,240,.72)!important;-webkit-backdrop-filter:blur(12px) saturate(1.35);backdrop-filter:blur(12px) saturate(1.35);box-shadow:0 8px 24px rgba(5,53,37,.09)!important}
 .bs-side-rail.bs-side-rail.bs-rail-on{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
 .bs-side-rail a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:auto!important;min-height:36px!important;padding:6px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#053525!important;font-size:12.5px!important;line-height:1.3!important;text-align:left!important;white-space:normal!important;flex:0 0 auto!important}
 .bs-side-rail a:hover,.bs-side-rail a[aria-current]{background:rgba(5,53,37,.08)!important}
 .bs-side-rail a:focus-visible{outline:2px solid #053525;outline-offset:2px}
 .bs-side-rail .hx-chapter-links{display:flex!important;flex-direction:column!important;gap:2px!important;overflow:visible!important}
 .bs-side-rail .hx-chapter-label{display:block!important;padding:4px 12px 6px!important;font-size:11px!important;color:#73665A!important}
}
@media (prefers-reduced-motion:reduce){.bs-side-rail{transition:none!important}}
/* XERF articles: the language bar is a normal row (the standard header has the language switch) */
body > .toggle{position:static!important;top:auto!important}
/* GLP-1 article: contents list clears the floating header */
@media (min-width:701px){#reading > aside.contents{top:96px!important}}
/* Slim numbered rail when the page has no left margin (e.g. Morpheus8); expands on hover/focus */
@media (min-width:1400px){
 .bs-side-rail.bs-rail-compact:not(:hover):not(:focus-within){left:2px!important;padding:4px 2px!important;max-width:38px!important;gap:4px!important}
 .bs-side-rail.bs-rail-compact:not(:hover):not(:focus-within) a{justify-content:center!important;width:32px!important;min-height:32px!important;padding:0!important;font-size:0!important;border-radius:999px!important}
 .bs-side-rail.bs-rail-compact:not(:hover):not(:focus-within) a *{display:none!important}
 .bs-side-rail.bs-rail-compact:not(:hover):not(:focus-within) a::before{content:attr(data-bs-num);font-size:13px;font-family:Cormorant,Georgia,serif;color:#053525}
 .bs-side-rail.bs-rail-compact:not(:hover):not(:focus-within) .hx-chapter-label{display:none!important}
}