:root{--paper:#faf7ef;--beige:#ede4d5;--ink:#20334d;--blue:#355c85;--sand:#e6c476;--light-blue:#d8e2ec;--muted:#55657a;--line:#c9c6bd;--font-body:"IBM Plex Sans Arabic",sans-serif;--font-display:"Library Thmanyah Display","IBM Plex Sans Arabic",sans-serif;--side-w:300px}@font-face{font-family:Library Thmanyah Display;src:local(thmanyah serif display Bold),local(thmanyahserifdisplay-Bold);font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--blue) var(--beige);scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);font:400 18px/1.85 var(--font-body);margin:0}::selection{background:var(--sand);color:var(--ink)}p,h1,h2,h3,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--blue);text-underline-offset:5px}button{font:inherit;cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-family:Manrope,sans-serif;display:inline-block}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:12px;position:fixed;top:-100px;right:20px}.skip:focus{top:10px}.shell{grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--beige);border-inline-end:1px solid var(--line);align-content:start;gap:34px;height:100vh;padding:34px 28px;display:grid;position:sticky;top:0;overflow-y:auto}.brand{color:var(--ink);font-size:19px;font-weight:600;line-height:1.5;text-decoration:none;display:block}.brand small{color:var(--muted);text-align:right;font:500 11px/1.8 Manrope,sans-serif;display:block}.side-toggle{display:none}.side-body{gap:30px;display:grid}.side-nav{gap:4px;display:grid}.side-nav a{color:var(--ink);border-radius:8px;padding:9px 14px;font-size:17px;font-weight:500;text-decoration:none;display:block}.side-nav a:hover{background:var(--paper)}.side-nav a[aria-current]{background:var(--ink);color:var(--paper)}.side-group{border-top:1px solid var(--line);gap:10px;padding-top:24px;display:grid}.side-group h2{font:500 14px/1.6 var(--font-body);color:var(--muted)}.topics{flex-wrap:wrap;gap:8px;display:flex}.topics button{border:1px solid var(--blue);min-height:40px;color:var(--blue);font:500 15px/1.7 var(--font-body);background:0 0;border-radius:24px;padding:5px 15px}.topics button:hover{background:var(--light-blue)}.topics button[aria-pressed=true]{background:var(--blue);color:var(--paper)}html:not(.js) .filter{display:none}.filter{gap:10px;margin-bottom:26px;display:grid}.filter h2{font:500 15px/1.6 var(--font-body);color:var(--muted)}.side-group .tree-head{font:700 19px/1.6 var(--font-display);color:var(--ink)}.side-links a[aria-current]{border-color:var(--blue);color:var(--blue);font-weight:600}.side-links{gap:2px;font-size:15px;line-height:1.7;display:grid}.side-links a{color:var(--ink);border-inline-start:2px solid #0000;padding:6px 14px;text-decoration:none;display:block}.side-links a:hover{border-color:var(--blue);color:var(--blue)}main{align-content:start;gap:40px;min-width:0;padding:64px clamp(22px,5vw,80px) 40px;display:grid}.page-head{gap:12px;max-width:44rem;display:grid}.page-head h1{font:700 clamp(34px,4vw,52px)/1.45 var(--font-display);text-wrap:balance}.lead{color:var(--muted);font-size:20px;line-height:1.9}.count{color:var(--muted);font-size:14px}.empty{border:1px dashed var(--line);color:var(--muted);border-radius:14px;max-width:44rem;padding:28px}.foot{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:13px}.sample-flag{background:var(--sand);border-radius:5px;justify-self:start;padding:4px 14px;font-size:14px}.titles{border-top:1px solid var(--line);max-width:52rem}.titles a{border-bottom:1px solid var(--line);color:var(--ink);font:700 clamp(21px,2.1vw,27px)/1.6 var(--font-display);justify-content:space-between;align-items:baseline;gap:20px;padding:22px 6px;text-decoration:none;transition:background .18s,padding .18s;display:flex}.titles a:after{content:"←";color:var(--blue);flex-shrink:0;font:500 22px/1 Manrope,sans-serif}.titles a:hover{background:var(--beige);color:var(--blue);padding-inline:18px}@media (width>=861px){.titles{border-top:0;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:none;display:grid}.titles a{border:2px solid var(--ink);background:var(--paper);border-radius:14px;align-items:end;height:100%;min-height:150px;padding:24px;font-size:23px}.titles a:hover{background:var(--light-blue);padding:24px;transform:translateY(-3px)}}.crumb{font-size:15px}.byline{color:var(--muted);font-size:15px}.prose{gap:22px;max-width:42rem;display:grid}.prose h2{font:700 clamp(25px,2.6vw,33px)/1.55 var(--font-display);margin-top:26px;scroll-margin-top:24px}.prose h3{margin-top:10px;font-size:22px;font-weight:600;line-height:1.7}.prose ul,.prose ol{gap:8px;padding-inline-start:26px;display:grid}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose blockquote{background:var(--light-blue);border-inline-start:4px solid var(--blue);border-radius:6px;margin:0;padding:18px 22px}.prose img{border-radius:10px;max-width:100%;height:auto}.prose .shot{justify-items:start;gap:8px;margin:0;display:grid}.prose .shot img{border:1px solid var(--line)}.prose .shot--tall img{max-width:min(100%,400px)}.prose .shot figcaption{color:var(--muted);font-size:15px;line-height:1.7}.prose table{border-collapse:collapse;width:100%;font-size:16px}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:start;padding:10px 8px}.prose mark,.page-head h1 mark{background:var(--sand);color:var(--ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.08em;padding:.08em .22em}.prose code{background:var(--beige);direction:ltr;unicode-bidi:isolate;border-radius:4px;padding:1px 6px;font:500 .88em/1.6 Manrope,monospace}.prose blockquote strong{color:var(--blue);font-size:1.08em}.say{--red:#a63f30;--tone:var(--blue);grid-template-columns:168px minmax(0,1fr);align-items:end;gap:0 16px;margin-block:4px;display:grid}.say--warn{--tone:var(--red)}.say>img{border-radius:0;align-self:end;width:168px;height:auto}.say-body{justify-items:start;gap:4px;min-width:0;padding-bottom:18px;display:grid}.say-note{color:var(--tone);font:700 17px/1.4 var(--font-body);align-items:flex-end;gap:2px;display:flex}.say-note>span{display:inline-block;rotate:-3deg}.say-note svg{flex:none;animation:1.5s ease-in-out 2 say-bob}.say--up .say-note svg{margin-bottom:6px;scale:1 -1}.say-card{border:2px solid var(--ink);background:#fff;border-radius:16px;padding:14px 18px;font-weight:500;line-height:1.8;position:relative}.say-card:before{content:"";inset-inline-start:-9px;border-inline-start:2px solid var(--ink);border-bottom:2px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;bottom:22px;transform:rotate(45deg)}[dir=rtl] .say-card:before{transform:rotate(-45deg)}.say-card b{color:var(--tone)}@keyframes say-bob{50%{translate:0 4px}}.claims{--red:#a63f30;--green:#246747;gap:12px;margin:0;display:grid}.claims-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.claim{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:14px;justify-items:center;gap:2px;padding:14px 8px;font-size:15px;display:grid}.claim b{font-size:34px;line-height:1.2}.claim-who{font:600 14px/1.5 "Manrope",var(--font-body);color:var(--muted)}.claim--bad{border-color:var(--red);color:var(--red)}.claim--good{border-color:var(--green);color:var(--green);position:relative}.claim--good:after{content:"";border:2.5px solid var(--green);pointer-events:none;border-radius:50%;position:absolute;inset:-6px -9px;rotate:-4deg}.claims-ga4{background:var(--light-blue);border-inline-start:4px solid var(--blue);color:var(--blue);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;font-weight:500;display:flex}.claims-ga4 .split{flex-wrap:wrap;gap:8px;display:flex}.claims-ga4 .split>span{border:1.5px solid var(--blue);background:#fff;border-radius:20px;padding:2px 12px}.claims figcaption{color:var(--muted);font-size:14px}.journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:4px 0 6px;display:grid;position:relative;list-style:none!important}.prose .journey{padding-inline-start:0}.journey:before{content:"";top:30px;border-top:2.5px dashed var(--blue);position:absolute;inset-inline:16%}.journey li{text-align:center;justify-items:center;gap:6px;font-size:15px;line-height:1.6;display:grid;position:relative}.journey .dot{border:2.5px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font:700 15px/1 Manrope,sans-serif;display:grid}.journey .dot--buy{background:var(--sand)}.journey .when{color:var(--blue);font-weight:700}.journey .who{font:600 14px/1.5 "Manrope",var(--font-body);color:var(--muted)}.claims-says{grid-template-columns:1fr 1fr;gap:10px;display:grid}.claims-says p{border:2px solid var(--red);color:var(--red);text-align:center;background:#fff;border-radius:14px;padding:10px 14px;font-weight:600;position:relative}.widget{--red:#a63f30;--green:#246747;border:2px solid var(--ink);background:#fff;border-radius:16px;gap:14px;padding:22px;display:grid}.widget h3{margin:0;font-size:21px}.widget-guide{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;display:grid}.widget-guide img{border-radius:0;width:84px;height:auto}.widget-guide p{background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:10px 14px;font-weight:500;line-height:1.7;position:relative}.widget-task{color:var(--muted);font-size:16px}.widget-task strong{color:var(--ink)}.widget-lead{color:var(--muted);font-size:15px}.ptr-note{color:var(--blue);font:700 16px/1.4 var(--font-body);align-items:flex-end;gap:2px;margin-bottom:-6px;display:flex}.ptr-note>span{display:inline-block;rotate:-3deg}.ptr-note svg{flex:none;animation:1.5s ease-in-out 2 say-bob}.choices,.prose .choices{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.choice{border:1.5px solid var(--blue);background:var(--paper);color:var(--blue);font:500 16px/1.5 var(--font-body);text-align:start;border-radius:10px;padding:9px 14px}.choice:hover{background:var(--light-blue)}.choice[aria-pressed=true]{background:var(--blue);color:var(--paper)}.choice.is-wrong{border-color:var(--red);color:var(--red);background:#fbe9e4}.choice.is-right{border-color:var(--green);color:var(--green);background:#e3f3ea}.lab-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lab-fields label{color:var(--muted);gap:4px;font:600 14px/1.5 Manrope,sans-serif;display:grid}.lab-fields select,.lab-fields input{border:1.5px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);text-align:left;direction:ltr;border-radius:8px;padding:6px 10px;font:500 16px/1.4 Manrope,sans-serif}.url-box{text-align:left;background:var(--beige);word-break:break-all;direction:ltr;border-radius:8px;padding:10px 12px;font:500 15px/1.6 Manrope,monospace}.url-box b{color:var(--blue)}.copy-box{background:var(--beige);direction:ltr;border-radius:10px;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex}.prose .copy-text{overflow-wrap:anywhere;user-select:all;background:0 0;flex:1;min-width:0;padding:0;font:500 16px/1.6 Manrope,monospace}.copy-btn{background:var(--blue);color:var(--paper);font:600 15px/1.4 var(--font-body);cursor:pointer;direction:rtl;border:0;border-radius:8px;flex:none;padding:8px 14px}.copy-btn:hover,.copy-btn.is-done{background:var(--ink)}.steps{counter-reset:st;gap:8px!important;padding:0!important;list-style:none!important}.steps li{counter-increment:st;border:1.5px solid var(--line);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:8px 12px;font-size:16px;line-height:1.7;transition:opacity .25s,background .25s;display:grid}.steps li:before{content:counter(st);background:var(--beige);border-radius:50%;place-items:center;width:28px;height:28px;font:700 15px/1.9 Manrope,sans-serif;display:grid}.steps .verdict{white-space:nowrap;font-size:14px;font-weight:700}.steps li.is-no{opacity:.45}.steps li.is-yes{border-color:var(--blue);background:var(--light-blue)}.steps li.is-yes:before{background:var(--blue);color:var(--paper)}.verdict-box{background:var(--light-blue);border-inline-start:4px solid var(--blue);border-radius:10px;gap:8px;padding:14px 16px;display:grid}.verdict-box.is-bad{border-color:var(--red);background:#fbe9e4}.verdict-box.is-good{border-color:var(--green);background:#e3f3ea}.verdict-box dl{grid-template-columns:auto 1fr;gap:4px 14px;margin:0;display:grid}.verdict-box dt{color:var(--muted);font-size:15px}.verdict-box dd{font:700 16px/1.6 "Manrope",var(--font-body);text-align:right;direction:ltr;margin:0}.verdict-box p{font-weight:500;line-height:1.75}.verdict-box.is-bad p b{color:var(--red)}.verdict-box.is-good p b{color:var(--green)}.widget-next{background:var(--blue);color:var(--paper);font:600 16px/1.5 var(--font-body);border:0;border-radius:10px;justify-self:start;padding:11px 18px}.js .js-hide,html:not(.js) .js-only{display:none}@media (width<=860px){.say{grid-template-columns:88px minmax(0,1fr);gap:0 10px}.say>img{width:88px}.claims-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget{padding:16px}.lab-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.say-note svg,.ptr-note svg{animation:none}}@media (width<=860px){.shell{grid-template-columns:1fr}.side{border-inline-end:0;border-bottom:1px solid var(--line);gap:0;height:auto;padding:14px 20px;position:static}.side-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{font-size:16px}.brand small{display:none}.js .side-toggle{border:1px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:6px 18px;font-size:15px;font-weight:500;display:inline-flex}.js .side-toggle:after{content:"▾";font-size:12px}.js .side-toggle[aria-expanded=true]:after{content:"▴"}.side-body{gap:22px;padding-top:18px}.js .side:not(.is-open) .side-body{display:none}main{gap:28px;padding:36px 22px 30px}.lead{font-size:18px}.titles a{padding:18px 4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}@media print{.side,.filter{display:none}.shell{display:block}}
