:root{color-scheme:dark;--font-display:"Amiri", "Noto Naskh Arabic", "Times New Roman", serif;--font-text:"Noto Naskh Arabic", "Amiri", Georgia, serif;--font-ui:var(--font-text);--font-code:ui-monospace, "Cascadia Code", Consolas, monospace;--fs-s:.8125rem;--fs-b:1.0625rem;--fs-p:1.25rem;--fs-h:1.75rem;--fs-d:clamp(2.25rem, 1.2rem + 4vw, 3.5rem);--fs-hero:clamp(2.75rem, 1rem + 7vw, 5.25rem);--bg:#0e1116;--bg-raised:#151a21;--bg-sunken:#0a0d11;--ink:#e7e9ec;--ink-soft:#c1c6cc;--muted:#8f95a0;--ember:#e7e9ec;--ember-soft:#e7e9ec14;--on-ember:#0e1116;--lamp:#f3d98b;--container:72rem;--reader:42rem;--gutter:clamp(1.1rem, 4vw, 2.5rem);--header-h:4rem}:root[data-theme=light]{color-scheme:light;--bg:#f1f1ee;--bg-raised:#fafaf8;--bg-sunken:#e6e6e2;--ink:#15171b;--ink-soft:#3d4148;--muted:#5f646c;--ember:#15171b;--ember-soft:#15171b12;--on-ember:#fafaf8;--lamp:#15171b}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 1rem);-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-text);font-size:var(--fs-b);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.9;display:flex}main{flex:1;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.5}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}[hidden]{display:none!important}::selection{background:var(--ink);color:var(--bg)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:var(--bg);font-size:var(--fs-b);border-radius:999px;padding:.7rem 1.1rem;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.container{width:min(var(--container), 100% - var(--gutter) * 2);margin-inline:auto}.btn{min-height:3rem;font:500 var(--fs-b) / 1 var(--font-ui);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.5rem;transition:background .2s,color .2s;display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:color-mix(in srgb, var(--ink) 80%, var(--bg))}.btn-ghost{background:var(--ember-soft);color:var(--ink)}.btn-ghost:hover{background:color-mix(in srgb, var(--ink) 16%, transparent)}.arrow{transition:transform .2s;display:inline-block}.btn:hover .arrow{transform:translate(-4px)}.tag-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--ember-soft);color:var(--ink-soft);font-size:var(--fs-s);border-radius:999px;padding:0 .8rem;line-height:1.9}.badge-lock{align-items:center;gap:.35rem;display:inline-flex}.badge-lock svg{width:1em;height:1em}.site-header{z-index:50;background:var(--bg-raised);position:sticky;inset-block-start:0}.header-inner{width:min(var(--container), 100% - var(--gutter) * 2);min-height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.brand{align-items:center;gap:.8rem;min-height:2.75rem;display:inline-flex}.brand-text{flex-direction:column;line-height:1.4;display:flex}.brand-name{font-family:var(--font-display);font-size:var(--fs-b);font-weight:700}.brand-subtitle{color:var(--muted);font-size:var(--fs-s)}.header-tools{align-items:center;gap:.4rem;display:flex}.site-nav{gap:.25rem;display:flex}.site-nav a{min-height:2.75rem;color:var(--ink-soft);font-size:var(--fs-b);border-radius:999px;align-items:center;padding:0 1rem;transition:background .18s,color .18s;display:inline-flex}.site-nav a:hover{color:var(--ink)}.site-nav a[aria-current=page]{background:var(--ember-soft);color:var(--ink);font-weight:600}.theme-toggle{background:var(--ember-soft);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.theme-toggle svg{width:1.15rem;height:1.15rem}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:block}.hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:2.5rem clamp(2rem,6vw,5rem);padding-block:clamp(3.5rem,9vw,7rem) clamp(3.5rem,8vw,6rem);display:grid}.hero h1{font-size:var(--fs-hero);text-wrap:balance;line-height:1.32}.hero-line{width:fit-content;display:block}.hero-line--soft{color:var(--muted);font-weight:400}.hero-stop{color:var(--lamp)}@keyframes hero-write{0%{clip-path:inset(-.4em 0 -.4em 100%)}to{clip-path:inset(-.4em 0)}}@keyframes hero-dim{0%{color:var(--ink)}to{color:var(--muted)}}.hero-line--soft{animation:1.8s cubic-bezier(.45,0,.55,1) .9s backwards hero-dim}@media (prefers-reduced-motion:no-preference){.hero-line{animation:.8s cubic-bezier(.16,1,.3,1) .1s backwards hero-write}.hero-line--soft{animation:.8s cubic-bezier(.16,1,.3,1) .4s backwards hero-write,1.8s cubic-bezier(.45,0,.55,1) .9s backwards hero-dim}}html.hero-seen .hero-line,html.hero-seen .hero-line--soft{animation:none}.hero-lede{color:var(--ink-soft);font-size:var(--fs-p);text-wrap:pretty;line-height:2.1}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.featured{background:var(--bg-raised);margin-bottom:clamp(4rem,9vw,7rem);padding:clamp(1.5rem,4.5vw,3rem);transition:background .2s;display:block}.featured:hover{background:color-mix(in srgb, var(--bg-raised) 92%, var(--ink))}.featured-top{color:var(--muted);font-size:var(--fs-s);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.25rem;display:flex}.featured h2{max-width:22ch;font-size:var(--fs-d);text-wrap:balance;margin-block:0 .9rem}.featured-excerpt{max-width:40rem;color:var(--ink-soft);font-size:var(--fs-p);text-wrap:pretty;line-height:2}.featured-cta{gap:.6rem;margin-top:1.5rem;font-weight:600;display:inline-flex}.featured:hover .arrow,.post-row:hover .arrow{transform:translate(-5px)}.archive{padding-bottom:clamp(4rem,9vw,7rem)}.section-head{justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1rem;display:flex}.section-head h2{font-size:var(--fs-d);line-height:1.4}.archive-count{color:var(--muted);font-size:var(--fs-s);white-space:nowrap}.archive-count b{color:var(--ink)}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.chip{background:var(--ember-soft);min-height:2.75rem;color:var(--ink-soft);font:500 var(--fs-s) / 1 var(--font-ui);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.1rem;transition:background .18s,color .18s;display:inline-flex}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chip-count{opacity:.7}.post-row{grid-template-columns:7rem minmax(0,1fr) auto;gap:clamp(1rem,3vw,2.25rem);padding:clamp(1.5rem,3vw,2.25rem) clamp(.5rem,1.5vw,1rem);transition:background .2s;display:grid}.post-row:hover{background:var(--bg-raised)}.row-day,.post-row h3{color:color-mix(in srgb, var(--ink), var(--bg) calc(var(--dim,0) * 40%))}.post-row:hover .row-day,.post-row:hover h3{color:var(--ink)}.row-date{flex-direction:column;align-items:flex-start;display:flex}.row-day{font-family:var(--font-display);font-size:var(--fs-d);font-weight:700;line-height:1.2}.row-month{color:var(--muted);font-size:var(--fs-s)}.row-main{min-width:0}.row-kicker{color:var(--muted);font-size:var(--fs-s);flex-wrap:wrap;align-items:center;gap:.3rem .9rem;margin-bottom:.8rem;display:flex}.row-category{color:var(--ink-soft);font-weight:600}.post-row h3{font-size:var(--fs-h);text-wrap:balance;overflow-wrap:anywhere;margin-block:0 .4rem;line-height:1.6}.row-excerpt{max-width:44rem;color:var(--ink-soft);font-size:var(--fs-b);text-wrap:pretty;margin-bottom:.6rem;line-height:2}.row-arrow{color:var(--muted);font-size:var(--fs-h);align-self:center}.read-progress{z-index:60;pointer-events:none;height:3px;position:fixed;inset-block-start:0;inset-inline:0}.read-progress span{background:var(--ink);transform-origin:100%;width:100%;height:100%;display:block;transform:scaleX(0)}.reader{width:min(var(--reader), 100% - var(--gutter) * 2);margin-inline:auto;padding-block:clamp(1.5rem,4vw,3rem) clamp(5rem,10vw,8rem)}.back-link{min-height:2.75rem;color:var(--muted);font-size:var(--fs-b);border-radius:999px;align-items:center;gap:.6rem;margin-inline-start:-.9rem;padding:0 .9rem;transition:color .18s,background .18s;display:inline-flex}.back-link:hover{color:var(--ink);background:var(--ember-soft)}.back-link .arrow{transform:scaleX(-1)}.reader-header{padding-block:clamp(1.5rem,4vw,2.5rem)}.reader-kicker{color:var(--muted);font-size:var(--fs-s);flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin-bottom:1.25rem;display:flex}.reader-category{background:var(--ember-soft);color:var(--ink);border-radius:999px;padding:0 .9rem;font-weight:600}.reader-header h1{font-size:var(--fs-d);text-wrap:balance;overflow-wrap:anywhere;margin-block:0 1.1rem;line-height:1.5}.reader-excerpt{color:var(--ink-soft);font-family:var(--font-display);font-size:var(--fs-p);text-wrap:pretty;line-height:2.05}.prose{overflow-wrap:anywhere;font-size:var(--fs-p);line-height:2.15}.prose>*+*{margin-top:1.55rem}.prose h2,.prose h3,.prose h4{text-wrap:balance;line-height:1.6}.prose h2{font-size:var(--fs-h);margin-top:3.25rem}.prose h3{font-size:var(--fs-p);margin-top:2.5rem}.prose h4{font-size:var(--fs-b);margin-top:2rem}.prose h2+*,.prose h3+*{margin-top:1rem}.prose a{text-underline-offset:.3em;text-decoration:underline 1px}.prose a:hover{text-decoration-thickness:2px}.prose strong{font-weight:600}.prose ul,.prose ol{padding-inline-start:1.6rem}.prose ol{list-style-type:arabic-indic}.prose li+li{margin-top:.35rem}.prose blockquote{background:var(--bg-raised);color:var(--ink-soft);font-family:var(--font-display);margin-inline:0;padding:.8rem 1.5rem;line-height:2}.prose blockquote>*+*{margin-top:1rem}.prose hr{background:var(--muted);border:0;width:3rem;height:3px;margin:2.5rem 0}.prose img{display:block}.prose figcaption{color:var(--muted);font-size:var(--fs-s);text-align:center;margin-top:.6rem}.prose :not(pre)>code{background:var(--bg-raised);font-family:var(--font-code);direction:ltr;unicode-bidi:isolate;padding:.1em .4em;font-size:.82em}.prose pre{background:var(--bg-sunken);color:var(--ink);font-family:var(--font-code);text-align:left;direction:ltr;padding:1.1rem 1.3rem;font-size:.9rem;line-height:1.75;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;max-width:100%;font-size:var(--fs-b);line-height:1.8;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--muted);text-align:start;padding:.65rem 1rem}.prose th{background:var(--bg-raised)}.reader-footer{margin-top:clamp(3.5rem,7vw,5rem)}.reader-byline{color:var(--muted);font-size:var(--fs-s);margin-top:1.5rem}.reader-byline strong{color:var(--ink)}.post-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.post-nav a{background:var(--bg-raised);flex-direction:column;gap:.35rem;padding:1.25rem 1.4rem;transition:background .2s;display:flex}.post-nav a:hover{background:color-mix(in srgb, var(--bg-raised) 92%, var(--ink))}.post-nav-label{color:var(--muted);font-size:var(--fs-s)}.post-nav-title{font-family:var(--font-display);font-size:var(--fs-p);text-wrap:balance;font-weight:700;line-height:1.6}.post-nav .is-newer{text-align:end;grid-column:2}.post-nav .is-older{grid-column:1}.locked-post{background:var(--bg-raised);padding:clamp(1.4rem,4vw,2.25rem)}.locked-intro{align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.locked-icon{background:var(--ember-soft);border-radius:50%;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:inline-grid}.locked-icon svg{width:1.3rem;height:1.3rem}.locked-intro strong{font-size:var(--fs-b);display:block}.locked-intro span{color:var(--muted);font-size:var(--fs-s)}.locked-form label{margin-bottom:.55rem;font-weight:600;display:block}.locked-form-row{gap:.6rem;display:flex}.locked-form input{background:var(--bg);min-width:0;min-height:3rem;color:var(--ink);font:400 var(--fs-b) var(--font-ui);border:0;border-radius:999px;flex:1;padding:0 1.1rem}.locked-form button{background:var(--ink);min-height:3rem;color:var(--bg);font:600 var(--fs-b) var(--font-ui);cursor:pointer;border:0;border-radius:999px;padding:0 1.5rem}.locked-form button:disabled{cursor:wait;opacity:.6}.locked-status{min-height:1.6em;font-size:var(--fs-s);margin-top:.7rem}.locked-content{background:0 0;max-width:none;margin:0;padding:0}.locked-content h2{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.locked-content h2:focus{clip:auto;width:auto;height:auto;margin-bottom:1.25rem;position:static}.locked-post:has(.locked-content:not([hidden])){background:0 0;padding:0}.page-narrow{width:min(var(--reader), 100% - var(--gutter) * 2);min-height:60vh;margin-inline:auto;padding-block:clamp(3rem,8vw,6rem)}.page-narrow h1{font-size:var(--fs-hero);margin-bottom:1.75rem;line-height:1.35}.page-narrow .lede p{color:var(--ink-soft);font-size:var(--fs-p);text-wrap:pretty;line-height:2.15}.page-narrow .lede p+p{margin-top:1.25rem}.social-section{margin-block:3rem 2.5rem}.social-section h2{font-size:var(--fs-h);margin-bottom:1rem}.social-links{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.social-links a{background:var(--bg-raised);justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:.5rem 1.3rem;transition:background .2s;display:flex}.social-links a:hover{background:color-mix(in srgb, var(--bg-raised) 92%, var(--ink))}.social-links a span:last-child{color:var(--muted);font-size:var(--fs-s)}.not-found-code{color:var(--muted);font-family:var(--font-display);font-size:var(--fs-hero);line-height:1.1}.site-footer{background:var(--bg-sunken)}.footer-inner{width:min(var(--container), 100% - var(--gutter) * 2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;margin-inline:auto;padding-block:2rem;display:flex}.footer-brand strong{font-family:var(--font-display);font-size:var(--fs-b);display:block}.footer-brand span{color:var(--muted);font-size:var(--fs-s)}.footer-nav{flex-wrap:wrap;gap:.25rem;display:flex}.footer-nav a{min-height:2.75rem;color:var(--ink-soft);font-size:var(--fs-s);align-items:center;padding:0 .85rem;display:inline-flex}.footer-nav a:hover{color:var(--ink)}@media (width<=900px){.hero{grid-template-columns:1fr;align-items:start}}@media (width<=760px){.brand-subtitle{display:none}.site-nav a{padding:0 .8rem}.hero-actions .btn{flex:auto}.post-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem 1rem}.row-date{flex-direction:row;grid-column:1/-1;align-items:baseline;gap:.5rem}.row-day{font-size:var(--fs-h)}.row-arrow{grid-area:2/2;align-self:start}.post-nav{grid-template-columns:1fr}.post-nav .is-newer,.post-nav .is-older{grid-column:auto}.post-nav .is-newer{text-align:start}.locked-form-row{flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=420px){.header-inner{gap:.5rem}.site-nav a{padding:0 .6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}@media print{.site-header,.site-footer,.read-progress,.post-nav,.back-link,.skip-link{display:none!important}body{color:#000;background:#fff}}