.blog-shell{z-index:1;flex-direction:column;min-height:100svh;display:flex;position:relative}.blog-main{flex:1}.blog{max-width:var(--page-max);padding:clamp(112px, 16vh, 168px) var(--page-pad) clamp(88px, 13vh, 136px);box-sizing:content-box;animation:blog-rise var(--dur-4) var(--ease-out) backwards;margin:0 auto}@keyframes blog-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.blog-head{max-width:640px}.blog-title{letter-spacing:-.032em;color:var(--ink);margin:0;font-size:clamp(36px,3.4vw,46px);font-weight:700;line-height:1.06}.blog-line{color:var(--text-muted);margin:10px 0 0;font-size:clamp(15.5px,1.25vw,18px);line-height:1.5}.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.blog-empty{border-radius:var(--radius-card);background:var(--material);-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);border:1px solid var(--hairline);color:var(--text-muted);flex-direction:column;align-items:center;gap:14px;margin:40px 0 0;padding:72px 20px;font-size:14.5px;display:flex}.blog-empty svg{color:var(--text-faint)}.pc{min-width:0;position:relative}.pc-link{border-radius:var(--radius-card);background:var(--material);height:100%;-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);border:1px solid var(--hairline);transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.pc-link:hover{border-color:var(--hairline-strong);background:#1e131ab8}.pc-link:focus-visible{outline-offset:3px}.pc-art{aspect-ratio:16/9;background:var(--plum-850);position:relative;overflow:hidden}.cover-img{object-fit:cover;width:100%;height:100%;transition:filter var(--dur-3) var(--ease-out);display:block}.pc-link:hover .cover-img,.pc-link:hover .cover-garden{filter:brightness(.9)}.cover-garden{width:100%;height:100%;transition:filter var(--dur-3) var(--ease-out);background-image:linear-gradient(#0f090d61,#0f090d61),url(/media/garden-poster.jpg);background-size:cover,260%;justify-content:center;align-items:center;display:flex}.pc-text{flex-direction:column;gap:8px;padding:18px 20px 22px;display:flex}.pc-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;margin:0;font-size:12.5px;font-weight:500;line-height:1.4;display:flex}.pc-dot{color:var(--text-faint)}.pc-title{letter-spacing:-.015em;color:var(--text-primary);text-wrap:balance;margin:0;font-size:18px;font-weight:600;line-height:1.3}.pc-sum{color:var(--text-muted);text-wrap:pretty;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.pc.is-featured{grid-column:1/-1}.pc.is-featured .pc-link{flex-direction:row}.pc.is-featured .pc-art{aspect-ratio:16/9;flex:0 0 62%}.pc.is-featured .pc-text{flex:1;justify-content:center;gap:12px;padding:40px clamp(28px,3.4vw,52px)}.pc.is-featured .pc-meta{font-size:13px}.pc.is-featured .pc-title{letter-spacing:-.028em;font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1.12}.pc.is-featured .pc-sum{-webkit-line-clamp:4;font-size:15.5px}.pc-lang{top:12px;z-index:1;border-radius:var(--radius-pill);background:var(--material-glass);height:28px;-webkit-backdrop-filter:var(--blur-material);backdrop-filter:var(--blur-material);border:1px solid var(--hairline-strong);color:var(--text-primary);transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;line-height:28px;display:inline-flex;position:absolute;inset-inline-end:12px}.pc-lang:hover{background:#2a1c25a8}.pc-lang:active{transform:scale(.96)}.pc-lang[lang=fa]{font-size:13px}.blog-list.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-list.cols-1{grid-template-columns:minmax(0,1fr)}@media (max-width:760px){.blog-list.cols-3{grid-template-columns:minmax(0,1fr)}}@media (max-width:860px){.pc.is-featured .pc-link{flex-direction:column}.pc.is-featured .pc-art{flex:none}.pc.is-featured .pc-text{gap:10px;padding:20px 22px 26px}}@media (max-width:640px){.blog{padding-top:104px}.blog-list.blog-list{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px}}.post{--text-col:680px;--wide-col:1080px;grid-template-columns:[full-start] minmax(var(--page-pad), 1fr) [wide-start] minmax(0, calc((var(--wide-col) - var(--text-col)) / 2)) [text-start] min(var(--text-col), calc(100% - 2 * var(--page-pad))) [text-end] minmax(0, calc((var(--wide-col) - var(--text-col)) / 2)) [wide-end] minmax(var(--page-pad), 1fr) [full-end];animation:blog-rise var(--dur-4) var(--ease-out) backwards;padding:clamp(108px,15vh,156px) 0 0;display:grid}.post>*{grid-column:text;min-width:0}.post-head{flex-direction:column;align-items:flex-start;display:flex}.post-back{border-radius:var(--radius-pill);height:32px;color:var(--text-muted);transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);justify-content:center;align-items:center;gap:4px;margin-inline-start:-10px;padding:0 12px 0 8px;font-size:13.5px;font-weight:500;line-height:32px;display:inline-flex}.post-back:hover{background:var(--fill-2);color:var(--text-primary)}.post-back:active{transform:scale(.96)}.post[dir=rtl] .post-back svg{transform:scaleX(-1)}.post-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:28px 0 0;font-size:14px;font-weight:500;display:flex}.post-title{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:14px 0 0;font-size:clamp(36px,4.4vw,54px);font-weight:700;line-height:1.06}.post-summary{letter-spacing:-.012em;color:var(--text-muted);text-wrap:pretty;margin:18px 0 0;font-size:clamp(18px,1.5vw,21px);line-height:1.45}.post-lang{border-radius:var(--radius-pill);background:var(--fill-2);height:32px;color:var(--text-primary);transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);justify-content:center;align-items:center;gap:7px;margin-top:22px;padding:0 14px;font-size:13px;font-weight:600;line-height:32px;display:inline-flex}.post-lang:hover{background:rgb(var(--ink-rgb) / .16)}.post-lang:active{transform:scale(.96)}.post-cover{aspect-ratio:16/9;background:var(--plum-850);border-radius:20px;grid-column:wide;margin:44px 0 0;overflow:hidden}.post-end{border-top:1px solid var(--hairline);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:48px;padding-top:20px;font-size:13.5px;display:flex}.post-copy{border-radius:var(--radius-pill);height:34px;color:var(--text-primary);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-2) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-inline-start:auto;padding:0 14px;font-size:13px;font-weight:600;line-height:34px;display:inline-flex}.post-copy:hover{background:var(--fill-2)}.post-copy:active{transform:scale(.96)}.post{color:var(--text-body);font-size:17.5px;line-height:1.72}.pb-p{text-wrap:pretty;margin:1.15em 0 0}.pb-h2{letter-spacing:-.022em;color:var(--ink);text-wrap:balance;margin:2em 0 0;scroll-margin-top:96px;font-size:26px;font-weight:700;line-height:1.2}.pb-h3{letter-spacing:-.015em;color:var(--text-primary);margin:1.7em 0 0;scroll-margin-top:96px;font-size:19.5px;font-weight:600;line-height:1.3}.pb-h2+.pb-p,.pb-h3+.pb-p{margin-top:.6em}.post strong{color:var(--text-primary);font-weight:600}.post em{font-style:italic}.pb-link{color:var(--text-primary);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:rgb(var(--ink-rgb) / .32);text-decoration-color:rgb(var(--ink-rgb) / .32);transition:text-decoration-color var(--dur-1) var(--ease-out)}.pb-link:hover{-webkit-text-decoration-color:rgb(var(--ink-rgb) / .86);text-decoration-color:rgb(var(--ink-rgb) / .86)}.pb-icode{background:rgb(var(--ink-rgb) / .08);font-family:var(--font-mono);color:var(--text-primary);unicode-bidi:isolate;border-radius:6px;padding:.12em .38em;font-size:.86em}.pb-list{counter-reset:pb;margin:1.15em 0 0;padding:0;list-style:none}.pb-list>li{counter-increment:pb;padding-inline-start:1.5em;position:relative}.pb-list>li+li{margin-top:.45em}.pb-list>li:before{content:"";inset-inline-start:.35em;background:var(--text-faint);border-radius:50%;width:5px;height:5px;position:absolute;top:.74em}.pb-list.is-ordered>li{padding-inline-start:1.9em}.pb-list.is-ordered>li:before{content:counter(pb) ".";top:0;width:auto;height:auto;color:var(--text-muted);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;font-weight:500;inset-inline-start:0}.pb-quote{border-inline-start:2px solid rgb(var(--ink-rgb) / .2);letter-spacing:-.012em;color:var(--text-primary);margin:1.6em 0 0;padding-inline-start:22px;font-size:21px;font-weight:500;line-height:1.5}.pb-quote p{margin:0}.pb-quote p+p{margin-top:.7em}.pb-code{border-radius:var(--radius-panel);background:rgb(var(--ink-rgb) / .045);border:1px solid var(--hairline);font-family:var(--font-mono);color:var(--text-primary);text-align:left;tab-size:2;margin:1.4em 0 0;padding:16px 18px;font-size:13.5px;line-height:1.6;overflow-x:auto}.pb-break{justify-content:center;gap:14px;margin:2.4em 0 .4em;display:flex}.pb-break span{background:var(--text-ghost);border-radius:50%;width:4px;height:4px}.pb-fig{margin:2em 0 0}.pb-fig.is-wide{grid-column:wide}.pb-fig.is-row{align-items:flex-start;gap:12px;display:flex}.pb-fig-item{flex-basis:0;min-width:0}.pb-fig:not(.is-row) .pb-fig-item{width:100%}.pb-media{border-radius:var(--radius-panel);background:var(--plum-850);width:100%;height:auto;display:block}.pb-fig.is-wide .pb-media{border-radius:16px}.pb-cap{color:var(--text-muted);text-align:center;text-wrap:balance;margin:10px 0 0;font-size:13.5px;line-height:1.5}.pb-fig+.pb-p{margin-top:2em}.post>:is(.post-head,.post-cover)+*{margin-top:44px}@media (max-width:640px){.post{padding-top:100px;font-size:17px}.post-cover{border-radius:0;grid-column:full;margin-top:32px}.pb-fig.is-wide{grid-column:full}.pb-fig.is-wide .pb-media{border-radius:0}.pb-fig.is-row{flex-direction:column}.pb-fig.is-row .pb-fig-item{flex-basis:auto;width:100%}.pb-h2{font-size:23px}.pb-quote{font-size:19px}}.blog-more{max-width:var(--page-max);padding:clamp(80px, 12vh, 120px) var(--page-pad) 0;box-sizing:content-box;margin:0 auto}.blog-more-title{letter-spacing:-.022em;color:var(--ink);margin:0;font-size:24px;font-weight:700}.blog-more .blog-list{margin-top:24px}[lang=fa],[lang=ar],[lang=ur],[lang=ps],[lang=ckb]{letter-spacing:0}.post:is([lang=fa],[lang=ar],[lang=ur]){font-size:18px;line-height:1.95}:is(.post,.pc):is([lang=fa],[lang=ar],[lang=ur]) :is(.post-title,.post-summary,.pb-h2,.pb-h3,.pb-quote,.pc-title,.pc-sum){letter-spacing:0}.post:is([lang=fa],[lang=ar],[lang=ur]) .post-title{font-weight:800;line-height:1.3}.post:is([lang=fa],[lang=ar],[lang=ur]) .post-summary{line-height:1.75}.post:is([lang=fa],[lang=ar],[lang=ur]) .pb-h2{font-weight:800;line-height:1.5}.post:is([lang=fa],[lang=ar],[lang=ur]) .pb-h3{line-height:1.6}.post:is([lang=fa],[lang=ar],[lang=ur]) .pb-quote{line-height:1.85}.pc:is([lang=fa],[lang=ar],[lang=ur]) .pc-title{font-weight:700;line-height:1.55}.pc:is([lang=fa],[lang=ar],[lang=ur]) .pc-sum{line-height:1.8}.pc.is-featured:is([lang=fa],[lang=ar],[lang=ur]) .pc-title{font-weight:800;line-height:1.4}@media (prefers-reduced-motion:reduce){.blog,.post{animation:none}}
