.topic-guide-page .topic-guide-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0;margin-top:26px;background:#ede7dc;border:1px solid #e1d9cc;border-radius:24px;overflow:hidden}
.topic-guide-page .topic-guide-copy{padding:clamp(24px,4vw,48px);align-self:center}
.topic-guide-page .topic-guide-copy h1{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.12;letter-spacing:-.035em;max-width:19ch;margin:14px 0 20px}
.topic-guide-page .topic-guide-copy>p{line-height:1.7;color:#514a46}
.topic-guide-page .topic-guide-copy .article-meta{font-size:.75rem;margin-top:20px}
.topic-guide-page .topic-guide-visual{margin:0;min-height:340px;position:relative;overflow:hidden}
.topic-guide-page .topic-guide-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.topic-guide-page .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.topic-guide-page .post{overflow:hidden;display:flex;flex-direction:column;background:#fffdf9;border:1px solid #ded7ce;border-radius:18px;box-shadow:0 5px 18px #29201706}
.topic-guide-page .topic-card-image{display:block;overflow:hidden;aspect-ratio:16/10;background:#eae8e1}
.topic-guide-page .topic-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.topic-guide-page .post:hover .topic-card-image img{transform:scale(1.025)}
.topic-guide-page .post-body{padding:22px;display:flex;flex-direction:column;flex:1}
.topic-guide-page .post-body h2,.topic-guide-page .post-body h3{font-size:1.35rem;line-height:1.28;margin:0 0 12px}
.topic-guide-page .post-body h2 a,.topic-guide-page .post-body h3 a{color:#262735;text-decoration:none}
.topic-guide-page .post-body a:hover{text-decoration:underline;text-underline-offset:4px}
.topic-guide-page .post-body p{font-size:.9rem;line-height:1.65;color:#625a56;margin:0}
.topic-guide-page .section{padding-top:36px}
.topic-guide-page a:focus-visible{outline:3px solid #ba6939;outline-offset:4px}
@media(max-width:980px){.topic-guide-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topic-guide-page .topic-guide-hero{grid-template-columns:1fr}.topic-guide-page .topic-guide-visual{order:-1;min-height:0;aspect-ratio:3/2}.topic-guide-page .topic-guide-copy h1{max-width:none}.topic-guide-page .topic-guide-copy{padding:26px}}
@media(max-width:600px){.topic-guide-page .blog-grid{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.topic-guide-page .topic-card-image img{transition:none}}