@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/unbounded-latin-ext-500-normal.BTIpesyw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/unbounded-latin-500-normal.4slEIF53.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/unbounded-latin-ext-600-normal.0iZLtTDV.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/unbounded-latin-600-normal.oRSANpZr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/unbounded-latin-ext-700-normal.BLzWLLjG.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/unbounded-latin-700-normal.CaoNriVp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-arabic-400-normal.CyU-ddYS.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-arabic-latin-400-normal.Bo5KPYvw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-arabic-arabic-600-normal.0pRdybE_.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-arabic-latin-600-normal.KrqB56Mw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/jetbrains-mono-latin-ext-500-normal.Cut-4mMH.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/jetbrains-mono-latin-500-normal.BWZEU5yA.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--surface:#faf8ff;--surface-raised:#fff;--line:#e4dcf5;--ink:#1a0b33;--ink-muted:#5e5478;--violet:#6d28d9;--violet-soft:#ede5ff;--on-violet:#fff;--wasabi:#b8f34a;--on-wasabi:#1a0b33;--wasabi-ink:#3a7300;--wasabi-soft:#eefcd3;--deep:#1a0b33;--sashimi:#ff5c8a;--link:var(--violet);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--shadow-pop:4px 4px 0 #1a0b33;--shadow-pop-sm:2px 2px 0 #1a0b33;--focus-ring:0 0 0 2px #faf8ff, 0 0 0 4px #6d28d9;--font-display:"Unbounded", "Manrope", system-ui, sans-serif;--font-sans:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic:"IBM Plex Sans Arabic", "Manrope", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#120726;--surface-raised:#1e1038;--line:#33215a;--ink:#f4f0ff;--ink-muted:#b6abd3;--violet:#a78bfa;--violet-soft:#2b1559;--on-violet:#120726;--wasabi:#c6ff5c;--wasabi-ink:#c6ff5c;--wasabi-soft:#1d2e07;--deep:#2a1452;--sashimi:#ff7aa0;--shadow-pop:4px 4px 0 #b8f34a;--shadow-pop-sm:2px 2px 0 #b8f34a;--focus-ring:0 0 0 2px #120726, 0 0 0 4px #c6ff5c}}:root[data-theme=dark]{--surface:#120726;--surface-raised:#1e1038;--line:#33215a;--ink:#f4f0ff;--ink-muted:#b6abd3;--violet:#a78bfa;--violet-soft:#2b1559;--on-violet:#120726;--wasabi:#c6ff5c;--wasabi-ink:#c6ff5c;--wasabi-soft:#1d2e07;--deep:#2a1452;--sashimi:#ff7aa0;--shadow-pop:4px 4px 0 #b8f34a;--shadow-pop-sm:2px 2px 0 #b8f34a;--focus-ring:0 0 0 2px #120726, 0 0 0 4px #c6ff5c}body{font-family:var(--font-sans);background:var(--surface);color:var(--ink);margin:0;font-size:16px;line-height:24px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:clamp(36px,6vw,56px);font-weight:700;line-height:1.07}h2{font-size:clamp(24px,4vw,32px);font-weight:600;line-height:1.2}h3{font-size:20px;font-weight:600;line-height:26px}a{color:var(--link)}[dir=rtl] body,body[dir=rtl],html:lang(ar) body{font-family:var(--font-arabic);font-size:17px;line-height:28px}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.at-row{gap:var(--space-4);padding:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.at-btn{font:700 14px/20px var(--font-sans);height:44px;padding:0 var(--space-6);border-radius:var(--radius-md);border:2px solid var(--ink);background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:transform 80ms,box-shadow 80ms}.at-btn-primary{background:var(--violet);border-color:var(--ink);color:var(--on-violet);box-shadow:var(--shadow-pop)}.at-btn-splash{background:var(--wasabi);border-color:var(--ink);color:var(--on-wasabi);box-shadow:var(--shadow-pop)}.at-btn-primary:active,.at-btn-splash:active{box-shadow:none;transform:translate(4px,4px)}.at-btn-quiet{border-color:var(--line)}.at-btn:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.at-badge{align-items:center;gap:var(--space-1);font:600 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;padding:4px var(--space-2);border-radius:var(--radius-full);background:var(--violet-soft);color:var(--violet);display:inline-flex}.at-badge-free,.at-badge-arabic{background:var(--wasabi-soft);color:var(--wasabi-ink)}.at-badge-price{color:var(--ink-muted);border:1px solid var(--line);background:0 0}.at-badge-hot{background:var(--sashimi);color:var(--ink)}.at-search{gap:var(--space-2);padding:var(--space-2);background:var(--surface-raised);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);align-items:center;max-width:640px;padding-inline-start:var(--space-6);display:flex}.at-search input{min-width:0;font:500 18px/28px var(--font-sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.at-search input::placeholder{color:var(--ink-muted)}.at-chips{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.at-chip{font:600 14px/20px var(--font-sans);padding:6px var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer}.at-chip:hover{border-color:var(--ink);box-shadow:var(--shadow-pop-sm)}.at-card{gap:var(--space-4);padding:var(--space-4);background:var(--surface-raised);border:1.5px solid var(--line);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.at-card-top{border:2px solid var(--ink);box-shadow:var(--shadow-pop)}.at-rank{border-radius:var(--radius-full);width:48px;height:48px;font:700 20px/1 var(--font-display);background:var(--violet-soft);color:var(--violet);place-items:center;display:grid}.at-card-top .at-rank{background:var(--wasabi);color:var(--on-wasabi)}.at-card h3{margin:0 0 var(--space-1);font:600 18px/24px var(--font-display)}.at-card p{margin:0 0 var(--space-2);font:400 15px/22px var(--font-sans);color:var(--ink-muted)}.at-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.at-score{font:500 13px/20px var(--font-mono);color:var(--ink-muted);text-align:end}.at-score b{font:700 24px/1 var(--font-display);color:var(--ink);display:block}:root{--bg:var(--surface);--card:var(--surface-raised);--bg-elev:color-mix(in srgb, var(--violet-soft) 45%, var(--surface));--surface-2:color-mix(in srgb, var(--violet-soft) 50%, var(--surface-raised));--text:var(--ink);--muted:var(--ink-muted);--line-strong:color-mix(in srgb, var(--ink) 24%, var(--line));--brand:var(--violet);--brand-ui:var(--violet);--on-brand:var(--on-violet);--link-hover:color-mix(in srgb, var(--violet) 78%, var(--ink));--accent:var(--violet);--accent-ui:var(--violet);--accent-text:var(--violet);--on-accent:var(--on-violet);--chip:var(--violet-soft);--chip-text:var(--ink);--ok-bg:var(--wasabi-soft);--ok-text:var(--wasabi-ink);--bad-bg:#ffe4ec;--bad-text:#a3123f;--warn-bg:#fff3cd;--warn-text:#6b4e00;--err-text:#b42318;--on-deep:#fff;--on-deep-muted:#d9d0f2;--focus:var(--violet);--focus-on-dark:var(--wasabi);--font:var(--font-sans);--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.3rem;--fs-2xl:clamp(1.4rem, 1.1rem + 1.1vw, 1.75rem);--fs-3xl:clamp(1.6rem, 1.15rem + 1.9vw, 2.25rem);--fs-4xl:clamp(2rem, 1.1rem + 3.8vw, 3.5rem);--lh-tight:1.12;--lh-snug:1.3;--lh-body:1.6;--fw-regular:400;--fw-semibold:600;--fw-bold:700;--tracking-tight:-.01em;--sp-1:var(--space-1);--sp-2:var(--space-2);--sp-3:var(--space-3);--sp-4:var(--space-4);--sp-5:20px;--sp-6:var(--space-6);--sp-8:var(--space-8);--sp-10:40px;--sp-12:var(--space-12);--sp-16:64px;--container:1120px;--gutter:var(--space-4);--r-xs:6px;--r-sm:var(--radius-sm);--r-md:var(--radius-md);--r-lg:var(--radius-md);--r-xl:var(--radius-lg);--r-pill:var(--radius-full);--radius:var(--radius-md);--border:1.5px solid var(--line);--shadow-1:none;--shadow-2:var(--shadow-pop-sm);--shadow-3:none;--shadow:none;--ease-out:cubic-bezier(.2,.8,.2,1);--dur-1:80ms;--dur-2:.16s;--dur-3:.3s;--tap:44px;--tap-min:24px;color-scheme:light}html[lang=ar]{--font:var(--font-arabic);--font-display:var(--font-arabic);--font-sans:var(--font-arabic);--lh-tight:1.35;--lh-snug:1.45;--lh-body:1.75;--tracking-tight:0}:root[data-theme=dark]{--bad-bg:#3d0f1e;--bad-text:#ff9bb8;--warn-bg:#3a2e00;--warn-text:#ffe08a;--err-text:#ff9bb8;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bad-bg:#3d0f1e;--bad-text:#ff9bb8;--warn-bg:#3a2e00;--warn-text:#ffe08a;--err-text:#ff9bb8;color-scheme:dark}}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font);font-size:var(--fs-md);background:var(--bg);color:var(--text);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}html[lang=ar] body{font-size:17px;line-height:var(--lh-body)}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-snug);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}h2{font-weight:600}h3{font-weight:var(--fw-semibold)}h4{font-family:var(--font)}a{color:var(--link);text-underline-offset:.18em;transition:color var(--dur-1);text-decoration-thickness:1px}a:hover{color:var(--link-hover)}img,svg{max-width:100%}bdi,.num{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.wrap{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:none;border-radius:4px}:root[data-theme=dark]{--focus:var(--wasabi)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--focus:var(--wasabi)}}.hero :focus-visible,.newsletter :focus-visible,.copyhead :focus-visible,table.cmp thead :focus-visible{outline-color:var(--focus-on-dark)}.at-btn:focus-visible,.at-search:focus-within{box-shadow:var(--focus-ring);outline:2px solid #0000}.at-search input:focus-visible{box-shadow:none;outline:0}.skip{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a.skip:focus{clip:auto;clip-path:none;width:auto;height:auto;inset-inline-start:var(--sp-2);top:var(--sp-2);background:var(--surface-raised);color:var(--text);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);z-index:20;border:2px solid var(--ink)}.arrow,.sep{display:inline-block}[dir=rtl] .arrow,[dir=rtl] .sep{transform:scaleX(-1)}.emoji{font-style:normal}.ic{vertical-align:-.2em;stroke-width:2px;flex:none;width:1.25em;height:1.25em}h1 .ic,h2 .ic{width:.95em;height:.95em;color:var(--violet);vertical-align:-.08em;margin-inline-end:.25em}header.site{background:var(--surface);color:var(--ink);z-index:10;border-block-end:var(--border);position:sticky;top:0}header.site .topbar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--gutter);max-width:var(--container);min-height:64px;margin-inline:auto;display:flex}.brand{color:var(--ink);border-radius:var(--r-sm);flex:none;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.brand img{width:auto;height:40px;display:block}.brand .brand-mark{width:40px}.brand .brand-word{height:23px}footer.site .brand img{height:32px}footer.site .brand .brand-mark{width:32px}footer.site .brand .brand-word{height:18px}[dir=rtl] .brand-mark,[dir=rtl] .mark-flip{transform:scaleX(-1)}.logo-dark{display:none!important}:root[data-theme=dark] .logo-dark{display:block!important}:root[data-theme=dark] .logo-light{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-dark{display:block!important}:root:not([data-theme=light]) .logo-light{display:none!important}}header.site nav{flex-wrap:wrap;gap:2px;margin-inline-start:auto;display:flex}header.site nav a{color:var(--ink);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);min-height:36px;transition:background var(--dur-1), color var(--dur-1);align-items:center;font-weight:600;text-decoration:none;display:inline-flex;position:relative}header.site nav a:hover{background:var(--violet-soft);color:var(--ink)}header.site nav a[aria-current=page]:after,.nav-more[data-current]>summary:after{content:"";inset-inline-start:50%;background:var(--wasabi);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;margin-inline-start:-3.5px;position:absolute;bottom:1px}header.site nav a[aria-current=page]{color:var(--violet)}.nav-more{position:relative}.nav-more>summary{cursor:pointer;color:var(--ink);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-sm);min-height:36px;transition:background var(--dur-1), color var(--dur-1);user-select:none;align-items:center;gap:4px;margin-top:0;font-weight:600;list-style:none;display:inline-flex;position:relative}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary:hover,.nav-more[open]>summary{background:var(--violet-soft);color:var(--ink)}.nav-more[data-current]>summary{color:var(--violet)}.nav-more .chev{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out)}.nav-more[open] .chev{transform:rotate(180deg)}.nav-more-list{padding:var(--sp-2);inset-inline-end:0;background:var(--surface-raised);border:2px solid var(--ink);border-radius:var(--r-md);min-width:220px;box-shadow:var(--shadow-pop-sm);z-index:30;gap:2px;margin:0;list-style:none;display:grid;position:absolute;top:calc(100% + 6px)}.nav-more[open] .nav-more-list{animation:pop-in var(--dur-2) var(--ease-out)}header.site .nav-more-list a{width:100%;min-height:var(--tap);display:flex}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tools-btns{gap:var(--sp-2);display:flex}.pill-btn{background:var(--surface-raised);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--r-pill);min-width:36px;min-height:36px;padding:0 var(--sp-3);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--dur-1), background var(--dur-1);justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.pill-btn:hover{border-color:var(--ink);color:var(--ink)}.pill-btn svg{width:18px;height:18px}.menu-toggle{display:none}@media (width<=860px){header.site .topbar{flex-wrap:wrap}header.site nav{width:100%;order:3;padding-block-end:var(--sp-2);display:none}header.site nav.open{grid-template-columns:repeat(2,1fr);display:grid}header.site nav a{min-height:var(--tap)}header.site nav a[aria-current=page]:after{margin-inline-start:0;inset-inline-start:var(--sp-3)}.menu-toggle{margin-inline-start:auto;display:inline-flex}.nav-more{grid-column:1/-1}.nav-more>summary{min-height:var(--tap);width:100%}.nav-more[data-current]>summary:after{margin-inline-start:0;inset-inline-start:var(--sp-3)}.nav-more-list{box-shadow:none;border-width:1.5px;border-color:var(--line);grid-template-columns:repeat(2,1fr);margin-top:4px;position:static}}@media (width<=400px){.brand img{height:34px}.brand .brand-mark{width:34px}.brand .brand-word{height:20px}.pill-btn{padding:0 var(--sp-2)}}.hero{background:var(--deep);color:var(--on-deep);padding:var(--sp-12) 0 var(--sp-12);position:relative;overflow:hidden}.hero h1{font-size:var(--fs-4xl);line-height:var(--lh-tight);margin:0 0 var(--sp-3);color:var(--on-deep);text-wrap:balance}html[lang=ar] .hero h1{font-weight:600}.hero p.sub{color:var(--on-deep-muted);max-width:640px;margin:0 0 var(--sp-6);font-size:var(--fs-lg);text-wrap:pretty}.hero-grid{gap:var(--sp-8);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.hero-grid>*{min-width:0}.hero-mark{width:280px;height:280px;display:block}@media (width<=760px){.hero{padding:var(--sp-8) 0 var(--sp-10)}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-mark{display:none}}.search.at-search{max-width:680px;padding-inline-start:var(--sp-5)}.search input{font-size:var(--fs-lg);min-height:var(--tap);text-overflow:ellipsis;padding:0}html[lang=ar] .search input{font-family:var(--font-arabic)}.search .at-btn{flex:none}html[lang=ar] .at-btn,html[lang=ar] .at-chip,html[lang=ar] .at-badge,html[lang=ar] .at-search input{font-family:var(--font-arabic);letter-spacing:0}@media (width<=480px){.search.at-search{padding-inline-start:var(--sp-4)}.search input{font-size:var(--fs-md)}.search .at-btn{padding:0 var(--sp-4)}}.results{max-width:680px;margin-top:var(--sp-4);gap:var(--sp-2);display:grid}.results a{background:var(--surface-raised);color:var(--ink);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:var(--border);text-decoration:none;display:block}.results a:hover{color:var(--ink);border-color:var(--ink);box-shadow:var(--shadow-pop-sm)}.results a small{color:var(--ink-muted);display:block}.results .empty{color:var(--on-deep)}.examples.at-chips{margin-top:var(--sp-5)}.examples .at-chip{min-height:36px;font-family:inherit}@media (prefers-reduced-motion:no-preference){.at-btn-splash:active{animation:splash var(--dur-3) var(--ease-out)}@keyframes splash{0%{filter:brightness()}40%{filter:brightness(1.12)saturate(1.2)}to{filter:brightness()}}}@media (prefers-reduced-motion:reduce){.at-btn,.at-btn:active,.at-btn-primary:active,.at-btn-splash:active,.btn:active,button.primary:active,a.card:hover{transition:none;animation:none;transform:none}}main{padding:var(--sp-8) 0 var(--sp-12)}h1.page{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:0 0 var(--sp-2);text-wrap:balance}.lead{color:var(--muted);margin:0 0 var(--sp-5);max-width:760px;font-size:var(--fs-lg)}section{margin:var(--sp-10) 0}section>h2{font-size:var(--fs-2xl);margin:0 0 var(--sp-4);align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}section>h2 a{font-size:var(--fs-sm);font-weight:var(--fw-semibold);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);letter-spacing:0;align-items:center;gap:4px;min-height:36px;margin-inline-start:auto;text-decoration:none;display:inline-flex}section>h2 a:hover{background:var(--violet-soft)}section>h2 a{font-family:var(--font)}.h3{font-size:var(--fs-lg)}.grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));display:grid}.card{background:var(--card);border:var(--border);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:none;color:inherit;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2), border-color var(--dur-2);text-decoration:none;display:block;position:relative}a.card:hover{border-color:var(--ink);box-shadow:var(--shadow-pop-sm);color:inherit}a.card:hover h3{color:var(--link)}.card h3{margin:0 0 var(--sp-2);font-size:1.05rem;font-weight:600;line-height:var(--lh-snug);transition:color var(--dur-1)}.card p{color:var(--muted);font-size:var(--fs-sm);margin:0}.icon{border-radius:var(--r-md);background:var(--violet-soft);width:44px;height:44px;color:var(--violet);margin-bottom:var(--sp-3);place-items:center;display:grid}.icon .ic{width:24px;height:24px}.card .lead-ic{color:var(--violet);margin-inline-end:4px}.chip{background:var(--chip);color:var(--chip-text);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.6;font-family:var(--font);overflow-wrap:anywhere;align-items:center;gap:4px;margin-inline-end:6px;padding:2px 10px;display:inline-flex}.chip.coral{background:var(--bad-bg);color:var(--bad-text)}.chip.teal{background:var(--ok-bg);color:var(--ok-text)}.chip.warn{background:var(--warn-bg);color:var(--warn-text)}.crumbs{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-2);flex-wrap:wrap;align-items:center;gap:2px 6px;display:flex}.crumbs a{color:var(--muted);min-height:var(--tap-min);align-items:center;padding-block:2px;display:inline-flex}.crumbs a:hover{color:var(--link)}.notice{background:var(--surface-2);border:var(--border);border-inline-start:4px solid var(--brand);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-sm);margin:var(--sp-3) 0 var(--sp-5)}.notice.todo{border-color:var(--accent)}.toggle{background:var(--card);border:var(--border);border-radius:var(--r-pill);margin:6px 0 var(--sp-4);padding:4px;display:inline-flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle label{padding:0 var(--sp-4);border-radius:var(--r-pill);cursor:pointer;min-height:36px;font-weight:var(--fw-semibold);font-size:var(--fs-sm);transition:background var(--dur-2), color var(--dur-2);align-items:center;display:inline-flex}#m-global:checked~.toggle label[for=m-global],#m-ksa:checked~.toggle label[for=m-ksa]{background:var(--brand-ui);color:var(--on-brand)}#m-global:focus-visible~.toggle label[for=m-global],#m-ksa:focus-visible~.toggle label[for=m-ksa]{outline:3px solid var(--focus);outline-offset:2px}.mode-ksa,#m-ksa:checked~.lists .mode-global{display:none}#m-ksa:checked~.lists .mode-ksa{display:block}.mode-input{opacity:0;width:1px;height:1px;position:absolute}.entry{margin-bottom:var(--sp-3);align-items:start;gap:var(--sp-4);padding:var(--sp-5);grid-template-columns:52px minmax(0,1fr) auto}.entry.at-card-top{margin-bottom:var(--sp-4)}.entry .pos.at-rank{font-variant-numeric:tabular-nums;width:52px;height:52px;font-size:20px}.entry h3{font-size:var(--fs-xl);margin:0 0 4px;font-weight:600}.entry h3 a{color:inherit;text-decoration:none}.entry h3 a:hover{color:var(--link);text-decoration:underline}.entry>div>p{font-size:var(--fs-md);line-height:var(--lh-body);margin:0}.entry .total.at-score{text-align:center;min-width:84px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:var(--border)}.entry .total b{font-variant-numeric:tabular-nums;font-size:28px}.entry .total small{font-size:var(--fs-xs);white-space:nowrap;font-family:var(--font-mono)}html[lang=ar] .entry .total small{font-family:var(--font)}.bars{gap:6px var(--sp-3);font-size:var(--fs-sm);margin-top:var(--sp-3);grid-template-columns:max-content 1fr 44px;align-items:center;display:grid}.bar{background:var(--violet-soft);border-radius:var(--r-pill);height:8px;overflow:hidden}.bar i{background:var(--violet);border-radius:var(--r-pill);height:100%;display:block}.bars>span:nth-child(3n) bdi{font-family:var(--font-mono);font-size:13px}.bars .na{color:var(--muted);font-style:italic}details summary{cursor:pointer;color:var(--link);font-size:var(--fs-sm);margin-top:var(--sp-2);font-weight:var(--fw-semibold);width:fit-content;padding-block:4px}.meta{margin-top:var(--sp-2);flex-wrap:wrap;gap:6px;display:flex}.btn{background:var(--violet);border:2px solid var(--ink);border-radius:var(--r-md);min-height:40px;padding:0 var(--sp-4);font-weight:700;font-size:var(--fs-sm);transition:transform var(--dur-1), box-shadow var(--dur-1);justify-content:center;align-items:center;gap:6px;text-decoration:none;display:inline-flex;color:var(--on-violet)!important}.btn:hover{box-shadow:var(--shadow-pop-sm)}.btn:active{box-shadow:none;transform:translate(2px,2px)}.btn.ghost{background:var(--card);border:1.5px solid var(--line);color:var(--ink)!important}.btn.ghost:hover{border-color:var(--ink)}.btn[disabled],.btn[disabled]:hover,.btn[disabled]:active{background:var(--surface-2);border-color:var(--line);box-shadow:none;cursor:not-allowed;opacity:1;transform:none;color:var(--muted)!important}@media (width<=600px){.entry{padding:var(--sp-4);gap:var(--sp-3);grid-template-columns:44px minmax(0,1fr)}.entry .pos.at-rank{width:44px;height:44px;font-size:1.2rem}.entry .total{grid-area:1/2;justify-self:end;align-items:baseline;gap:6px;min-width:0;padding:4px 10px;display:flex}.entry .total b{font-size:1.3rem;display:inline}.entry>div:nth-child(2){grid-column:1/-1}}table.kv,table.cmp{border-collapse:separate;border-spacing:0;background:var(--card);border:var(--border);border-radius:var(--r-md);width:100%;overflow:hidden}table.kv th,table.kv td,table.cmp th,table.cmp td{text-align:start;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:top}table.kv tr:last-child>*,table.cmp tbody tr:last-child>*{border-bottom:0}table.kv th{width:34%;color:var(--muted);font-weight:var(--fw-semibold);background:var(--surface-2)}table.kv td a{overflow-wrap:anywhere}table.cmp{font-size:var(--fs-sm)}table.cmp thead th{background:var(--deep);color:var(--on-deep);font-weight:var(--fw-semibold)}table.cmp tbody th{color:var(--muted);font-weight:var(--fw-semibold);background:var(--surface-2);width:26%}table.cmp tbody tr:hover>*{background:color-mix(in srgb, var(--violet) 6%, var(--card))}table.cmp td.is-winner{font-weight:700}.winner{vertical-align:1px;background:var(--wasabi);color:var(--on-wasabi);margin-inline-start:6px}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--r-md);overflow-x:auto}.timeline{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.timeline li{background:var(--card);border:var(--border);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);border-inline-start:4px solid var(--violet)}.timeline time{color:var(--accent-text);font-weight:500;font-size:var(--fs-sm);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.timeline h2,.timeline h3{font-size:var(--fs-lg);margin:2px 0 4px}.timeline p{color:var(--muted);margin:0 0 6px}.count-row{gap:var(--sp-2);grid-template-columns:1fr auto;align-items:center;display:grid}.dual{font-size:var(--fs-sm);margin-top:var(--sp-2);gap:4px;display:grid}.dual .bar i.ar{background:var(--sashimi)}.prob-list{gap:var(--sp-3);counter-reset:p;margin:0;padding:0;list-style:none;display:grid}.prob-list li{background:var(--card);border:var(--border);border-radius:var(--r-md);padding:var(--sp-4);gap:4px var(--sp-3);grid-template-columns:auto 1fr;align-items:start;display:grid}.prob-list .id{font-weight:var(--fw-bold);color:var(--accent-text);min-width:34px}.prob-list h2,.prob-list h3{font-size:var(--fs-lg);margin:0}.prob-list h2 a,.prob-list h3 a{color:inherit}.prob-list .meta{grid-column:2}form.stack{gap:var(--sp-3);max-width:620px;display:grid}form.stack label{font-weight:var(--fw-semibold);font-size:var(--fs-sm);gap:4px;display:grid}input,textarea,select{font:inherit;padding:var(--sp-3);min-height:var(--tap);border:1.5px solid var(--line-strong);border-radius:var(--r-sm);background:var(--card);color:var(--text);transition:border-color var(--dur-1), box-shadow var(--dur-1)}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--ink);box-shadow:var(--focus-ring);outline:0}textarea{min-height:120px}button.primary{background:var(--violet);color:var(--on-violet);border:2px solid var(--ink);border-radius:var(--r-md);min-height:var(--tap);padding:0 var(--sp-6);font:inherit;font-weight:700;font-size:var(--fs-sm);cursor:pointer;box-shadow:var(--shadow-pop);transition:transform var(--dur-1), box-shadow var(--dur-1);justify-self:start}button.primary:active{box-shadow:none;transform:translate(4px,4px)}button.primary:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}button[disabled]{opacity:.6;cursor:not-allowed}.newsletter{background:var(--deep);color:var(--on-deep);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-6);gap:var(--sp-3);grid-template-columns:minmax(0,1fr);display:grid}.newsletter>strong{font-family:var(--font-display);font-size:var(--fs-2xl);line-height:var(--lh-snug);font-weight:600}.newsletter form{display:block}.newsletter input[type=email]{background:var(--surface-raised);min-width:200px;color:var(--ink);border:2px solid var(--ink);border-radius:var(--r-md);flex:1}.newsletter small{color:var(--on-deep-muted)}.newsletter button.primary{background:var(--wasabi);color:var(--on-wasabi);border-color:var(--ink);box-shadow:4px 4px 0 var(--violet)}.newsletter button.primary:active{box-shadow:none}.consent{gap:var(--sp-2);font-size:var(--fs-sm);align-items:flex-start;font-weight:400!important;display:flex!important}.consent input{width:auto;min-height:0;accent-color:var(--brand-ui);flex:none;margin-top:4px}.newsletter .consent{color:var(--on-deep-muted);margin-top:var(--sp-2)}.newsletter .consent a{color:var(--wasabi)}.newsletter .row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.hp{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;inset-inline-start:0;overflow:hidden;position:absolute!important}.form-msg{font-weight:var(--fw-semibold);min-height:1.2em;margin:6px 0 0}.form-msg.ok{color:var(--ok-text)}.form-msg.err{color:var(--err-text)}.newsletter .form-msg.ok{color:var(--wasabi)}.newsletter .form-msg.err{color:#ff9bb8}footer.site{border-top:var(--border);background:var(--surface);padding:var(--sp-10) 0 var(--sp-12);color:var(--muted);font-size:var(--fs-sm)}footer.site .cols{gap:var(--sp-5);grid-template-columns:2fr 3fr;align-items:start;display:grid}footer.site .foot-links{gap:0 var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}footer.site .foot-links a{min-height:var(--tap-min);padding:4px 0;display:inline-block}footer.site a{color:var(--muted)}footer.site a:hover{color:var(--link)}footer.site p a{min-height:var(--tap-min);padding:4px 0;display:inline-block}footer.site .foot-brand{margin:0 0 var(--sp-3);display:flex}@media (width<=700px){footer.site .cols{grid-template-columns:1fr}footer.site .foot-links{grid-template-columns:repeat(2,minmax(0,1fr))}}.prose{max-width:780px}.prose h2{margin-top:var(--sp-8)}.prose table{border-collapse:collapse;width:100%}.prose th,.prose td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:start}.verdict{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.verdict .card b{color:var(--accent-text)}.sponsored{border:2px dashed var(--accent)}.sponsored .label{background:var(--ink);color:var(--surface);font-size:var(--fs-xs);border-radius:var(--r-xs);padding:1px 8px;font-weight:700;display:inline-block}.draft-banner{background:var(--warn-bg);color:var(--warn-text);border:1.5px solid color-mix(in srgb, var(--warn-text) 35%, transparent);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);font-weight:600}.recipe-grid{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}@media (width<=860px){.recipe-grid{grid-template-columns:minmax(0,1fr)}}.recipe-body,.example-body{min-width:0}.recipe-body>h2,.example-body>h2{font-size:var(--fs-xl);margin:var(--sp-6) 0 var(--sp-2)}.recipe-body>h2:first-child,.example-body>h2:first-child{margin-top:0}.detail-section{margin:var(--sp-8) 0 0}.recipe-head{margin:0 0 var(--sp-6);max-width:860px}.recipe-head .recipe-goal-lead{margin-bottom:var(--sp-3)}.recipe-head .recipe-meta{margin-top:0}.jump-line{margin:var(--sp-3) 0 0}.jump-link .arrow-down{display:inline-block}.recipe-aside .card h3,.example-aside .card h3{margin:0 0 var(--sp-2);font-size:var(--fs-md)}.recipe-aside .card p,.example-aside .card p{margin:0}.recipe-aside .card .my-2,.example-aside .card .my-2,.recipe-aside .meta,.example-aside .meta{margin-block:var(--sp-2)}.tool-badge-stack{gap:var(--sp-2);display:grid}.tool-badge-stack .tool-badge{padding:var(--sp-2) var(--sp-3);gap:var(--sp-1) var(--sp-3)}ol.steps{gap:var(--sp-3);margin:0;padding-inline-start:0;list-style:none;display:grid}ol.steps li{background:var(--card);border:var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);transition:border-color var(--dur-2), box-shadow var(--dur-2);grid-template-columns:32px minmax(0,1fr);align-items:start;display:grid}ol.steps .step-n{background:var(--surface-2);width:32px;height:32px;color:var(--ink);border:1.5px solid var(--line);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:.9rem;font-weight:700;line-height:1;display:grid}ol.steps li:first-child .step-n,ol.steps li:target .step-n{background:var(--wasabi);color:var(--on-wasabi);border-color:var(--ink)}ol.steps li:target{border-color:var(--ink);box-shadow:var(--shadow-pop-sm)}.copyblock{border:var(--border);border-radius:var(--r-md);background:var(--card);overflow:hidden}.copyhead{padding:var(--sp-2) var(--sp-3);background:var(--deep);color:var(--on-deep);justify-content:space-between;align-items:center;display:flex}.copybtn{background:var(--wasabi);color:var(--on-wasabi);border-radius:var(--r-pill);min-height:32px;padding:0 var(--sp-4);font:inherit;cursor:pointer;border:0;font-weight:600}.copyblock pre{padding:var(--sp-4);white-space:pre-wrap;word-break:break-word;font-size:var(--fs-sm);max-height:420px;margin:0;line-height:1.6;overflow:auto}.copyblock code{font-family:var(--font-mono)}html[lang=ar] .copyblock code{font-family:var(--font)}ul.gotchas{gap:6px;padding-inline-start:0;list-style:none;display:grid}ul.gotchas li{background:var(--chip);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.recipe-box{border:2px solid var(--brand)}.offer-card .price{color:var(--accent-text);font-size:1.5rem;font-weight:700;font-family:var(--font-display)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.grid>.card,.entry{animation:linear both rise-in view();animation-range:entry entry 35%}}}@keyframes rise-in{0%{transform:translateY(12px)}to{transform:none}}.bar i[data-w="0"]{width:0%}.bar i[data-w="5"]{width:5%}.bar i[data-w="10"]{width:10%}.bar i[data-w="15"]{width:15%}.bar i[data-w="20"]{width:20%}.bar i[data-w="25"]{width:25%}.bar i[data-w="30"]{width:30%}.bar i[data-w="35"]{width:35%}.bar i[data-w="40"]{width:40%}.bar i[data-w="45"]{width:45%}.bar i[data-w="50"]{width:50%}.bar i[data-w="55"]{width:55%}.bar i[data-w="60"]{width:60%}.bar i[data-w="65"]{width:65%}.bar i[data-w="70"]{width:70%}.bar i[data-w="75"]{width:75%}.bar i[data-w="80"]{width:80%}.bar i[data-w="85"]{width:85%}.bar i[data-w="90"]{width:90%}.bar i[data-w="95"]{width:95%}.bar i[data-w="100"]{width:100%}.m-0{margin:0}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-5{margin-top:var(--sp-5)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.my-2{margin-block:var(--sp-2)}.my-5{margin-block:var(--sp-5)}.muted{color:var(--muted)}.fw-regular{font-weight:400}.fw-semibold{font-weight:var(--fw-semibold)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.fine{font-size:var(--fs-sm);color:var(--muted)}.mode-hint{margin-top:calc(-1 * var(--sp-2))}.list-reset{margin:0;padding:0;list-style:none}.measure{max-width:640px}.title-row{gap:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.title-row>h1{margin:0}.card-accent{border-color:var(--accent)}.grid-wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}a.on-dark,a.on-dark:hover{color:var(--on-deep)}.faq-q{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text)}.notice.notice-strong{font-weight:var(--fw-semibold);border-width:2px}.entry.entry-block{display:block}.entry-note{color:var(--muted);margin:0}.entry-actions{margin-top:var(--sp-3);gap:var(--sp-2);flex-wrap:wrap;display:flex}.results .empty-link{color:var(--wasabi);box-shadow:none;background:0 0;border:0;padding:0;display:inline}.topic-hero{margin-bottom:var(--sp-8)}.topic-kicker{margin:0 0 var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--link);text-transform:uppercase;letter-spacing:.06em}html[lang=ar] .topic-kicker{text-transform:none;letter-spacing:0}.answer-box{background:var(--card);border:var(--border);border-inline-start:5px solid var(--brand);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);margin:var(--sp-4) 0;max-width:820px}.answer-box strong{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--link);margin-bottom:4px;display:block}html[lang=ar] .answer-box strong{text-transform:none;letter-spacing:0;font-size:var(--fs-sm)}.answer-box p{font-size:var(--fs-lg);margin:0}.disclaimer{gap:var(--sp-3);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0;font-weight:var(--fw-semibold);align-items:flex-start;max-width:820px;display:flex}.disclaimer svg{flex:none;width:22px;height:22px;margin-top:2px}.disclaimer.is-warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid color-mix(in srgb, var(--warn-text) 30%, transparent)}.disclaimer.is-info{background:var(--surface-2);color:var(--text);border:var(--border)}.disclaimer p,.disclaimer div>:first-child{margin-top:0}.disclaimer div>:last-child{margin-bottom:0}.fact-list{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));margin:0;padding:0;list-style:none;display:grid}.fact-card{background:var(--card);border:var(--border);border-radius:var(--r-md);padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;display:flex}.fact-title{font-size:var(--fs-xl);margin:0;font-weight:600}.fact-title a{color:inherit;text-decoration:none}.fact-title a:hover{color:var(--link);text-decoration:underline}.fact-note{color:var(--muted);margin:0}.fact-grid{margin:var(--sp-2) 0 0;gap:var(--sp-2);display:grid}.fact-grid>div{gap:var(--sp-3);border-top:1px dashed var(--line);grid-template-columns:minmax(96px,34%) 1fr;align-items:baseline;padding-block:6px;display:grid}.fact-grid dt{color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.fact-grid dd{margin:0}.fact-card .entry-actions{padding-top:var(--sp-2);margin-top:auto}.source-list{font-size:var(--fs-xs);color:var(--muted);margin:0}.source-list a{color:var(--muted)}.source-list a:hover{color:var(--link)}.usd-price{font-variant-numeric:tabular-nums}.usd-price .usd{font-weight:var(--fw-bold)}.usd-price .per{color:var(--muted)}.usd-price.is-unverified{color:var(--warn-text);font-style:italic}table.cmp caption{caption-side:top;text-align:start;padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semibold);color:var(--muted);background:var(--card)}.cmp-sticky tbody th,.cmp-sticky thead th:first-child{z-index:1;position:sticky;inset-inline-start:0}.cmp-sticky tbody th{background:var(--surface-2)}.table-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.empty-state{gap:var(--sp-3);border:2px dashed var(--line-strong);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);color:var(--muted);background:var(--card);flex-wrap:wrap;align-items:center;display:flex}.empty-state p{flex:280px;margin:0}@media (width<=600px){table.limits,table.limits tbody,table.limits tr,table.limits th,table.limits td{width:100%;display:block}table.limits thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table.limits tr{border-bottom:1px solid var(--line);padding:var(--sp-2) 0}table.limits tbody tr:last-child>*{border-bottom:0}table.limits td,table.limits th{padding:4px var(--sp-4);border:0}table.limits td:before{content:attr(data-label);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted);display:block}table.limits tbody th{font-size:var(--fs-lg);color:var(--text);background:0 0}}.preview-banner{background:var(--warn-bg);color:var(--warn-text);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-weight:var(--fw-semibold);margin-bottom:var(--sp-5)}table.cmp time,table.cmp .chip,.fact-grid time{white-space:nowrap}.source-list>span:first-child{margin-inline-end:4px}.problem-box{margin-top:var(--sp-4);background:var(--surface-raised);color:var(--text);border:2px solid var(--ink);border-radius:var(--r-md);padding:var(--sp-5);text-align:start}.problem-box[hidden]{display:none}.newsletter .nl-note{color:var(--on-deep-muted);font-size:var(--fs-sm);margin:0}.rank-notify{margin-block:var(--sp-6)}div.rank-notify[data-variant=control]{height:1px;margin:0}.sponsor-strip{background:var(--surface-2);border-block-end:1.5px dashed var(--line-strong);font-size:var(--fs-sm)}.sponsor-strip-in{align-items:center;gap:var(--sp-2) var(--sp-3);padding-block:var(--sp-2);flex-wrap:wrap;display:flex}.sponsor-strip .label,.sponsor-note .label,.sponsor-offer .label{background:var(--ink);color:var(--surface);font-size:var(--fs-xs);border-radius:var(--r-xs);padding:1px 8px;font-weight:700;display:inline-block}.sponsor-strip .sponsor-link{color:var(--text);text-decoration:none}.sponsor-strip .sponsor-link:hover strong{text-decoration:underline}.sponsor-strip .sponsor-meta{color:var(--muted);margin-inline-start:auto}.sponsor-note{border-color:var(--accent)}.sponsor-offer{border:2px dashed var(--accent);border-radius:var(--r-md);padding:var(--sp-5);margin-block:var(--sp-4) var(--sp-5);gap:var(--sp-3);display:grid}.sponsor-offer .offer-price{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.sponsor-offer .offer-counter{margin:0}.sponsor-offer .cta{justify-self:start;text-decoration:none;display:inline-block}.sponsor-offer ul{margin:0;padding-inline-start:var(--sp-5)}.sponsor-weeks{margin:0;padding:0;list-style:none}.sponsor-weeks li{padding-block:2px}.page-end-nl{margin-block-start:var(--sp-6)}.formats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.at-badge-hot{color:var(--on-wasabi)}.meta .at-badge,.entry-actions .at-badge{font-size:11px}.trend-row{padding:4px 4px var(--sp-3);gap:var(--sp-3);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0;list-style:none;display:flex;overflow-x:auto}.trend-row>li{scroll-snap-align:start;flex:none;max-width:min(320px,82vw)}.trend-chip{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:var(--border);background:var(--card);color:var(--ink);gap:2px;height:100%;text-decoration:none;display:grid}.trend-chip:hover{border-color:var(--ink);box-shadow:var(--shadow-pop-sm);color:var(--ink)}.trend-chip h3{font-family:var(--font);font-size:var(--fs-md);font-weight:700;line-height:var(--lh-snug);align-items:baseline;gap:8px;margin:0;display:flex}.trend-chip h3:before{content:"";background:var(--sashimi);border-radius:50%;flex:none;width:8px;height:8px;transform:translateY(-2px)}.trend-chip p{color:var(--ink-muted);font-size:var(--fs-sm);font-family:var(--font-mono);margin:0;padding-inline-start:16px}html[lang=ar] .trend-chip p{font-family:var(--font)}.trend-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hot-dot{background:var(--sashimi);vertical-align:.12em;border-radius:50%;width:10px;height:10px;margin-inline-end:8px;display:inline-block}.at-badge.badge-warn{background:var(--warn-bg);color:var(--warn-text)}html[lang=ar] .at-badge{text-transform:none;letter-spacing:0;font-size:12px}.at-badge-price bdi{font-family:var(--font-mono);font-weight:500}.pricing-progress{margin-block:var(--sp-3)}.pricing-progress progress{block-size:.6rem;inline-size:100%;accent-color:var(--accent)}.meta .facts{font-size:var(--fs-sm);color:var(--muted);flex-basis:100%;gap:2px;margin-top:2px;line-height:1.45;display:grid}.meta .facts b{color:var(--text);font-weight:var(--fw-semibold)}.meta .facts .unknown{font-style:italic}.hero-stats{gap:var(--sp-2);margin:var(--sp-4) 0 0;color:var(--on-deep-muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.hero-stats span{border:1px solid color-mix(in srgb, var(--on-deep) 30%, transparent);border-radius:999px;padding:2px 10px}.hero-ctas{align-items:center;gap:var(--sp-3) var(--sp-5);margin:var(--sp-5) 0 0;flex-wrap:wrap;display:flex}.hero-cta{background:var(--surface);color:var(--ink);border:1.5px solid var(--surface);justify-content:center;align-items:center;min-height:44px;line-height:1.2;text-decoration:none;display:inline-flex}.hero-link{color:var(--on-deep);font-weight:var(--fw-semibold)}.trust-strip{gap:var(--sp-3);margin-block:var(--sp-6) var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.trust-item{gap:var(--sp-3);padding:var(--sp-4);border:var(--border);border-radius:var(--r-md);background:var(--card);color:var(--text);align-items:flex-start;text-decoration:none;display:flex}.trust-item:hover{border-color:var(--accent)}.trust-item .ic{width:24px;height:24px;color:var(--link);flex:none;margin-top:2px}.trust-item strong{display:block}.trust-item small{color:var(--muted);font-size:var(--fs-sm);margin-top:2px;line-height:1.45;display:block}.mini-rank{margin:var(--sp-2) 0 0;color:var(--muted);padding-inline-start:1.4em}.mini-rank li::marker{color:var(--link);font-weight:700}.card-foot{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--muted)}.saudi-band{border-block-start:1.5px dashed var(--line);padding-block-start:var(--sp-4)}.steps-row{margin:var(--sp-4) 0 var(--sp-6);gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:0;list-style:none;display:grid}.steps-row li{gap:var(--sp-3);padding:var(--sp-4);border:var(--border);border-radius:var(--r-md);background:var(--card);align-items:flex-start;display:flex}.steps-row .step-n{background:var(--wasabi);width:28px;height:28px;color:var(--on-wasabi);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.proof .proof-kicker{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--link);margin:0 0 var(--sp-2)}.proof-dl{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);gap:2px;display:grid}.proof-dl dt{font-weight:var(--fw-semibold);color:var(--text);margin-top:var(--sp-2)}.proof-dl dd{color:var(--muted);margin:0}.cat-violet{--cat-fg:#5b21b6;--cat-bg:#ede9fe;--cat-fg-d:#c4b5fd}.cat-blue{--cat-fg:#1d4ed8;--cat-bg:#dbeafe;--cat-fg-d:#93c5fd}.cat-pink{--cat-fg:#be185d;--cat-bg:#fce7f3;--cat-fg-d:#f9a8d4}.cat-orange{--cat-fg:#c2410c;--cat-bg:#ffedd5;--cat-fg-d:#fdba74}.cat-teal{--cat-fg:#0f766e;--cat-bg:#ccfbf1;--cat-fg-d:#5eead4}.cat-amber{--cat-fg:#b45309;--cat-bg:#fef3c7;--cat-fg-d:#fcd34d}.cat-lime{--cat-fg:#3f6212;--cat-bg:#ecfccb;--cat-fg-d:#bef264}.cat-fuchsia{--cat-fg:#a21caf;--cat-bg:#fae8ff;--cat-fg-d:#f0abfc}.cat-sky{--cat-fg:#0369a1;--cat-bg:#e0f2fe;--cat-fg-d:#7dd3fc}.cat-indigo{--cat-fg:#4338ca;--cat-bg:#e0e7ff;--cat-fg-d:#a5b4fc}.cat-cyan{--cat-fg:#0e7490;--cat-bg:#cffafe;--cat-fg-d:#67e8f9}.cat-emerald{--cat-fg:#047857;--cat-bg:#d1fae5;--cat-fg-d:#6ee7b7}.cat-rose{--cat-fg:#be123c;--cat-bg:#ffe4e6;--cat-fg-d:#fda4af}.cat{background:var(--cat-bg);color:var(--cat-fg);border-color:color-mix(in srgb, var(--cat-fg) 22%, transparent)}.chip.cat{font-weight:var(--fw-semibold)}.icon.cat{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--cat-fg) 18%, transparent)}a.card:hover .icon.cat{background:var(--cat-fg);color:#fff}.cat-ic{color:var(--cat-fg);display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cat{background:color-mix(in srgb, var(--cat-fg-d) 16%, transparent);color:var(--cat-fg-d);border-color:color-mix(in srgb, var(--cat-fg-d) 30%, transparent)}:root:not([data-theme=light]) a.card:hover .icon.cat{background:var(--cat-fg-d);color:#120726}:root:not([data-theme=light]) .cat-ic{color:var(--cat-fg-d)}}:root[data-theme=dark] .cat{background:color-mix(in srgb, var(--cat-fg-d) 16%, transparent);color:var(--cat-fg-d);border-color:color-mix(in srgb, var(--cat-fg-d) 30%, transparent)}:root[data-theme=dark] a.card:hover .icon.cat{background:var(--cat-fg-d);color:#120726}:root[data-theme=dark] .cat-ic{color:var(--cat-fg-d)}header.site .nav-more-list a[aria-current=page]{background:var(--violet-soft)}header.site .nav-more-list a[aria-current=page]:after{inset-inline-start:auto;inset-inline-end:var(--sp-3);margin:-3.5px 0 0;top:50%;bottom:auto}header.site .nav-more-list a[aria-current=page]{padding-inline-end:calc(var(--sp-3) + 14px)}.ticker{background:var(--deep);color:var(--on-deep);border-block:2px solid var(--ink);align-items:stretch;margin-block-start:var(--sp-8);display:flex;overflow:hidden}.ticker-label{padding:0 var(--sp-4);background:var(--wasabi);color:var(--on-wasabi);font-size:var(--fs-xs);white-space:nowrap;flex:none;align-items:center;font-weight:700;display:flex}.ticker-viewport{flex:1;min-width:0;overflow:hidden}.ticker-track{width:max-content;animation:38s linear infinite ticker-scroll;display:flex}.ticker-group{flex:none;display:flex}.ticker-item{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-8);color:var(--on-deep);white-space:nowrap;font-size:var(--fs-sm);text-decoration:none;display:inline-flex}.ticker-item strong{color:var(--wasabi)}.ticker-item:hover span,.ticker-item:focus-visible span{text-decoration:underline}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ticker-scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}[dir=rtl] .ticker-track{animation-name:ticker-scroll-rtl}@media (prefers-reduced-motion:reduce){.ticker-track{width:auto;animation:none}.ticker-group+.ticker-group,.ticker-group .ticker-item+.ticker-item{display:none}.ticker-item{white-space:normal}}.recipe-filters{gap:var(--sp-3);margin-block:var(--sp-4);padding:var(--sp-4);border:var(--border);border-radius:var(--r-md);background:var(--card);display:grid}.filter-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.filter-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted);margin-inline-end:var(--sp-2)}.filter-chip{border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--surface-raised);min-height:36px;color:var(--ink);font:inherit;font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.filter-chip .ic{width:16px;height:16px}.filter-chip[aria-pressed=true]{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.filter-chip:not(.cat)[aria-pressed=true]{background:var(--wasabi);color:var(--on-wasabi)}.filter-select{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface-raised);min-height:40px;color:var(--ink);font:inherit;font-size:var(--fs-sm);padding:6px 12px}.filter-count{font-size:var(--fs-sm);color:var(--muted);margin:0;margin-inline-start:auto}.recipe-card{gap:var(--sp-2);flex-direction:column;display:flex}.recipe-card[hidden]{display:none}.recipe-card h3{margin:0}.recipe-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recipe-top .chip,.example-top .chip,.recipe-meta .chip{margin-inline-end:0}.recipe-goal{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.recipe-tools{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recipe-tools .chip{margin:0}.recipe-foot{padding-top:var(--sp-2);overflow-wrap:anywhere;margin-top:auto!important}.made-note{gap:var(--sp-2);margin:0 0 var(--sp-4);max-width:860px;font-size:var(--fs-sm);color:var(--muted);align-items:flex-start;display:flex}.made-note .ic{color:var(--violet);margin-top:.15em}.made-note a{white-space:nowrap}.empty-filter{margin-top:var(--sp-4);color:var(--muted)}table.plans td:nth-child(2){white-space:nowrap;font-family:var(--font-mono)}.filter-chip.cat{background:var(--cat-bg);color:var(--cat-fg);border-color:color-mix(in srgb, var(--cat-fg) 30%, transparent)}.filter-chip.cat[aria-pressed=true]{background:var(--cat-fg);color:#fff;border-color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .filter-chip.cat{background:color-mix(in srgb, var(--cat-fg-d) 16%, transparent);color:var(--cat-fg-d)}:root:not([data-theme=light]) .filter-chip.cat[aria-pressed=true]{background:var(--cat-fg-d);color:#120726}}:root[data-theme=dark] .filter-chip.cat{background:color-mix(in srgb, var(--cat-fg-d) 16%, transparent);color:var(--cat-fg-d)}:root[data-theme=dark] .filter-chip.cat[aria-pressed=true]{background:var(--cat-fg-d);color:#120726}tr.plans-row td{white-space:pre-line;line-height:1.6}footer.site .foot-grid{gap:var(--sp-6) var(--sp-5);grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:start;display:grid}footer.site .foot-about p{margin:0 0 var(--sp-3)}footer.site .foot-meta{font-size:var(--fs-xs)}footer.site .foot-switch .pill-btn{min-height:36px}footer.site .foot-h{margin:0 0 var(--sp-2);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-weight:700}html[lang=ar] footer.site .foot-h{text-transform:none;letter-spacing:0;font-size:var(--fs-sm)}footer.site .foot-grid .foot-links{grid-template-columns:1fr;gap:0}footer.site .foot-bottom{margin-top:var(--sp-8);padding-top:var(--sp-4);border-top:var(--border);gap:var(--sp-2) var(--sp-5);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}footer.site .foot-bottom a{min-height:0;padding:0}@media (width<=760px){footer.site .foot-grid{grid-template-columns:1fr 1fr}footer.site .foot-about{grid-column:1/-1}}.tool-hero{gap:var(--sp-4);margin:var(--sp-4) 0 var(--sp-5);flex-wrap:wrap;align-items:flex-start;display:flex}.tool-hero-text{flex:320px;min-width:0}.tool-hero-text .lead{margin-top:var(--sp-2)!important}.tool-hero-meta{margin:var(--sp-3) 0 0;gap:var(--sp-2);flex-wrap:wrap;display:flex}.tool-hero-meta a.chip{text-decoration:none}.tool-hero-cta{align-self:center;margin:0}.glance{margin:0 0 var(--sp-6);gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0;list-style:none;display:grid}.glance li{background:var(--card);border:var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);align-content:start;gap:2px;display:grid}.glance-k{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em}html[lang=ar] .glance-k{text-transform:none;letter-spacing:0}.glance-v{font-size:var(--fs-lg);color:var(--text);font-weight:700;line-height:1.25}.glance small{color:var(--muted);font-size:var(--fs-xs)}.kv-list{background:var(--card);border:var(--border);border-radius:var(--r-md);margin:0;display:grid;overflow:hidden}.kv-list>div{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,30%) 1fr;display:grid}.kv-list>div:last-child{border-bottom:0}.kv-list dt{color:var(--muted);font-weight:var(--fw-semibold)}.kv-list dd{overflow-wrap:anywhere;margin:0}@media (width<=560px){.kv-list>div{grid-template-columns:1fr;gap:2px}}.logo-strip{margin:0 0 var(--sp-2);flex-wrap:wrap;gap:2px;display:flex}.mini-rank li{line-height:1.7}.example-card{gap:var(--sp-2);flex-direction:column;display:flex}.example-card[hidden]{display:none}.example-thumb{aspect-ratio:16/9;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);margin:calc(-1 * var(--sp-2)) 0 var(--sp-1);display:block;overflow:hidden}.example-thumb img{object-fit:cover;width:100%;height:100%;display:block}.example-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip-tool,.example-tool{background:var(--surface-2);color:var(--text);padding-inline-start:4px}.chip-tool .tl,.example-tool .tl{margin-inline-end:2px}.example-card h3{margin:0}.example-what{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.example-meta{padding-top:var(--sp-2);overflow-wrap:anywhere;margin-top:auto!important}.example-count-line{margin:0 0 var(--sp-4);font-size:var(--fs-md)}.example-filters .filter-chip .tl{margin-inline-end:0}.example-filters .filter-chip:not(.cat)[aria-pressed=true] .tl-img{border-color:var(--on-wasabi)}.example-head{margin:0 0 var(--sp-6);max-width:860px}.example-byline{margin:var(--sp-2) 0 var(--sp-4);color:var(--muted);font-size:var(--fs-sm);overflow-wrap:anywhere}.example-byline a{color:var(--muted)}.example-byline a:hover{color:var(--link)}.tool-badge{align-items:center;gap:var(--sp-2) var(--sp-4);border:var(--border);border-radius:var(--r-md);background:var(--card);padding:var(--sp-3) var(--sp-4);flex-wrap:wrap;display:flex}.tool-badge-link{align-items:center;gap:var(--sp-2);color:var(--text);min-width:0;text-decoration:none;display:inline-flex}.tool-badge-link small{font-size:var(--fs-xs);color:var(--muted);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;line-height:1.2;display:block}html[lang=ar] .tool-badge-link small{text-transform:none;letter-spacing:0}.tool-badge-link strong{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);line-height:1.2}a.tool-badge-link:hover strong{color:var(--link)}.tool-badge-price{margin-top:0}.tool-badge-extra{font-size:var(--fs-sm);color:var(--muted);flex-basis:100%;margin:0}.example-grid{margin-bottom:var(--sp-6)}.example-body{max-width:760px}.example-text{font-size:var(--fs-lg);line-height:var(--lh-body);text-wrap:pretty;margin:0}.example-caveat{background:var(--chip);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md)}.example-figure{margin:0 0 var(--sp-5)}.example-figure img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);border:var(--border);background:var(--surface-2);width:100%;height:auto;display:block}.example-figure figcaption{font-size:var(--fs-xs);color:var(--muted);margin-top:6px}.example-try{margin:var(--sp-6) 0 0}.example-try h2{font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.example-try .fine{margin:0 0 var(--sp-2)}.example-source{margin:0;line-height:1.6}.example-source a{overflow-wrap:anywhere}.example-share{align-items:center;gap:var(--sp-2);margin:var(--sp-5) 0 0;flex-wrap:wrap;display:flex}.agent-kind{margin-block:var(--sp-6) 0;scroll-margin-top:80px}.agent-kind>h2{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.agent-kind>h2 .agent-count{font-family:var(--font);font-weight:var(--fw-regular);font-size:var(--fs-md);color:var(--muted)}.agent-when{margin:0 0 var(--sp-3);color:var(--muted);max-width:760px}.agent-pick{margin:0 0 var(--sp-4)}.agent-card .agent-meta{margin-top:var(--sp-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.agent-card .agent-meta .chip,.agent-card .agent-meta .at-badge{margin-inline-end:0}.agent-filters .filter-chip .ic{width:16px;height:16px}.agent-start{border:var(--border);border-radius:var(--r-md);background:var(--chip);padding:var(--sp-5);margin-block:var(--sp-8) var(--sp-4);max-width:760px}.agent-start h2{margin:0 0 var(--sp-2);font-size:var(--fs-xl)}.agent-start p{margin:0 0 var(--sp-3)}.agent-start .agent-start-btns{gap:var(--sp-2);flex-wrap:wrap;margin:0;display:flex}.chip.agent{background:var(--chip);color:var(--chip-text);text-decoration:none}.chip.agent .ic{width:14px;height:14px}a.chip.agent:hover{color:var(--link)}.agent-note{align-items:flex-start;gap:var(--sp-3);border:var(--border);border-inline-start:4px solid var(--violet);border-radius:var(--r-md);background:var(--card);padding:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-5);max-width:860px;display:flex}.agent-note .ic{width:20px;height:20px;color:var(--violet);flex:none;margin-top:3px}.agent-note p{margin:0}.tools-filters{margin-block:var(--sp-3) var(--sp-5)}