/* Phase 14J — shared accessibility, mobile, and resilience pass */
.sb-skip-link{position:fixed;left:12px;top:8px;z-index:2147483647;transform:translateY(-160%);padding:10px 13px;border:2px solid currentColor;background:#f3eee1;color:#15191a;font:700 12px/1 system-ui,sans-serif;text-decoration:none;transition:transform .12s ease}.sb-skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #c9a763!important;outline-offset:3px!important}
:where(button,input,select,textarea){font:inherit}
:where(img,svg,video,canvas){max-width:100%}
:where(p,h1,h2,h3,h4,h5,h6,li,dd,dt,a,button,label,small,strong,span){overflow-wrap:anywhere}
[hidden]{display:none!important}
:target{scroll-margin-top:84px}
.sb-connectivity{position:fixed;left:50%;top:max(8px,env(safe-area-inset-top));z-index:2147483600;transform:translateX(-50%);max-width:min(680px,calc(100vw - 24px));padding:9px 12px;border:1px solid rgba(191,145,77,.55);border-radius:4px;background:rgba(17,20,21,.97);color:#ded7ca;box-shadow:0 12px 38px rgba(0,0,0,.34);font:700 9px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-align:center}
.sb-a11y-live{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html[data-sb-input="keyboard"] :where(a,button,input,select,textarea,summary,[tabindex]){scroll-margin:90px}
html{scroll-padding-top:80px}
body{min-height:var(--sb-viewport-height,100vh)}
dialog{max-width:calc(100vw - 24px);max-height:calc(var(--sb-viewport-height,100vh) - 24px)}
.msb-tabs,.sbc-directory-list,.dl-nav{overscroll-behavior:contain}
.msb-tabs{scroll-snap-type:x proximity;scrollbar-width:thin}.msb-tabs>button{scroll-snap-align:start}
.company-row,.msb-event,.msb-inbox-item,.dl-business,.dl-residents article{content-visibility:auto;contain-intrinsic-size:auto 90px}
@media(pointer:coarse){
  :where(button,input,select,textarea,.button,.solid,.outline,.sbui-choice,.city-text-link){min-height:44px}
  :where(button,a){-webkit-tap-highlight-color:rgba(201,167,99,.16)}
}
@media(max-width:720px){
  html,body{max-width:100%;overflow-x:hidden}
  .msb-tabs{width:calc(100% - 24px)!important;margin-inline:12px!important}
  .msb-tab-panel,.msb-resident-hero,.msb-preview-banner{width:calc(100% - 24px)!important}
  .msb-citizen-message-fields,.msb-municipal-fields{grid-template-columns:1fr!important}
  .msb-citizen-message-history,.msb-service-request-list,.msb-service-guidance{grid-template-columns:1fr!important}
  .msb-portal-header,.sbc-topbar,.dl-top,.wstb-top{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  .sbc-top-actions{flex-wrap:wrap;justify-content:flex-end}
  .dialog-content{padding-left:18px!important;padding-right:18px!important}
}
@media(max-width:480px){
  .msb-tabs button{padding-inline:13px!important}
  .msb-resident-name h1,.msb-portal-hero h1{font-size:clamp(48px,17vw,72px)!important}
  .paper-name{overflow-wrap:normal}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .sb-atmosphere,.sb-map-life-timewash{opacity:.03!important}
}
@media(prefers-contrast:more){
  :root{--sb-final-border:rgba(255,255,255,.35)}
  :where(.msb-event,.msb-inbox-item,.msb-module-card,.sbc-card,.dl-card,.wstb-card,.company-row){border-color:var(--sb-final-border)!important}
  :where(p,small,.muted){opacity:1!important}
}
@media(forced-colors:active){
  *{box-shadow:none!important;text-shadow:none!important}
  .sb-map-life-icon span,.sb-resident-locator-icon span{forced-color-adjust:auto}
}
@media print{
  .sb-skip-link,.sb-connectivity,.sb-map-life-control,.sb-atmosphere,.sbui-nav-foot{display:none!important}
}