@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&display=swap";:root{color-scheme:light;--paper:#f7f3ec;--paper-deep:#efe8de;--ink:#2d2925;--muted:#786f66;--line:#ddd4ca;--accent:#7a443a;--content-width:46rem;--wide-width:64rem}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Noto Naskh Arabic,Amiri,Geeza Pro,Traditional Arabic,serif;font-size:1.125rem;line-height:2}::selection{background:var(--paper-deep)}a{color:inherit;text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:.22em;text-decoration-thickness:.06em}a:hover,a:focus-visible{color:var(--accent)}img,svg{max-width:100%}.site-header{width:min(calc(100% - 2.5rem), var(--wide-width));border-bottom:1px solid var(--line);margin-inline:auto;padding-block:1.4rem}.site-nav{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.site-brand{font-family:Aref Ruqaa,Noto Naskh Arabic,serif;font-size:1.8rem;font-weight:700;line-height:1.2;text-decoration:none}.site-links{color:var(--muted);flex-wrap:wrap;gap:.85rem 1.3rem;font-size:.95rem;display:flex}.site-links a{text-decoration:none}.site-main{width:min(calc(100% - 2.5rem), var(--content-width));margin-inline:auto;padding-block:clamp(2.5rem,7vw,5rem) 5rem}h1,h2,p,ul{margin-top:0}h1,h2{line-height:1.5}h1{margin-bottom:1rem;font-size:clamp(2rem,6vw,3.4rem);font-weight:700}h2{margin-bottom:1.1rem;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700}.home-intro{padding-block:clamp(1rem,5vw,3rem) clamp(3rem,8vw,5rem)}.home-intro h1{letter-spacing:0;margin-bottom:.35rem;font-family:Aref Ruqaa,Noto Naskh Arabic,serif;font-size:clamp(3.8rem,15vw,7rem);font-weight:700;line-height:1.15}.home-author{color:var(--muted);margin:0;font-size:1.05rem}.home-section+.home-section{margin-top:3.5rem}.section-links{flex-wrap:wrap;gap:.7rem 1.4rem;padding:0;list-style:none;display:flex}.section-links a{border-bottom:1px solid var(--line);text-decoration:none}.page-heading{margin-bottom:2.5rem}.text-page{margin-inline:auto}.text-header{text-align:center;margin-bottom:clamp(2.5rem,7vw,4rem)}.text-date{color:var(--muted);margin:0;font-size:.95rem}.text-page :where(p){margin-bottom:1.35rem}.text-navigation{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.5rem;margin-top:clamp(4rem,10vw,7rem);padding-top:1.5rem;font-size:.95rem;display:grid}.text-navigation a{text-decoration:none}.text-navigation-side a{flex-direction:column;gap:.05rem;display:flex}.text-navigation-next{text-align:left}.text-navigation-next a{align-items:flex-end}.text-navigation-label{color:var(--muted);font-size:.78rem}.text-navigation-all{color:var(--muted);white-space:nowrap}.simple-page{max-width:38rem}.simple-page>h1{margin-bottom:1.5rem}.contact-page>p{color:var(--muted)}.contact-form{gap:1.25rem;margin-top:2rem;display:grid}.contact-form label{gap:.35rem;display:grid}.contact-form small{color:var(--muted);font-size:.8em}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:0 0;border-radius:0;padding:.65rem .75rem;line-height:1.6}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:1px solid var(--accent);outline-offset:2px}.contact-form button{border:1px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0;justify-self:start;padding:.4rem 1.4rem}.contact-form button:hover,.contact-form button:focus-visible{color:var(--accent);border-color:var(--accent)}.contact-form button:disabled{cursor:wait;opacity:.6}.contact-status{min-height:2em;color:var(--muted);margin:0}@media (width<=36rem){body{font-size:1.05rem}.site-header,.site-main{width:min(calc(100% - 2rem), var(--content-width))}.site-nav{flex-direction:column;align-items:flex-start;gap:.55rem}.site-links{gap:.4rem 1rem}.text-navigation{grid-template-columns:1fr 1fr;gap:1.25rem}.text-navigation-all{grid-area:2/1/auto/-1;justify-self:center}}
