:root {
  --article-ivory:#fbf4ed;
  --article-burgundy:#8a1739;
  --article-burgundy-dark:#65102a;
  --article-rose:#c98d9a;
  --article-gold:#b58b45;
  --article-olive:#6d6b43;
  --article-ink:#2f2729;
  --article-muted:#71666a;
}
.article-page { background:linear-gradient(180deg,#fffaf6 0%,#fbf4ed 55%,#f4e7dd 100%); min-height:100vh; }
.article-nav { position:sticky; top:0; z-index:50; min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 6vw; background:rgba(251,244,237,.94); backdrop-filter:blur(16px); border-bottom:1px solid rgba(138,23,57,.1); }
.article-nav__brand { display:flex; align-items:center; gap:12px; font-weight:700; color:var(--article-burgundy); }
.article-nav__brand img { width:44px; height:44px; object-fit:contain; }
.article-nav__back { font-weight:700; color:var(--article-burgundy); }
.article-shell { max-width:1220px; margin:0 auto; padding:64px 6vw 100px; position:relative; }
.article-shell::before { content:""; position:absolute; width:390px; height:390px; right:-160px; top:70px; background:url("assets/logo-mark-transparent.png") center/contain no-repeat; opacity:.055; pointer-events:none; }
.article-hero { max-width:900px; margin-bottom:34px; position:relative; z-index:1; }
.article-eyebrow { color:var(--article-burgundy); text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:800; }
.article-title { margin:12px 0 18px; color:#791431; font-family:"Playfair Display",Georgia,serif; font-size:clamp(48px,6vw,82px); line-height:1.02; letter-spacing:-.03em; }
html[dir="rtl"] .article-title { font-family:"Vazirmatn",sans-serif; letter-spacing:0; }
.article-meta { display:flex; flex-wrap:wrap; gap:10px 20px; color:var(--article-muted); font-size:14px; }
.article-draft { margin-top:18px; display:inline-block; padding:8px 12px; border-radius:999px; background:#f2e1cf; color:#76511d; font-size:12px; font-weight:800; }
.article-translation-toolbar { position:relative; z-index:2; margin:30px 0 46px; display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:center; padding:18px; border:1px solid rgba(138,23,57,.11); border-radius:22px; background:rgba(255,253,249,.86); box-shadow:0 18px 45px rgba(73,32,43,.07); backdrop-filter:blur(12px); }
.translation-status { display:flex; align-items:center; gap:11px; min-width:0; }
.translation-status__dot { width:11px; height:11px; border-radius:50%; background:var(--article-gold); box-shadow:0 0 0 5px rgba(181,139,69,.12); flex:0 0 auto; }
.translation-status strong,.translation-status small { display:block; }
.translation-status small { color:var(--article-muted); margin-top:2px; }
.article-language-select { min-width:150px; height:46px; padding:0 14px; border:1px solid rgba(47,39,41,.16); border-radius:999px; background:white; color:var(--article-ink); }
.article-pdf-button { min-height:46px; border:0; border-radius:999px; padding:0 18px; background:var(--article-burgundy); color:white; font-weight:800; }
.article-pdf-button:hover { background:var(--article-burgundy-dark); }
.article-pdf-button:disabled { opacity:.55; cursor:not-allowed; }
.article-content { max-width:820px; position:relative; z-index:1; }
.article-content .article-lead { font-family:"Playfair Display",Georgia,serif; font-size:clamp(25px,2.7vw,36px); line-height:1.35; color:#49383d; margin:0 0 38px; }
html[dir="rtl"] .article-content .article-lead { font-family:"Vazirmatn",sans-serif; }
.article-content h2 { color:#791431; font-family:"Playfair Display",Georgia,serif; font-size:clamp(30px,3vw,42px); line-height:1.15; margin:48px 0 15px; }
html[dir="rtl"] .article-content h2 { font-family:"Vazirmatn",sans-serif; }
.article-content p,.article-content li { font-size:18px; line-height:1.8; color:#51474a; }
.article-content ul { padding-inline-start:26px; display:grid; gap:8px; }
.article-content li::marker { color:var(--article-burgundy); }
.article-content blockquote { margin:38px 0; padding:22px 25px; border-inline-start:3px solid var(--article-gold); border-radius:0 18px 18px 0; background:#f5e8df; color:#593f47; font-family:"Playfair Display",Georgia,serif; font-size:24px; line-height:1.5; }
html[dir="rtl"] .article-content blockquote { font-family:"Vazirmatn",sans-serif; border-radius:18px 0 0 18px; }
.translation-info { max-width:820px; margin-top:58px; border-top:1px solid rgba(47,39,41,.13); padding-top:28px; }
.translation-info h3 { color:var(--article-burgundy); margin:0 0 8px; }
.translation-info p { color:var(--article-muted); }
.translation-loader { position:fixed; inset:0; z-index:200; display:none; place-items:center; background:rgba(33,27,29,.54); backdrop-filter:blur(6px); }
.translation-loader.is-visible { display:grid; }
.translation-loader__card { width:min(420px,calc(100% - 36px)); padding:30px; border-radius:24px; background:#fffaf6; text-align:center; box-shadow:0 28px 80px rgba(0,0,0,.23); }
.translation-loader__flower { font-size:42px; color:var(--article-burgundy); animation:lalehPulse 1.3s infinite ease-in-out; }
.article-toast { position:fixed; bottom:24px; right:24px; z-index:250; max-width:390px; padding:14px 17px; border-radius:14px; background:#293029; color:white; box-shadow:0 20px 50px rgba(0,0,0,.2); opacity:0; transform:translateY(14px); pointer-events:none; transition:.2s; }
.article-toast.show { opacity:1; transform:translateY(0); }
@keyframes lalehPulse { 0%,100%{transform:scale(1);opacity:.65} 50%{transform:scale(1.15);opacity:1} }
@media(max-width:800px){ .article-translation-toolbar{grid-template-columns:1fr}.article-language-select,.article-pdf-button{width:100%}.article-title{font-size:49px}.article-shell{padding:45px 22px 80px}.article-nav{padding:0 20px}.article-nav__brand span{display:none}.article-content p,.article-content li{font-size:17px} }