/* Comfortable controls without enlarging the visual labels. */
#menu{min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:12px}
button:focus-visible,a:focus-visible{outline:2px solid #bb91db;outline-offset:5px}
@media(max-width:760px){
 #menu{display:inline-flex}
 header.menu-open nav a{min-height:44px;display:flex;align-items:center}
 .schedule-selector button,.vision-selector button,.insight-controls button{min-height:44px}
 .vision-selector{padding-top:0;padding-bottom:0}
 .insight-controls{gap:18px}
 .chart-value,.chart-columns>.chart-column>span:last-child{font-size:9px}
 .chart-tooltip.glass-surface{min-width:120px;padding:12px}
 .example-navigation{column-gap:14px;row-gap:0}
 .example-navigation button{min-height:36px}
 .layer-controls button{min-height:40px}
 .product-intro>nav a{min-height:40px;display:inline-flex;align-items:center}
 .journey-footer{bottom:max(22px,env(safe-area-inset-bottom))}
 .swap-connection button{min-height:44px}
}
@media(max-width:760px) and (max-height:700px){
 .examples-header{padding-top:18px}
 .examples-header h2{font-size:31px}
 .example-content h3{font-size:22px}
 .example-content>p{font-size:11px}
 .example-navigation button{min-height:32px}
}