/* AnatoliaCore SEO/UI regression fixes — 2026-08-21 */

/* Keep keyboard focus visible on the dark interface. */
:where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid #8fe0ea;
    outline-offset: 3px;
}

/* Long headings and route labels must stay inside narrow cards/viewports. */
:where(.page-hero-title, .section-title, .seo-card h2, .seo-card h3) {
    overflow-wrap: break-word;
}

.article-review-note {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin-top: 1.15rem;
    color: #a9c2ca;
    font-size: 0.875rem;
}

.article-review-note strong {
    color: #dff5f7;
}

/* Metric rail now communicates capabilities rather than unverifiable
   counters, so its labels need a text-safe scale in every language. */
.hero-metrics .metric-number {
    max-width: 100%;
    font-size: clamp(1.1rem, 1.8vw, 1.7rem);
    line-height: 1.15;
    letter-spacing: -0.025em;
    overflow-wrap: anywhere;
}

.error-page {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: clamp(2rem, 8vw, 6rem) 1rem;
    background: radial-gradient(circle at 70% 20%, rgba(55, 184, 211, 0.13), transparent 34rem), #04111a;
    color: #eaf7f8;
}

.error-page__panel {
    width: min(760px, 100%);
    padding: clamp(1.6rem, 5vw, 4rem);
    border: 1px solid rgba(143, 224, 234, 0.22);
    background: rgba(6, 24, 36, 0.88);
    box-shadow: 0 28px 100px rgba(0, 0, 0, 0.32);
}

.error-page__code {
    margin: 2.5rem 0 0.5rem;
    color: #8fe0ea;
    font: 600 clamp(3.5rem, 14vw, 8rem)/0.9 var(--font-mono, monospace);
}

.error-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 2rem;
}

@media (max-width: 480px) {
    .page-hero .container::before {
        box-sizing: border-box;
        max-width: 100%;
        font-size: 0.68rem;
        line-height: 1.4;
        letter-spacing: 0.08em;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .page-hero-title {
        font-size: clamp(2.15rem, 12vw, 3.35rem);
        line-height: 1.02;
    }

    .hero-metrics .metric-number {
        font-size: 1rem;
    }

    .btn,
    .nav-link,
    .mobile-nav-link,
    .footer-link,
    .footer-bottom-link {
        min-height: 44px;
    }

    /* These links are standalone controls, not inline prose. Give each one a
       full thumb-sized row without changing ordinary links inside articles. */
    .contact-handoff-inner a,
    .related-links a {
        display: flex;
        align-items: center;
        min-height: 44px;
    }
}

/* The bundled performance stylesheet used `content-visibility: hidden` until
   the first scroll event. That leaves below-the-fold content absent from
   screenshots, print/accessibility surfaces, keyboard navigation and any
   session where JavaScript does not receive a scroll event. Keep the other
   initial-paint safeguards, but never make document content interaction-gated. */
.performance-ready main > .section,
.performance-ready main > .trust-section,
.performance-ready main > .contact-handoff {
    content-visibility: visible;
    contain-intrinsic-size: auto;
}

.form-privacy-note {
    margin: 0.25rem 0 1rem;
    color: var(--text-muted, #64748b);
    font-size: 0.875rem;
    line-height: 1.55;
}

.form-privacy-note a {
    color: var(--primary, #0b6cff);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}