/* Blog do BataTalk. Complementa /seo-pages.css; não altera as páginas de guia. */
[data-blog] .seo-section ul{padding-left:22px;color:#435a4d;font-size:16px;line-height:1.85}
[data-blog] .seo-section li{margin:8px 0}
[data-blog] .seo-section pre{margin:0 0 16px;padding:16px 18px;overflow-x:auto;background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:12px;font:14px/1.7 ui-monospace,Consolas,monospace;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
[data-blog] .seo-section pre code{font:inherit}
[data-blog] .seo-section a{overflow-wrap:anywhere}
.blog-figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:var(--soft)}
.blog-figure img{width:100%;height:auto;aspect-ratio:1200/660;object-fit:cover}
.blog-h2{margin:0 0 20px;font:500 28px/1.2 Fredoka,'DM Sans',sans-serif;letter-spacing:-.01em}
.blog-grid{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.blog-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--paper)}
.blog-card:focus-within,.blog-card:hover{border-color:var(--green);box-shadow:0 6px 20px rgba(32,55,46,.08)}
.blog-card>a{display:grid;height:100%;color:inherit;text-decoration:none}
.blog-card img{width:100%;height:auto;aspect-ratio:1200/660;object-fit:cover;background:var(--soft)}
.blog-card__body{display:grid;gap:8px;padding:20px 22px 24px;align-content:start}
.blog-card__body .seo-eyebrow{margin:0}
.blog-card__title{font:500 24px/1.2 Fredoka,'DM Sans',sans-serif;color:var(--ink)}
.blog-card__desc{color:var(--muted);font-size:15px;line-height:1.65}
.blog-card__meta{color:var(--muted);font-size:12px}
.blog-card>a:hover .blog-card__title{text-decoration:underline;text-underline-offset:4px}
.blog-method{max-width:760px;margin:0 0 20px}.blog-method p{margin:0 0 14px;color:#435a4d;line-height:1.8}
.blog-practice{background:var(--soft);border:2px solid var(--green)!important;border-radius:22px;padding:26px 28px!important;margin-top:28px}
.blog-practice>ol{list-style:none;counter-reset:step;padding:0!important;margin:0}
.blog-practice>ol>li{counter-increment:step;position:relative;padding-left:46px;margin:0 0 20px}
.blog-practice>ol>li:last-child{margin-bottom:0}
.blog-practice>ol>li::before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700}
.blog-practice>ol>li>strong{display:block;margin-bottom:6px;font:500 19px Fredoka,'DM Sans',sans-serif;color:var(--ink)}
.blog-practice>ol>li>span,.blog-practice>ol>li>div{display:block;color:#435a4d;line-height:1.8}
.blog-practice p{font-size:16px}
.blog-sources ul{list-style:none;padding:0!important}
.blog-sources li{font-size:14px!important;line-height:1.6!important}
.blog-sources small{color:var(--muted);font-size:13px}
.blog-note{margin-top:16px!important;color:var(--muted)!important;font-size:13px!important}
@media(max-width:860px){.blog-grid{grid-template-columns:1fr}}
@media(max-width:760px){.blog-practice{padding:20px 18px!important}.blog-practice>ol>li{padding-left:42px}[data-blog] .seo-toc{position:static}}