/* Native controls for the localized static site; the established Athon design is retained. */
.site-language-selector{position:relative;display:inline-block;color:#e9dfcd;font:400 14px/1.5 'Source Serif 4',Georgia,serif;text-align:left;z-index:55}
.site-language-selector summary,.site-static-navigation summary,.site-resources-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none;border-radius:8px;padding:8px 10px}
.site-language-selector summary::after,.site-static-navigation summary::after,.site-resources-menu summary::after{content:'⌄';font:16px/1 sans-serif}
.site-language-selector summary::-webkit-details-marker,.site-static-navigation summary::-webkit-details-marker,.site-resources-menu summary::-webkit-details-marker{display:none}
.site-language-selector nav,.site-static-navigation>nav,.site-resources-menu>nav{position:absolute;right:0;top:100%;min-width:190px;max-width:min(330px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:8px;background:#17130f;border:1px solid #766249;border-radius:10px;box-shadow:0 12px 40px #0005;z-index:70}
.site-language-selector nav a,.site-static-navigation>nav a,.site-resources-menu>nav a{display:block;padding:10px 12px;color:#f0e7d7;text-decoration:none;white-space:normal;min-height:44px}
.site-language-selector nav a{display:flex;align-items:center;gap:8px}
.site-language-flag{display:inline-block;flex-shrink:0;width:22px;font:20px/1 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;text-align:center}
.site-language-selector nav a:hover,.site-language-selector nav a[aria-current],.site-static-navigation nav a:hover,.site-resources-menu nav a:hover{background:#32291e;border-radius:5px;color:#e7c78d}
.site-language-selector :focus-visible,.site-static-navigation :focus-visible,.site-resources-menu :focus-visible{outline:2px solid #e7c78d;outline-offset:3px}
footer .site-language-selector{margin:20px 0 0}footer .site-language-selector nav{top:auto;bottom:100%;left:0;right:auto}
.site-language-header{margin-left:auto;flex-shrink:0}.site-header-controls{display:flex;align-items:center;gap:8px}
.site-static-navigation{position:relative;color:#eee1cb;font:400 14px/1.5 'Source Serif 4',Georgia,serif}
.site-resources-menu{position:relative;font-size:14px;color:#e9dfcd}.site-resources-menu>nav{left:0;right:auto;min-width:240px}
.site-language-note{font-size:.75em;font-weight:400;opacity:.8;white-space:normal}
.site-translation-credit{font:400 12px/1.6 'Source Serif 4',Georgia,serif;color:#ab9e89;max-width:65ch;margin:18px auto 0;text-align:center;padding:0 12px}
.site-translation-credit a{text-decoration:underline;text-underline-offset:3px}
html[data-site-locale] header{--app-banner-height:0px}
html[data-site-locale] :is(h1,h2,h3,p,a){overflow-wrap:break-word}
html[data-site-locale] [hidden]{display:none!important}
@media(min-width:1024px){.site-static-navigation{display:none}.site-language-header{margin-left:12px}}
@media(max-width:1023px){.site-language-header{margin-left:0}.site-language-header summary{padding-inline:6px;font-size:13px}.site-static-navigation summary{padding-inline:6px}.site-header-controls{gap:2px}}
@media(prefers-reduced-motion:reduce){html[data-site-locale] *,html[data-site-locale] *::before,html[data-site-locale] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Localized headings are readable immediately, without waiting for the legacy hero sequence. */
html[data-site-locale] .supporter-hero-sequence{opacity:1;transform:none;animation:none}
.site-search-results{max-width:72rem;margin:0 auto;padding:0 1rem;color:#382e27}
.site-search-results:empty{display:none}
.site-search-results article{padding:1.4rem 0;border-bottom:1px solid #ad8c5a40}
.site-search-results h2{font-family:Georgia,serif;font-size:1.4rem;margin-bottom:.6rem}
.site-search-results h2 a{text-decoration:underline;text-underline-offset:4px}
.site-search-results p{line-height:1.7}
.site-scripture-credit{max-width:64rem;margin:2rem auto;padding:1rem}
.site-flow-language{display:flex;justify-content:center;padding:1rem 1rem 2rem;position:relative;z-index:30;clear:both}
html[data-site-locale] a[data-english-page].flex>*{min-width:0}
