/* KLCalculator.com — custom CSS (loaded after tailwind.css) */
[hidden] { display: none !important; }
:root { --kl-grid: rgba(37, 99, 235, 0.07); }

/* Graph-paper motif for the hero: a nod to the calculator's ruled worksheet */
.hero-grid {
  background-image:
    linear-gradient(var(--kl-grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--kl-grid) 1px, transparent 1px);
  background-size: 28px 28px;
  background-position: -1px -1px;
}

/* Accordion chevron rotation (answers a user action) */
.faq-btn .faq-chevron { transition: transform .2s ease; flex-shrink: 0; }
.faq-btn[aria-expanded="true"] .faq-chevron { transform: rotate(180deg); }

/* Search suggestions */
.suggest-list { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; }
.suggest-item[aria-selected="true"], .suggest-item:hover { background: #EFF6FF; }

/* Tables scroll inside their own container on small screens */
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* Visually hidden but available to screen readers */
.sr-only-kl { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
@media print {
  header, footer, .no-print { display: none !important; }
  body { background: #fff; }
}