:where(a,button,[role=radio],input,select,textarea):focus-visible{outline:2px solid #fbbf24;outline-offset:2px}
p a,li a{text-decoration:underline;text-underline-offset:2px}
nav a{display:inline-flex;align-items:center;min-height:2.75rem}
footer a{display:inline-block;padding:.4rem 0}

@media (max-width:520px){nav{flex-wrap:wrap!important;gap:.25rem .55rem;padding-bottom:.4rem}nav a{white-space:nowrap}}

@media (max-width:640px){input,select,textarea{font-size:16px !important}}

/* Fix: halaman tanpa tailwind.css (struk/admin/laporan) tetap punya utility
   sr-only milik Tailwind, supaya link "Lewati ke konten" tidak tampil terus.
   Saat di-focus (keyboard), link muncul seperti biasa. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr-only:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;margin:0;padding:.6rem 1rem;overflow:visible;clip:auto;white-space:normal;z-index:60;background:#fbbf24;color:#111827;font-weight:700;border-radius:8px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.35)}