.topic-workspace,.theme-map,.theme-layout,.topic-preview{min-width:0}
.topic-preview{overflow:visible}
@media(max-height:640px) and (min-width:901px){
  #topics.section.snap-section{padding-block:12px}
  #topics .section-heading{margin-bottom:10px}
  #topics .topic-workspace{grid-template-columns:minmax(0,1.36fr) minmax(310px,.74fr);gap:16px;align-items:stretch}
  #topics .theme-map{height:330px;min-height:330px}
  #topics .theme-layout{height:330px;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:8px 12px}
  #topics .theme-center{width:112px;height:112px;padding:13px;font-size:.7rem;line-height:1.55}
  #topics .map-node{min-height:0;padding:7px 9px;align-self:stretch}
  #topics .map-node b{font-size:.82rem;line-height:1.4}
  #topics .map-node small{margin-top:4px;font-size:max(.67rem,10px);line-height:1.45}
  #topics .node-e b{font-size:.76rem}
  #topics .node-e small{font-size:9px;line-height:1.25}
  #topics .topic-preview{height:330px;min-height:0;max-height:330px;padding:12px 16px;overflow:visible}
  #topics .topic-preview h3{font-size:1.08rem;line-height:1.4}
  #topics .topic-preview>p{margin:5px 0;font-size:.76rem;line-height:1.45}
  #topics .topic-columns{gap:5px}
  #topics .topic-columns>div{line-height:1.35}
  #topics .topic-columns h4{margin-bottom:1px;font-size:max(.68rem,10px)}
  #topics .topic-columns a{display:inline;margin:0;font-size:max(.72rem,11px);line-height:1.35}
  #topics .topic-columns a+a::before{content:" · ";color:var(--gold);text-decoration:none}
}
