/* ===== AshurReader blog — shared styles (matches site design tokens) ===== */
:root{
  --clay:#C44536; --clay-bright:#D8604F; --clay-glow:rgba(196,69,54,.18);
  --ink:#1A1818; --ink-2:#221F1E; --ink-3:#2B2725;
  --bone:#F4EBD0; --bone-90:rgba(244,235,208,.9); --bone-70:rgba(244,235,208,.7);
  --bone-50:rgba(244,235,208,.5); --bone-30:rgba(244,235,208,.3);
  --hairline:rgba(244,235,208,.1); --hairline-clay:rgba(196,69,54,.25);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  background:var(--ink); color:var(--bone); line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; min-height:100vh;
}
body::before{content:'';position:fixed;inset:-10% 0 auto 0;height:60vh;
  background:radial-gradient(60% 50% at 20% 0%,var(--clay-glow),transparent 70%),
             radial-gradient(60% 50% at 80% 30%,rgba(196,69,54,.08),transparent 70%);
  pointer-events:none;z-index:0;}
.container{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1;}
a{color:var(--clay);}

/* language visibility toggle (both langs live in the HTML) */
[data-lang="en"] .only-ar{display:none!important;}
[data-lang="ar"] .only-en{display:none!important;}
[dir="rtl"]{font-family:'Noto Sans Arabic',Arial,sans-serif;}
[dir="rtl"] .post{text-align:right;}
[dir="rtl"] .post h1,[dir="rtl"] .post h2,[dir="rtl"] .post h3{font-weight:700;line-height:1.45;}
[dir="rtl"] .post p,[dir="rtl"] .post li{line-height:1.95;}
[dir="rtl"] .brand-text{font-family:'Anton',sans-serif;}
[dir="rtl"] .lang-toggle{margin-left:0;margin-right:auto;}
[dir="rtl"] .breadcrumb{flex-direction:row-reverse;}
[dir="rtl"] .post ul{padding-right:1.2em;padding-left:0;}

/* header */
.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);background:rgba(26,24,24,.78);
  border-bottom:1px solid var(--hairline);}
.site-header .container{display:flex;align-items:center;gap:16px;height:64px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bone);}
.brand-mark{width:32px;height:32px;flex-shrink:0;}
.brand-text{font-family:'Anton',sans-serif;font-size:18px;letter-spacing:2px;line-height:1;color:var(--bone);}
.brand-text .clay{color:var(--clay);}
.lang-toggle{display:inline-flex;margin-left:auto;align-items:center;gap:4px;
  background:var(--ink-2);border:1px solid var(--hairline);border-radius:999px;padding:3px;}
.lang-toggle button{background:transparent;border:0;color:var(--bone-50);padding:5px 9px;
  font-size:11.5px;font-weight:600;border-radius:999px;cursor:pointer;font-family:inherit;}
.lang-toggle button.active{background:var(--bone);color:var(--ink);}
.lang-toggle button:not(.active):hover{color:var(--bone);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;
  border-radius:999px;font-family:'Inter',sans-serif;font-size:13.5px;font-weight:600;
  text-decoration:none;cursor:pointer;border:0;transition:transform .15s,background .18s;white-space:nowrap;}
.btn-primary{background:var(--clay);color:var(--bone);
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 6px 20px rgba(196,69,54,.3);}
.btn-primary:hover{background:var(--clay-bright);transform:translateY(-1px);}
.header-cta{margin-left:8px;display:none;}
@media(min-width:800px){.header-cta{margin-left:16px;display:inline-flex;}}

/* article */
.post{max-width:760px;margin:0 auto;padding:48px 20px 24px;}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--bone-50);
  margin-bottom:22px;font-weight:600;letter-spacing:.3px;}
.breadcrumb a{color:var(--bone-50);text-decoration:none;}
.breadcrumb a:hover{color:var(--clay);}
.eyebrow{display:inline-block;font-family:'Inter',sans-serif;font-weight:700;font-size:11px;
  letter-spacing:3px;color:var(--clay);text-transform:uppercase;margin-bottom:16px;}
