:root{--container-width:100%;--reading-width:88ch;--page-bg:#eff2ee;--ink:#202624;--muted-ink:#636b65;--rule:#202624;--soft-bg:#e3e9e3;--page-gutter:clamp(1rem, 3vw, 3rem);--page-top:clamp(1.5rem, 3.5vw, 3rem);--section-gap:clamp(3rem, 6vw, 5rem);--post-gap:clamp(2.75rem, 6vw, 5rem);--mono:"IBM Plex Mono", "IBM Plex Sans Arabic", "Noto Sans Arabic", monospace;--display:Futura, "Futura PT", "Century Gothic", "IBM Plex Sans Arabic", "Noto Sans Arabic", sans-serif}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}::selection{color:var(--ink);background:#b6a8e8}body{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,min(100%,var(--container-width)));justify-content:start;align-content:start;gap:var(--section-gap);min-height:100vh;padding:var(--page-top)var(--page-gutter)2rem;background:var(--page-bg);color:var(--ink);font-family:var(--mono);font-size:clamp(.875rem,calc(.84rem + .18vw),1rem);line-height:1.6;counter-reset:none}*,*::before,*::after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--ink);font-family:var(--mono);font-weight:600;line-height:1.35;counter-increment:none;counter-reset:none}h2::before,h3::before,h4::before,h5::before{content:none}h1{font-size:clamp(1.25rem,calc(1.1rem + .8vw),1.8rem)}h2,h3{font-size:1rem}p{line-height:1.7}a,a:visited{color:inherit;text-decoration:none;border-bottom:0}a:hover{opacity:.72}main a:not(.random-highlight):not(.random-color-text){text-decoration:underline;text-decoration-color:#9c9996;text-decoration-thickness:1px;text-underline-offset:.2em}main a:hover{text-decoration-color:initial}body header:has(.path-nav):has(.site-nav){display:flex;flex-wrap:wrap;align-items:baseline;column-gap:clamp(.5rem,1.4vw,1.25rem);row-gap:.45rem;margin:0;padding:0;border:0}body header:has(.path-nav):has(.site-nav)>*:has(.path-nav):has(.site-nav){display:flex;flex:0 0 100%;flex-wrap:wrap;align-items:baseline;column-gap:clamp(.5rem,1.4vw,1.25rem);row-gap:.45rem;width:100%;margin:0;padding:0;border:0}body header:has(.path-nav):has(.site-nav)::after{content:"";display:block;flex:0 0 100%;width:100%;height:0;margin-top:.7rem;border-top:2pt solid var(--ink)}.path-nav{flex:initial;width:auto!important;max-width:100%;margin:0;padding:0;overflow:visible;white-space:normal}.path-nav ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35em;width:auto;margin:0;padding:0;list-style:none}.path-nav li{display:inline-flex;align-items:baseline;flex:initial;max-width:none;color:var(--muted-ink);white-space:normal}.path-nav li:first-child a{display:inline-block;max-width:100%;padding:.08em .24em;color:inherit;font-family:var(--display);font-size:clamp(1.05rem,calc(1rem + .45vw),1.5rem);font-weight:500;line-height:1.05;letter-spacing:-.045em;white-space:nowrap}.path-nav li:not(:first-child) a{padding:0;color:var(--muted-ink);font-size:.82em;white-space:normal}.path-nav a:hover{opacity:1}.site-bio{flex:initial;max-width:18ch;margin:0;color:var(--muted-ink);font-size:.76em;line-height:1.35;white-space:nowrap}.site-bio p{margin:0;color:inherit;line-height:inherit}.site-nav{display:flex;flex:initial;flex-wrap:wrap;justify-content:flex-end;gap:.35rem 1.15rem;max-width:100%;margin:0 0 0 auto;padding:0;border:0;line-height:1.5}.site-nav a{padding:0;color:var(--muted-ink);font-size:.82em;white-space:nowrap}.site-nav a:hover{color:var(--ink);opacity:1}main{width:100%;min-width:0;margin:0}.random-color-text{display:block;max-width:38ch;font-family:var(--display);font-size:clamp(1.35rem,calc(1.12rem + 1vw),2rem);font-weight:500;line-height:1.28;letter-spacing:-.04em}.random-highlight{border-radius:0}.full-width{width:100%;margin-bottom:1.5rem}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem);margin-bottom:1.5rem}.column-left{grid-column:1}.column-right{grid-column:2}.two-columns h2,.two-columns h3{margin-top:0}.posts,.posts li{margin:0;padding:0;list-style:none}article.post{margin:0;padding:var(--post-gap)0 0;border:0}article.post+article.post{padding-top:var(--post-gap)}article.post:first-of-type{padding-top:0}.post time,.post-date,.post-meta,time{color:var(--muted-ink);font-size:.78em;line-height:1.4}.post time,.post-date,.post-meta{display:block;margin:0 0 .6rem;padding:0}.post-title,.post h1,.post h2,.post h3{margin:0 0 .65rem;padding:0}.post-title a,.post h1 a,.post h2 a,.post h3 a{text-decoration:none!important}.post-content,.post-summary,.entry-content{max-width:var(--reading-width);margin-top:0;padding-top:0}.post-content>:first-child,.post-summary>:first-child,.entry-content>:first-child{margin-top:0}.post-content>:last-child,.post-summary>:last-child,.entry-content>:last-child{margin-bottom:0}.post-content p,.post-summary p,.entry-content p{margin:0 0 1em}img{display:block;max-width:100%;height:auto;margin:1.5rem 0;padding:0;border:0;border-radius:0}.post img,article.post img,.post-content img,.entry-content img{width:auto;max-width:min(100%,92ch)}figure{margin:1.75rem 0;text-align:left}figure img{margin:0}figcaption{margin-top:.6rem;color:var(--muted-ink);font-size:.78em;line-height:1.5;text-align:left}blockquote{margin:1.5rem 0;padding:.2rem 0 .2rem 1rem;border:0;border-left:2px solid var(--rule);border-radius:0;background:0 0;box-shadow:none;font-style:normal}pre,code{font-family:var(--mono)}pre{overflow-x:auto;padding:.8rem 1rem;border:1px solid var(--rule);border-radius:0;background:var(--soft-bg);box-shadow:none}code{background:var(--soft-bg)}pre code{background:0 0}main hr{width:2.5rem;margin:2.5rem 0;border:0;border-top:1px solid var(--rule)}footer{padding:0;border:0;color:var(--muted-ink);font-size:.78em;text-align:left}footer p{margin:0;color:inherit}@media(max-width:920px){.site-nav{flex-basis:100%;justify-content:flex-end;margin-left:0}}@media(max-width:640px){body{grid-template-columns:minmax(0,1fr);gap:2.75rem;padding-top:1.35rem}body header:has(.path-nav):has(.site-nav){column-gap:.55rem;row-gap:.6rem}.site-bio{max-width:none;white-space:normal}.site-nav{flex-basis:100%;justify-content:flex-start;gap:.4rem 1rem}.two-columns{grid-template-columns:minmax(0,1fr);gap:1.5rem}.column-left,.column-right{grid-column:1}.random-color-text{max-width:30ch;font-size:clamp(1.3rem,5.4vw,1.65rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}