/* Custom polish on top of Tailwind CDN. Keep this file small —
   most layout is utility classes in index.html. */

html {
    scroll-behavior: smooth;
}

/* Hero section subtle gradient — pulls eye into the H1. */
.hero-bg {
    background:
        radial-gradient(circle at 20% 0%, rgba(14, 165, 233, 0.08), transparent 40%),
        radial-gradient(circle at 80% 50%, rgba(30, 58, 138, 0.05), transparent 50%),
        linear-gradient(to bottom, #ffffff, #f8fafc);
}

/* Problem cards — gentle hover lift. */
.problem-card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.problem-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}

/* FAQ accordion polish.
   <details>/<summary> works without JS — JS only adds chevron rotation
   via the `open` attribute that the browser toggles on click. */
.faq-item summary {
    list-style: none;
    user-select: none;
}
.faq-item summary::-webkit-details-marker {
    display: none;
}
.faq-item[open] .faq-chevron {
    transform: rotate(180deg);
}
.faq-item summary:focus-visible {
    outline: 2px solid #0ea5e9;
    outline-offset: 4px;
    border-radius: 4px;
}

/* Touch-target minimum on mobile. */
@media (max-width: 640px) {
    nav a, button {
        min-height: 44px;
    }
}

/* Print: hide navigation, optimize for paper. */
@media print {
    header, footer, #cta {
        display: none !important;
    }
    .hero-bg {
        background: white !important;
    }
    body {
        font-size: 11pt;
        color: black;
    }
    a {
        color: black !important;
        text-decoration: underline;
    }
    a[href]::after {
        content: " (" attr(href) ")";
        font-size: 0.85em;
        color: #666;
    }
    section {
        break-inside: avoid;
    }
}

/* Reduced-motion override — respect user preference. */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *, *::before, *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}