.post h1{font-family:'Anton',sans-serif;font-size:clamp(30px,5vw,46px);font-weight:400;
  line-height:1.08;letter-spacing:.3px;margin-bottom:18px;}
[dir="rtl"] .post h1{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:700;line-height:1.4;}
.post .byline{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--bone-50);
  margin-bottom:34px;padding-bottom:26px;border-bottom:1px solid var(--hairline);}
.post .byline .dot{color:var(--clay);}
.post h2{font-family:'Anton',sans-serif;font-size:26px;font-weight:400;letter-spacing:.3px;
  color:var(--bone);margin:38px 0 14px;}
[dir="rtl"] .post h2{font-family:'Noto Sans Arabic',Arial,sans-serif;}
.post h3{font-size:18px;font-weight:700;color:var(--bone);margin:26px 0 10px;}
.post p{font-size:16px;color:var(--bone-90);margin-bottom:16px;}
.post ul,.post ol{margin:0 0 18px 1.2em;color:var(--bone-90);}
.post li{font-size:16px;margin-bottom:9px;}
.post strong{color:var(--bone);}
.lead{font-size:18px!important;color:var(--bone-70)!important;}
.cta-box{background:linear-gradient(180deg,rgba(196,69,54,.1),rgba(196,69,54,.02));
  border:1px solid var(--hairline-clay);border-radius:16px;padding:30px 28px;margin:40px 0 10px;text-align:center;}
.cta-box h3{font-family:'Anton',sans-serif;font-size:22px;font-weight:400;margin-bottom:8px;}
[dir="rtl"] .cta-box h3{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:700;}
.cta-box p{font-size:14px;color:var(--bone-70);margin-bottom:18px;}
.cta-meta{font-size:12px;color:var(--bone-50);margin-top:10px;}

/* blog index cards */
.blog-head{text-align:center;padding:56px 0 10px;}
.blog-head h1{font-family:'Anton',sans-serif;font-size:clamp(34px,6vw,56px);font-weight:400;letter-spacing:.3px;}
[dir="rtl"] .blog-head h1{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:700;}
.blog-head p{font-size:16px;color:var(--bone-70);max-width:560px;margin:14px auto 0;}
.post-list{display:grid;gap:18px;max-width:820px;margin:40px auto 0;padding-bottom:20px;}
.post-card{display:block;text-decoration:none;background:var(--ink-2);border:1px solid var(--hairline);
  border-radius:14px;padding:26px 28px;transition:border-color .2s,transform .2s;}
.post-card:hover{border-color:var(--hairline-clay);transform:translateY(-2px);}
.post-card .pc-eyebrow{font-family:'Inter',sans-serif;font-weight:700;font-size:10.5px;
  letter-spacing:2px;color:var(--clay);text-transform:uppercase;}
.post-card h2{font-family:'Anton',sans-serif;font-size:24px;font-weight:400;color:var(--bone);margin:10px 0 8px;letter-spacing:.3px;}
[dir="rtl"] .post-card h2{font-family:'Noto Sans Arabic',Arial,sans-serif;font-weight:700;}
.post-card p{font-size:14px;color:var(--bone-70);line-height:1.6;}
[dir="rtl"] .post-card{text-align:right;}

/* footer */
.site-footer{border-top:1px solid var(--hairline);margin-top:60px;padding:30px 0;}
.site-footer .container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
.site-footer .copy{font-size:12.5px;color:var(--bone-50);}
.site-footer a{color:var(--bone-70);text-decoration:none;font-size:13px;}
.site-footer a:hover{color:var(--clay);}
[dir="rtl"] .site-footer .container{flex-direction:row-reverse;}

/* Click-to-enlarge lightbox for blog screenshots */
.lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:9999;align-items:center;justify-content:center;cursor:zoom-out;padding:24px}
.lb.on{display:flex}
.lb img{max-width:96%;max-height:96%;border-radius:6px;box-shadow:0 12px 50px rgba(0,0,0,.55)}