.container{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:900px){.container{padding:0 20px}}.article-body{max-width:720px;font-family:var(--font-sans);font-size:19px;line-height:1.65;color:var(--ink)}.article-body>*+*{margin-top:1.1em}.article-body p{color:var(--ink-2)}.article-body h2{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-top:2.4em}.article-body h2,.article-body h3{font-family:var(--font-display);color:var(--ink);scroll-margin-top:96px}.article-body h3{font-size:24px;font-weight:700;letter-spacing:-.015em;line-height:1.2;margin-top:1.8em}.article-body a{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:1px;transition:background .15s}.article-body a:hover{background:var(--accent-soft)}.article-body strong{color:var(--ink);font-weight:700}.article-body ol,.article-body ul{padding-left:28px;color:var(--ink-2)}.article-body ul{list-style:disc outside}.article-body ol{list-style:decimal outside}.article-body li{margin-top:.35em;padding-left:4px}.article-body li::marker{color:var(--ink-3);font-weight:600}.article-body ol>li::marker{font-family:var(--font-mono);font-size:.92em}.article-body hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.article-body code{font-family:var(--font-mono);font-size:.86em;background:var(--bg-3);padding:2px 6px;border-radius:5px;color:var(--ink)}.code-block{font-family:var(--font-mono);font-size:14px;line-height:1.55;background:oklch(.18 .012 260);color:oklch(.92 .01 90);border-radius:14px;padding:22px 24px;overflow-x:auto;margin-top:1.4em!important;position:relative}.code-block .code-head{display:flex;justify-content:space-between;align-items:center;margin:-22px -24px 18px;padding:12px 20px;border-bottom:1px solid oklch(.28 .012 260);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:oklch(.65 .01 90)}.code-block .tok-k{color:oklch(.78 .14 310)}.code-block .tok-s{color:oklch(.82 .14 150)}.code-block .tok-c{color:oklch(.58 .01 90);font-style:italic}.code-block .tok-f{color:oklch(.82 .14 75)}.code-block .tok-p{color:oklch(.75 .1 220)}.callout{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:20px 22px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line);margin-top:1.4em!important}.callout.tip{background:var(--accent-soft);border-color:transparent}.callout.warn{background:oklch(.96 .05 75);border-color:oklch(.88 .07 75)}.callout.danger{background:oklch(.96 .04 25);border-color:oklch(.88 .06 25)}.callout .cico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:14px}.callout.tip .cico{background:oklch(.72 .18 150);color:#fff}.callout.warn .cico{background:oklch(.75 .17 75);color:#fff}.callout.danger .cico{background:oklch(.66 .2 25);color:#fff}.callout .ctitle{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:2px}.callout p{font-size:16px;color:var(--ink-2);margin:0}.pullquote{margin-top:2em!important;padding:28px 32px 28px 56px;position:relative;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:1.35;letter-spacing:-.015em;color:var(--ink);border-left:3px solid var(--accent);background:linear-gradient(to right,var(--bg-2),transparent 80%);border-radius:0 14px 14px 0}.pullquote:before{content:"“";position:absolute;left:16px;top:4px;font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--accent);font-weight:400}.pullquote cite{display:block;margin-top:14px;font-family:var(--font-sans);font-weight:500;font-size:14px;color:var(--ink-3);font-style:normal;letter-spacing:.02em}.pullquote cite:before{content:"— "}.toc-aside{position:sticky;top:96px;align-self:start;height:-moz-max-content;height:max-content}.toc{font-size:13.5px;line-height:1.45;font-family:var(--font-sans)}.toc .toc-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}.toc a{display:block;padding:7px 12px;border-left:2px solid transparent;margin-left:-14px;color:var(--ink-3);transition:color .15s,border-color .15s}.toc a.h3{padding-left:28px;font-size:13px}.toc a.active,.toc a:hover{color:var(--ink)}.toc a.active{border-color:var(--accent);font-weight:600}.article-cta{margin-top:2em!important;padding:32px;border-radius:20px;background:var(--ink);color:var(--bg);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.article-cta .eye{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:oklch(.7 .01 90);margin-bottom:6px}.article-cta h4{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px}.article-cta p{margin:0;color:oklch(.82 .01 90);font-size:15px;line-height:1.5}.art-card{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:transform .15s,border-color .15s,box-shadow .15s;text-decoration:none;color:inherit;height:100%}.art-card:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--shadow-md)}.art-card .thumb{aspect-ratio:16/10;border-radius:12px;background:var(--bg-3);overflow:hidden;position:relative}.art-card h3{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.2;margin:0;color:var(--ink)}.art-card .excerpt{font-size:14.5px;color:var(--ink-3);line-height:1.5;margin:0}.art-card .meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;margin-top:auto}.art-card .meta .dot{width:3px;height:3px;border-radius:999px;background:var(--ink-3)}.art-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;padding:36px;border-radius:28px;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}.art-hero:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.art-hero .thumb{aspect-ratio:4/3;border-radius:18px;background:var(--bg-3);overflow:hidden;position:relative}.art-hero h2{font-family:var(--font-display);font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1.06;margin:14px 0 10px;color:var(--ink)}.art-hero .excerpt{font-size:16px;color:var(--ink-2);line-height:1.55}.art-row{display:grid;grid-template-columns:120px 1fr 200px;gap:28px;padding:28px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .15s;align-items:center}.art-row:hover{background:var(--bg-2);margin:0 -16px;padding-left:16px;padding-right:16px;border-radius:14px}.art-row .date{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.04em}.art-row h3{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.015em;line-height:1.2;margin:0 0 6px}.art-row .excerpt{font-size:14.5px;color:var(--ink-3);line-height:1.5;margin:0}.art-row .meta{color:var(--ink-3);text-align:right}.art-row .meta,.cat-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;text-transform:uppercase;background:var(--bg-3);color:var(--ink-2);font-weight:500}.cat-chip.active{background:var(--ink);color:var(--bg)}.cat-chip.guides{background:oklch(.94 .08 var(--accent-h));color:oklch(.3 .1 var(--accent-h))}.cat-chip.stories{background:oklch(.94 .05 40);color:oklch(.4 .15 40)}.cat-chip.releases{background:oklch(.94 .04 255);color:oklch(.4 .14 255)}.cat-chip.max{background:oklch(.94 .05 30);color:oklch(.4 .16 30)}.cat-chip.vk{background:oklch(.94 .04 255);color:oklch(.38 .15 255)}.layout-tabs{display:inline-flex;padding:4px;background:var(--bg-2);border-radius:12px;border:1px solid var(--line)}.layout-tabs button{padding:8px 16px;border-radius:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;transition:background .15s,color .15s}.layout-tabs button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}.blog-footer{margin-top:80px;padding:48px 0 32px;border-top:1px solid var(--line);color:var(--ink-3);font-size:14px}.blog-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}@media (max-width:900px){.article-grid{grid-template-columns:1fr!important;gap:32px!important}.toc-aside{display:none}.art-hero{grid-template-columns:1fr;padding:24px}.art-hero h2{font-size:28px}.art-row,.article-cta{grid-template-columns:1fr}.art-row{gap:8px;padding:20px 0}.art-row .meta{text-align:left}.article-body{font-size:17px}.article-body h2{font-size:26px}.article-body h3{font-size:20px}.subscribe-strip{padding:32px!important}.author-head,.cat-head,.subscribe-strip{grid-template-columns:1fr!important}.pullquote{font-size:20px;padding:22px 20px 22px 44px}.pullquote:before{left:10px;font-size:48px}.layout-tabs button{padding:7px 10px;font-size:11px}}