:root{--ink:#0d1e30;--sky:#4db3fa;--blue:#0b6bb8;--mist:#eef2f7;--sheet:#fff;--fg:#0d1e30;--fg-2:#3d4e62;--fg-muted:#5a6a7d;--line:#d8e0ea;--tint:#f5f8fb;--blue-tint:#e6f1fb;--ok:#1b7a45;--ok-tint:#e3f4ea;--warn:#9a5b00;--warn-tint:#fcf1de;--bad:#b42318;--bad-tint:#fde8e6;--info:#0b6bb8;--info-tint:#e6f1fb;--shadow:0 1px 2px #0d1e300f, 0 10px 28px #0d1e3012;--title:"Beiruti", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans Arabic", sans-serif;--radius:12px;--topbar:60px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fg:#e8eef5;--fg-2:#bcc8d6;--fg-muted:#93a3b6;--mist:#081321;--sheet:#0f1e30;--line:#24364b;--tint:#13253a;--blue-tint:#10304d;--blue:#4db3fa;--ok:#5fd08f;--ok-tint:#12301f;--warn:#f2b25c;--warn-tint:#33240c;--bad:#ff8a80;--bad-tint:#3a1513;--info:#7cc6fb;--info-tint:#10304d;--shadow:0 1px 2px #0000004d, 0 10px 28px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--fg:#e8eef5;--fg-2:#bcc8d6;--fg-muted:#93a3b6;--mist:#081321;--sheet:#0f1e30;--line:#24364b;--tint:#13253a;--blue-tint:#10304d;--blue:#4db3fa;--ok:#5fd08f;--ok-tint:#12301f;--warn:#f2b25c;--warn-tint:#33240c;--bad:#ff8a80;--bad-tint:#3a1513;--info:#7cc6fb;--info-tint:#10304d;--shadow:0 1px 2px #0000004d, 0 10px 28px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--topbar) + 16px)}body{background:var(--mist);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%}a{color:var(--blue)}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:6px}h1,h2,h3,h4{text-wrap:balance}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--sheet);color:var(--fg);border:1px solid var(--line);font:inherit;border-radius:8px;padding:8px 12px;position:fixed;top:-60px;left:12px}.skip:focus{top:10px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.topbar{z-index:30;height:var(--topbar);padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));color:#fff;background:#0d1e30;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{color:#fff;font:700 20px/1 var(--title);word-spacing:.12em;align-items:center;gap:10px;text-decoration:none;display:flex}.brand em{color:#4db3fa;font-style:normal}.brand__mark{color:#0d1e30;width:30px;height:30px;font:800 18px/1 var(--title);background:#4db3fa;border-radius:8px;place-items:center;display:grid}.topbar__search{color:#c3d2e2;background:#ffffff12;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:10px;min-width:min(340px,40vw);margin-inline-start:auto;padding:8px 14px;font-size:14px;text-decoration:none;display:flex}.topbar__search:hover{color:#fff;background:#ffffff1f}.topbar__menu{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px;display:none}.layout{min-height:calc(100vh - var(--topbar));grid-template-columns:264px minmax(0,1fr);display:grid}.sidebar{top:var(--topbar);height:calc(100vh - var(--topbar));padding:18px 12px 32px max(12px, env(safe-area-inset-left,0px));border-inline-end:1px solid var(--line);background:var(--mist);align-self:start;position:sticky;overflow-y:auto}.side-group{margin-top:18px}.side-group>p{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 6px;padding-inline:12px;font-size:11.5px;font-weight:700}.side-link{color:var(--fg-2);border-radius:9px;align-items:center;gap:10px;padding:7px 12px;font-size:14.5px;text-decoration:none;display:flex}.side-link:hover{background:var(--sheet);color:var(--fg)}.side-link.is-active{background:var(--sheet);color:var(--blue);box-shadow:var(--shadow);font-weight:600}.side-link .icon{opacity:.85;flex:none}.main{min-width:0;padding-block:28px 40px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.main:focus{outline:none}.footer{text-align:center;max-width:1120px;color:var(--fg-muted);margin:48px auto 0;font-size:13px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin:0 0 6px;font-size:12px;font-weight:700}.eyebrow--light{color:#4db3fa}.lead{max-width:68ch;color:var(--fg-2);margin:0;font-size:17px}.prose{max-width:70ch;color:var(--fg-2);margin:0}.ui{color:var(--fg);background:var(--tint);border:1px solid var(--line);white-space:nowrap;border-radius:6px;padding:0 6px;font-weight:600;line-height:1.5;display:inline-block}.typed{background:var(--sheet);border:1px solid var(--line);color:var(--fg);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font:600 13px/1.4 ui-monospace,SF Mono,Menlo,monospace}.badge{font:600 12.5px/1 var(--body);white-space:nowrap;vertical-align:1px;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--info{background:var(--info-tint);color:var(--info)}.badge--warn{background:var(--warn-tint);color:var(--warn)}.badge--ok{background:var(--ok-tint);color:var(--ok)}.badge--bad{background:var(--bad-tint);color:var(--bad)}.badge--grey{background:var(--tint);color:var(--fg-muted);box-shadow:inset 0 0 0 1px var(--line)}.btn{font:600 15px/1 var(--body);border-radius:10px;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;display:inline-flex}.btn--primary{color:#0d1e30;background:#4db3fa}.btn--primary:hover{background:#7cc6fb}.btn--ghost{color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d}.btn--ghost:hover{background:#ffffff14}.home{gap:36px;max-width:1120px;margin:0 auto;display:grid}.hero{color:#fff;background:#0d1e30;border-radius:20px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:32px;padding:clamp(24px,4vw,44px);display:grid;overflow:hidden}.hero h1{font:800 clamp(36px, 5vw, 56px)/1.02 var(--title);word-spacing:.12em;margin:0 0 14px}.hero h1 span{color:#4db3fa;display:block}.hero p{color:#c3d2e2;max-width:52ch;margin:0}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero__shot{transform-origin:0;border-radius:12px;overflow:hidden;transform:perspective(1400px)rotateY(-6deg);box-shadow:0 20px 50px #0006}.hero__shot img{width:100%;height:auto;display:block}.group__head{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:14px;display:flex}.group__head h2{font:800 28px/1.15 var(--title);word-spacing:.12em;margin:0}.group__head p{color:var(--fg-muted);margin:0}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.card{background:var(--sheet);box-shadow:var(--shadow);color:var(--fg);border:1px solid #0000;border-radius:14px;align-content:start;gap:6px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.card:hover{border-color:var(--sky);transform:translateY(-2px)}.card__icon{background:var(--blue-tint);width:40px;height:40px;color:var(--blue);border-radius:10px;place-items:center;margin-bottom:6px;display:grid}.card strong{font:700 20px/1.2 var(--title);word-spacing:.12em}.card__text{color:var(--fg-2);font-size:14.5px}.card__meta{color:var(--fg-muted);margin-top:4px;font-size:12.5px}.chapter{max-width:1180px;margin:0 auto}.chapter__head{background:var(--sheet);box-shadow:var(--shadow);border-radius:18px;align-items:flex-start;gap:18px;padding:clamp(20px,3vw,32px);display:flex}.chapter__head h1{font:800 clamp(32px, 4vw, 44px)/1.08 var(--title);word-spacing:.12em;margin:0 0 8px}.chapter__icon{color:#4db3fa;background:#0d1e30;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.chapter__body{grid-template-columns:210px minmax(0,1fr);gap:28px;margin-top:24px;display:grid}.on-page{top:calc(var(--topbar) + 20px);max-height:calc(100vh - var(--topbar) - 40px);align-self:start;font-size:14px;position:sticky;overflow-y:auto}.on-page p{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 8px;font-size:11.5px;font-weight:700}.on-page ol{border-inline-start:2px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.on-page a{color:var(--fg-2);border-inline-start:2px solid #0000;margin-inline-start:-2px;padding:5px 12px;line-height:1.35;text-decoration:none;display:block}.on-page a:hover{color:var(--fg)}.on-page a[aria-current]{border-color:var(--blue);color:var(--blue);font-weight:600}.sections{gap:22px;min-width:0;display:grid}.section{background:var(--sheet);min-width:0;box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:clamp(18px,3vw,32px);display:grid}.section__head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.section h2{font:800 clamp(24px, 2.8vw, 30px)/1.15 var(--title);word-spacing:.12em;margin:0}.anchor{color:inherit;text-decoration:none}.anchor:hover{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px}.who{background:var(--warn-tint);color:var(--warn);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600}.where{color:var(--fg-2);flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:14px;display:flex}.where span:first-child{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-size:11.5px;font-weight:700}.section__summary{font-size:16.5px}.section h4,.fields h4,.badge-group h4{font:700 18px/1.25 var(--title);word-spacing:.12em;margin:0 0 8px}.steps{counter-reset:s;gap:11px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.steps li:before{content:counter(s);background:var(--blue-tint);width:26px;height:26px;color:var(--blue);font:700 13.5px/26px var(--body);text-align:center;border-radius:8px}.note{color:var(--fg-2);border-radius:10px;gap:2px;max-width:78ch;padding:12px 14px;font-size:14.5px;display:grid}.note strong{color:var(--fg)}.note--tip{background:var(--blue-tint)}.note--warn{background:var(--warn-tint)}.note--warn strong{color:var(--warn)}.note--bad{background:var(--bad-tint)}.shot{gap:10px;min-width:0;margin:0;display:grid}.shot__frame{border:1px solid var(--line);border-radius:var(--radius);cursor:zoom-in;background:#eef2f7;width:100%;padding:0;display:block;position:relative;overflow:hidden}.shot__frame img{width:100%;height:auto;display:block}.shot--phone{max-width:320px}.shot figcaption{color:var(--fg-muted);font-size:13px}.pin{color:#fff;width:28px;height:28px;font:700 14px/28px var(--body);text-align:center;background:#0b6bb8;border-radius:50%;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 0 0 3px #fff,0 4px 12px #0d1e3066}.legend{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 22px;margin:4px 0 0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}.legend__n{background:var(--blue);width:26px;height:26px;color:var(--sheet);font:700 13px/26px var(--body);text-align:center;border-radius:50%}.legend strong{font-size:15px;display:block}.legend span{color:var(--fg-2);font-size:14px}.pair{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:26px;display:grid}.pair__text{gap:14px;min-width:0;display:grid}.pair .fields dl>div{grid-template-columns:minmax(0,1fr);gap:2px}.gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.fields{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.fields dl{gap:10px;margin:0;display:grid}.fields dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(130px,.32fr) minmax(0,1fr);gap:4px 16px;padding-top:10px;display:grid}.fields dl>div:first-child{border-top:0;padding-top:0}.fields dt{font-size:14.5px;font-weight:600}.fields dd{color:var(--fg-2);margin:0;font-size:14.5px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}th{background:var(--tint);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-muted);font-size:11.5px;font-weight:700}tr:last-child td{border-bottom:0}td:first-child{font-weight:600}.flow-block{gap:12px;display:grid}.flow-scroll{padding-bottom:4px;overflow-x:auto}.flow{min-width:620px;margin:0;padding:0;list-style:none;display:grid}.flow__step{padding-inline-end:20px;position:relative}.flow__step:not(:last-child):after{content:"";inset-inline-end:4px;border-top:2px solid var(--fg-muted);border-inline-end:2px solid var(--fg-muted);width:12px;height:12px;position:absolute;top:26px;transform:rotate(45deg)}.flow__box{border:1px solid var(--line);background:var(--sheet);border-radius:12px;height:100%;padding:14px}.flow__box p{color:var(--fg-2);margin:8px 0 0;font-size:14px}.flow__action{color:var(--fg-muted);margin-top:10px;font-size:13px;display:block}.badge-groups{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.badge-group{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.badge-group dl{gap:9px;margin:0;display:grid}.badge-group dl>div{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;font-size:14px;display:grid}.badge-group dd{color:var(--fg-2);margin:0}.mini-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.mini-card{border:1px solid var(--line);background:var(--tint);color:var(--fg);border-radius:10px;gap:4px;padding:12px 14px;text-decoration:none;display:grid}a.mini-card:hover{border-color:var(--sky)}.mini-card strong{font-size:15px}.mini-card span{color:var(--fg-2);font-size:13.5px}.pager{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.pager__link{background:var(--sheet);min-width:200px;box-shadow:var(--shadow);color:var(--fg);border-radius:12px;gap:2px;padding:14px 18px;font-weight:600;text-decoration:none;display:grid}.pager__link small{color:var(--fg-muted);font-weight:500}.pager__link--next{text-align:end;margin-inline-start:auto}.pager__link:hover{color:var(--blue)}.search-page{gap:14px;max-width:820px;margin:0 auto;display:grid}.search-page h1{font:800 38px/1.1 var(--title);word-spacing:.12em;margin:0}.search-input{width:100%;font:inherit;color:var(--fg);background:var(--sheet);border:1px solid #7f8ea0;border-radius:12px;padding:14px 16px;font-size:17px}.search-count{color:var(--fg-muted);margin:0;font-size:14px}.results{gap:10px;margin:0;padding:0;list-style:none;display:grid}.results a{background:var(--sheet);box-shadow:var(--shadow);color:var(--fg);border-radius:12px;gap:3px;padding:14px 16px;text-decoration:none;display:grid}.results a:hover{outline:2px solid var(--sky)}.results small{color:var(--blue);font-size:12.5px;font-weight:600}.results span{color:var(--fg-2);font-size:14.5px}.search-suggest p{color:var(--fg-muted);margin:8px 0;font-size:14px}.search-suggest ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.search-suggest button{font:inherit;border:1px solid var(--line);background:var(--sheet);color:var(--fg);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:14px}.search-suggest button:hover{border-color:var(--sky)}.missing{text-align:center;max-width:640px;margin:40px auto}.lightbox{background:0 0;border:0;width:min(1440px,96vw);max-width:none;max-height:94vh;padding:0;overflow:visible}.lightbox::backdrop{background:#081321d6}.lightbox figure{margin:0}.lightbox img{border-radius:10px;max-width:100%;max-height:86vh;margin:0 auto;display:block}.lightbox figcaption{text-align:center;color:#e8eef5;margin-top:10px;font-size:14px}.lightbox__close{top:-6px;color:#0d1e30;font:600 14px/1 var(--body);cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;display:inline-flex;position:absolute;inset-inline-end:-6px}@media (width<=1080px){.chapter__body{grid-template-columns:minmax(0,1fr)}.on-page{max-height:none;position:static}.on-page ol{border:0;flex-wrap:wrap;gap:6px;display:flex}.on-page a{border:1px solid var(--line);background:var(--sheet);border-radius:999px;margin:0;padding:5px 11px;font-size:13.5px}.on-page a[aria-current]{border-color:var(--blue)}.pair{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.layout{grid-template-columns:minmax(0,1fr)}.topbar__menu{display:inline-flex}.topbar__search{min-width:0;padding:8px 10px}.topbar__search span{display:none}.sidebar{inset:var(--topbar) 0 0 0;z-index:25;height:auto;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));display:none;position:fixed}.sidebar.is-open{display:block}.hero{grid-template-columns:minmax(0,1fr)}.hero__shot{transform:none}.chapter__head{flex-direction:column}}@media (width<=520px){.pin{width:22px;height:22px;margin:-11px 0 0 -11px;font-size:12px;line-height:22px}.fields dl>div{grid-template-columns:minmax(0,1fr)}}