@font-face{font-family:"Estedad";src:url("/fonts/Estedad.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}
/* Persian letters only; Latin falls back to Vazirmatn */
/* مجله‌ی داکو — article pages (server-rendered), same dark look as the site */
:root{color-scheme:dark;--bg:#0E1211;--surface:#161B1A;--surface-2:#1D2322;--line:#2A3230;--text:#F2F1EC;--muted:#9AA6A2;--mint:#A7E8D2;--gold:#D4AF37;--gold-soft:#E9C979;--brand:#0E4D45;--pill:linear-gradient(181deg,#C9F0E0 0%,#E6C56E 120%);--fa:"Vazirmatn",Tahoma,sans-serif;--latin:"Poppins","Vazirmatn",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.9 var(--fa);-webkit-font-smoothing:antialiased}
a{color:var(--mint)}
img{max-width:100%;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
.lr-top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px max(16px,calc((100% - 1120px)/2));background:rgba(14,18,17,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.lr-brand{display:grid;text-decoration:none;color:var(--text);font:700 20px var(--latin);letter-spacing:.32em;line-height:1.2}
.lr-brand small{font-size:8.5px;letter-spacing:.3em;color:var(--muted)}
.lr-top nav{display:flex;gap:18px;flex-wrap:wrap}
.lr-top nav a{color:#C9D3CF;text-decoration:none;font-size:14px}
.lr-top nav a.is-on,.lr-top nav a:hover{color:var(--gold-soft)}
.lr-main{width:min(1120px,100% - 32px);margin:0 auto;padding:36px 0 70px}
.lr-hero{padding:34px 0 30px}
.lr-eyebrow{font:600 11.5px var(--latin);letter-spacing:.2em;color:var(--mint)}
.lr-hero h1{margin:8px 0 10px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.45}
.lr-hero h1 b{background:var(--pill);-webkit-background-clip:text;background-clip:text;color:transparent}
.lr-hero p{margin:0;max-width:640px;color:#C9D3CF}
.lr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.lr-card{display:grid;grid-template-rows:auto 1fr;border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .3s,border-color .3s}
.lr-card:hover{transform:translateY(-4px);border-color:rgba(167,232,210,.35)}
.lr-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#0B1110}
.lr-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.lr-card:hover .lr-card-img img{transform:scale(1.05)}
.lr-card-body{display:grid;gap:6px;align-content:start;padding:16px 18px 20px}
.lr-card-body em{font-style:normal;font-size:12px;color:var(--gold-soft)}
.lr-card-body b{font-size:17px;line-height:1.7}
.lr-card-body small{font-size:13.5px;line-height:1.9;color:var(--muted)}
.lr-empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:22px}
/* article */
.lr-article{max-width:760px;margin:0 auto}
.lr-crumbs{font-size:13px;color:var(--muted)}.lr-crumbs a{color:var(--muted);text-decoration:none}.lr-crumbs a:hover{color:var(--mint)}
.lr-article h1{margin:10px 0 6px;font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.5}
.lr-meta{margin:0 0 20px;font-size:13px;color:var(--muted)}
.lr-cover{margin:0 0 22px;border-radius:24px;overflow:hidden;border:1px solid var(--line)}
.lr-cover img{display:block;width:100%}
.lr-lead{font-size:18px;line-height:2;color:#DDE4E1;margin:0 0 20px}
.lr-toc{margin:0 0 26px;padding:16px 20px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.lr-toc b{font-size:14px;color:var(--gold-soft)}.lr-toc ol{margin:8px 0 0;padding-inline-start:20px}.lr-toc a{color:#C9D3CF;text-decoration:none}.lr-toc a:hover{color:var(--mint)}
.lr-body{font-size:16.5px;line-height:2.15;color:#E4E8E6}
.lr-body h2{margin:38px 0 12px;font-size:24px;font-weight:800;line-height:1.6;color:var(--text);scroll-margin-top:90px}
.lr-body h3{margin:26px 0 8px;font-size:19px;font-weight:700;color:var(--mint)}
.lr-body p{margin:0 0 16px}
.lr-body ul,.lr-body ol{margin:0 0 18px;padding-inline-start:24px}.lr-body li{margin:4px 0}
.lr-body li::marker{color:var(--gold-soft)}
.lr-body strong{color:#fff}
.lr-body code{font-family:ui-monospace,monospace;font-size:.9em;padding:1px 6px;border-radius:6px;background:var(--surface-2);direction:ltr;unicode-bidi:isolate}
.lr-body blockquote{margin:22px 0;padding:14px 20px;border-radius:16px;border-inline-start:3px solid var(--gold);background:linear-gradient(100deg,rgba(212,175,55,.1),transparent);color:#E4E8E6}
.lr-body figure{margin:24px 0}.lr-body figure img,.lr-body p img{display:block;width:100%;border-radius:18px;border:1px solid var(--line)}
.lr-body figcaption{margin-top:8px;text-align:center;font-size:13px;color:var(--muted)}
.lr-body hr{margin:32px 0;border:0;border-top:1px solid var(--line)}
.lr-video{position:relative;aspect-ratio:16/9;margin:22px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.lr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lr-related{display:flex;gap:16px;align-items:center;margin:36px 0 10px;padding:20px;border-radius:22px;border:1px solid rgba(212,175,55,.4);background:radial-gradient(100% 140% at 0% 0%,rgba(212,175,55,.16),transparent 60%),var(--surface)}
.lr-related img{width:96px;height:96px;border-radius:16px;object-fit:cover;flex:none}
.lr-related b{display:block;font-size:17px}.lr-related p{margin:4px 0 12px;font-size:14px;color:#C9D3CF}
.lr-cta{display:inline-flex;align-items:center;padding:10px 20px;border-radius:999px;background:var(--pill);color:#0B1110;font-weight:700;font-size:14px;text-decoration:none}
.lr-more{margin-top:56px}.lr-more h2{font-size:22px;margin:0 0 16px}
.lr-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:28px max(16px,calc((100% - 1120px)/2));border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.lr-foot p{margin:0}
@media (max-width:640px){.lr-top nav{gap:12px}.lr-top nav a{font-size:13px}.lr-related{flex-direction:column;align-items:flex-start}}
.lr-body ol,.lr-toc ol{list-style-type:persian}
/* related box: text takes the space, the button never wraps */
.lr-related>div,.lr-related>b{flex:1;min-width:0}
.lr-related:not(:has(>div))>b{flex:none}
.lr-related{flex-wrap:wrap}
.lr-cta{flex:none;white-space:nowrap;justify-content:center}
.lr-related .lr-cta{padding:11px 22px}
/* renders are square: show the whole piece (no zoom/crop) on a matching warm backdrop */
.lr-card-img{aspect-ratio:4/3;background:#EEE8DE}
.lr-card-img img{object-fit:contain}
.lr-card:hover .lr-card-img img{transform:scale(1.02)}
.lr-cover{background:#EEE8DE}
.lr-cover img{width:100%;max-height:460px;object-fit:contain}
/* back link at the top of journal pages */
.lr-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:13.5px;text-decoration:none;transition:border-color .2s,color .2s}
.lr-back:hover{border-color:var(--mint);color:var(--mint)}
.lr-back span{font-size:16px;line-height:1}
/* images fill their frame with no side bands: square cards; the cover trims only empty backdrop */
.lr-card-img{aspect-ratio:1/1;background:none}.lr-card-img img{object-fit:cover}
.lr-cover{background:none}.lr-cover img{max-height:none;aspect-ratio:4/3;object-fit:cover;object-position:center}
.lr-cover{width:min(100%,560px);margin-inline:auto}
.lr-cover img{aspect-ratio:1/1;object-fit:cover}

.lr-hero h1,.lr-article h1{font-family:"Estedad","Poppins","Vazirmatn",Tahoma,sans-serif}

/* ---------- day theme (same rule as the site and the app: light from sunrise to sunset) ---------- */
html[data-theme="light"]{color-scheme:light;--bg:#F8F8F5;--surface:#FFFFFF;--surface-2:#EEF3F0;--line:#E1E5E0;--text:#14211E;--muted:#5F6E6A;--mint:#0E4D45;--gold-soft:#9A7414;--pill:linear-gradient(180deg,#E9CC74 0%,#D4AF37 100%)}
html[data-theme="light"] .lr-top{background:rgba(248,248,245,.95);border-bottom:1px solid #E1E5E0}
html[data-theme="light"] .lr-brand{color:#0E4D45}
html[data-theme="light"] .lr-top nav a{color:#3E4E4A}html[data-theme="light"] .lr-top nav a.is-on,html[data-theme="light"] .lr-top nav a:hover{color:#0E4D45}
html[data-theme="light"] .lr-hero p,html[data-theme="light"] .lr-related p,html[data-theme="light"] .lr-toc a{color:#4F5F5B}
html[data-theme="light"] .lr-hero h1 b{background:linear-gradient(90deg,#0E4D45,#1F8A74 55%,#B98F21);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .lr-lead{color:#2E3D39}
html[data-theme="light"] .lr-body{color:#26332F}html[data-theme="light"] .lr-body strong{color:#0E4D45}
html[data-theme="light"] .lr-body blockquote{color:#26332F;background:linear-gradient(100deg,rgba(212,175,55,.14),transparent)}
html[data-theme="light"] .lr-card{box-shadow:0 1px 0 #E1E5E0,0 18px 40px -28px rgba(14,77,69,.35)}
html[data-theme="light"] .lr-card:hover{border-color:rgba(14,77,69,.3)}
html[data-theme="light"] .lr-card-img{background:#EDEBE6}
html[data-theme="light"] .lr-cta{color:#2A2210}
html[data-theme="light"] .lr-foot{background:linear-gradient(160deg,#0E4D45,#0A3631);border-top:0;color:#C9D3CF}
html[data-theme="light"] .lr-foot .lr-brand{color:#F2F1EC}
.lr-theme{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}
.lr-theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lr-top nav{align-items:center}
/* headings sized like the rest of the site (calmer, not oversized) */
.lr-hero h1{font-size:clamp(24px,2.6vw,34px);font-weight:700;line-height:1.55}
.lr-article h1{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.6}
.lr-body h2{font-size:clamp(18px,1.6vw,21px);font-weight:700;margin:32px 0 10px}
.lr-body h3{font-size:16.5px}
.lr-more h2{font-size:19px;font-weight:700}
.lr-card-body b{font-size:15.5px}
.lr-related b{font-size:15.5px}
.lr-brand small{white-space:nowrap}
@media (max-width:640px){.lr-top{gap:10px;padding-block:10px}.lr-brand{font-size:16px;letter-spacing:.26em;flex:none}.lr-brand small{font-size:6.6px;letter-spacing:.2em}.lr-top nav{flex-wrap:nowrap;align-items:center;gap:10px}.lr-top nav a{font-size:12.5px;white-space:nowrap}.lr-theme{width:34px;height:34px;flex:none}}
@media (max-width:360px){.lr-top nav a:nth-child(3){display:none}}
@media (max-width:640px){.lr-top nav{min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px}.lr-top nav::-webkit-scrollbar{display:none}.lr-top nav a:nth-child(3){display:none}}
@media (max-width:420px){.lr-top nav a:nth-child(2){display:none}}
/* footer: a rounded card like the home page's */
.lr-foot{margin:clamp(40px,4vw,64px) clamp(16px,5vw,72px) clamp(16px,5vw,72px);padding:clamp(28px,3.4vw,44px) clamp(20px,3.4vw,44px);border:1px solid var(--line);border-radius:36px;background:#0A0D0C;color:#C9D3CF;overflow:hidden}
.lr-foot .lr-brand{color:#F2F1EC}
html[data-theme="light"] .lr-foot{border:0}
@media (max-width:700px){.lr-foot{border-radius:26px;justify-content:center;text-align:center}}
