/* Blog — usa os tokens e os cards (.post-grid/.post) do CSS original do site. */
/* Aproxima a grade do título no índice do blog e nas páginas de categoria. */
body.blog .hero,body.archive .hero{padding:54px 0 28px}
body.blog .section.blog,body.archive .section.blog{padding:30px 0 63px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow a{text-decoration:none}.eyebrow a:hover{text-decoration:underline;text-underline-offset:4px}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none}
.blog-filters a{display:inline-block;padding:8px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:600 11px var(--sans);letter-spacing:.04em;text-decoration:none;border-radius:2px;transition:background .2s,color .2s}
.blog-filters a:hover,.blog-filters a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.blog-empty{padding:40px 0;color:var(--muted);font-size:15px;line-height:1.8;max-width:520px}
.pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:46px}
.pagination .page-numbers{padding:9px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 12px var(--sans);text-decoration:none}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.pagination .page-numbers.dots{border:0;background:none}

/* Artigo */
.narrow{width:min(760px,calc(100% - 48px));margin:auto}
.post-hero{padding:72px 0 38px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#F7F4ED 0%,#F7F4ED 67%,#F0EEE6 100%)}
.post-hero h1{font:clamp(36px,5.4vw,60px)/1.06 var(--serif);letter-spacing:-.035em;margin:20px 0 18px}
.post-byline{color:var(--muted);font-size:12px;letter-spacing:.03em}
.post-cover{width:min(980px,calc(100% - 48px));margin:38px auto 0}
.post-cover img{display:block;width:100%;height:auto;border-radius:2px 90px 2px 2px;filter:saturate(.85)}
.entry-content{padding:46px 0 26px;font-size:17px;line-height:1.85;color:#2b4357}
.entry-content>*:first-child{margin-top:0}
.entry-content p{margin:0 0 1.35em}
.entry-content h2{margin:2em 0 .6em;color:var(--ink);font:400 clamp(28px,3.4vw,38px)/1.12 var(--serif);letter-spacing:-.03em}
.entry-content h3{margin:1.8em 0 .5em;color:var(--ink);font:400 24px/1.2 var(--serif);letter-spacing:-.02em}
.entry-content a{color:var(--blue);text-underline-offset:3px}
.entry-content blockquote{margin:1.8em 0;padding:4px 0 4px 22px;border-left:3px solid var(--gold);color:var(--ink);font:21px/1.5 var(--serif)}
.entry-content blockquote p{margin:0 0 .6em}
.entry-content ul,.entry-content ol{margin:0 0 1.35em;padding-left:1.3em}
.entry-content li{margin-bottom:.5em}
.entry-content img,.entry-content video{max-width:100%;height:auto}
.entry-content figure{margin:1.8em 0}
.entry-content figcaption{margin-top:8px;color:var(--muted);font-size:12px}
.entry-content hr{margin:2.4em 0;border:0;border-top:1px solid var(--line)}
.entry-content code{padding:2px 6px;background:var(--pale);border-radius:2px;font-size:.9em}
.entry-content pre{overflow:auto;padding:18px;background:var(--ink);color:#fff;border-radius:2px;font-size:13px;line-height:1.6}
.entry-content pre code{padding:0;background:none}
.entry-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}
.entry-content th,.entry-content td{padding:9px 12px;border:1px solid var(--line);text-align:left;font-size:14px}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px auto 80px;padding-top:30px;border-top:1px solid var(--line)}
.post-nav a{display:block;padding:18px 20px;background:#fff;border-top:2px solid var(--gold);text-decoration:none;transition:transform .25s,box-shadow .25s}
.post-nav a:hover{transform:translateY(-3px);box-shadow:0 14px 28px #17324d0d}
.post-nav small{display:block;margin-bottom:6px;color:var(--blue);font:700 9px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.post-nav span{font:19px/1.22 var(--serif)}
.post-nav .next{text-align:right;grid-column:2}
@media(max-width:680px){.post-hero{padding:48px 0 28px}.entry-content{font-size:16px;padding-top:34px}.post-nav{grid-template-columns:1fr}.post-nav .next{grid-column:auto}.post-cover img{border-radius:2px 56px 2px 2px}}