/* ЛАБА v46.5.3 — mobile gallery + modal controls polish. Loaded after style.css. */
@media(max-width:760px){
  .works-main{width:calc(100% - 22px);padding-top:18px;padding-bottom:30px}
  .works-hero{gap:12px;margin-bottom:22px}
  .works-heading .section-kicker{font-size:10px;letter-spacing:2px}
  .works-heading h1{margin:7px 0 7px;font-size:36px;line-height:.98}
  .works-heading p{font-size:14px;line-height:1.38;max-width:34em}
  .works-hero-actions{gap:8px}
  .authors-link,.submit-work{min-height:42px;padding:0 9px;border-radius:12px;font-size:12px}
  .submit-work{gap:8px}.submit-arrow{font-size:17px}
  .works-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 12px;margin-bottom:14px}
  .works-filters{order:1;display:flex;width:calc(100vw - 22px);max-width:100%;flex-wrap:nowrap;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 18px 4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 22px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 22px),transparent 100%)}
  .works-filters::-webkit-scrollbar{display:none}
  .filter-btn{flex:0 0 auto;scroll-snap-align:start;min-height:34px;padding:0 12px;font-size:13px;white-space:nowrap}
  .works-sort{order:2;width:auto;margin:0;gap:6px}
  .sort-btn{min-height:34px;padding:0 12px;font-size:13px}
  .works-count{display:none}
}
@media(max-width:430px){
  .works-main{padding-top:14px}
  .works-heading h1{font-size:34px}
  .works-heading p{font-size:13px}
  .works-hero-actions{grid-template-columns:.95fr 1.15fr}
  .authors-link,.submit-work{font-size:11.5px}
}


/* v46.5.3 — modal controls and bottom navigation safety */
@media(max-width:760px){
  /* The fixed navigation must never cover a work description or modal controls. */
  .work-viewer.is-open ~ .mobile-bottom-nav,
  .author-modal.is-open ~ .mobile-bottom-nav,
  .group-modal.is-open ~ .mobile-bottom-nav{display:none!important}

  /* Keep the end of long descriptions above the browser safe-area. */
  .work-viewer.is-open .viewer-copy{
    padding-bottom:max(38px,calc(22px + env(safe-area-inset-bottom)))!important;
  }

  /* Stable row for category / like / share controls on phones. */
  .work-viewer.is-open .viewer-topline{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px!important;
  }
  .work-viewer.is-open .viewer-category{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .work-viewer.is-open .viewer-like{min-width:50px!important;min-height:42px!important;padding:0 11px!important}
  .work-viewer.is-open .viewer-share{min-width:44px;min-height:42px;padding:0 10px;white-space:nowrap}
  .work-viewer.is-open .viewer-close{right:13px!important;top:13px!important}
}
@media(max-width:430px){
  /* On narrow phones keep Share as an icon button; aria-label still names it. */
  .work-viewer.is-open .viewer-share span{display:none}
  .work-viewer.is-open .viewer-share{width:44px;padding:0}
}