/* IASCL V46.370 — shared accessibility / phone usability additions (loaded on every public page). */
.skip-link{position:absolute;inset-inline-start:12px;top:-60px;z-index:100000;background:#073b64;color:#fff;padding:10px 16px;border-radius:0 0 10px 10px;font-weight:700;text-decoration:none;transition:top .15s}
.skip-link:focus,.skip-link:focus-visible{top:0;outline:3px solid #0e83db;outline-offset:2px;color:#fff}
main:focus{outline:none}
@media (max-width:760px){
  /* footer link lists: finger-sized targets */
  .footer a{display:inline-block;padding-block:10px}
  .footer li a,.footer-top a{min-height:40px}
  /* member-card council-number links: bigger tappable area, no layout change */
  .councilLink{position:relative}
  .councilLink::after{content:"";position:absolute;inset:-14px -10px}
  /* login / account cards must never be wider than the screen */
  .auth-shell{padding:16px !important}
  .auth-card{width:100% !important;max-width:560px !important}
}

/* V46.483 — carousel dots: round 10px dots and a 28px pill for the active one, each with a finger-sized (26px high) tap target.
   (A global button min-height of 42px used to stretch them into ovals and a big block.) */
.dots button{box-sizing:border-box;min-width:0;min-height:0;width:26px;height:26px;padding:8px;background-clip:content-box;background-color:#b9c9d6;border-radius:13px}
.dots button.active{width:44px;background-color:#fff;background-clip:content-box !important;border-radius:13px}
.dots{gap:2px;align-items:center}