:root{--primary: #0f766e;--primary-fill: #0f766e;--primary-dark: #115e59;--bg: #ffffff;--card: #ffffff;--surface: #f7f8fa;--ink: #1f2937;--muted: #6b7280;--border: #e5e7eb;--nav-bg: rgba(255, 255, 255, .92);--code-bg: #f3f5f6}html.dark{--primary: #2dd4bf;--primary-fill: #0f766e;--primary-dark: #115e59;--bg: #0c1517;--card: #122023;--surface: #0f1b1e;--ink: #e7eef0;--muted: #9db0b4;--border: #1e3438;--nav-bg: rgba(12, 21, 23, .92);--code-bg: #0a1417}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans Arabic,-apple-system,Segoe UI,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.8;min-height:100vh;overflow-x:hidden}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}nav.topbar{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block-end:1px solid transparent}nav.topbar.scrolled{border-block-end-color:var(--border);box-shadow:0 6px 24px #0000001f}nav.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}nav.topbar .brand{display:inline-flex;align-items:center;gap:8px;font-size:21px;font-weight:700;color:var(--primary);text-decoration:none;flex-shrink:0}nav.topbar .brand .blog-tag{font-size:12px;font-weight:600;color:var(--muted);border-inline-start:1px solid var(--border);padding-inline-start:8px;margin-inline-start:2px}nav.topbar .links{display:flex;align-items:center;gap:20px}nav.topbar .links a.txt{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500}nav.topbar .links a.txt:hover{color:var(--primary)}.pill{display:inline-block;text-decoration:none;text-align:center;border-radius:999px;padding:7px 20px;font-size:14px;font-weight:600;background:var(--primary-fill);color:#fff;border:1px solid var(--primary-fill);cursor:pointer}.pill:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;cursor:pointer;background:transparent;border:1px solid var(--border);color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;padding:0;flex-shrink:0;text-decoration:none}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.icon-btn svg{width:17px;height:17px}html.dark .sun{display:block}html.dark .moon{display:none}html:not(.dark) .sun{display:none}html:not(.dark) .moon{display:block}#menu-btn{display:none}#mobile-menu{display:none;position:absolute;top:60px;inset-inline:0;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block-end:1px solid var(--border);padding:12px 24px 20px;flex-direction:column;gap:4px}#mobile-menu.open{display:flex}#mobile-menu a{color:var(--ink);text-decoration:none;font-size:16px;font-weight:500;padding:10px 4px;border-radius:8px}#mobile-menu a:hover{color:var(--primary)}#mobile-menu .pill{margin-top:10px;color:#fff;text-align:center;padding:11px 24px}@media(max-width:767px){nav.topbar .links a.txt,nav.topbar .links .pill{display:none}#menu-btn{display:inline-flex}}main.listing{padding:48px 0 96px}.listing-head{margin-bottom:36px}.listing-head h1{font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.4}.listing-head p{color:var(--muted);font-size:16.5px;margin-top:8px;max-width:620px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}a.post-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}a.post-card .cover{aspect-ratio:1200 / 630;background:var(--surface)}a.post-card .cover img{width:100%;height:100%;object-fit:cover;display:block}a.post-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}a.post-card h2{font-size:18px;font-weight:700;line-height:1.55}a.post-card p{color:var(--muted);font-size:14.5px;flex:1}a.post-card .meta{color:var(--muted);font-size:13px;margin-top:4px}@media(prefers-reduced-motion:no-preference)and (hover:hover){a.post-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}a.post-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 55%,var(--border));box-shadow:0 14px 36px #0000001f}a.post-card:hover h2{color:var(--primary)}}.empty-state{text-align:center;color:var(--muted);padding:80px 0}main.article{max-width:780px;margin:0 auto;padding:40px 24px 96px}.article .breadcrumb{color:var(--muted);font-size:13px;margin-bottom:14px}.article .breadcrumb a{color:var(--muted);text-decoration:none}.article .breadcrumb a:hover{color:var(--primary)}.article h1{font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.5}.article .post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px;margin-top:12px}.article .post-meta .author{color:var(--ink);font-weight:600}.article .cover-figure{margin:28px 0 0}.article .cover-figure img{width:100%;height:auto;border-radius:18px;border:1px solid var(--border);display:block}.article .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.article .tag{font-size:12.5px;font-weight:600;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:999px;padding:3px 14px}.prose{margin-top:20px}.prose h2{font-size:23px;font-weight:700;margin-top:44px;padding-top:8px;scroll-margin-top:76px}.prose h3{font-size:17.5px;font-weight:700;margin-top:28px}.prose p{color:var(--ink);font-size:16px;margin-top:14px}.prose ul,.prose ol{margin-top:14px;padding-inline-start:22px}.prose li{font-size:16px;margin-top:6px}.prose li::marker{color:var(--primary)}.prose strong{color:var(--ink);font-weight:700}.prose hr{border:none;border-block-start:1px solid var(--border);margin:40px 0}.prose blockquote{margin-top:20px;padding:14px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--primary)}.prose blockquote p{margin-top:0;font-size:15px}.prose img{max-width:100%;height:auto;border-radius:14px;border:1px solid var(--border);margin-top:18px}.prose a{color:var(--primary)}.prose code:not(pre code){background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:1px 7px;font-size:13.5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;unicode-bidi:plaintext}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:14px;padding:18px 20px;overflow-x:auto;direction:ltr;text-align:left;margin-top:18px}.prose pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.7}.prose table{margin-top:18px;border-collapse:collapse;width:100%;font-size:14.5px}.prose th,.prose td{border:1px solid var(--border);padding:8px 14px;text-align:start}.prose th{background:var(--surface);font-weight:700}.pair-link{margin-top:36px;font-size:14.5px;color:var(--muted)}footer.site{padding:40px 0 36px;text-align:center;color:var(--muted);font-size:13px;border-block-start:1px solid var(--border)}footer.site .f-links{display:flex;gap:8px 22px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}footer.site .f-links a{color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:500}footer.site .f-links a:hover{color:var(--primary)}footer.site .brandline{color:var(--muted)}@media(prefers-reduced-motion:no-preference){.pill,.icon-btn,nav.topbar,nav.topbar .links a,footer.site .f-links a{transition:all .15s ease}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}