@import url("https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Reem+Kufi:wght@400;500;600&display=swap");:root{--ink:#e9e5db;--muted:#96928a;--line:#252522;--panel:#111110;--canvas:#0b0b0a;--accent:#d5b873}:root[data-theme=light]{--ink:#24231f;--muted:#716e67;--line:#dedbd2;--panel:#f5f3ed;--canvas:#fbfaf6}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:DM Sans,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:278px 344px minmax(0,1fr);min-height:100vh;width:100%;margin:0;border-left:1px solid var(--line);transition:grid-template-columns .24s ease}.static-shell{grid-template-columns:278px minmax(0,1fr)}.static-shell .post-rail{display:none}.post-rail,.primary-rail{background:var(--panel);min-height:100vh;border-right:1px solid var(--line)}.primary-rail{height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;padding:39px 20px 24px;display:flex;flex-direction:column}.wordmark{direction:rtl;display:block;white-space:nowrap;color:var(--ink);text-decoration:none;font-family:Reem Kufi,sans-serif;font-size:21px;line-height:1.2;letter-spacing:-.7px;margin:0 4px 50px;transform:none}.search-trigger{height:42px;background:color-mix(in srgb,var(--panel) 84%,var(--ink));color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 9px 0 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:13px}kbd{font-family:DM Mono,monospace;font-size:10px;padding:4px 5px;color:#a8a49c;background:#252522;border-radius:3px}.main-nav{margin-top:26px;display:grid;grid-gap:4px;gap:4px}.nav-item{border:0;border-radius:5px;background:transparent;text-align:left;padding:9px 11px;font-weight:600;font-size:14px;color:var(--ink);transition:.15s ease;text-decoration:none}.nav-item:hover{background:color-mix(in srgb,var(--panel) 78%,var(--ink));color:var(--ink)}.nav-item.selected{background:color-mix(in srgb,var(--panel) 72%,var(--ink));color:var(--ink)}.nav-label{font-family:DM Mono,monospace;font-size:10px;color:#77736c;margin:27px 11px 5px;text-transform:uppercase;letter-spacing:.09em}.section-link span{display:inline-block;color:var(--ink);width:25px;font-size:17px;font-weight:400}.rail-footer{margin-top:auto;color:var(--muted);font:10px/1.7 DM Mono,monospace;padding:0 12px}.rail-footer span{opacity:.62}.theme-toggle{border:0;background:transparent;color:var(--accent);font:10px DM Mono,monospace;padding:0 0 11px}.post-rail{padding:35px 20px;overflow-y:auto;max-height:100vh;position:-webkit-sticky;position:sticky;top:0}.focus-toggle{position:absolute;z-index:3;top:70%;right:0;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--accent);color:var(--line);font-size:24px;line-height:1;box-shadow:0 3px 12px rgba(0,0,0,.15);transition:transform .18s ease,right .24s ease}.focus-toggle:hover{transform:scale(1.08)}.focus-mode{grid-template-columns:0 0 minmax(0,1fr);border-left:0}.focus-mode .primary-rail{min-width:0;width:0;padding:0;border:0;overflow:hidden}.focus-mode .primary-rail>*{visibility:hidden}.focus-mode .post-rail{min-width:0;width:0;padding:0;border:0;overflow:visible;background:transparent}.focus-mode .post-rail>:not(.focus-toggle){display:none}.focus-mode .focus-toggle{right:-52px}.focus-mode .reader{max-width:1100px;padding-left:clamp(40px,11vw,180px);padding-right:clamp(40px,11vw,180px)}.rail-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:0 13px 20px;border-bottom:1px solid var(--line)}.rail-heading p{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;color:#77736c}.rail-heading h2{margin:0;font-size:18px;letter-spacing:-.5px}.rail-heading button{border:0;background:transparent;color:#77736c;font-size:19px}.rail-actions{display:flex;align-items:center;gap:5px}.filter-button{width:29px;height:29px;display:grid;place-items:center;padding:0;border:1px solid var(--line)!important;border-radius:4px}.filter-icon{width:15px;height:15px}.filter-button.active,.filter-button:hover{color:var(--accent)!important;border-color:var(--accent)!important}.context-search{height:39px;margin:14px 0 0;padding:0 23px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.context-search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.context-search input::placeholder{color:var(--muted)}.context-search>span{font-size:19px;line-height:1;color:var(--ink)}.filter-panel{margin:10px 0 -3px;padding:10px 13px;background:var(--canvas);border:1px solid var(--line);border-radius:6px}.filter-panel>div+div{margin-top:12px}.filter-panel p,.series-label{margin:0 0 6px;color:var(--muted);font:9px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:5px}.clear-filters,.filter-chips button{border:1px solid color-mix(in srgb,var(--line) 85%,var(--muted));border-radius:20px;padding:4px 7px;color:var(--ink);background:var(--panel);font:10px DM Mono,monospace;transition:background .15s ease,border-color .15s ease,color .15s ease}.filter-chips button:hover{border-color:var(--accent);color:var(--accent)}.filter-chips button.active{border-color:var(--accent);color:var(--canvas);background:var(--accent)}.clear-filters{margin-top:10px;border:0;padding:0;color:var(--accent);background:transparent}.post-list{display:grid;grid-gap:2px;gap:2px;padding-top:14px}.series-label{padding:15px 13px 2px;margin:0;color:var(--accent)}.no-posts{color:var(--muted);font-size:13px;padding:20px 13px}.post-card{display:block;text-decoration:none;background:transparent;border:0;padding:12px 13px;text-align:left;border-radius:6px}.post-card,.post-card:visited{color:var(--ink)}.post-card:hover{background:color-mix(in srgb,var(--panel) 78%,var(--ink))}.post-card.active{background:color-mix(in srgb,var(--panel) 72%,var(--ink))}.post-card h3{font-size:14px;line-height:1.32;letter-spacing:-.25px;margin:0 0 6px;font-weight:600}.post-card p{color:var(--muted);font:10px DM Mono,monospace;margin:0}.post-card i{display:inline-block;width:3px;height:3px;background:#77736c;vertical-align:middle;border-radius:50%;margin:0 5px}.reader{max-width:790px;width:100%;padding:96px clamp(40px,9vw,150px) 90px;margin:auto}.article-meta{display:flex;gap:12px;font:10px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.article-meta span:first-child{color:var(--accent)}.article-meta span+span:before{content:"/";margin-right:12px;color:#55524d}.section-meta-link{color:var(--accent);text-decoration:none}.section-meta-link:hover{text-decoration:underline}.section-meta-link+span:before{content:"/";margin-right:12px;color:#55524d}h1{font-family:Playfair Display,Georgia,serif;max-width:690px;font-size:clamp(44px,5vw,68px);line-height:1.03;letter-spacing:-2.8px;margin:21px 0 23px;font-weight:600}.dek{max-width:600px;font-size:20px;line-height:1.55;color:color-mix(in srgb,var(--ink) 74%,var(--canvas));margin:0 0 58px;letter-spacing:-.35px}.article-body{max-width:620px}.article-body section{margin:0 0 38px}.article-body h2{font-size:27px;letter-spacing:-.9px;margin:0 0 12px}.article-body p{white-space:pre-line;font-size:17px;line-height:1.78;letter-spacing:-.13px;color:color-mix(in srgb,var(--ink) 80%,var(--canvas));margin:0}.article-body.poem p{font-family:Playfair Display,serif;font-size:21px;line-height:1.76;color:var(--ink)}.article-footer{margin-top:76px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px DM Mono,monospace;color:var(--muted)}.article-footer button{background:transparent;border:0;color:var(--accent);padding:0}.article-body p+p{margin-top:1.5em}.article-body .rtl-paragraph{text-align:right;direction:rtl;letter-spacing:0}.article-body ul{margin:0;padding-left:1.25rem;font-size:17px;line-height:1.78;color:color-mix(in srgb,var(--ink) 80%,var(--canvas))}.article-body li+li{margin-top:.45rem}.article-image-button{display:block;width:100%;padding:0;margin:2rem 0 .7rem;background:transparent;border:0;border-radius:6px;cursor:pointer}.article-image{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border:1px solid var(--line);border-radius:6px;transition:opacity .15s ease}.article-image-button:hover .article-image{opacity:.82}.article-image-button+em{display:block;color:var(--muted);font-size:13px}.image-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:hidden;padding:24px;background:rgba(0,0,0,.84);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-modal{position:relative;width:min(1100px,100%);max-width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;align-items:center;overflow:hidden}.image-modal img{display:block;max-width:100%;max-height:calc(100vh - 105px);object-fit:contain;border-radius:6px}.image-modal p{margin:12px 44px 0;color:#e9e5db;font-size:13px;text-align:center}.image-modal-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:1px solid #5c5952;border-radius:50%;background:rgba(24,24,22,.88);color:#fff;font-size:28px;line-height:1}.article-body .sacred-text{font-weight:700;color:var(--accent)}.article-body .rtl-paragraph.sacred-text{font-family:Amiri,serif;font-size:1.2em;line-height:2;letter-spacing:0}.article-body.poem .sacred-text{color:var(--accent);font-weight:700}.article-body.poem .rtl-paragraph.sacred-text{font-family:Amiri,serif;font-size:1.2em;line-height:2}.couplet{display:grid;grid-gap:.25em;gap:.25em;margin:2.4rem 0 2.4rem auto;color:var(--accent);font-family:Playfair Display,Georgia,serif;font-size:clamp(25px,3vw,35px);font-style:italic;line-height:1.35;letter-spacing:-.5px;text-align:right}.couplet span{display:block}.couplet[dir=rtl]{font-family:Amiri,serif;font-style:normal;line-height:1.7;letter-spacing:0}.arabic-title{font-family:Reem Kufi,sans-serif;font-size:clamp(34px,4.5vw,58px);line-height:1.25;letter-spacing:0}.source-link{display:inline-flex;align-items:center;margin:-23px 0 48px;padding:9px 12px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:5px;font:11px DM Mono,monospace;text-decoration:none;transition:background .15s ease}.source-link:hover{background:color-mix(in srgb,var(--panel) 70%,var(--accent))}.mobile-menu,.scrim{display:none}.command-backdrop{position:fixed;inset:0;z-index:10;padding-top:16vh;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.command{width:min(620px,calc(100% - 30px));max-height:70vh;overflow:auto;margin:auto;color:#e9e5db;background:#181816;border:1px solid #35342f;border-radius:10px;box-shadow:0 26px 80px #000}.command-input{display:flex;gap:12px;align-items:center;padding:17px;border-bottom:1px solid #35342f;color:var(--accent)}.command-input input{min-width:0;flex:1 1;outline:0;background:transparent;border:0;color:#e9e5db;font-size:16px}.command-label{margin:14px 17px 8px;color:#aaa69c;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.command-results{padding:0 8px 10px}.command-results button{width:100%;border:0;border-radius:6px;background:transparent;padding:12px 10px;display:flex;gap:12px;text-align:left}.command-results button:hover{background:#2a2925}.command-results button>span{color:var(--accent);font-size:17px}.command-results small,.command-results strong{display:block}.command-results strong{font-size:14px;font-weight:600}.command-results small{color:#aaa69c;font:10px DM Mono,monospace;margin-top:4px;text-transform:capitalize}.empty{color:#aaa69c;font-size:14px;padding:18px 9px}@media (max-width:850px){.shell{display:block;border:0}.primary-rail{position:fixed;z-index:5;inset:0 auto 0 0;width:280px;transform:translateX(-101%);transition:transform .22s ease;box-shadow:10px 0 30px #000}.primary-rail.is-open{transform:translateX(0)}.primary-collapsed .primary-rail{align-items:normal;padding:39px 20px 24px}.primary-collapsed .main-nav,.primary-collapsed .rail-footer,.primary-collapsed .search-trigger,.primary-collapsed .wordmark{display:flex}.primary-collapsed .main-nav{display:grid}.primary-collapsed .primary-collapse{position:absolute;font-size:22px}.mobile-menu{top:18px;left:18px;width:40px;height:40px;background:#1b1b19;border:1px solid #34332e;border-radius:5px}.mobile-menu,.scrim.visible{display:block;position:fixed;z-index:4}.scrim.visible{inset:0;border:0;background:rgba(0,0,0,.55)}.post-rail{position:relative;top:auto;max-height:none;min-height:auto;padding:80px 18px 14px;border-bottom:1px solid var(--line);border-right:0;overflow:hidden}.post-list{display:flex;overflow-x:auto;padding-bottom:3px}.post-card{flex:0 0 220px}.reader{padding:52px 26px 60px}.static-shell .reader{padding-top:100px}.reader h1{font-size:45px;letter-spacing:-1.8px}.dek{font-size:18px;margin-bottom:43px}.article-body p{font-size:16px}.article-footer{margin-top:52px}.mobile-index .reader{display:none}.mobile-index .post-rail{min-height:100vh}.mobile-index .post-list{display:grid;overflow:visible}.mobile-index .post-card{display:block}.mobile-reader .post-rail{display:none}.mobile-reader .reader{padding-top:92px}.focus-toggle{display:none}}