[data-skin=diwan]>main{--dw-line:color-mix(in oklab, var(--p) 12%, var(--s));--dw-line-2:color-mix(in oklab, var(--p) 18%, var(--s));--dw-muted:color-mix(in oklab, var(--p) 62%, var(--s));--dw-tint:color-mix(in oklab, var(--a) 12%, var(--s));--dw-shadow:0 22px 44px -30px color-mix(in oklab, var(--p) 45%, transparent);--th-ink:var(--p);--th-muted:var(--dw-muted);--th-rule:var(--dw-line);--th-paper:var(--s);--th-paper-2:var(--dw-tint);--th-accent:var(--a);--th-gold:var(--a);--th-dark:var(--p);--th-on-dark:var(--s);--th-wa:#0f7a4b}[data-skin=diwan] main :is(.font-kufi,.font-sans){font-family:inherit}[data-skin=diwan] main :is(.font-serif,.headline){font-family:var(--fd);font-weight:700}[data-skin=diwan] .wrap{max-width:1240px;padding-inline:16px}@media (min-width:641px){[data-skin=diwan] .wrap{padding-inline:32px}}[data-skin=diwan] .x-crumbs{color:var(--dw-muted);font-size:12.5px}[data-skin=diwan] .x-crumbs a:hover{color:var(--a);opacity:1}[data-skin=diwan] .x-crumbs [aria-current]{color:var(--p);font-weight:500}[data-skin=diwan] .x-kicker{color:var(--a);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}[data-skin=diwan] .x-kicker:before,[data-skin=diwan] .x-center .x-kicker:after{content:"";background:var(--a);flex:none;width:28px;height:1px}[data-skin=diwan] .x-banner{background:0 0;border-bottom:0}[data-skin=diwan] .x-banner>.wrap{padding-top:44px;padding-bottom:8px}@media (min-width:768px){[data-skin=diwan] .x-banner>.wrap{padding-top:60px}}[data-skin=diwan] .x-banner .x-crumbs{margin-bottom:22px}[data-skin=diwan] :is(.x-banner,.x-page) .x-title{font-family:var(--fd);color:var(--p);flex-direction:column;align-items:flex-start;gap:14px;margin-top:8px;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.3}[data-skin=diwan] :is(.x-banner,.x-page) .x-title:before{content:"";background:var(--a);border-radius:2px;width:40px;height:2px}[data-skin=diwan] .x-banner .x-kicker+.x-title:before,[data-skin=diwan] .x-bar{display:none}[data-skin=diwan] .x-lede{color:var(--dw-muted);font-size:16px;line-height:1.9}[data-skin=diwan] .x-count{color:var(--p);border:1px solid var(--dw-line);box-shadow:none;background:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600}[data-skin=diwan] .x-sechead .x-h{font-family:var(--fd);color:var(--p);font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.3}[data-skin=diwan] .x-sechead.x-center .x-h{font-size:clamp(30px,3.6vw,42px)}[data-skin=diwan] .x-sechead .x-rule{background:var(--dw-line)}[data-skin=diwan] .x-sechead .x-more{color:var(--p);border-bottom:1px solid var(--a);padding-bottom:3px;font-size:14px;font-weight:600}[data-skin=diwan] .x-badge{background:var(--a);color:var(--p);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}[data-skin=diwan] .x-label{background:color-mix(in oklab, var(--a) 18%, var(--s));color:var(--p);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}[data-skin=diwan] .x-meta{color:var(--dw-muted);font-size:12px}[data-skin=diwan] .x-meta svg{color:var(--a)}[data-skin=diwan] :is(.x-lead,.x-overlay) .x-meta{color:color-mix(in oklab, var(--s) 78%, transparent)}[data-skin=diwan] .x-lead{background:var(--p);border-radius:24px}[data-skin=diwan] .x-overlay{background:var(--p);border-radius:20px}[data-skin=diwan] :is(.x-lead,.x-overlay)>.bg-gradient-to-t{background:linear-gradient(to top, color-mix(in oklab, var(--p) 94%, transparent) 8%, color-mix(in oklab, var(--p) 45%, transparent) 55%, transparent 100%)}[data-skin=diwan] .x-lead .x-h{font-family:var(--fd);color:var(--s);font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.35}[data-skin=diwan] .x-overlay .x-h{color:var(--s)}[data-skin=diwan] .x-card{border:1px solid var(--dw-line);background:#fff;border-radius:20px;transition:box-shadow .25s,transform .25s;overflow:hidden}[data-skin=diwan] .x-card:hover{box-shadow:var(--dw-shadow);transform:translateY(-2px)}[data-skin=diwan] .x-card .x-img{background:var(--dw-tint);border-radius:0}[data-skin=diwan] .x-card .x-body{gap:0;padding:18px 20px 20px}[data-skin=diwan] .x-card .x-h{color:var(--p);margin-top:10px;font-size:17px;font-weight:600;line-height:1.6}[data-skin=diwan] .x-card .x-dek{color:var(--dw-muted);font-size:13.5px;line-height:1.75}[data-skin=diwan] :is(.x-card,.x-row,.x-text,.x-mini,.x-num):hover .x-h{color:var(--p)}[data-skin=diwan] :is(.x-card,.x-row,.x-text,.x-mini,.x-num) .x-h a:hover{color:var(--a);opacity:1}[data-skin=diwan] .x-row{border-color:var(--dw-line);padding-block:24px}[data-skin=diwan] .x-row:first-child{padding-top:0}[data-skin=diwan] .x-row .x-h{color:var(--p);font-weight:600;line-height:1.6}[data-skin=diwan] .x-row .x-dek{color:var(--dw-muted)}[data-skin=diwan] .x-row .x-img{background:var(--dw-tint);border-radius:16px}[data-skin=diwan] .x-mini .x-img{border-radius:12px}[data-skin=diwan] :is(.x-text,.x-mini,.x-num){border-color:var(--dw-line)}[data-skin=diwan] :is(.x-text,.x-mini) .x-h{color:var(--p);font-weight:600}[data-skin=diwan] .x-numeral{width:auto;min-width:30px;height:auto;font-family:var(--fd);color:var(--a);background:0 0;place-items:start;font-size:26px;font-weight:400;line-height:1}[data-skin=diwan] .x-num .x-h{color:var(--p);font-size:14.5px;font-weight:500;line-height:1.65}[data-skin=diwan] .x-list{padding-top:32px}[data-skin=diwan] .x-list>section:first-child{gap:20px}[data-skin=diwan] .x-pager{gap:8px}[data-skin=diwan] .x-pager a{min-width:42px;height:42px;box-shadow:none;border:1px solid var(--dw-line);color:var(--p);background:#fff;border-radius:12px;font-size:14px;font-weight:600}[data-skin=diwan] .x-pager a:hover{border-color:var(--a);opacity:1;background:#fff}[data-skin=diwan] .x-pager a.x-on{background:var(--p);border-color:var(--p);color:var(--s)}[data-skin=diwan] .x-empty{border:1px dashed var(--dw-line-2);background:#fff;border-radius:20px}[data-skin=diwan] .x-empty svg{color:var(--a)}[data-skin=diwan] .x-empty p{font-family:var(--fd);color:var(--p);font-size:22px;font-weight:700}[data-skin=diwan] .x-side>*{margin-block:0}[data-skin=diwan] .x-side>*+*{margin-top:20px}[data-skin=diwan] .x-box{border:1px solid var(--dw-line);background:#fff;border-radius:20px;padding:24px}[data-skin=diwan] .x-boxtitle{color:var(--p);border-bottom:1px solid var(--dw-line);margin-bottom:16px;padding-bottom:12px;font-size:16px;font-weight:700}[data-skin=diwan] .x-promo{background:var(--p);color:var(--s);border-radius:24px;position:relative}[data-skin=diwan] .x-promo>div:first-child>span:first-child{background:var(--a);color:var(--p);border-radius:50%}[data-skin=diwan] .x-promo .x-h{font-family:var(--fd);font-size:26px;font-weight:700;line-height:1.35}[data-skin=diwan] .x-promo>div:last-child{border-top-color:color-mix(in oklab, var(--s) 16%, transparent)}[data-skin=diwan] .x-promo>div:last-child>a{font-weight:600}[data-skin=diwan] .x-promo>div:last-child>a[target]{color:#fff;background:#0f7a4b}[data-skin=diwan] .x-catlist{border:1px solid var(--dw-line);box-shadow:none;border-radius:14px}[data-skin=diwan] .x-catlist li{border-color:var(--dw-line)}[data-skin=diwan] .x-catlist a{color:var(--p);padding:11px 16px;font-size:14px}[data-skin=diwan] .x-catlist a:hover{background:var(--s);opacity:1}[data-skin=diwan] .x-catlist a>span:last-child{color:var(--a);font-family:var(--fd);font-size:17px;line-height:1}[data-skin=diwan] .x-catlist a.x-on{background:var(--p);color:var(--s);font-weight:600}[data-skin=diwan] .x-tag{color:var(--p);border:1px solid var(--dw-line-2);background:0 0;border-radius:999px;padding:6px 13px;font-size:13px}[data-skin=diwan] .x-tag:hover{background:var(--p);border-color:var(--p);color:var(--s);opacity:1}[data-skin=diwan] .x-post{padding-top:36px}[data-skin=diwan] .x-article header .x-badge{padding:5px 14px;font-size:12.5px}[data-skin=diwan] .x-article .x-title{font-family:var(--fd);color:var(--p);font-size:clamp(30px,4.2vw,50px);font-weight:700;line-height:1.35}[data-skin=diwan] .x-article .x-lede{color:color-mix(in oklab, var(--p) 76%, var(--s));font-size:17.5px}[data-skin=diwan] .x-postmeta{border-color:var(--dw-line);color:var(--dw-muted);padding-block:14px}[data-skin=diwan] .x-postmeta>div:first-child .rounded-full{background:var(--p);color:var(--a)}[data-skin=diwan] .x-postmeta :is(a,button){border-color:var(--dw-line-2);color:var(--p)}[data-skin=diwan] .x-postmeta :is(a,button):hover{background:var(--p);border-color:var(--p);color:var(--s);opacity:1}[data-skin=diwan] .x-figure{margin-top:28px;margin-bottom:14px;padding-inline-end:14px}[data-skin=diwan] .x-figimg{background:var(--p);box-shadow:-14px 14px 0 -1px var(--s), -14px 14px 0 0 var(--a);border-radius:24px}[data-skin=diwan] .x-figure figcaption{color:var(--dw-muted);margin-top:26px;font-size:12.5px}[data-skin=diwan] .x-page .x-figimg{width:calc(100% - 14px);margin-inline-end:14px}[data-skin=diwan] .x-toc{border:1px solid var(--dw-line);background:#fff;border-radius:20px;padding:24px 26px}[data-skin=diwan] .x-toc>p{font-family:var(--fd);color:var(--p);align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}[data-skin=diwan] .x-toc>p:before{content:"";background:var(--a);flex:none;width:28px;height:1px}[data-skin=diwan] .x-toc ol{gap:10px 24px;margin-top:14px;font-size:14.5px}[data-skin=diwan] .x-toc li>span{font-family:var(--fd);color:var(--a);min-width:22px;font-size:18px;line-height:1.3}[data-skin=diwan] .x-toc li>a{color:color-mix(in oklab, var(--p) 82%, var(--s))}[data-skin=diwan] .x-toc li>a:hover{color:var(--a);opacity:1}[data-skin=diwan] .x-tags{border-color:var(--dw-line)}[data-skin=diwan] .x-cta{isolation:isolate;background:var(--p);color:var(--s);border-radius:24px;padding:34px 28px;position:relative}@media (min-width:768px){[data-skin=diwan] .x-cta{padding:40px 44px}}[data-skin=diwan] .x-cta:after{content:"";z-index:-1;pointer-events:none;border:1px solid color-mix(in oklab, var(--a) 50%, transparent);border-radius:17px;position:absolute;inset:10px}[data-skin=diwan] .x-cta>div:first-child:before{content:"";background:var(--a);width:28px;height:1px;margin-bottom:14px;display:block}[data-skin=diwan] .x-cta .x-h{font-family:var(--fd);font-size:clamp(26px,3vw,32px);font-weight:700;line-height:1.3}[data-skin=diwan] .x-cta .x-h+p{color:color-mix(in oklab, var(--s) 75%, var(--p))}[data-skin=diwan] .x-btn-wa{color:#fff;background:#0f7a4b;border-radius:12px;height:46px;padding-inline:22px;font-weight:600}[data-skin=diwan] .x-btn-line{border-color:color-mix(in oklab, var(--s) 45%, transparent);height:46px;color:var(--s);border-radius:12px;padding-inline:22px;font-weight:600}[data-skin=diwan] .x-related{margin-top:64px}[data-skin=diwan] .x-page.wrap{max-width:880px;padding-top:48px}[data-skin=diwan] .prose-ar{color:color-mix(in oklab, var(--p) 84%, var(--s));font-size:17px;line-height:2}[data-skin=diwan] .prose-ar h2{font-family:var(--fd);color:var(--p);margin-top:1.6em;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.35}[data-skin=diwan] .prose-ar h2:after{background:var(--a);border-radius:2px;width:40px;height:2px;margin-top:.45em}[data-skin=diwan] .prose-ar h3{font-family:var(--fd);color:var(--p);font-size:clamp(22px,2.4vw,26px);font-weight:700;line-height:1.4}[data-skin=diwan] .prose-ar a{color:var(--p);text-decoration:underline;-webkit-text-decoration-color:var(--a);text-decoration-color:var(--a);text-underline-offset:6px;font-weight:500;text-decoration-thickness:1px}[data-skin=diwan] .prose-ar a:hover{color:var(--a);opacity:1}[data-skin=diwan] .prose-ar strong{color:var(--p)}[data-skin=diwan] .prose-ar ul li:before{background:var(--a);border-radius:50%;width:6px;height:6px;top:.9em;transform:none}[data-skin=diwan] .prose-ar ol li:before{font-family:var(--fd);color:var(--a);border:0;border-radius:0;font-size:1.15em;font-weight:400;top:-.05em}[data-skin=diwan] .prose-ar blockquote{border:1px solid var(--dw-line);text-align:start;font-family:var(--fd);color:var(--p);background:#fff;border-radius:20px;margin-block:2em;padding:28px 30px;font-size:clamp(20px,2.2vw,24px);font-weight:400;line-height:1.75}[data-skin=diwan] .prose-ar blockquote:before{content:"«";font-family:var(--fd);color:var(--a);margin-bottom:16px;font-size:56px;line-height:.5;display:block}[data-skin=diwan] .prose-ar blockquote>:last-child:after{content:" »";color:var(--a)}[data-skin=diwan] .prose-ar blockquote>*+*{margin-top:.6em}[data-skin=diwan] .prose-ar img{border-radius:20px}[data-skin=diwan] .prose-ar hr{background:var(--dw-line);justify-content:center;align-items:center;height:1px;margin-block:2.2em;display:flex;overflow:visible}[data-skin=diwan] .prose-ar hr:after{content:"◆";letter-spacing:0;color:var(--a);background:var(--s);padding-inline:14px;font-size:10px}[data-skin=diwan] .prose-ar table{border-collapse:separate;border-spacing:0;border:1px solid var(--dw-line);background:#fff;border-radius:16px;font-size:15px;overflow:hidden}[data-skin=diwan] .prose-ar :is(th,td){border-bottom:1px solid var(--dw-line);padding:12px 14px}[data-skin=diwan] .prose-ar tr:last-child>td{border-bottom:0}[data-skin=diwan] .prose-ar th{background:var(--dw-tint);color:var(--p);font-family:inherit;font-weight:600}[data-skin=diwan] .x-gallery{padding-top:32px}[data-skin=diwan] .x-tile{background:var(--dw-tint);border-radius:20px;margin-bottom:14px}[data-skin=diwan] .x-tile>span{background:linear-gradient(to top, color-mix(in oklab, var(--p) 90%, transparent), transparent);font-family:var(--fd);color:var(--s);font-size:18px}[data-skin=diwan] .x-subhead{color:var(--p);font-family:var(--fd);border-top:0;padding-top:0;font-size:clamp(30px,3.6vw,42px);font-weight:700;line-height:1.25}[data-skin=diwan] .x-subhead:before{content:"";background:var(--a);border-radius:2px;width:40px;height:2px;margin-bottom:14px;display:block}[data-skin=diwan] .x-gallery figure>:is(button,video){border-radius:20px;overflow:hidden}[data-skin=diwan] .x-caption{font-family:var(--fd);color:var(--p);font-size:18px}[data-skin=diwan] .x-search{border:1px solid var(--dw-line-2);background:#fff;border-radius:16px;transition:border-color .2s,box-shadow .2s}[data-skin=diwan] .x-search:focus-within{border-color:var(--a);box-shadow:var(--dw-shadow)}[data-skin=diwan] .x-search input{font-family:var(--fd);color:var(--p);padding-inline-start:20px;font-size:24px}[data-skin=diwan] .x-search button{background:var(--p);color:var(--a);border-radius:12px}[data-skin=diwan] .x-search-btn{inset-inline-end:10px}[data-skin=diwan] .x-404.wrap{max-width:720px;padding-block:88px}[data-skin=diwan] .x-404>svg{color:var(--a)}[data-skin=diwan] .x-404num{font-family:var(--fd);color:var(--a);font-size:clamp(96px,14vw,140px);font-weight:700}[data-skin=diwan] .x-404 .x-title{font-family:var(--fd);color:var(--p);font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.3}[data-skin=diwan] .x-404 .x-search{align-items:center}[data-skin=diwan] .x-404 .x-search input{padding-block:14px;font-size:20px}[data-skin=diwan] .x-404 .x-search button{color:var(--s);margin:6px;padding:11px 22px;font-weight:600}[data-skin=diwan] .x-404>div:last-child{gap:28px}[data-skin=diwan] .x-404>div:last-child a{color:var(--p);border-bottom:1px solid var(--a);padding-bottom:3px;font-size:14px;font-weight:600;text-decoration:none}@media (prefers-reduced-motion:reduce){[data-skin=diwan] :is(.x-card,.x-search){transition:none}[data-skin=diwan] .x-card:hover{transform:none}}[data-skin=diwan] .x-extras{--x-radius:20px;--x-card:#fff;--x-border:1px solid color-mix(in oklab, var(--p) 12%, transparent)}
