:root{--page:#faf8f5;--panel:#fffdfb;--ink:#1f1a17;--soft:#8b8279;--mid:#5e5650;--line:#ece6df;--chip:#f1ece6;--btn:#2a201b;--serif:var(--font-arabic-serif), var(--font-serif), "Iowan Old Style", Georgia, serif;--sans:var(--font-arabic-sans), var(--font-sans), system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--page);color:var(--ink);-webkit-text-size-adjust:100%}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}:lang(ar){letter-spacing:0!important}:lang(ar) :is(.a-title,.hero h1,.home-foot h2,.sec-h h1,.sec-h h2,.rt h2,.rt h3,.quote p,.post h3,.card h3,.pn b,.related h2){line-height:1.4}:lang(ar) :is(.prose,.a-dek){line-height:1.9}:lang(ar) .prose>.rt:first-child>p:first-child{line-height:1.8}.wrap{max-width:1200px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin-inline:auto}main>:not(.ink-page){max-width:960px;margin-inline:auto;padding:24px 20px}main>:not(.ink-page) a{text-underline-offset:3px;text-decoration:underline}.preview-bar{background:var(--btn);color:#fff;text-align:center;padding:8px 16px;font-size:14px}.preview-bar a{color:#fff;text-decoration:underline}.site-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;padding-block:22px 18px;display:grid}.site-nav .side{color:var(--mid);gap:34px;font-size:17px;display:flex}.site-nav .side.l{justify-content:flex-end}.site-nav .side.r{justify-content:flex-start}.site-nav .side a{transition:color .16s}.site-nav .side a[aria-current=page]{color:var(--ink)}@media (hover:hover) and (pointer:fine){.site-nav .side a:hover{color:var(--soft)}}.site-nav .logo{width:104px;transition:transform .16s var(--ease-out);display:block}.site-nav .logo img{width:100%;height:auto}.site-nav .logo:active{transform:scale(.97)}@media (max-width:760px){.site-nav{flex-wrap:wrap;gap:8px 16px;font-size:15px;display:flex}.site-nav .side{display:contents}.site-nav .side a{font-size:15px}.site-nav .logo{order:-1;width:86px;margin-inline-end:auto}}.btn{background:var(--btn);color:#fff;transition:transform .16s var(--ease-out), background-color .16s ease;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}@media (hover:hover) and (pointer:fine){.btn:hover{background:#46362d}.btn.ghost:hover{background:var(--chip)}}.sec-h{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin:0 0 22px;display:flex}.sec-h h1,.sec-h h2{font-family:var(--serif);letter-spacing:-.012em;margin:0;font-size:clamp(30px,3vw,40px);font-weight:400;line-height:1.1}.sec-h p{color:var(--soft);max-width:52ch;margin:6px 0 0}.sec-h .more{color:var(--mid);align-items:center;gap:6px;font-size:15px;transition:color .16s;display:inline-flex}@media (hover:hover) and (pointer:fine){.sec-h .more:hover{color:var(--ink)}}.posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;display:grid}.post{position:relative}.post .th{aspect-ratio:16/10;border-radius:14px;place-items:center;display:grid;overflow:hidden}.post .th>img:not(.cv){width:20%;height:auto;transition:transform .3s var(--ease-out)}.post .th .cv{object-fit:cover;width:100%;height:100%}@media (hover:hover) and (pointer:fine){.post:hover .th>img:not(.cv){transform:rotate(-8deg)scale(1.08)}}.post .mt{color:var(--soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.post .mt span{align-items:center;gap:4px;display:inline-flex}.post .ct{color:var(--mid);background:var(--chip);border-radius:999px;padding:2px 9px;font-size:12px}.post h3{font-family:var(--serif);letter-spacing:-.005em;margin:8px 0 4px;font-size:21px;font-weight:400;line-height:1.25}.post h3 a:after{content:"";position:absolute;inset:0}.post p{color:var(--soft);margin:0;font-size:15px}@media (max-width:900px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.posts{grid-template-columns:minmax(0,1fr)}}.cats{scrollbar-width:none;gap:4px;margin:0 0 26px;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cats a{color:var(--mid);white-space:nowrap;transition:transform .16s var(--ease-out), background-color .16s ease, color .16s ease;border-radius:999px;padding:8px 15px;font-size:15px}.cats a:active{transform:scale(.97)}.cats a[aria-current=page]{background:var(--btn);color:#fff}@media (hover:hover) and (pointer:fine){.cats a:not([aria-current]):hover{background:var(--chip)}}.pager{justify-content:space-between;gap:12px;margin-top:40px;display:flex}[dir=rtl] .flip{transform:scaleX(-1)}.writing,.work-index{padding-block:40px 90px}.empty{color:var(--soft)}.post :is(h3,p),.sec-h p{unicode-bidi:plaintext}
