/* ==========================================================================
   polish.css — Phase 1 production polish (a11y + perf, no visual redesign)
   Loaded after app.css on the 8 priority pages.
   ========================================================================== */

/* Skip-to-content link — visible only when focused. */
.skip-to-content{
  position:absolute;left:-9999px;top:0;z-index:9999;
  background:#001D45;color:#fff;padding:.65rem 1rem;
  border-radius:0 0 .5rem 0;font-weight:600;text-decoration:none;
}
.skip-to-content:focus{left:0;outline:3px solid #ffd54f;outline-offset:2px;}

/* Consistent keyboard focus ring across the template. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid #2563eb;
  outline-offset:2px;
  border-radius:.35rem;
}

/* Respect user motion preferences globally. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* Ensure scroll target isn't hidden behind sticky header. */
:target{scroll-margin-top:96px;}

/* Tap-target minimum on mobile for icon buttons. */
@media (max-width: 575.98px){
  .nav-icon,.c-icon-btn,.fab-btn,.btn-icon{
    min-width:44px;min-height:44px;
  }
}