.mobile-menu-toggle{display:none}
.pull-refresh-indicator{position:fixed;z-index:100;top:8px;left:50%;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #dce5df;border-radius:999px;background:#fff;color:#29493e;box-shadow:0 8px 24px #193a3024;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translate(-50%,calc(-70px + var(--pull-offset,0px)));transition:opacity .16s ease,transform .12s ease}.pull-refresh-indicator.is-pulling,.pull-refresh-indicator.is-refreshing{opacity:1}.pull-refresh-spinner{width:16px;height:16px;border:2px solid #c8d9ce;border-top-color:#317568;border-radius:50%}.pull-refresh-indicator.is-refreshing .pull-refresh-spinner{animation:pull-refresh-spin .7s linear infinite}@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .site-header{position:relative;align-items:center;flex-direction:row;gap:10px;padding:8px 15px}
  .site-header .brand{gap:8px;font-size:16px}
  .site-header .brand img{width:46px;height:46px}
  .mobile-menu-toggle{display:grid;flex:0 0 44px;place-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid #dce5df;border-radius:10px;background:#fff;color:var(--forest);cursor:pointer}
  .mobile-menu-toggle:focus-visible{outline:3px solid #31756866;outline-offset:2px}
  .mobile-menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .16s,opacity .16s}
  .mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-header nav{position:absolute;z-index:50;top:100%;right:0;left:0;display:none;align-items:stretch;flex-direction:column;gap:3px;padding:8px 14px 13px;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 12px 22px #193a3018}
  .site-header nav.is-open{display:flex}
  .site-header nav a{display:flex;align-items:center;min-height:44px;padding:10px 11px;border-radius:8px;font-size:14px}
  .site-header nav a:hover{background:#f2f7f3;text-decoration:none}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span,.pull-refresh-indicator{transition:none}.pull-refresh-indicator.is-refreshing .pull-refresh-spinner{animation-duration:1.4s}}
:focus-visible{outline:3px solid #145e49!important;outline-offset:3px!important}
@media(max-width:760px){.forum-carousel-control{width:44px;height:44px}.forum-question-picker>summary{min-height:44px}.question-browser-controls input,.community-filters select{min-height:44px}}