@font-face{font-family:"Thmanyah Sans";src:url(thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(thmanyahsans-Black.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Thmanyah Serif Text";src:url(thmanyahseriftext-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Serif Text";src:url(thmanyahseriftext-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

/* ألوان الغلاف: جص بارد، حبر، قلم المصحح الأحمر، شريط التحذير الأصفر */
:root{
  --paper:#F2F1ED; --paper-2:#E8E6E0; --card:#FFFFFF;
  --ink:#1A1A1A; --muted:#66645F; --line:#D9D6CF;
  --pen:#BD3C47; --pen-ink:#A3303B; --tape:#F4C22B;
  --shade:rgba(30,26,20,.14);
  --sans:"Thmanyah Sans",system-ui,"Segoe UI",Tahoma,sans-serif;
  --serif:"Thmanyah Serif Text","Thmanyah Sans",serif;
  --wrap:72rem;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.8;direction:rtl}
a{color:inherit}
img{max-width:100%;display:block}
bdi{unicode-bidi:isolate}
:focus-visible{outline:3px solid var(--pen);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* أزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;
  font:700 17px/1 var(--sans);text-decoration:none;cursor:pointer;border:2px solid var(--ink);background:var(--ink);color:var(--paper);transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.pen{background:var(--pen);border-color:var(--pen);color:#fff}
.btn svg{width:18px;height:18px;flex:none}

/* الرأس */
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:38px;width:auto}
.nav{display:flex;gap:4px;margin-inline-start:auto}
.nav a{text-decoration:none;font-weight:700;font-size:16px;padding:8px 12px;border-radius:8px;color:var(--muted)}
.nav a:hover{color:var(--ink);background:var(--paper-2)}
.top .btn{min-height:40px;padding:0 18px;font-size:15px}
@media (max-width:820px){.nav{display:none}.top .btn{margin-inline-start:auto}}

/* قوائم القراءة المشتركة */
.foot{border-top:1px solid var(--line);margin-top:40px;padding:28px 0 40px;color:var(--muted);font-size:15px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}
.foot a{text-decoration:none;font-weight:700;color:var(--ink)}
.foot .grow{margin-inline-start:auto}

/* صندوق التعليقات بألوان الموقع */
[data-waline]{--waline-theme-color:#BD3C47;--waline-active-color:#A3303B;--waline-font-size:16px;font-family:var(--sans)}
[data-waline] .wl-editor,[data-waline] input{font-family:var(--sans)}