/* additions to the Kodee-built outlaw.css: nothing in that file is changed */
[hidden] { display: none !important; }
#mobile-menu a { text-decoration: none; }
.form-note { font-size: 0.8rem; line-height: 1.5; color: rgba(243, 233, 216, 0.55); }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* header fits on phones: the Kodee build overflowed to 487px (logo + CTA + menu button) and the page could scroll sideways */
@media (max-width: 640px) {
  .cta-playbill { padding-left: 14px !important; padding-right: 14px !important; }
  .cta-playbill__title { font-size: 13px !important; letter-spacing: 0.04em !important; }
}
@media (max-width: 480px) {
  header a[aria-label="OutlawMusic.ai home"] > span.font-display { display: none; }
}

/* keyboard users: a visible focus ring everywhere, and a skip link that appears on focus */
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid #E0B25E; outline-offset: 2px; }
.skip-link { position: absolute; left: 8px; top: -60px; z-index: 100; background: #E0B25E; color: #191308; padding: 10px 14px; font-weight: 600; text-decoration: none; }
.skip-link:focus { top: 8px; }
main:focus { outline: none; }
/* contrast: the faintest text tones failed WCAG AA (3.3 to 3.9:1 on the ink background); lifted to pass 4.5:1 */
.text-cream\/40 { color: hsl(var(--cream) / .62) !important; }
.text-cream\/45 { color: hsl(var(--cream) / .64) !important; }
.text-cream\/50 { color: hsl(var(--cream) / .66) !important; }
.text-cream\/55 { color: hsl(var(--cream) / .68) !important; }

/* blog tables (11/4): utilities missing from the Kodee Tailwind build */
.overflow-x-auto{overflow-x:auto}
.align-top{vertical-align:top}
@media (min-width:768px){.md\:text-base{font-size:1rem;line-height:1.5rem}}