.article{background:var(--ivory);color:var(--ink);overflow-x:clip}.article__head{justify-items:start;padding-block:clamp(8rem,6rem + 6vw,11.5rem) clamp(2.5rem,2rem + 2vw,4rem);display:grid}.article__back{font-size:var(--fs-small);color:var(--ink-60);transition:color var(--dur-base) var(--ease-soft);align-items:center;gap:.55rem;margin-block-end:clamp(2rem,1.5rem + 2vw,3.5rem);font-weight:500;text-decoration:none;display:inline-flex}.article__back-icon{border:1px solid var(--ink-20);width:32px;height:32px;transition:border-color var(--dur-base) var(--ease-soft), transform var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.article__back-icon svg{width:13px;height:13px;transform:rotate(-135deg)}.article__back:hover{color:var(--ink)}.article__back:hover .article__back-icon{border-color:var(--ink);transform:translate(4px)}.article__label{color:var(--brand);margin-block-end:1.25rem}.article__title{--cntr:30;max-width:24ch;font-size:var(--fs-h1);text-wrap:balance;line-height:1.4}.article__excerpt{max-width:40rem;font-size:var(--fs-lead);color:var(--ink-60);margin-block-start:1.5rem;line-height:2}.article__meta{border-block-start:1px solid var(--ink-20);flex-wrap:wrap;gap:.75rem clamp(2rem,4vw,4rem);width:100%;margin-block-start:clamp(2rem,1.5rem + 2vw,3rem);padding-block-start:1.25rem;display:flex}.article__meta div{gap:.2rem;display:grid}.article__meta dt{font-size:var(--fs-label);color:var(--ink-60)}.article__meta dd{font-size:var(--fs-small);margin:0;font-weight:600}.article__layout{gap:clamp(2.5rem,2rem + 3vw,4rem);padding-block-end:var(--section-y);display:grid}@media (min-width:961px){.article__layout{grid-template-columns:minmax(0,42rem) minmax(0,1fr);grid-template-areas:"body aside";justify-content:space-between;align-items:start;column-gap:clamp(3rem,7vw,8rem)}.article__body{grid-area:body}.article__aside{grid-area:aside;justify-self:end;width:min(100%,24rem,42vh);position:sticky;top:6.5rem}}.article__figure{margin:0}.article__shape{aspect-ratio:1;animation:article-blob 18s var(--ease-in-out) infinite alternate;background:#dbe4e9;border-radius:62% 38% 46% 54%/48% 58% 42% 52%;overflow:hidden}.article__shape img{object-fit:cover;width:100%;height:100%;scale:1.1}.is-webkit .article__shape{animation:none}@keyframes article-blob{0%{border-radius:62% 38% 46% 54%/48% 58% 42% 52%}50%{border-radius:44% 56% 58% 42%/56% 44%}to{border-radius:54% 46% 40% 60%/42% 52% 48% 58%}}@media (max-width:960px){.article__shape{aspect-ratio:4/3;border-radius:var(--radius-l);animation:none}}.toc{margin-block-start:clamp(2rem,1.5rem + 1.5vw,3rem)}.toc__label{color:var(--ink-60);margin-block-end:1rem}.toc__list{--read:0;padding-inline-start:1.6rem;list-style:none;position:relative}.toc__list:before,.toc__list:after{content:"";background:var(--ink-20);width:1px;position:absolute;inset-block:.9rem;inset-inline-start:3px}.toc__list:after{background:var(--brand);transform:scaleY(var(--read));transform-origin:50% 0}.toc__list a{font-size:var(--fs-small);color:var(--ink-60);transition:color var(--dur-base) var(--ease-soft);padding-block:.32rem;line-height:1.7;text-decoration:none;display:block;position:relative}.toc__list a:before{content:"";z-index:1;background:var(--ivory);border:1px solid var(--ink-20);width:7px;height:7px;transition:background-color var(--dur-base) var(--ease-soft), border-color var(--dur-base) var(--ease-soft);position:absolute;inset-block-start:calc(.32rem + .85em - 3.5px);inset-inline-start:-1.6rem;transform:rotate(45deg)}.toc__list a:hover{color:var(--ink)}.toc__list li.is-past a:before{background:var(--brand);border-color:var(--brand)}.toc__list li.is-active a{color:var(--ink);font-weight:600}@media (max-width:960px){.toc{display:none}}.read-progress{z-index:calc(var(--z-nav) + 1);background:var(--brand);height:2px;transform:scaleX(var(--read,0));transform-origin:100%;pointer-events:none;position:fixed;inset-block-start:0;inset-inline:0}@media (min-width:961px){.read-progress{display:none}}.prose{counter-reset:section;color:#0b1f2cdb;text-wrap:pretty;font-size:clamp(1.05rem,1rem + .25vw,1.2rem);line-height:2.15}.prose>*+*{margin-block-start:1.4em}.prose h2{counter-increment:section;font-family:var(--font-display);color:var(--ink);margin-block-start:2.6em;scroll-margin-top:7rem;font-size:clamp(1.45rem,1.2rem + .9vw,2rem);font-weight:700;line-height:1.5}.prose h2:before{content:"بخش " counter(section, persian);font-family:var(--font-body);font-size:var(--fs-label);color:var(--brand);margin-block-end:.35rem;font-weight:500;display:block}.prose h2+*{margin-block-start:.8em}.prose h3{color:var(--ink);margin-block-start:2em;font-size:1.2em;font-weight:700}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--brand);text-underline-offset:.3em}.prose ul,.prose ol{padding:0;list-style:none}.prose li{padding-inline-start:1.6rem;position:relative}.prose li+li{margin-block-start:.5em}.prose ul li:before{content:"";background:var(--accent);width:6px;height:6px;position:absolute;inset-block-start:.95em;inset-inline-start:.2rem;transform:rotate(45deg)}.prose ol{counter-reset:item}.prose ol li{counter-increment:item}.prose ol li:before{content:counter(item, persian) ".";color:var(--brand);font-weight:600;position:absolute;inset-inline-start:0}.prose blockquote{border-inline-start:2px solid var(--accent);font-family:var(--font-display);color:var(--brand);margin-block:2.4em;margin-inline:0;padding-inline-start:clamp(1.25rem,3vw,2rem);font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);font-weight:600;line-height:1.75;position:relative}.prose blockquote p{margin:0}.prose blockquote p+p{font-family:var(--font-body);font-size:var(--fs-small);color:var(--ink-60);margin-block-start:.9rem;font-weight:500}.prose blockquote p+p:before{content:"— "}.prose img{border-radius:var(--radius-l);width:100%;margin-block:1em}.article__pending{font-size:var(--fs-body);color:var(--ink-60);justify-items:start;gap:1.25rem;padding-block-start:1rem;line-height:2;display:grid}.article__pending-mark{background:linear-gradient(var(--ink-20), var(--brand));width:1px;height:56px;margin-inline-start:3px;position:relative}.article__pending-mark:after{content:"";background:var(--accent);width:8px;height:8px;position:absolute;inset-block-start:-4px;inset-inline-start:-3.5px;transform:rotate(45deg)}.article__pending-title{font-family:var(--font-display);color:var(--ink);font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);font-weight:700;line-height:1.5}.article__pending p{max-width:34rem}.article__pending .btn{margin-block-start:.5rem}.article__more{padding-block:clamp(3rem, 2rem + 3vw, 5rem) var(--section-y);border-block-start:1px solid var(--ink-20)}.article__more-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:clamp(2rem,1.5rem + 2vw,3rem);display:flex}.article__more-title{font-size:var(--fs-h2)}.article__more-all{font-size:var(--fs-small);color:var(--brand);text-underline-offset:.4em;font-weight:600}.article__more-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);display:grid}@media (max-width:960px){.article__more-list{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:80%;grid-auto-flow:column;gap:1rem;overflow-x:auto}.article__more-list::-webkit-scrollbar{display:none}.article__more-list .post{scroll-snap-align:start}}