/* WordPress-SEO header fixes (4 Oct 2026): logo always on one line, buttons never wrap, smaller on phones */
nav a[href="/"], nav a[href="index.html"] { flex-shrink: 0; white-space: nowrap; }
nav a[href="/"] span, nav a[href="index.html"] span { white-space: nowrap; }
nav a, nav button { white-space: nowrap; }
@media (max-width: 480px) {
  nav { column-gap: 10px; }
  nav a[href="/"] > span, nav a[href="index.html"] > span { font-size: 17px !important; letter-spacing: -0.01em; }
  nav a[href="/"] > div, nav a[href="index.html"] > div { width: 30px !important; height: 30px !important; border-radius: 9px !important; flex-shrink: 0; }
  nav a[class*="rounded-full"][class*="bg-"], nav a[class*="bg-violet"], nav button[class*="bg-violet"], nav a[class*="btn-primary"] {
    padding: 8px 14px !important; font-size: 13px !important; line-height: 1.2 !important; border-radius: 9999px !important;
    box-shadow: 0 4px 14px -4px rgba(124, 58, 237, .45);
  }
  .wpseo-xs-hide { display: none !important; }
}
@media (max-width: 360px) {
  nav a[href="/"] > span, nav a[href="index.html"] > span { font-size: 15.5px !important; }
}
/* phones: nothing pushes the page sideways */
@media (max-width: 640px) {
  footer .flex.gap-8 { flex-wrap: wrap; justify-content: center; column-gap: 20px; row-gap: 8px; }
  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  body { overflow-x: clip; }
}
@media (max-width: 480px) {
  .border-b.px-6.flex.justify-between { padding-left: 14px; padding-right: 14px; gap: 8px; }
  .border-b.px-6.flex.justify-between > div { white-space: nowrap; flex-shrink: 0; }
  .border-b.px-6.flex.justify-between [class*="bg-rose-50"] { font-size: 12px; padding-left: 8px; padding-right: 8px; }
  html { overflow-x: clip; }
}