@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-arabic-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--canvas:#fff;--surface:#f5f5f5;--ink:#222;--muted:#626262;--line:#dedede;--brand:#1cba95;--action:#086c53;--radius:8px;--page:1200px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px}
:root[data-theme=dark]{color-scheme:dark;--canvas:#171717;--surface:#242424;--ink:#ededed;--muted:#b3b3b3;--line:#3b3b3b;--action:#54d5b4}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.9 Vazirmatn,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button{color:inherit}a:hover{color:var(--action)}a:focus-visible,button:focus-visible{outline:3px solid var(--action);outline-offset:5px}img{display:block;max-width:100%;height:auto;object-fit:cover;border-radius:var(--radius)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:750;line-height:1.65}p{color:var(--muted)}.wrap{width:min(var(--page),calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;padding:12px 24px;background:var(--canvas);z-index:10}.skip:focus{top:8px}.demo{font-size:12px;border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted)}.demo .wrap{display:flex;justify-content:space-between;gap:16px}.demo a{text-decoration:underline;text-underline-offset:4px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:44px;height:52px;border-radius:0;object-fit:contain}.brand strong{display:block;font-size:25px;line-height:1.3}.brand small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.nav{display:flex;gap:28px;align-items:center}.nav a{padding-block:12px;font-weight:550}.nav [aria-current]{border-bottom:2px solid var(--action)}.header-actions{display:flex;gap:16px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--canvas);font-weight:600}.button:hover{border-color:var(--action)}.primary{background:var(--brand);color:#082e25;border-color:transparent}.primary:hover{color:#082e25;filter:brightness(.95)}.quiet{background:none;border:0;padding:8px 0;min-height:44px;font-size:14px;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--action);font-weight:650}.eyebrow:before{content:'';width:24px;height:3px;background:var(--brand)}.intro-line{display:flex;justify-content:space-between;gap:24px;padding-block:24px;font-size:14px;color:var(--muted)}.lead{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:24px 0 64px}.lead h1{font-size:clamp(30px,3.2vw,44px);margin:16px 0}.lead p{font-size:18px;max-width:48ch}.lead img{width:100%;aspect-ratio:1.3}.meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:14px}.lead .meta{margin-block:24px}.text-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-weight:650;color:var(--action)}.text-link span{font-size:22px}.section{padding:48px 0 64px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.section-head h2{font-size:26px}.section-head p{font-size:14px;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.card img{width:100%;aspect-ratio:1.6;margin-bottom:16px}.card h3{font-size:20px;margin:8px 0}.card p{font-size:15px}.format{font-size:13px;color:var(--action);font-weight:600}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.collection{display:grid;grid-template-columns:136px 1fr;gap:24px;align-items:center}.collection img{width:136px;height:160px}.collection h3{font-size:20px;margin:8px 0}.collection p{font-size:14px}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;padding-block:48px;border-top:1px solid var(--line)}.about h2{font-size:28px}.about p{max-width:66ch}.about .text-link{margin-top:16px}.footer{padding-block:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;font-size:13px;color:var(--muted)}.footer a{text-decoration:underline;text-underline-offset:4px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding-top:32px;font-size:14px;color:var(--muted)}.article-head{max-width:850px;margin:48px auto 32px}.article-head h1{font-size:clamp(30px,4vw,48px);margin-block:16px}.article-head .dek{font-size:20px}.byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.author{display:flex;gap:12px;align-items:center}.author-avatar{display:grid;place-items:center;width:44px;height:44px;background:var(--surface);border-radius:50%;font-weight:700}.byline strong{font-size:15px}.article-cover{max-width:1000px;margin:0 auto}.article-cover img{width:100%;aspect-ratio:1.9;object-position:center 46%}figcaption{font-size:13px;color:var(--muted);margin-top:8px}.article-layout,.article-followups{display:grid;grid-template-columns:210px minmax(0,720px);gap:64px;justify-content:center;margin:48px auto 64px}.toc{align-self:start;position:sticky;top:32px;border-inline-start:2px solid var(--line);padding-inline-start:20px;font-size:14px}.toc strong{display:block;margin-bottom:16px}.toc a{display:block;padding-block:8px;color:var(--muted)}.toc a:hover{color:var(--action)}.prose{font-size:18px;line-height:2.15;min-width:0}.prose p{color:var(--ink);margin-bottom:24px}.prose h2{font-size:27px;margin:48px 0 16px}.prose h2:first-child{margin-top:0}.prose ul,.prose ol{padding-inline-start:24px;margin:16px 0 32px}.prose li{padding-inline-start:8px;margin-bottom:12px}.prose figure{margin:32px 0}.prose figure img{width:100%;aspect-ratio:1.65}.note{border-inline-start:3px solid var(--brand);padding:16px 24px;background:var(--surface);margin-block:32px}.note p{margin:8px 0 0;font-size:16px}.article-end{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);margin-top:32px;padding-top:24px;font-size:14px}.share-status{font-size:13px}.share-status:empty{display:none}.related{max-width:720px;margin:0 auto 64px;border-top:1px solid var(--line);padding-top:24px}.related h2{font-size:22px;margin-bottom:16px}.related a{display:flex;gap:24px;align-items:center}.related img{width:110px;height:110px}.related h3{font-size:18px}.related p{font-size:14px}
@media(max-width:1050px){.masthead{gap:20px;flex-wrap:wrap;padding-block:20px}.nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:8px;gap:24px}.lead{gap:32px}.article-layout,.article-followups{grid-template-columns:180px minmax(0,1fr);gap:32px}.collection{grid-template-columns:100px 1fr;gap:16px}.collection img{width:100px;height:140px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.demo .wrap>span:last-child{display:none}.masthead{gap:16px}.brand strong{font-size:22px}.brand img{width:36px}.header-actions{gap:12px}.header-actions .button{padding-inline:12px;font-size:14px}.quiet{font-size:12px}.nav{gap:24px;overflow:auto;white-space:nowrap;font-size:14px}.intro-line{font-size:12px;gap:16px}.lead{grid-template-columns:1fr;gap:24px;padding:8px 0 40px}.lead>figure{grid-row:1}.lead img{aspect-ratio:1.5}.lead h1{font-size:30px}.lead p{font-size:16px}.lead .meta{margin-block:16px}.section{padding:32px 0 40px}.section-head{gap:16px;align-items:start;margin-bottom:24px}.section-head h2{font-size:23px}.section-head .text-link{font-size:13px;white-space:nowrap}.cards{grid-template-columns:1fr;gap:32px}.card img{aspect-ratio:1.8}.collection-grid{grid-template-columns:1fr;gap:32px}.collection{grid-template-columns:104px 1fr;gap:20px}.collection img{width:104px;height:132px}.collection h3{font-size:18px}.about{grid-template-columns:1fr;gap:16px;padding-block:32px}.about h2{font-size:24px}.footer{flex-direction:column;gap:12px}.article-head{margin:32px auto 24px}.article-head .dek{font-size:18px}.article-cover img{aspect-ratio:1.4}.article-layout,.article-followups{display:block;margin-top:24px}.toc{position:static;margin-bottom:32px;padding-bottom:8px}.toc a{display:inline-block;margin-inline-end:16px}.toc strong{margin-bottom:8px}.prose{font-size:17px;line-height:2.1}.prose h2{font-size:24px;margin-top:32px}.article-layout{margin-bottom:40px}.related a{gap:16px}.related img{width:88px;height:104px}.related h3{font-size:16px}.breadcrumb{padding-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.public-pagination{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:24px 0;margin-top:40px;font-size:14px;color:var(--muted)}.public-pagination>div{display:flex;gap:12px}.public-pagination a{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:8px 16px;color:var(--action)}.public-empty{padding:56px 0;border-top:1px solid var(--line);font-size:17px}
@media(max-width:700px){.public-pagination{display:block}.public-pagination>div{margin-top:16px}}
.topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-links a{display:block;border:1px solid var(--line);border-radius:8px;padding:20px}.topic-links strong{display:block;font-size:18px}.topic-links span{display:block;color:var(--muted);font-size:13px;margin-top:10px}.topic-links a:hover{border-color:var(--action)}.home-topics{border-top:1px solid var(--line);padding:40px 0}
@media(max-width:700px){.topic-links{grid-template-columns:1fr}.topic-links a{padding:16px}}
.bayan-type-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px 9px;border-radius:6px;background:var(--badge-bg);color:var(--badge-fg);font-size:12px;font-weight:700;line-height:1.4}.bayan-type-badge svg{flex:none}.type-audio{--badge-bg:#f0eafa;--badge-fg:#6542a2}.type-video{--badge-bg:#fff0e8;--badge-fg:#a24525}.type-text{--badge-bg:#e9f2fc;--badge-fg:#225f91}.type-guide{--badge-bg:#fff3dc;--badge-fg:#825a0c}.type-mixed{--badge-bg:#e1f4ed;--badge-fg:#0b674e}[data-theme=dark] .type-audio{--badge-bg:#34283f;--badge-fg:#d4b7ff}[data-theme=dark] .type-video{--badge-bg:#422d29;--badge-fg:#ffbea5}[data-theme=dark] .type-text{--badge-bg:#243849;--badge-fg:#a5d3ff}[data-theme=dark] .type-guide{--badge-bg:#3e3523;--badge-fg:#f5d58c}[data-theme=dark] .type-mixed{--badge-bg:#203f35;--badge-fg:#9be8c8}.author-chip{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.author-chip .author-avatar{width:30px;height:30px;background:var(--surface);border:1px solid var(--line);color:var(--action);font-size:11px}

.author-avatar{overflow:hidden}.author-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

.article-end .article-end-meta{flex:1 1 250px;color:var(--muted);font-size:13px;line-height:1.9}.article-end-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.article-end .post-like-action{width:auto;margin:0}.article-end-actions>.button{min-height:44px;padding:8px 12px;font-size:13px}.article-end .share-status{flex-basis:100%;margin:0;color:var(--muted)}@media(max-width:700px){.article-end{gap:12px;padding-top:16px}.article-end .article-end-meta{flex-basis:100%}.article-end-actions{width:100%;justify-content:space-between}}

.article-followups{margin-top:0}.article-reading-column{grid-column:2;min-width:0}.article-followups .post-collection-nav,.article-followups .related,.article-followups .comment-section{width:100%;max-width:none;margin-inline:0}.article-followups .post-collection-nav{margin-top:0}.article-followups .related{margin-top:32px;margin-bottom:0}.article-followups .comment-section{margin-top:48px;margin-bottom:64px}

.article-head{margin-top:24px}.article-head>h1:first-child{margin:0 0 16px}.article-taxonomy{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}.article-taxonomy .post-primary-type,.article-taxonomy .content-category-list{margin:0}.article-taxonomy .content-category-list{gap:8px}@media(max-width:700px){.article-head{margin-top:20px}.article-head>h1:first-child{margin-bottom:12px}.article-taxonomy{margin-bottom:16px}}