:root{color-scheme:light;--brand:#16362A;--brand-ink:#fff;--tint:#EEF3F0;--bg:#fff;--surface:#fff;--ink:#18221D;--muted:#56615B;--line:#D9E0DB;--line-soft:#ECF0ED;--focus:#1B5C9A;--font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.9 var(--font)}
a{color:var(--focus)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.head{background:var(--brand);color:var(--brand-ink);position:sticky;top:0;z-index:10}
.head-in{max-width:46rem;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem;color:var(--brand-ink);text-decoration:none;min-height:44px}
.brand img{height:28px;width:auto;display:block;filter:brightness(0) invert(1)}
.brand-sep{width:1px;height:22px;background:rgba(255,255,255,.35)}
.brand-name{font-weight:300;font-size:1.05rem}
.head a.back{margin-inline-start:auto;color:var(--brand-ink);text-decoration:none;font-size:.95rem;padding:.5rem .75rem;border-radius:8px;min-height:44px;display:flex;align-items:center}
.head a.back:hover{background:rgba(255,255,255,.1)}
.head :focus-visible{outline-color:#fff}

.doc{max-width:46rem;margin:0 auto;padding:1.75rem 16px 4rem}
h1{font-size:1.8rem;line-height:1.4;margin:0 0 .35rem;color:var(--brand)}
.meta{margin:0 0 1.25rem;color:var(--muted);font-size:.92rem}

.sum{background:var(--tint);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.25rem;margin-bottom:1.5rem}
.sum h2{margin:0 0 .5rem;font-size:1.05rem;color:var(--brand);border:0;padding:0}
.sum ul{margin:0;padding-inline-start:1.2rem}.sum li{margin:.3rem 0}

.tools{display:flex;justify-content:flex-end;margin-bottom:.6rem}
.tools button{font:inherit;font-size:.9rem;background:none;border:0;color:var(--focus);cursor:pointer;padding:.4rem .6rem;min-height:44px;text-decoration:underline}

details.sec{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:.6rem;overflow:hidden}
details.sec>summary{cursor:pointer;list-style:none;padding:.9rem 1.1rem;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px}
details.sec>summary::-webkit-details-marker{display:none}
details.sec>summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--muted);flex:none}
details.sec[open]>summary::after{content:"−"}
details.sec[open]>summary{border-bottom:1px solid var(--line-soft);background:var(--tint)}
.body{padding:.4rem 1.1rem .9rem}
.body ul{margin:.4rem 0;padding-inline-start:1.2rem}.body li{margin:.4rem 0}.body p{margin:.5rem 0}
code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;direction:ltr;unicode-bidi:isolate}

.foot{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem}
@media print{.head,.tools{display:none}details.sec{break-inside:avoid}}