/* Regional pages: original BasharWeb cyan and charcoal palette. */
:root{color-scheme:dark;--accent:#41b9da;--background:#171717;--text:#eee;--muted:#b8b8b8;--line:#353535}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--text);font:17px/1.8 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
header,main,footer{width:min(100% - 48px,1080px);margin-inline:auto}
header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
header>a{font-size:25px;font-weight:700;letter-spacing:-1px;text-decoration:none}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
a{color:var(--accent);text-underline-offset:5px}
a:hover{color:#fff}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
main{padding-block:48px 64px}
main>p:first-child{margin:0 0 16px;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold;color:var(--accent)}
h1,h2{line-height:1.2;letter-spacing:-.035em}
h1{font-size:clamp(34px,5.4vw,64px);max-width:900px;margin:0 0 24px;color:var(--accent)}
h2{font-size:clamp(25px,3vw,34px);margin:0 0 20px;color:#fff}
p{margin:0 0 20px;max-width:820px}
.lead{font-size:clamp(18px,2vw,22px);color:#d0d0d0;max-width:850px;margin-bottom:28px}
.cta{display:inline-block;color:#101010;background:var(--accent);padding:12px 26px;border:1px solid var(--accent);border-radius:28px;text-decoration:none;font-weight:700;line-height:1.5}
.cta:hover{background:transparent;color:var(--accent)}
section{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
ul,ol{max-width:850px;padding-left:24px;margin:0}
li{margin:12px 0;color:#d0d0d0}strong{color:#fff}
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:bold;color:#eee}
details p{margin:16px 0 0;color:var(--muted)}
footer{border-top:1px solid var(--line);padding-block:28px 40px;font-size:14px}
@media(max-width:540px){header,main,footer{width:calc(100% - 36px)}header{min-height:80px;gap:16px}header>a{font-size:23px}header nav{gap:16px;font-size:14px}main{padding-top:36px}section{margin-top:36px;padding-top:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}