:root{
  --tint:#FAFEFE;
  --surface:#FFFFFF;
  --line:#DDE7E7;
  --line-soft:#EAF2F2;
  --ink-900:#0F172A;
  --ink-700:#334155;
  --ink-500:#64748B;
  --brand:#1E40AF;
  --accent-100:#CFF8F3;
  --accent-600:#0C8883;
  --accent-700:#0E6D6A;
  --accent-800:#115755;
  --maxw:1080px;
  --read:68ch;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --tint:#0A1414;
    --surface:#0F1C1C;
    --line:#1E3333;
    --line-soft:#152525;
    --ink-900:#ECF6F5;
    --ink-700:#B7CCCA;
    --ink-500:#8AA5A3;
    --brand:#93B4FF;
    --accent-100:#10302E;
    --accent-600:#4FD5CB;
    --accent-700:#6FE0D6;
    --accent-800:#8FEAE1;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --tint:#0A1414;
  --surface:#0F1C1C;
  --line:#1E3333;
  --line-soft:#152525;
  --ink-900:#ECF6F5;
  --ink-700:#B7CCCA;
  --ink-500:#8AA5A3;
  --brand:#93B4FF;
  --accent-100:#10302E;
  --accent-600:#4FD5CB;
  --accent-700:#6FE0D6;
  --accent-800:#8FEAE1;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
img{max-width:100%;}
body{
  background:var(--tint);
  color:var(--ink-900);
  font-family:"IBM Plex Sans Arabic","Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px;}
@media (max-width:520px){.wrap{padding-inline:18px;}}

a{color:var(--brand);text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent-700);outline-offset:3px;border-radius:2px;}

header.site{border-block-end:1px solid var(--line);background:var(--tint);position:sticky;top:0;z-index:10;}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;}
.mark{display:flex;align-items:center;gap:10px;font-weight:600;font-size:19px;letter-spacing:-0.01em;color:var(--ink-900);}
.mark:hover{text-decoration:none;}
.glyph{inline-size:26px;block-size:26px;border-radius:50%;background:var(--accent-600);display:grid;place-items:center;flex:none;}
.glyph span{inline-size:10px;block-size:10px;border-radius:50%;background:var(--tint);}
.bar nav{display:flex;align-items:center;gap:20px;font-size:15px;}
.bar nav a{color:var(--ink-700);}
@media (max-width:640px){.bar nav .hide-sm{display:none;}}

.eyebrow{font-size:12px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent-800);margin:0 0 14px;}
h1{font-size:clamp(30px,4.4vw,42px);line-height:1.15;letter-spacing:-0.025em;font-weight:600;text-wrap:balance;margin:0;}
h2{font-size:clamp(21px,2.6vw,26px);line-height:1.25;letter-spacing:-0.02em;font-weight:600;text-wrap:balance;margin:0 0 14px;}
h3{font-size:18px;line-height:1.35;font-weight:600;margin:0 0 6px;letter-spacing:-0.01em;}
p{margin:0 0 16px;max-width:var(--read);}
.lede{font-size:clamp(17px,1.9vw,19px);line-height:1.6;color:var(--ink-700);margin-top:18px;}
.muted{color:var(--ink-500);}
.small{font-size:15px;}

main.doc{padding-block:clamp(38px,6vw,64px) clamp(48px,8vw,88px);}
main.doc section{padding-block:26px;border-block-start:1px solid var(--line-soft);}
main.doc section:first-of-type{border-block-start:none;padding-block-start:32px;}
main.doc ul{margin:0 0 16px;padding-inline-start:22px;max-width:var(--read);color:var(--ink-700);}
main.doc li{margin-block-end:8px;}
main.doc p{color:var(--ink-700);}
main.doc h2{color:var(--ink-900);}

dl.facts{margin:0;display:grid;gap:0;}
dl.facts > div{display:grid;grid-template-columns:200px 1fr;gap:18px;padding-block:16px;border-block-end:1px solid var(--line-soft);}
dl.facts > div:first-child{border-block-start:1px solid var(--line-soft);}
dl.facts dt{font-size:14px;font-weight:500;color:var(--ink-500);margin:0;}
dl.facts dd{margin:0;color:var(--ink-700);}
@media (max-width:640px){dl.facts > div{grid-template-columns:1fr;gap:4px;}}

.wash{background:var(--accent-100);border-radius:4px;padding:20px 22px;margin-block:22px;}
.wash p{margin:0;color:var(--accent-800);max-width:var(--read);}
.wash p + p{margin-block-start:12px;}

code.addr{font-family:inherit;font-weight:500;color:var(--ink-900);background:var(--line-soft);padding:2px 7px;border-radius:3px;overflow-wrap:anywhere;}

footer.site{border-block-start:1px solid var(--line);padding-block:32px 40px;color:var(--ink-500);font-size:14px;}
.footrow{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:center;justify-content:space-between;}
.footrow nav{display:flex;flex-wrap:wrap;gap:18px;}
footer.site a{color:var(--ink-700);}
footer.site p{margin:0;}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}