.blog-page{padding-block:22px 72px}.blog-page h1{margin-block-start:14px;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);line-height:1.3}html[lang=en] .blog-page h1{line-height:1.15}.blog-page .lead{max-width:62ch;margin-block-start:12px}.blog-meta{color:var(--ink-2);margin-block-start:10px;font-size:.86rem}.blog-body{overflow-wrap:anywhere;max-width:70ch;margin-block-start:24px}.blog-body h2{color:var(--navy);margin-block:30px 8px;font-size:1.3rem;line-height:1.4}.blog-body p{color:var(--ink-2)}.blog-body p+p{margin-block-start:12px}.blog-body ul,.blog-body ol{color:var(--ink-2);margin-block:10px 14px;padding-inline-start:1.4em}.blog-body ul{list-style:outside}.blog-body ol{list-style:decimal}.blog-body li+li{margin-block-start:6px}.blog-body a:not(.btn){color:var(--accent);text-underline-offset:3px}.blog-body a:not(.btn):hover{color:var(--accent-ink)}.blog-example{background:var(--mint);border-inline-start:3px solid var(--accent);border-radius:6px;margin:18px 0;padding:16px 18px}.blog-example figcaption{color:var(--accent-ink);margin-block-end:6px;font-size:.8rem;font-weight:600}.blog-example p{color:var(--ink);font-variant-numeric:tabular-nums}.blog-example p+p{margin-block-start:6px}.blog-code{margin-block:12px}.blog-code code{background:var(--surface);border:1px solid var(--line);color:var(--ink);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:.86rem;display:block}.blog-body .note{margin-block:16px}.blog-cta{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-block:26px;padding:16px 18px;display:flex}.blog-cta p{color:var(--ink);margin:0}.blog-faq{margin-block-start:30px}.blog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block-start:26px;display:grid}.blog-card{background:var(--surface);border:1px solid var(--line);height:100%;color:var(--ink);border-radius:10px;padding:18px;text-decoration:none;display:block}.blog-card:hover{border-color:var(--accent)}.blog-card strong{font-size:1.05rem;line-height:1.45;display:block}.blog-card span{color:var(--ink-2);margin-block-start:6px;font-size:.92rem;display:block}.blog-related,.blog-more{margin-block-start:40px}.blog-related h2,.blog-more h2{margin-block-end:12px;font-size:1.2rem}.blog-more ul{gap:8px;display:grid}.blog-more a{color:var(--accent)}@media (width<=720px){.blog-list{grid-template-columns:1fr}.blog-cta .btn{flex:100%}}.blog-group{margin-block-start:34px}.blog-group .blog-list,.blog-more-all{margin-block-start:14px}.blog-more-all a{font-weight:600}.blog-search{max-width:640px;margin-block-start:26px}.blog-search label{margin-block-end:8px;font-weight:600;display:block}.blog-search .search input{padding-inline:46px 14px}.blog-search-status{color:var(--ink-2);margin-block-start:10px;font-size:.9rem}.blog-search-status:empty{display:none}.blog-search-results{gap:6px;margin-block-start:10px;display:grid}.blog-search-results a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);min-height:44px;color:var(--ink);overflow-wrap:anywhere;padding:10px 14px;font-weight:500;line-height:1.5;text-decoration:none;display:block}.blog-search-results a:hover{border-color:var(--accent);color:var(--accent-ink)}.blog-search-results small{color:var(--ink-2);font-size:.8rem;font-weight:400;display:block}.blog-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block-start:30px;display:grid}.blog-cat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:20px;display:flex}.blog-cat-head{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.blog-cat-ico,.blog-tool-cta .tool-ico{border-radius:var(--radius-sm);background:var(--mint);width:42px;height:42px;color:var(--accent);grid-row:span 2;place-items:center;display:inline-grid}.blog-cat h2{font-size:1.12rem;line-height:1.4}.blog-cat h2 a{min-height:44px;color:var(--navy);align-items:center;text-decoration:none;display:flex}.blog-cat h2 a:hover{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.blog-count{color:var(--ink-2);font-size:.85rem}.blog-cat-list{border-block-start:1px solid var(--line);margin-block:14px 16px}.blog-cat-list li{border-block-end:1px solid var(--line)}.blog-cat-list a{min-height:44px;color:var(--ink);overflow-wrap:anywhere;align-items:center;padding-block:9px;line-height:1.5;text-decoration:none;display:flex}.blog-cat-list a:hover{color:var(--accent-ink);text-underline-offset:4px;text-decoration:underline}.blog-cat-all{align-self:flex-start;margin-block-start:auto}.blog-page-of{color:var(--ink-2);white-space:nowrap}.blog-tools{margin-block-start:22px}.blog-tools h2,.blog-hub-h2{color:var(--ink-2);margin-block-end:10px;font-size:1rem;font-weight:600}.blog-chips{flex-wrap:wrap;gap:8px;display:flex}.blog-chip{background:var(--surface);min-height:44px;color:var(--ink);border:1px solid #6e8780;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.blog-chip:hover{border-color:var(--accent);color:var(--accent-ink)}.blog-chip span{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.8rem}.blog-hub-h2{margin-block-start:30px}.blog-hub-h2+.blog-list{margin-block-start:0}.blog-tool-cta{grid-template-columns:auto 1fr auto;align-items:center;gap:12px 16px;margin-block:24px 0;display:grid}.blog-tool-cta .tool-ico{grid-row:auto}.blog-tool-cta h2{font-size:1.2rem;line-height:1.4}.blog-tool-cta p{color:var(--ink-2)}.blog-tool-cta .blog-tool-cta-k{color:var(--accent-ink);font-size:.82rem;font-weight:600}.blog-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-block-start:30px;display:flex}.blog-pager ol{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.blog-pager a,.blog-pager span{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 12px;display:inline-flex}.blog-pager a{background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:500;text-decoration:none}.blog-pager a:hover{border-color:var(--accent);color:var(--accent-ink)}.blog-pager [aria-current=page]{background:var(--accent);color:#fff;font-weight:600}.blog-pager span.blog-pager-step{color:#8aa19b}.blog-pager-gap{min-height:44px;color:var(--ink-2);align-items:center;padding-inline:2px;display:inline-flex}@media (width<=720px){.blog-cats{grid-template-columns:1fr}.blog-cat{padding:16px}.blog-tool-cta{grid-template-columns:auto 1fr}.blog-tool-cta .btn{grid-column:1/-1}.blog-pager{gap:6px}.blog-pager a,.blog-pager span{padding-inline:8px}}
