/* Keep controls usable while making room for the content on smaller screens. */
.highway-directory .highway-distance-toggle { display:none; }
@media (max-width:900px), (max-height:600px) {
    .rz-body .groups-page, .rz-body .group-detail-page.group-detail-page,
    .rz-body .highway-directory, .rz-body .highway-detail { padding:12px; }
    .groups-page .groups-header { padding:8px 0; margin-bottom:12px; gap:8px; }
    .groups-page .groups-directory-title { gap:10px; }
    .groups-page .groups-directory-title > img { width:40px; height:40px; flex-basis:40px; }
    .groups-page .groups-header h1 { font-size:1.6rem; margin:4px 0; }
    .groups-page .groups-header p { font-size:.85rem; line-height:1.4; }
    .groups-page .groups-toolbar { gap:8px; margin-bottom:12px; }
    .groups-page .group-card { padding:14px; }
    .groups-page .group-card-category { margin-bottom:10px; }
    .groups-page .group-card-head { margin-bottom:10px; }
    .groups-page .group-desc { line-height:1.5; margin-bottom:12px; }
    .groups-page .group-meta { padding-top:8px; }
    .groups-page .group-card-links { margin:8px 0; }
    .groups-page .group-card-open { margin-top:4px; min-height:44px; }
    .group-detail-page .group-overview { padding:16px; }
    .group-detail-page .group-hero-main { gap:12px; }
    .group-detail-page .group-section { padding:14px; margin-top:14px; }
    .group-detail-page .group-breadcrumb { margin-bottom:12px; }
    .highway-directory .highway-directory-hero { padding:8px 0; margin-bottom:12px; gap:10px; }
    .highway-directory .highway-directory-title { gap:10px; }
    .highway-directory .highway-directory-title > img { width:40px; height:40px; }
    .highway-directory .highway-directory-title h1 { font-size:1.6rem; margin:4px 0; }
    .highway-directory .highway-filters { gap:8px; margin-bottom:12px; }
    .highway-directory .highway-distance-toggle { display:inline-flex; min-height:44px; margin-bottom:12px; }
    .highway-directory .highway-distance-section:not(.is-open) > #highway-distances { display:none; }
    .highway-directory .highway-card .route-preview { height:96px; }
    .highway-directory .highway-card h2 { margin:10px 0 7px; }
    .rz-body .api-page { padding:12px; }
    .api-page .api-heading { margin-bottom:12px; }
    .api-page .api-heading h1 { font-size:1.6rem; }
    .api-page .api-summary { padding:12px; margin-bottom:12px; }
    .api-page .api-summary .rz-stack { gap:6px 16px!important; font-size:.85rem; }
    .api-page .api-verified { margin-top:8px; font-size:.75rem; }
    .api-page .api-github { padding:10px 12px; gap:8px; margin-bottom:12px; }
    .api-page .api-sections { gap:6px; margin:12px 0; }
    .api-page .rz-tabview-panel { padding:12px; }
    .api-page .api-explorer-intro { margin:8px 0; }
    .api-page .mcp-panel { padding:12px; }
    .rz-body .loc-page { padding:10px; }
    .loc-page .loc-header { padding:10px; gap:8px; margin-bottom:10px; }
    .loc-page .loc-header-actions { gap:6px; }
    .loc-page .loc-copy-link { min-width:44px; padding:8px; }
    .loc-page .loc-copy-link .rz-button-text { display:none; }
    .loc-page .loc-header-actions .atlas-dimension-action { padding:8px; }
    .loc-page .loc-dimension-switch button { padding:7px 9px; }
    .capture-browser-dialog .rz-dialog-titlebar { padding:10px 14px; }
    .capture-browser-dialog .rz-dialog-content { padding:12px; }
    .capture-browser-dialog .capture-browser-toolbar { gap:6px 10px; margin-bottom:8px; }
    .capture-browser-dialog .capture-browser-status { margin:8px 0; }
    .capture-browser-dialog .capture-art-filters { gap:3px; margin-bottom:8px; }
    .capture-browser-dialog .capture-art-filters button { padding:5px 8px; }
    .capture-browser-dialog .capture-object-grid { gap:8px; }
    .capture-browser-dialog .capture-browser-paging:has(.atlas-paging) { bottom:-12px; margin-bottom:-12px; padding:6px 0 10px; }
}
@media (max-width:600px) {
    .capture-browser-dialog .capture-browser-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto; }
    .capture-browser-dialog .capture-browser-tabs { width:auto; }
    .capture-browser-dialog .capture-browser-tabs button { padding:6px 8px; }
    .capture-browser-dialog .capture-browser-toolbar > label { grid-row:2; grid-column:1/-1; min-width:0; margin:0; }
    .capture-browser-dialog .capture-find-link { grid-column:2; grid-row:1; font-size:12px; gap:4px; }
    .capture-browser-dialog .capture-art-filters .capture-blank-filter { margin-left:0; }
    .capture-browser-dialog .capture-object-actions { gap:4px; padding-top:8px; }
    .capture-browser-dialog .capture-object-actions > :is(a,button) { flex:1 1 auto; padding:5px; }
    .capture-browser-dialog .capture-art-thumb { height:116px; }
    .capture-browser-dialog .capture-art-thumb img { max-height:104px; }
    .groups-page .groups-search { font-size:16px; }
}
@media (max-width:360px) {
    .capture-browser-dialog .capture-browser-tabs button { font-size:12px; gap:4px; }
    .capture-browser-dialog .capture-browser-tabs .rzi { font-size:16px; }
    .capture-browser-dialog .capture-find-link { font-size:11px; }
    .loc-page .loc-header-actions { flex-wrap:wrap; }
    .loc-page .loc-header-actions .atlas-dimension-action { flex:1; }
}