.blog-kind{font:600 12px var(--sf-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sf-muted);align-items:center;gap:8px;display:inline-flex}.blog-kind i{border-radius:2px;flex-shrink:0;width:8px;height:8px}.blog-head{gap:14px}.blog-head .blog-kind{margin-top:4px}.blog h1{letter-spacing:-.04em;font-size:clamp(34px,4.6vw,52px)}.blog-sum{color:var(--sf-muted);text-wrap:pretty;font-size:clamp(19px,1.7vw,21px);line-height:1.5;margin:0!important}.blog-byline{gap:6px 10px}.blog-byline img{width:32px!important;height:32px!important}.blog-byline .who span{font-weight:600}.blog-strip{border-radius:16px;height:clamp(120px,27vw,184px);margin-top:6px}.blog h2{margin-top:30px}.blog h2,.blog h3{position:relative}.blog-hlink{vertical-align:middle;opacity:0;border-radius:8px;place-items:center;width:28px;height:28px;margin-left:4px;transition:opacity .16s;display:inline-grid;color:var(--sf-muted)!important}.blog h2:hover .blog-hlink,.blog h3:hover .blog-hlink,.blog-hlink:focus-visible{opacity:1}.blog-hlink:focus-visible{outline:2px solid var(--sf-accent);outline-offset:1px}@media (hover:none){.blog-hlink{opacity:.55}}.blog code{font:.88em var(--sf-font-mono);background:var(--sf-hover);overflow-wrap:anywhere;border-radius:5px;padding:2px 6px}.blog-quote{border-top:1px solid var(--sf-border);border-bottom:1px solid var(--sf-border);letter-spacing:-.02em;text-wrap:balance;margin:8px 0;padding:22px 0;font-size:clamp(22px,2.4vw,27px);font-weight:600;line-height:1.35}.blog-quote p{margin:0}.blog-fig img{border:1px solid var(--sf-border);box-sizing:border-box}.blog-fig figcaption{color:var(--sf-muted);text-wrap:pretty;margin-top:10px;font-size:14px;line-height:1.5}.blog-code{border:1px solid var(--sf-border);background:var(--sf-panel);border-radius:12px;margin:4px 0;overflow:hidden}.blog-code-head{border-bottom:1px solid var(--sf-border);height:40px;font:600 11px var(--sf-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sf-muted);justify-content:space-between;align-items:center;padding:0 8px 0 18px;display:flex}.blog-copy{height:30px;color:var(--sf-fg);font:500 13px var(--sf-font-ui);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.blog-copy:hover{background:var(--sf-hover)}.blog-copy:focus-visible{outline:2px solid var(--sf-accent);outline-offset:1px}.blog-code pre{font:13px/1.7 var(--sf-font-mono);color:var(--sf-fg);margin:0;padding:16px 18px;overflow-x:auto}.blog-code pre:focus-visible{outline:2px solid var(--sf-accent);outline-offset:-2px}.blog-code pre code{font:inherit;overflow-wrap:normal;background:0 0;padding:0}.blog-code .c{color:var(--sf-muted)}.blog-code .k{color:var(--sf-accent-hover)}.blog-author{border:1px solid var(--sf-border);background:var(--sf-panel);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;padding:20px 22px;font-size:16px;line-height:1.55;display:flex}.blog-author img{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px}.blog-author>div{flex-direction:column;flex:260px;gap:6px;min-width:0;display:flex}.blog-author .links{flex-wrap:wrap;gap:6px 18px;font-size:14.5px;display:flex}.blog-author .links a{align-items:center;gap:7px;display:inline-flex}.blog-offer{background:var(--sf-hover);border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex}.blog-offer p{font-size:17px;font-weight:500}.blog-offer .actions{flex-wrap:wrap;gap:10px;display:flex}.blog-more{flex-direction:column;gap:16px;margin-top:22px;display:flex}.blog-more h2{margin:0;font-size:clamp(22px,2.2vw,26px)}.blog-more ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.blog-rss{font-size:14.5px}.blog-rss a,.blog-rss-link{align-items:center;gap:7px;display:inline-flex}.blog-card{box-sizing:border-box;border:1px solid var(--sf-border);background:var(--sf-panel);flex-direction:column;height:100%;transition:border-color .16s;display:flex;overflow:hidden;color:var(--sf-fg)!important;text-decoration:none!important}.blog-card:hover{border-color:var(--sf-accent)}.blog-card:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.blog-card-strip{flex-shrink:0;height:72px}.blog-card-words{flex-direction:column;gap:8px;min-width:0;padding:18px 20px 20px;display:flex}.blog-card strong{letter-spacing:-.015em;text-wrap:pretty;font-size:19px;font-weight:650;line-height:1.3}.blog-card .sum{color:var(--sf-muted);text-wrap:pretty;font-size:15px;line-height:1.5}.blog-card .when{color:var(--sf-muted);font-size:14px}.blog-card-card{border-radius:16px}.blog-card-big{border-radius:20px}.blog-card-big .blog-card-strip{height:clamp(120px,20vw,200px)}.blog-card-big .blog-card-words{padding:24px 28px 28px}.blog-card-big strong{letter-spacing:-.03em;font-size:clamp(24px,2.8vw,32px);line-height:1.15}.blog-card-big .sum{max-width:62ch;font-size:17px}.blog-card-small{border-radius:14px}.blog-card-small .blog-card-strip{height:56px}.blog-card-small .blog-card-words{gap:6px;padding:14px 16px 16px}.blog-card-small strong{font-size:16px;line-height:1.35}.blog-index{max-width:1040px}.blog-index-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;display:flex}.blog-index h1{font-size:clamp(38px,5.4vw,60px)}.blog-rss-link{color:var(--sf-accent-hover);font-size:14.5px;text-decoration:none}.blog-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blog-chips a{border:1px solid var(--sf-border);background:var(--sf-panel);height:36px;color:var(--sf-fg);font:500 14.5px var(--sf-font-ui);border-radius:999px;align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.blog-chips a:hover{border-color:var(--sf-accent)}.blog-chips a[aria-current]{background:var(--sf-fg);border-color:var(--sf-fg);color:var(--sf-bg)}.blog-chips i{border-radius:2px;width:8px;height:8px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.blog-grid li{min-width:0}.blog-empty{border:1px dashed var(--sf-border);color:var(--sf-muted);border-radius:16px;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;display:flex}.blog-empty p{margin:0;font-size:17px}