@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');
:root{--indigo:#23386E;--indigo-lt:#3C5AA8;--straw:#E4CE9B;--madder:#C4472F;--laurel:#4A7A5C;
--paper:#FCFAF5;--ink:#1A1D26;--ink2:#5F5A4E;--ink3:#8A8375;--line:#E7DFCC;--tile:#F0E5CC}
*{box-sizing:border-box}
body{margin:0;direction:rtl;background:var(--paper);color:var(--ink);
 font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:0 22px 90px}
header.site{background:var(--indigo);padding:22px 0}
header.site .wrap{padding-bottom:0;display:flex;align-items:center;gap:12px}
.logo{width:38px;height:38px;background:var(--straw);flex:none;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M42 50V43a18 18 0 0 1 36 0v7' fill='none' stroke='%23000' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M28 52h64l-7.6 38.5a10 10 0 0 1-9.8 8.1H45.4a10 10 0 0 1-9.8-8.1z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M42 50V43a18 18 0 0 1 36 0v7' fill='none' stroke='%23000' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M28 52h64l-7.6 38.5a10 10 0 0 1-9.8 8.1H45.4a10 10 0 0 1-9.8-8.1z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
header.site b{font-family:"Reem Kufi",sans-serif;font-size:26px;color:var(--straw);font-weight:600}
header.site nav{margin-inline-start:auto;display:flex;gap:18px;flex-wrap:wrap}
header.site nav a{color:#C6CEE2;text-decoration:none;font-size:14.5px}
header.site nav a:hover{color:#fff}
h1{font-family:"Reem Kufi",sans-serif;font-size:clamp(28px,5vw,40px);font-weight:600;margin:44px 0 6px;line-height:1.25}
h2{font-family:"Reem Kufi",sans-serif;font-size:22px;font-weight:500;margin:38px 0 8px;color:var(--indigo)}
h3{font-size:18px;font-weight:600;margin:24px 0 4px}
p,li{color:var(--ink2)}
p{margin:0 0 14px;max-width:68ch}
ul{padding-inline-start:22px;max-width:68ch}li{margin-bottom:7px}li::marker{color:var(--indigo-lt)}
.upd{font-size:14px;color:var(--ink3);margin-bottom:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 24px;margin:22px 0}
.card.warn{border-inline-start:4px solid var(--madder);background:#FDF3F0}
.card.ok{border-inline-start:4px solid var(--laurel);background:#F1F7F2}
table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15.5px}
th{text-align:right;background:var(--tile);padding:10px 13px;font-weight:600;font-size:14px}
td{padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2)}
.btn{display:inline-block;background:var(--indigo);color:#fff;text-decoration:none;
 padding:13px 30px;border-radius:99px;font-family:"Reem Kufi",sans-serif;font-size:16px;margin:6px 8px 6px 0}
.btn.g{background:transparent;color:var(--indigo);border:1.5px solid var(--indigo)}
a{color:var(--indigo)}
footer{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;font-size:14px;color:var(--ink3)}
footer a{margin-inline-end:16px;text-decoration:none}
code{background:var(--tile);padding:2px 7px;border-radius:4px;font-size:14.5px;direction:ltr;display:inline-block}