.blog-head{gap:12px;max-width:720px;margin-bottom:24px;display:grid}.blog-cats{margin-bottom:36px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:clamp(20px,3vw,40px) clamp(16px,2vw,28px);display:grid}.post-card{align-content:start;gap:16px;display:grid}.post-card--big{grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(20px,4vw,56px);margin-bottom:clamp(40px,6vw,72px)}.post-card--big h3{font-size:clamp(26px,3vw,40px)}.post-card h3{font-size:19px;font-weight:800;line-height:1.6}.post-card h3 a:hover{color:var(--berry)}.post-card__body{gap:8px;display:grid}.post-card .muted{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}.post-meta{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:13px;display:flex}.post-cat{color:var(--berry);font-weight:700}.post-cover{aspect-ratio:16/9;border-radius:var(--r);background:var(--surface);isolation:isolate;display:block;position:relative;overflow:hidden}.post-cover__img{object-fit:cover;transition:transform 1.2s var(--ease)}.post-card:hover .post-cover__img,.post-card:hover .post-cover__art svg{transform:scale(1.05)}.post-cover__art{place-items:center;display:grid;position:absolute;inset:0}.post-cover__art svg{width:auto;height:86%;transition:transform 1.2s var(--ease)}.post-cover__ring{aspect-ratio:1;border:1px solid #ffffff8c;border-radius:50%;width:62%;position:absolute;box-shadow:0 0 0 28px #ffffff1f,0 0 0 56px #ffffff12}@media (max-width:860px){.post-card--big{grid-template-columns:1fr}}.read-progress{z-index:60;background:linear-gradient(90deg, var(--neon), var(--berry));transform-origin:100%;height:3px;animation:linear both read-progress;animation-timeline:scroll(root);position:fixed;inset:0 0 auto;transform:scaleX(0)}@keyframes read-progress{to{transform:scaleX(1)}}@supports not (animation-timeline:scroll()){.read-progress{display:none}}.article-head{gap:16px;max-width:900px;margin-bottom:32px;display:grid}.article-head h1{font-size:clamp(30px,4.4vw,56px);font-weight:900;line-height:1.35}.article-lead{color:var(--muted);font-size:clamp(17px,1.6vw,20px);line-height:2}.article-cover{aspect-ratio:21/9;border-radius:var(--r-lg);margin-bottom:clamp(32px,5vw,64px)}.article-grid{grid-template-columns:260px minmax(0,720px);justify-content:center;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.toc{top:calc(var(--header-h) + 24px);gap:12px;font-size:14px;display:grid;position:sticky}.toc ol{border-inline-start:1px solid var(--line);gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--muted);border-inline-start:2px solid #0000;margin-inline-start:-1px;padding:6px 14px;line-height:1.7;transition:color .3s,border-color .3s;display:block}.toc a:hover{color:var(--berry);border-color:var(--berry)}.prose{font-size:17.5px;line-height:2.15}.prose>*+*{margin-top:1.1em}.prose h2{scroll-margin-top:calc(var(--header-h) + 24px);margin-top:2em;font-size:clamp(24px,2.4vw,30px);font-weight:900}.prose h3{scroll-margin-top:calc(var(--header-h) + 24px);margin-top:1.6em;font-size:21px;font-weight:800}.prose ul,.prose ol{padding-inline-start:1.4em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--berry)}.prose a{color:var(--berry);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.prose strong{font-weight:800}.prose blockquote{border-radius:var(--r);border-inline-start:3px solid var(--neon);background:linear-gradient(120deg,#d63af914,#c62e650f);margin-inline:0;padding:18px 22px}.prose table{border-collapse:collapse;background:var(--surface);border-radius:var(--r-sm);width:100%;font-size:15px;overflow:hidden}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:10px 14px}.prose th{background:#2f18470d}.disclaimer{border-radius:var(--r-sm);color:var(--muted);background:#2f18470d;padding:14px 18px;font-size:14px;line-height:1.9;margin-top:2.5em!important}.article-products,.article-more{gap:32px;margin-top:clamp(64px,9vw,120px);display:grid}@media (max-width:960px){.article-grid{grid-template-columns:minmax(0,1fr)}.toc{border-radius:var(--r);background:var(--surface);padding:18px;position:static}.article-cover{aspect-ratio:16/9}.prose{font-size:16.5px}}.journal{padding-bottom:clamp(80px,12vw,160px)}
