/* Light theme + language/theme controls. Dark (navy) = original styles. */
html[data-theme=light]{--color-navy:#f6efe1;--color-navy-soft:#fff;--color-navy-deep:#f3ecdf;--color-paper:#f6efe1;--color-cream:#1c2a3f;--color-ink:#1c2a3f;--color-muted:#6a5c3d;--color-line:#e4d7bb;--color-jade-soft:#e2efe9;color-scheme:light}
html[data-theme=light] header,html[data-theme=light] footer,html[data-theme=light] .fs-keep-dark{--color-navy:#0b1f3a;--color-navy-soft:#132845;--color-navy-deep:#071526;--color-paper:#0b1f3a;--color-cream:#f3ead8;--color-ink:#f3ead8;--color-muted:#c4b89a;--color-line:#2c3f58;--color-jade-soft:#1a3d34}
html[data-theme=light] .text-navy,html[data-theme=light] .\!text-navy{color:#0b1f3a!important}
html[data-theme=light] .bg-cream,html[data-theme=light] .hover\:bg-cream:hover{background-color:#f3ead8}
html[data-theme=light] .bg-jade.text-cream,html[data-theme=light] .\[\&\:nth-child\(2\)\]\:text-cream:nth-child(2){color:#fff}
/* gold text needs a deeper tone on light surfaces to stay readable; gold fills/borders unchanged */
html[data-theme=light] main .text-gold,html[data-theme=light] main .text-saffron{color:#9a7414}
html[data-theme=light] main .bg-gold.text-gold,html[data-theme=light] main .bg-gold .text-gold{color:#0b1f3a}
html[data-theme=light] .shadow-lg{box-shadow:0 1px 3px rgba(11,31,58,.06)}
html[data-theme=light] img[src*="office"],html[data-theme=light] .bg-cover{filter:none}
/* fonts per language */
html[data-lang=en]{--font-sans:system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Vazirmatn",sans-serif;--font-display:Georgia,"Times New Roman","Noto Naskh Arabic",serif}
html[data-lang=ar]{--font-sans:"Noto Naskh Arabic","Vazirmatn",Tahoma,serif;--font-display:"Noto Naskh Arabic",serif}
html[data-lang=en] [lang=fa],html[data-lang=ar] [lang=fa],
html[data-lang=elv] [lang=fa]{font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,serif}
html[data-lang=en] .text-right,
html[data-lang=elv] .text-right,html[data-lang=peo] .text-right{text-align:left}
html.i18n-pending body{opacity:0}
/* controls */
.fs-ctrl{display:flex;align-items:center;gap:8px;flex-shrink:0;font:13px/1 system-ui,Tahoma,sans-serif}
html[dir=ltr] .fs-ctrl{order:99}
html[dir=ltr] .brand-shine-glint{animation-direction:reverse}
.fs-sw{position:relative;width:46px;height:24px;border-radius:999px;border:1px solid #d4af37;background:#0b1f3a;cursor:pointer;padding:0;flex-shrink:0}
.fs-sw::after{content:"☾";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#d4af37;color:#0b1f3a;font-size:12px;line-height:18px;text-align:center;transition:inset-inline-start .2s}
html[data-theme=light] .fs-sw{background:#f3ead8}
html[data-theme=light] .fs-sw::after{content:"☀";inset-inline-start:24px}
.fs-lang{height:28px;border-radius:8px;border:1px solid rgba(212,175,55,.6);background:#0b1f3a;color:#f3ead8;padding:0 6px;font:inherit;cursor:pointer}
.fs-note{margin:12px auto;max-width:72rem;padding:10px 16px;border:1px solid rgba(212,175,55,.5);border-radius:10px;font-size:14px;line-height:1.7;background:rgba(212,175,55,.08)}
@media (max-width:420px){.fs-ctrl{gap:5px}.fs-lang{padding:0 2px}.fs-sw{width:40px}html[data-theme=light] .fs-sw::after{inset-inline-start:18px}}
html[data-theme=light] .brand-shine-text{color:#0b1f3a}
@media (min-width:768px){html[data-lang=en] .md\:text-right,html[data-lang=elv] .md\:text-right,html[data-lang=peo] .md\:text-right{text-align:left}}
header nav a{white-space:nowrap}
@media (min-width:1024px) and (max-width:1279px){header nav{gap:.85rem!important;font-size:13px}header > div{gap:.6rem!important}html[data-lang=en] header nav,html[data-lang=elv] header nav{font-size:12.5px}}
@media (min-width:1024px) and (max-width:1439px){header > div > div.flex.items-center.gap-1 > div.hidden{display:none!important}}

@font-face{font-family:"Tengwar Ariador";src:url(/fonts/TengwarAriador-subset.woff2) format("woff2");unicode-range:U+0041-005A,U+0061-007A;font-display:swap}
html[data-lang=elv]{--font-sans:system-ui,"Segoe UI",Roboto,Arial,sans-serif;--font-display:Georgia,serif}
html[data-lang=elv] .fs-elv{font-family:"Tengwar Ariador",system-ui,sans-serif;letter-spacing:.02em}
html[data-lang=elv] .fs-elv[data-en]::after{content:" · " attr(data-en);font-family:system-ui,sans-serif;font-size:11px;opacity:.75;letter-spacing:0}
.fs-lang{max-width:none;width:auto;min-width:138px}
@media (max-width:480px){html[dir=ltr] header a.shrink-0 span.text-right{font-size:12px;max-width:92px;white-space:normal;line-height:1.25}.fs-lang{min-width:0;max-width:126px;font-size:10.5px;padding:0 2px}header > div{gap:.5rem!important;padding-left:.6rem!important;padding-right:.6rem!important}}

html.fs-ddnav header nav.lg\:flex,html.fs-ddnav header button.lg\:hidden,html.fs-ddnav header div.lg\:hidden{display:none!important}
header{position:sticky}.fs-nav{display:flex;align-items:center}.fs-nav-list{display:none;list-style:none;margin:0;padding:0;gap:1.1rem;align-items:center}
@media(min-width:1024px){.fs-nav-list{display:flex}.fs-mbtn{display:none!important}.fs-mpanel{display:none!important}}
.fs-top{color:rgba(245,239,224,.8);font-size:.875rem;background:none;border:0;padding:.4rem 0;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;font-family:inherit;white-space:nowrap;transition:color .2s}
.fs-top:hover,.fs-top.is-active,.fs-dd[data-open]>.fs-top{color:#d4a72c}.fs-top:focus-visible,.fs-item:focus-visible,.fs-mbtn:focus-visible{outline:2px solid #d4a72c;outline-offset:3px;border-radius:4px}
.fs-car{width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.fs-dd[data-open] .fs-car{transform:rotate(225deg) translate(-1px,-1px)}
.fs-dd{position:relative}.fs-dd::after{content:"";position:absolute;inset-inline:0;top:100%;height:.7rem}
.fs-menu{position:absolute;top:calc(100% + .6rem);inset-inline-start:-1rem;min-width:13rem;list-style:none;margin:0;padding:.45rem;background:#0f1d33;border:1px solid rgba(212,167,44,.35);border-radius:.8rem;box-shadow:0 18px 40px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s;z-index:60}
.fs-dd[data-open]>.fs-menu{opacity:1;visibility:visible;transform:none}
.fs-item{display:block;padding:.55rem .8rem;border-radius:.5rem;color:rgba(245,239,224,.88);font-size:.875rem;white-space:nowrap}
.fs-item:hover,.fs-item:focus{background:rgba(212,167,44,.12);color:#d4a72c}.fs-item.is-active{color:#d4a72c;box-shadow:inset 3px 0 0 #d4a72c}html[dir=rtl] .fs-item.is-active{box-shadow:inset -3px 0 0 #d4a72c}
html[data-theme=light] .fs-menu{background:#13233d}
.fs-mbtn{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:0 9px}.fs-mbtn span{display:block;height:2px;background:#f5efe0;border-radius:2px}
.fs-mpanel{position:absolute;inset-inline:0;top:100%;background:#0f1d33;border-top:1px solid rgba(255,255,255,.1);padding:1rem 1.25rem;max-height:calc(100vh - 70px);overflow:auto;z-index:60}
.fs-mpanel[hidden]{display:none}.fs-mlink{display:block;padding:.55rem 0;color:rgba(245,239,224,.85)}.fs-mlink.is-active{color:#d4a72c}
.fs-msec{border-top:1px solid rgba(255,255,255,.08);margin-top:.35rem;padding-top:.35rem}.fs-mhead{color:#d4a72c;font-size:.75rem;letter-spacing:.04em;margin:.3rem 0 .1rem;opacity:.85}.fs-msec .fs-mlink{padding-inline-start:.75rem}
.fs-mextra{border-top:1px solid rgba(255,255,255,.08);margin-top:.5rem;padding-top:.75rem;display:flex;flex-direction:column;gap:.75rem}

/* light theme: cards stand out from the cream page (white, soft gold edge, warm shadow, subtle lift) */
html[data-theme=light] main :is(.rounded-xl,.rounded-lg)[class*="bg-navy-soft"]{background-color:#fff;border-color:rgba(184,146,46,.38);box-shadow:0 1px 2px rgba(60,44,12,.05),0 6px 20px -6px rgba(60,44,12,.16);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
html[data-theme=light] main :is(.rounded-xl,.rounded-lg)[class*="bg-navy-soft"]:hover{transform:translateY(-3px);border-color:rgba(184,146,46,.6);box-shadow:0 2px 4px rgba(60,44,12,.06),0 14px 30px -10px rgba(60,44,12,.24)}
html[data-theme=light] main a:hover>article[class*="bg-navy-soft"]{transform:translateY(-3px) scale(1.02)}

/* language icon selector */
.fs-langw{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:8px;border:1px solid rgba(212,175,55,.6);background:#0b1f3a;flex-shrink:0;cursor:pointer}
.fs-langw:hover,.fs-langw:focus-within{border-color:#d4af37;box-shadow:0 0 0 2px rgba(212,175,55,.25)}

.fs-langw .fs-lang{position:absolute;inset:0;width:100%!important;min-width:0!important;max-width:none!important;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
/* Persian headings in Nastaliq (fa only) */
html[lang=fa]:not([data-lang=en]):not([data-lang=ar]):not([data-lang=elv]) main :is(h1,h2,h3,h4):not(.brand-shine-text){font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif!important;line-height:1.9!important;font-weight:400!important;padding-block:.15em;overflow:visible}
html[lang=fa]:not([data-lang=en]):not([data-lang=ar]):not([data-lang=elv]) main :is(h3,h4){font-size:1.12em}
@media (max-width:767px){*:has(> img[src^="/brand/founder"]){margin-left:auto!important;margin-right:auto!important}img[src^="/brand/founder"]{margin-left:auto;margin-right:auto}}

/* Old Persian cuneiform (peo): transliterated Persian, LTR; font fetched only when cuneiform glyphs appear */
@font-face{font-family:"Noto Sans Old Persian";src:url(/fonts/NotoSansOldPersian-Regular.woff2) format("woff2");unicode-range:U+103A0-103DF;font-display:swap}
html[data-lang=peo]{--font-sans:"Noto Sans Old Persian",system-ui,"Segoe UI",Roboto,Arial,sans-serif;--font-display:"Noto Sans Old Persian",Georgia,serif}
html[data-lang=peo] [lang=fa]{font-family:"Noto Naskh Arabic","Vazirmatn",Tahoma,serif}
html[data-lang=peo] .fs-peo{font-family:"Noto Sans Old Persian",system-ui,sans-serif!important;letter-spacing:.03em;word-break:break-word}
.fs-lang option{font-family:system-ui,"Noto Sans Old Persian","Noto Naskh Arabic",sans-serif}