@font-face{font-family:Co;src:url(fonts/co-bold.woff) format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Din;src:url(fonts/din-medium.woff) format("woff");font-weight:400 600;font-display:swap}
:root{--teal:#62a095;--deep:#2b5f56;--ink:#1f3a35;--burnt:#c55c1e;--amber:#f8a943;--cream:#e8e3d6;--paper:#f4f0e6}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden;font:500 17px/1.9 Din,"Segoe UI",Tahoma,sans-serif;background:var(--cream);color:var(--ink)}
h1,h2{font-family:Co,Din,Tahoma,sans-serif;font-weight:700;line-height:1.35}
img{display:block;max-width:100%;height:auto}a{color:inherit}
:focus-visible{outline:3px solid var(--burnt);outline-offset:3px}
html[lang=ar] [data-l=en],html[lang=en] [data-l=ar]{display:none!important}
.w{max-width:820px;margin:auto;padding-inline:22px}
header{height:68px;background:var(--cream);position:sticky;top:0;z-index:5}
header .w{display:flex;align-items:center;gap:16px;height:100%;max-width:1120px}
header img{height:26px}
.bk{margin-inline-start:auto;font-size:15px}
.lg{background:none;border:2px solid var(--ink);color:inherit;border-radius:99px;padding:3px 16px;font:inherit;font-size:14px;cursor:pointer}
.doc{background:var(--paper);border-radius:28px;padding:clamp(24px,5vw,52px);margin-block:12px 56px}
h1{font-size:clamp(28px,5vw,42px);margin-bottom:6px}
.up{opacity:.75;font-size:15px;margin-bottom:26px}
.doc h2{font-size:21px;margin:30px 0 6px;color:var(--deep)}
.doc p{margin-bottom:10px}.doc ul{padding-inline-start:22px;margin-bottom:10px}.doc li{margin-bottom:4px}
.note{background:rgba(248,169,67,.28);border-radius:18px;padding:12px 18px;font-size:15px;margin-bottom:8px}
footer{background:var(--ink);color:var(--cream);padding-block:30px;font-size:14.5px}
footer .w{max-width:1120px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer a{text-decoration:none;margin-inline-end:18px;opacity:.92}footer a:hover{text-decoration:underline}
@media(max-width:520px){body{font-size:16.5px}}