/* Desktop keeps the original captions and header controls. */
.mobile-control-icon,.mobile-action-label,.mobile-header-actions{display:none}
@media(max-width:760px){
 html{scroll-padding-top:184px}
 .site-header{min-height:158px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 14px}
 .site-header .brand{grid-column:1;grid-row:1;justify-self:start;gap:7px;max-width:100%}
 .site-header .brand>span{min-width:0}.site-header .brand strong{font-size:17px;line-height:1.2;white-space:normal;overflow-wrap:normal}.site-header .brand small{font-size:8px}
 .site-header .photo-logo{width:22px}.site-header .candle{width:21px;height:40px}
 .site-header .header-tools{grid-column:2;grid-row:1;justify-self:end;gap:6px}
 .site-header .site-links{grid-column:1/-1;grid-row:2}
 .site-header .header-counters{grid-column:1/-1;grid-row:3}
 .site-header>#nav{max-height:calc(100svh - 178px);overflow:auto;padding:16px 22px;gap:18px}
 .site-header .mobile-header-actions{display:flex;flex-direction:column;gap:8px;border-top:1px solid #cbb68b40;padding-top:12px}
 .site-header .mobile-header-actions :is(a,button){display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#e4c48e;text-align:start;font:14px/1.4 Arial,sans-serif;text-decoration:none}
 .site-header .mobile-header-actions [hidden]{display:none}
 .site-header .mobile-header-actions svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .site-header .mobile-action-label{display:inline}.folder-panel{top:184px;max-height:calc(100svh - 214px)}
 .mobile-compact-control{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:9px!important;flex-shrink:0}
 .mobile-compact-control>.mobile-control-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .mobile-compact-control>.mobile-control-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .gallery-toolbar{margin-bottom:16px;gap:6px;align-items:center}.gallery-tabs{gap:5px}.gallery-tabs a{padding:10px 12px;font-size:12px}
 .album-neighbors{margin:6px 0 10px;gap:8px}.filter-chips:empty{display:none}
 #photo-viewer{margin-top:10px}.viewer-top{min-height:44px;margin-bottom:8px;gap:8px}.viewer-top .viewer-name{min-height:44px}
 #photo-viewer .viewer-actions{gap:8px;margin-top:8px}
}
