/* Blog: article prose, table of contents, cards. Builds on pages.css + pages-skin.css. */
.blog-page .seo-hero h1{max-width:22ch;margin-left:auto;margin-right:auto}
.blog-meta{margin:14px 0 0;font-size:14px;color:#6b6b6b;text-align:center}
.blog-article{max-width:720px;margin:0 auto;padding:8px 0 40px;font-size:18px;line-height:1.65;color:#222}
.blog-article h2{margin:48px 0 14px;font-family:Rounded,Arial,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.1;letter-spacing:-.02em;color:#111;scroll-margin-top:96px}
.blog-article h3{margin:32px 0 10px;font-size:21px;line-height:1.25;color:#111;scroll-margin-top:96px}
.blog-article p{margin:0 0 16px}
.blog-article ul,.blog-article ol{margin:0 0 18px;padding-left:1.3em}
.blog-article li{margin:0 0 8px}
.blog-article a{text-decoration:underline;text-underline-offset:3px}
.blog-article code{padding:1px 6px;border-radius:6px;background:#f1f1f1;font-size:.9em}
.blog-answer{padding:22px 24px;border-radius:20px;background:#f3f3f3;color:#111}
.blog-note{margin:0 0 24px;padding:16px 20px;border-left:4px solid #c6f54e;border-radius:4px 16px 16px 4px;background:#fafafa;font-size:15px;line-height:1.5;color:#444}
.blog-note p{margin:0}
.blog-toc{margin:28px 0 8px;padding:20px 24px;border:1px solid #e6e6e6;border-radius:20px;font-size:16px}
.blog-toc p{margin:0 0 8px;font-weight:700;color:#111}
.blog-toc ol{margin:0}
.blog-toc a{text-decoration:none}
.blog-toc a:hover{text-decoration:underline}
.blog-table{margin:0 0 20px;overflow-x:auto}
.blog-table table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.4}
.blog-table th,.blog-table td{padding:12px 14px;border-bottom:1px solid #e6e6e6;text-align:left;vertical-align:top}
.blog-table thead th{font-size:14px;color:#6b6b6b;font-weight:600}
.blog-check{list-style:none;padding-left:0}
.blog-check li{position:relative;padding-left:34px}
.blog-check li::before{content:"";position:absolute;left:0;top:.3em;width:18px;height:18px;border:2px solid #111;border-radius:4px}
.blog-page .seo-cta{max-width:720px;margin:0 auto}
.blog-related,.blog-topic{padding:48px 0 0}
.blog-related h2,.blog-topic h2{margin:0 0 18px;font-family:Rounded,Arial,sans-serif;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.blog-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:#f3f3f3;color:#111;text-decoration:none;transition:background .3s,color .3s}
.blog-card span{font-size:13px;color:#6b6b6b}
.blog-card strong{font-size:20px;line-height:1.2}
.blog-card em{font-style:normal;font-size:15px;line-height:1.45;color:#444}
.blog-card:hover{background:#111;color:#fff}
.blog-card:hover span,.blog-card:hover em{color:#cfcfcf}
@media(max-width:900px){
.blog-article{font-size:17px}
.blog-answer,.blog-toc{padding:18px}
}