/* THESIS: conteúdo editorial legível conecta dúvidas reais à escolha de um imóvel.
OWN-WORLD: cores e fontes do Walter Belo, divisórias finas e listas abertas.
STORY: encontrar um assunto, ler um roteiro, explorar imóveis ou conversar.
FIRST VIEWPORT: título amplo, introdução curta e categorias; destaque textual.
FORM: extensão de leitura do sistema existente; sumário nativo em cada artigo. */
.blog-index,.blog-article{padding:48px 0 80px}
.blog-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:end;margin:38px 0 48px}
.blog-heading h1,.article-header h1{font:500 clamp(42px,5.3vw,76px)/1.06 var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:23ch}
.blog-heading>p{max-width:36ch;font-size:15px;line-height:1.9;color:#52614c}
.blog-tools{display:flex;gap:28px;justify-content:space-between;align-items:center;padding:20px 0;border-block:1px solid var(--line);margin-bottom:36px}
.blog-categories{display:flex;flex-wrap:wrap;gap:16px 26px;font-size:12px}
.blog-categories a{padding:10px 0}.blog-categories a[aria-current]{text-decoration:underline;text-underline-offset:7px;color:var(--color-coffee);font-weight:600}
.blog-search{display:flex;gap:8px}.blog-search input{font-size:12px;width:190px}.blog-search .button{min-height:46px;padding:10px 16px}
.blog-entry{position:relative;padding:34px 0;display:grid;grid-template-columns:1.1fr 1fr auto;gap:15px 40px;align-items:start;border-bottom:1px solid var(--line)}
.blog-entry-meta{grid-column:1/-1;display:flex;gap:24px;font-size:11px;color:#52614c}
.blog-entry h3{font:500 clamp(28px,2.5vw,36px)/1.15 var(--font-display);letter-spacing:-.02em;max-width:28ch}
.blog-entry>p{font-size:14px;line-height:1.9;max-width:50ch;color:#52614c}.blog-entry>.text-link{white-space:nowrap}
.blog-featured{padding:42px;background:var(--color-sage);border:0;grid-template-columns:1.2fr 1fr;column-gap:80px;margin-bottom:8px}
.blog-featured h2{font:500 clamp(35px,3.4vw,50px)/1.1 var(--font-display);letter-spacing:-.025em;grid-row:2/4;max-width:24ch}
.blog-featured>.text-link{grid-column:2;max-width:140px}
.blog-entry-cover{grid-column:1/-1;max-width:600px}.blog-entry-cover img{aspect-ratio:1.6;object-fit:cover}
.blog-result{font-size:14px;margin:0 0 24px}.blog-result a{text-decoration:underline}
.blog-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin-top:44px;font-size:13px}.blog-pagination a{min-height:44px;padding:10px}
.blog-close{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding-top:25px;border-top:1px solid var(--line)}.blog-close p{font:500 32px var(--font-display)}
.article-header{padding:22px 0 40px;max-width:1050px}.article-deck{font-size:18px;color:#52614c;line-height:1.8;max-width:62ch;margin-top:28px}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:11px;color:#52614c;margin-top:26px}.article-meta a{text-decoration:underline;text-underline-offset:4px}
.article-cover{margin:0 0 44px}.article-cover img{max-height:620px;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,72ch) minmax(190px,1fr);gap:clamp(40px,7vw,110px);align-items:start;padding-top:28px;border-top:1px solid var(--line)}
.article-body{min-width:0}.article-body h2,.article-body h3{scroll-margin-top:40px}.article-body h3{font:500 28px/1.2 var(--font-display);margin:32px 0 16px}
.article-sidebar{position:sticky;top:28px}.article-toc summary{font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.article-toc nav{display:grid;gap:14px;padding:12px 0 24px;font-size:12px;line-height:1.7}.article-toc a{text-decoration:underline;text-underline-offset:4px}.toc-level-3{padding-left:14px}
.article-contact{padding:20px 0 0;margin-top:45px;border-top:1px solid var(--line)}.article-contact h2{margin-top:20px}.article-contact p{margin:20px 0}
.blog-related{margin-top:70px;padding-top:32px;border-top:1px solid var(--line)}.blog-related>h2{font:500 38px var(--font-display);margin-bottom:24px}.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.blog-related .blog-entry{display:flex;flex-direction:column;gap:18px;border:0;padding:0}.blog-related .blog-entry-meta{flex-wrap:wrap;gap:8px}.blog-related h3{font-size:29px}
.home-blog{padding-block:70px}.home-blog .section-top{margin-bottom:28px}.home-blog .blog-related-grid{margin-top:30px}
.home-blog .blog-entry{display:flex;flex-direction:column;gap:16px;padding:0;border:0}.home-blog .blog-entry-meta{flex-wrap:wrap;gap:8px}.home-blog .blog-entry h3{font-size:30px}
.blog-search input::placeholder{color:#52614c}.blog-featured .blog-entry-meta,.blog-featured>p{color:#3d4d37}
@media(max-width:1000px){.blog-tools{align-items:start;flex-direction:column}.blog-heading{gap:40px}.blog-entry{grid-template-columns:1fr 1fr}.blog-entry>.text-link{grid-column:2;max-width:130px}.blog-featured{gap:18px 35px}.article-layout{gap:35px}}
@media(max-width:700px){.blog-index,.blog-article{padding-top:30px}.blog-heading{display:block;margin:24px 0 32px}.blog-heading h1,.article-header h1{font-size:44px;max-width:22ch}.blog-heading>p{margin-top:24px;max-width:none}.blog-categories{gap:10px 20px}.blog-tools{padding-block:16px}.blog-search{width:100%}.blog-search input{flex:1;width:0}.blog-entry{display:block;padding:28px 0}.blog-entry-meta{margin-bottom:16px;gap:20px}.blog-entry h3{font-size:32px;max-width:none}.blog-entry>p{margin:16px 0 8px}.blog-entry>.text-link{max-width:145px}.blog-featured{padding:26px;margin-bottom:5px}.blog-featured h2{font-size:36px}.article-header{padding-bottom:28px}.article-deck{font-size:16px;margin-top:22px}.article-meta{line-height:1.9;gap:5px 16px}.article-layout{display:flex;flex-direction:column;padding-top:20px;gap:24px}.article-sidebar{position:static;order:-1;width:100%}.article-sidebar>.text-link{display:none}.article-toc{border-bottom:1px solid var(--line)}.article-toc nav{gap:12px}.article-cover{margin-bottom:28px}.article-body{width:100%}.blog-related-grid{grid-template-columns:1fr;gap:30px}.blog-related .blog-entry{padding-bottom:24px;border-bottom:1px solid var(--line)}.blog-close{display:block}.blog-close .text-link{margin-top:16px}.home-blog{padding-block:50px}}