/* translationCore site styles: the <style> block every page of the static site
   repeated, moved here unchanged (font URLs now root-relative), plus the
   Resources download dialog (previously only in resources.html) and the
   additions for localization at the end. */
@font-face{font-family:"Avenir Next";src:url("/assets/fonts/AvenirNext-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Avenir Next";src:url("/assets/fonts/AvenirNext-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Avenir Next";src:url("/assets/fonts/AvenirNext-DemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Avenir Next";src:url("/assets/fonts/AvenirNext-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
body{margin:0;font-family:'Avenir Next',Avenir,system-ui,sans-serif;color:#231F20;background:#ffffff;line-height:1.55}
h1,h2,h3{font-family:'Avenir Next',Avenir,system-ui,sans-serif;margin:0;line-height:1.15}
p{margin:0}
a{color:#014263}
a:hover{color:#31ADE3}
a:focus-visible{outline:3px solid #E59D33;outline-offset:3px}
.btn{display:inline-block;text-decoration:none;font-weight:700;border-radius:999px;padding:13px 26px;font-size:16px;line-height:1.2}
.btn-primary{background:#014263;color:#fff}
.btn-primary:hover{background:#0A5A84;color:#fff}
.btn-secondary{background:transparent;color:#014263;border:2px solid #014263;padding:11px 20px}
.btn-secondary:hover{background:#E8EDF3;color:#014263}
.btn-light{background:#31ADE3;color:#231F20}
.btn-light:hover{background:#5CC0EC;color:#231F20}
.navlink{text-decoration:none;color:#231F20;font-weight:600}
.navlink:hover{color:#014263;text-decoration:underline}
.give{display:inline-flex;align-items:center;gap:10px;background:#E59D33;color:#231F20;font-weight:700;border-radius:999px;padding:12px 22px;text-decoration:none;font-size:16px;line-height:1.2;box-shadow:0 6px 16px rgba(229,157,51,0.35)}
.give:hover{background:#F0AE4E;color:#231F20}
.footlink{color:#fff;text-decoration:none}
.footlink:hover{text-decoration:underline;color:#fff}
.ph{background:repeating-linear-gradient(45deg,#E4F3F4,#E4F3F4 12px,#D6EDEF 12px,#D6EDEF 24px);color:#014263;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:600;padding:16px;box-sizing:border-box}
.chip{display:inline-block;border:2px solid #014263;color:#014263;border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;text-decoration:none}
.chip:hover{background:#E8EDF3;color:#014263}
.card{background:#fff;border:1px solid #DCE2EA;border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.wrap{max-width:1180px;margin:0 auto;padding:80px 32px;box-sizing:border-box;display:flex;flex-direction:column;gap:36px}
.legal h2{font-size:26px;color:#014263;margin:34px 0 10px}.legal p,.legal li{font-size:17px;margin:0 0 12px}.legal ul{padding-left:22px;margin:0 0 12px}.legal .updated{font-size:15px;color:#3A3638}.eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;color:#014263}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
.navtoggle{display:none;background:#014263;color:#fff;border:0;border-radius:999px;padding:10px 18px;font:700 16px 'Avenir Next',system-ui,sans-serif;cursor:pointer}
@media (max-width:820px){.js .navtoggle{display:inline-block}.js header nav{display:none!important;width:100%;flex-direction:column;align-items:flex-start!important;gap:14px!important}.js header nav.open{display:flex!important}}
.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tab{font:700 17px 'Avenir Next',system-ui,sans-serif;border:2px solid #014263;color:#014263;background:#fff;border-radius:999px;padding:10px 24px;cursor:pointer}
.tab[aria-selected="true"]{background:#014263;color:#fff}
.tab:focus-visible{outline:3px solid #E59D33;outline-offset:3px}
.tabpanel[hidden]{display:none}

body.dialog-open{overflow:hidden}
.helps-dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(1,38,58,.6);z-index:50;opacity:0;transition:opacity .2s ease}
.helps-dialog.is-open{opacity:1}
.helps-dialog[hidden]{display:none}
.helps-dialog__backdrop{position:absolute;inset:0;cursor:pointer}
.helps-dialog__panel{position:relative;width:min(100%,560px);max-height:92vh;overflow-y:auto;background:#fff;border-radius:24px;padding:44px 40px 36px;box-shadow:0 30px 70px rgba(1,38,58,.3);box-sizing:border-box;z-index:1}
.helps-dialog__close{position:absolute;top:16px;right:16px;border:0;background:#E6F5FB;color:#014263;font-size:24px;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer}
.helps-dialog__close:hover{background:#D3EBF6}
.helps-dialog__close:focus-visible,.book-select:focus-visible{outline:3px solid #E59D33;outline-offset:2px}
.helps-dialog .eyebrow{margin:0 0 8px}
.helps-dialog h2{font-size:30px;color:#014263;margin:0 0 10px}
.helps-dialog .lead{font-size:16px;margin:0 0 24px}
.select-label{display:block;font-weight:700;margin-bottom:8px;color:#014263}
.select-wrapper{position:relative}
.select-wrapper::after{content:"\2304";position:absolute;right:18px;top:50%;transform:translateY(-60%);pointer-events:none;color:#014263}
.book-select{width:100%;padding:14px 18px;border-radius:14px;border:2px solid #014263;font:inherit;font-size:17px;background:#fff;color:#231F20;appearance:none;-webkit-appearance:none}
.book-select:disabled{opacity:.55;cursor:not-allowed}
.helps-status{margin-top:18px;min-height:1.2rem;font-size:15px}
.helps-status--error{color:#a9191f}
.helps-status a{color:#014263;font-weight:700}

/* ---- Added with the Astro migration ----------------------------------- */

/* Skip link: off-screen until focused (WCAG 2.4.1). */
/* Hidden above the viewport, not to the side: a far-left offset widens the
   scrollable page in right-to-left locales. */
.skip-link{position:absolute;top:0;inset-inline-start:0;z-index:100;transform:translateY(-120%);background:#014263;color:#fff;padding:10px 18px;border-end-end-radius:10px;font-weight:700;text-decoration:none}
.skip-link:focus{transform:none;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Language switcher: the last item in the header nav, drawn like the chips. */
.lang-switcher{position:relative}
.lang-switcher-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid #014263;color:#014263;background:#fff;border-radius:999px;padding:6px 14px;font:700 14px 'Avenir Next',Avenir,system-ui,sans-serif;cursor:pointer}
.lang-switcher-btn:hover{background:#E8EDF3}
.lang-switcher-btn:focus-visible{outline:3px solid #E59D33;outline-offset:3px}
.lang-switcher-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:40;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #DCE2EA;border-radius:14px;box-shadow:0 18px 40px rgba(1,66,99,0.18);min-width:200px;max-height:70vh;overflow-y:auto}
[dir="rtl"] .lang-switcher-menu{right:auto;left:0}
.lang-switcher-btn[aria-expanded="true"]+.lang-switcher-menu{display:block}
.lang-switcher-menu a{display:block;padding:8px 12px;border-radius:8px;color:#231F20;text-decoration:none;font-weight:500}
.lang-switcher-menu a:hover{background:#EEF1F6;color:#014263}
.lang-switcher-menu a[aria-current="true"]{font-weight:700;color:#014263}
@media (max-width:820px){.lang-switcher-menu{position:static;box-shadow:none;margin-top:8px}}

/* Scripts Avenir Next does not cover: the self-hosted Noto face for the
   locale's script comes first (pack generated by scripts/build-font-css.mjs,
   linked by Base.astro), Avenir Next stays as the fallback for Latin runs
   such as product names. Keep in sync with `script` in src/i18n/config.ts. */
html[data-script="arabic"] body,html[data-script="arabic"] h1,html[data-script="arabic"] h2,html[data-script="arabic"] h3,html[data-script="arabic"] .tab,html[data-script="arabic"] .navtoggle,html[data-script="arabic"] .lang-switcher-btn{font-family:'Noto Sans Arabic','Avenir Next',Avenir,system-ui,sans-serif}
html[data-script="nastaliq"] body,html[data-script="nastaliq"] h1,html[data-script="nastaliq"] h2,html[data-script="nastaliq"] h3,html[data-script="nastaliq"] .tab,html[data-script="nastaliq"] .navtoggle,html[data-script="nastaliq"] .lang-switcher-btn{font-family:'Noto Nastaliq Urdu','Avenir Next',Avenir,system-ui,serif}
html[data-script="devanagari"] body,html[data-script="devanagari"] h1,html[data-script="devanagari"] h2,html[data-script="devanagari"] h3,html[data-script="devanagari"] .tab,html[data-script="devanagari"] .navtoggle,html[data-script="devanagari"] .lang-switcher-btn{font-family:'Noto Sans Devanagari','Avenir Next',Avenir,system-ui,sans-serif}
html[data-script="bengali"] body,html[data-script="bengali"] h1,html[data-script="bengali"] h2,html[data-script="bengali"] h3,html[data-script="bengali"] .tab,html[data-script="bengali"] .navtoggle,html[data-script="bengali"] .lang-switcher-btn{font-family:'Noto Sans Bengali','Avenir Next',Avenir,system-ui,sans-serif}
html[data-script="myanmar"] body,html[data-script="myanmar"] h1,html[data-script="myanmar"] h2,html[data-script="myanmar"] h3,html[data-script="myanmar"] .tab,html[data-script="myanmar"] .navtoggle,html[data-script="myanmar"] .lang-switcher-btn{font-family:'Noto Sans Myanmar','Avenir Next',Avenir,system-ui,sans-serif}
html[data-script="han"] body,html[data-script="han"] h1,html[data-script="han"] h2,html[data-script="han"] h3,html[data-script="han"] .tab,html[data-script="han"] .navtoggle,html[data-script="han"] .lang-switcher-btn{font-family:'Noto Sans SC','Avenir Next',Avenir,system-ui,sans-serif}
/* Nastaliq and Myanmar need more line height than the Latin design allows. */
html[data-script="nastaliq"] body{line-height:2}
html[data-script="nastaliq"] h1,html[data-script="nastaliq"] h2,html[data-script="nastaliq"] h3{line-height:1.7}
html[data-script="myanmar"] body{line-height:1.9}
html[data-script="myanmar"] h1,html[data-script="myanmar"] h2,html[data-script="myanmar"] h3{line-height:1.6}