/* Visual QA, 2026-10-31: preserve the complete spatial relationship on narrow screens. */
#zoom-title{flex:1;min-width:0}
.zoom-controls{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line)}
.zoom-controls button{font-size:12px;min-height:38px}
.zoom-controls button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:white}
#zoom-content:not(.detail-view) svg{min-width:0;width:100%;height:auto}
@media(max-width:760px){
  .diagram svg{min-width:0;width:100%;height:auto}
  .figure-top button{min-height:40px;padding:8px 2px}
  .controls button{min-width:40px;min-height:42px}
  .controls select{min-height:42px}
  .figure-note::after{content:' · Beschriftungen in der Detailansicht vergrößern';}
  #zoom-content.detail-view svg{width:780px;min-width:780px;max-height:none}
  #zoom-content:not(.detail-view) svg{width:100%;min-width:0;max-height:none}
  .zoom-controls{padding:10px 12px}
}