/* The same five destinations stay within thumb reach on every mobile page. */
.site-tabbar{display:none}
@media(min-width:761px) and (max-width:1000px){
  .header-inner{gap:14px}.brand-logo{width:160px;height:60px}
  .desktop-nav{gap:14px}.desktop-nav a{font-size:.75rem;white-space:nowrap}
}
@media(max-width:760px),(max-height:500px) and (hover:none) and (pointer:coarse){
  :root{--site-tabbar-size:4.25rem;--site-tabbar-space:calc(var(--site-tabbar-size) + 1px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(var(--site-tabbar-space) + 1rem)}
  body{padding-bottom:var(--site-tabbar-space)}
  .site-header{padding-top:env(safe-area-inset-top,0px)}
  .desktop-nav{display:none}
  .header-inner{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
  .site-tabbar{
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;
    bottom:0;left:0;right:0;z-index:40;
    padding:.375rem max(.5rem,env(safe-area-inset-right,0px)) calc(.375rem + env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));
    border-top:1px solid var(--line);background:var(--tabbar-bg);
    -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
    box-shadow:0 -5px 24px #00000018;isolation:isolate;
  }
  .site-tabbar>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-width:0;min-height:3.5rem;padding:.125rem;border-radius:10px;color:var(--muted);font-size:.6875rem;line-height:1.3;font-weight:500;letter-spacing:.005em;text-align:center;overflow-wrap:anywhere}
  .site-tabbar-icon{display:grid;place-items:center;width:3rem;height:2.125rem;border-radius:12px;transition:transform 120ms cubic-bezier(.23,1,.32,1)}
  .site-tabbar-icon img{display:block;width:2.125rem;height:2.125rem;object-fit:contain;opacity:.82;pointer-events:none;user-select:none}
  .site-tabbar>a[aria-current=page]{color:var(--accent);font-weight:650}
  .site-tabbar>a[aria-current=page] .site-tabbar-icon{background:rgba(var(--accent-rgb),.13)}
  .site-tabbar>a[aria-current=page] img{opacity:1}
  .site-tabbar>a:active .site-tabbar-icon{transform:scale(.94);background:rgba(var(--accent-rgb),.17)}
  .site-tabbar>a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  .keyboard .site-tabbar-icon{transition:none}
  .keyboard .site-tabbar>a:active .site-tabbar-icon{transform:none}
  .site-input-open .site-tabbar{display:none}
  .toast{bottom:calc(var(--site-tabbar-space) + 14px)}
  /* 16 px prevents Safari from zooming the page when a form receives focus. */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),select,textarea{font-size:1rem}
  .catalog-filters input,.catalog-filters select,.map-house-filters select,.map-search input{font-size:1rem}
  .map-controls .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}
  .map-label-switch,.map-category,.forest-shortcut{min-height:44px}
  .modal{max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
  /* Let names and descriptions use the full row; keep activity beside counts. */
  .f-section{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .f-section-main{grid-column:1/-1;align-items:center}
  .f-section-counts{grid-column:2;grid-row:2;align-self:center;flex-direction:row;gap:12px}
  body.forum-open .f-section>.f-last,body.forum-open .f-section>.f-no-activity{grid-column:1;grid-row:2;margin-left:44px;min-width:0}
  .f-section>.f-last b{white-space:nowrap}
  .f-subforums{grid-row:3}
  .f-nav a{min-height:44px}
  .f-text-button{min-height:44px;font-size:.8125rem}
  .f-editor-toolbar>button{min-width:44px;height:44px}
  .f-composer-actions>.f-button{min-height:44px}
  .f-post-content>footer{gap:8px}
}
@media(max-width:360px){
  .site-tabbar{padding-left:max(.25rem,env(safe-area-inset-left,0px));padding-right:max(.25rem,env(safe-area-inset-right,0px))}
  .site-tabbar>a{font-size:.6875rem}
  .f-composer-actions>.f-button{width:100%;margin-left:0}
  .f-composer-actions>span{font-size:.6875rem}
}
@media(prefers-reduced-motion:reduce){.site-tabbar-icon{transition:none}.site-tabbar>a:active .site-tabbar-icon{transform:none}}
@media(prefers-reduced-transparency:reduce){.site-tabbar{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){.site-tabbar{background:var(--panel);border-top-color:var(--muted)}.site-tabbar>a{color:var(--text)}.site-tabbar>a[aria-current=page]{color:var(--accent-hover)}}