@layer components{.article-page{--ease-out:cubic-bezier(.22, 1, .36, 1);--ink:var(--foreground);--ink-body:color-mix(in oklch, var(--foreground) 86%, var(--background));--ink-muted:var(--muted-foreground);--rule:var(--border);--accent-ink:var(--primary);--accent-wash:color-mix(in oklch, var(--primary) 8%, var(--background));--surface:color-mix(in oklch, var(--muted) 55%, var(--background));--reading-scale:1;--header-offset:5rem}html[data-reading-size=sm] .article-page{--reading-scale:.92}html[data-reading-size=lg] .article-page{--reading-scale:1.1}@media (prefers-reduced-motion:no-preference){html:has(.article-page){scroll-behavior:smooth}}.article-page ::selection{background:color-mix(in oklch, var(--primary) 22%, transparent)}.article-grid{grid-template-columns:[full-start content-start]minmax(0,1fr)[content-end aside-start aside-end full-end];display:grid}.article-grid>.article-main{grid-column:content;width:100%;max-width:42rem;margin-inline:auto}.article-grid>.article-aside{display:none}@media (min-width:64rem){.article-grid{grid-template-columns:[full-start content-start]minmax(0,1fr)[content-end]3.5rem[aside-start]14.5rem[aside-end full-end]}.article-grid>.article-main{margin-inline:0}.article-grid>.article-aside{grid-column:aside;display:block}}@media (min-width:80rem){.article-grid{grid-template-columns:[full-start]minmax(0,1fr)[content-start]minmax(0,43rem)[content-end]4.5rem[aside-start]15rem[aside-end full-end]}}.article-hero{padding-block:2.5rem 2rem}@media (min-width:48rem){.article-hero{padding-block:4rem 2.75rem}}@media (min-width:64rem){.article-hero{padding-block:5rem 3.5rem}}.article-title{text-wrap:balance;color:var(--ink);font-size:clamp(2.125rem,1.35rem + 3.1vw,4.125rem);font-weight:800;line-height:1.32}.article-dek{color:var(--ink-muted);text-wrap:pretty;max-width:40rem;font-size:clamp(1.125rem,1.02rem + .45vw,1.375rem);line-height:1.95}@media (prefers-reduced-motion:no-preference){.article-rise{animation:article-rise .8s var(--ease-out) both;animation-delay:calc(var(--rise,0) * 80ms + 60ms)}.article-cover-reveal{animation:article-cover 1.1s var(--ease-out) both;animation-delay:.26s}.article-cover-reveal .article-cover-zoom{animation:article-cover-zoom 1.6s var(--ease-out) both;animation-delay:.26s}}.article-prose{--prose-size:1.125rem;font-size:calc(var(--prose-size) * var(--reading-scale));color:var(--ink-body);counter-reset:article-section;overflow-wrap:break-word;transition:font-size .25s var(--ease-out);line-height:2.05}@media (min-width:48rem){.article-prose{--prose-size:1.1875rem;line-height:2}}.article-prose>*+*{margin-block-start:1.5em}.article-prose>:first-child{margin-block-start:0}.article-prose p{text-wrap:pretty}.article-prose strong{color:var(--ink);font-weight:700}.article-prose>:is(h2,h3,h4){color:var(--ink);scroll-margin-top:var(--header-offset);text-wrap:balance}.article-prose>h2{counter-increment:article-section;margin-block:2.6em .7em;font-size:clamp(1.5rem,1.32rem + .75vw,1.9375rem);font-weight:800;line-height:1.55}.article-prose>h2:before{content:counter(article-section);width:fit-content;color:var(--accent-ink);font-variant-numeric:tabular-nums;background:linear-gradient(currentColor,currentColor) 100%/1.5rem 1.5px no-repeat;margin-block-end:.75rem;padding-inline-start:2.25rem;font-size:.875rem;font-weight:700;line-height:1;display:block}html[dir=ltr] .article-prose>h2:before{background-position:0}.article-prose>h3{margin-block:2em .5em;font-size:1.25em;font-weight:700;line-height:1.7}.article-prose>h4{margin-block:1.75em .4em;font-size:1.05em;font-weight:700}.article-prose>:is(h2,h3,h4)+*{margin-block-start:0}.article-prose :is(p,li,blockquote,td,th) a{color:var(--ink);text-underline-offset:.42em;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklch, var(--primary) 45%, transparent);text-decoration-color:color-mix(in oklch, var(--primary) 45%, transparent);font-weight:500;transition:text-decoration-color .2s,color .2s}.article-prose :is(p,li,blockquote,td,th) a:hover{color:var(--accent-ink);text-decoration-color:currentColor}.article-prose>:is(ul,ol){padding-inline-start:1.4em}.article-prose>ul{list-style:none}.article-prose>ul li{position:relative}.article-prose>ul li:before{content:"";inset-inline-start:-1.05em;background:var(--accent-ink);opacity:.8;border-radius:999px;width:.36em;height:.36em;position:absolute;top:.95em}.article-prose>ol{list-style-type:decimal}html[lang=fa] .article-prose>ol{list-style-type:persian}.article-prose>ol li::marker{color:var(--ink-muted);font-weight:600}.article-prose>:is(ul,ol) li+li,.article-prose li>:is(ul,ol){margin-block-start:.6em}.article-prose>ul li[role=checkbox]{list-style:none}.article-prose>ul li[role=checkbox]:before{border:1.5px solid var(--ink-muted);opacity:1;background:0 0;border-radius:.25em;width:.8em;height:.8em;top:.68em}.article-prose>ul li[aria-checked=true]:before{background:var(--accent-ink);border-color:var(--accent-ink)}.article-prose>blockquote{color:var(--ink);margin-block:2.25em;padding-inline-start:2.25rem;font-size:1.12em;font-weight:500;line-height:1.95;position:relative}.article-prose>blockquote:before{content:"«";inset-inline-start:0;color:var(--accent-ink);font-size:2.5em;font-weight:300;line-height:1;position:absolute;top:-.32em}html[dir=ltr] .article-prose>blockquote:before{content:"“"}.article-prose>hr{text-align:center;height:auto;color:var(--ink-muted);border:0;margin-block:3em}.article-prose>hr:after{content:"·  ·  ·";white-space:pre;letter-spacing:.4em;font-size:1.25rem}.article-prose :not(pre)>code{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--rule);color:var(--ink);direction:ltr;unicode-bidi:isolate;border-radius:.375rem;padding:.12em .4em;font-size:.84em}.article-prose mark{background:color-mix(in oklch, var(--primary) 16%, transparent);color:inherit;border-radius:.2em;padding-inline:.15em}.article-prose>.article-table{border-block:1px solid var(--ink);-webkit-overflow-scrolling:touch;margin-block:2.25em;overflow-x:auto}.article-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.86em;line-height:1.8}.article-table :is(th,td){text-align:start;vertical-align:top;border-block-end:1px solid var(--rule);padding:.75em .9em}.article-table th{color:var(--ink);background:var(--surface);white-space:nowrap;font-weight:700}.article-table tr:last-child>td{border-block-end:0}.article-table :is(th,td)>p{margin:0}.article-prose>.article-block{margin-block:2.5em}html[lang=fa] .article-prose>h2:before{content:counter(article-section, persian)}@media print{[data-print-hide],header[data-site-header],footer[data-site-footer]{display:none!important}.article-page{--ink-body:#000}.article-grid{display:block}.article-prose{font-size:11.5pt;line-height:1.9}.article-prose a{text-decoration:none}.article-cover-reveal,.article-rise{animation:none!important}}}@keyframes article-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes article-cover{0%{opacity:0;clip-path:inset(4% 2% 0 round 1.25rem)}to{opacity:1;clip-path:inset(0 round 1.25rem)}}@keyframes article-cover-zoom{0%{transform:scale(1.06)}}
