/* A small forest-green colophon beneath the storybook controls at every size.
   The existing full footer remains available in normal document mode. */
.storybook-footer-links{display:none}
 .story-active .site-footer{display:block;position:fixed;inset:auto 0 0;z-index:20;margin:0;padding:5px 12px calc(7px + env(safe-area-inset-bottom));background:linear-gradient(110deg,#183b2f,#244936);border-top:1px solid #d7bb7855;color:#f4e8c9;box-shadow:0 -6px 20px #13251a20}
 .story-active .site-footer .footer-grid{display:none}
 .story-active .site-footer .footer-base{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;margin:0;padding:0;border:0;text-align:center}
 .story-active .storybook-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 12px}
 .story-active .storybook-footer-links a{display:flex;align-items:center;min-height:32px;font-size:10px;font-weight:600;color:#fff2d0;text-decoration:none}
 .story-active .storybook-footer-links a:hover{text-decoration:underline}
 .story-active .storybook-footer-links a:focus-visible{outline:2px solid #e9cf8d;outline-offset:1px}
 .story-active .site-footer .footer-base p{margin:0;font-size:10px;line-height:18px;color:#d7d8bd}
 .story-active .story-controls{bottom:calc(72px + env(safe-area-inset-bottom));gap:8px}
 .story-active[data-story-view="town"] .story-controls{justify-content:center}
 .story-active[data-story-view="town"] .story-controls [data-reading]{margin:0}
 .story-active{--chapter-height:calc(100dvh - 198px - env(safe-area-inset-bottom));--chapter-width:min(88vw,calc(var(--chapter-height)*.825))}
 .story-active .book-presentation{padding-bottom:calc(122px + env(safe-area-inset-bottom))}
@media(max-width:600px){.story-active{--chapter-height:calc(100dvh - 190px - env(safe-area-inset-bottom));--chapter-width:92vw}}
@media print{.storybook-footer-links{display:none!important}}

/* A compact version of the cream-and-gold Sign In button. */
.story-active .story-controls [data-reading]{min-height:28px;padding:5px 10px;border:1px solid #cda765;border-radius:7px;background:linear-gradient(#fff9ec,#f1e3c5);color:#181a12;font:700 11px/1.2 Georgia,"Times New Roman",serif;text-shadow:none;box-shadow:inset 0 0 0 1px #fff7d75c,inset 0 2px 3px #ffffff42,0 2px 3px #170e0966}
.story-active .story-controls [data-reading]:hover{filter:brightness(1.1)}
.story-active .story-controls [data-reading]:focus-visible{outline:3px solid #ffda83;outline-offset:3px}
.story-active .story-controls [data-reading]{transition:opacity 350ms ease,visibility 350ms;opacity:1;visibility:visible}
.story-active[data-story-view="town"]:has(.town-opening.is-exploring) .story-controls [data-reading]{opacity:0;visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.story-active .story-controls [data-reading]{transition:none}}