.topic-hero-strip { display:grid; grid-template-columns: 1fr 1fr; gap:0; min-height:280px; border-bottom:1px solid var(--border); }
.topic-hero-strip .copy { padding:40px 28px; background:var(--surface); }
.topic-hero-strip .visual { background-image:url('/images/decorative/decor_4.jpg'); background-size:cover; background-position:center; min-height:200px; }
.stat-band { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0; }
.stat-band div { flex:1 1 140px; border:1px solid var(--border); padding:14px; text-align:center; color:var(--secondary); font-size:0.85rem; }
.side-rail-layout { display:grid; grid-template-columns: 200px 1fr; gap:24px; }
.side-rail-layout aside { border-right:1px solid var(--border); padding-right:16px; color:var(--muted); font-size:0.8rem; }
.pull-quote { border-left:3px solid var(--accent); padding:12px 16px; margin:20px 0; color:var(--text); font-size:1.05rem; }
@media(max-width:900px){ .topic-hero-strip,.side-rail-layout{ grid-template-columns:1fr; } .side-rail-layout aside{ border-right:none; border-bottom:1px solid var(--border); padding-bottom:12px; } }
@media(max-width:375px){
  .topic-hero-strip,.topic-hero-strip .visual,.topic-hero-strip .copy{ max-width:100%; overflow:hidden; }
  .topic-hero-strip .visual{ min-height:140px; background-size:cover; }
}