/* V20.1: compact panels; original hero city and form styles stay unchanged. */
.topic-copy .topic-details:has(#opportunity-rows:empty) {display:none;}
.dialog .context-copy {font-size:var(--type-body);line-height:1.65;margin:18px 0 0;color:var(--muted);}
.info-copy .source-products {margin-top:24px;}
.info-copy .source-products h3 {margin-top:0;}
@media(max-width:1050px) {
 .topic-layout,.info-contact-dialog .info-layout {grid-template-columns:minmax(0,1fr);gap:0;}
 .topic-copy,.info-contact-dialog .info-copy {display:contents;}
 .topic-copy>.eyebrow,.info-contact-dialog .info-copy>.eyebrow {order:0;grid-row:auto;}
 .topic-copy>h2,.info-contact-dialog .info-copy>h2 {order:1;grid-row:auto;}
 .topic-copy>.dialog-lead,.info-contact-dialog .info-copy>.dialog-lead {order:2;grid-row:auto;}
 .topic-form.form-surface,.info-contact-dialog .info-form {order:3;grid-row:auto;margin-top:0;}
 .topic-copy>.topic-details,.info-contact-dialog .info-copy>.source-products {order:4;grid-row:auto;}
 .info-contact-dialog .info-copy>.context-copy {order:4;grid-row:auto;margin-top:24px;}
}

/* Without illustration columns, these short panels use their natural content height. */
@media(min-width:1051px) {
 .topic-dialog,#overview-dialog,#process-dialog {max-width:820px;}
 .topic-layout,#overview-dialog .info-layout,#process-dialog .info-layout {grid-template-columns:minmax(0,1fr);gap:24px;}
 .topic-copy .dialog-lead,#overview-dialog .dialog-lead,#process-dialog .dialog-lead {max-width:none;}
}