/* ==========================================================================
   DashboardFox — Parity Pricing Page Styles
   Page-specific styles for parity-pricing.njk.
   Extracted verbatim from pricing.css so /parity-pricing/ no longer has to
   load the full pricing stylesheet. Contains only the pricing.css rules that
   actually apply to this page: the page-header/badge block and the FAQ section.
   (.section-* and .btn-* styling for this page comes from global.css.)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Page Header
   -------------------------------------------------------------------------- */
.page-header { 
    padding: calc(var(--header-height) + 60px) 24px 40px; 
    background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-subtle) 100%); 
    text-align: center; 
}
.page-header-inner { max-width: 700px; margin: 0 auto; }
.page-badge { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    background: var(--color-accent-soft); 
    color: var(--color-accent); 
    font-size: 14px; 
    font-weight: 600; 
    padding: 8px 16px; 
    border-radius: 100px; 
    margin-bottom: 20px; 
    border: 1px solid rgba(255, 88, 71, 0.2); 
}
.page-header h1 { 
    font-size: clamp(40px, 5vw, 56px); 
    font-weight: 800; 
    line-height: 1.1; 
    letter-spacing: -0.03em; 
    margin-bottom: 20px; 
    text-wrap: balance;
}
.page-header p { font-size: 20px; color: var(--color-text-secondary); line-height: 1.6; margin-bottom: 32px; }

/* --------------------------------------------------------------------------
   FAQ Section
   -------------------------------------------------------------------------- */
.faq-section { background: var(--color-bg-subtle); padding: 80px 24px; }
.faq-section-inner { max-width: 800px; margin: 0 auto; }
.faq-header { text-align: center; margin-bottom: 48px; }
.faq-header h2 { font-size: 32px; font-weight: 700; margin-bottom: 12px; }
.faq-header p { font-size: 18px; color: var(--color-text-secondary); }

/* Override base FAQ styles for this page */
.faq-section .faq-question { padding: 24px 0; font-size: 17px; }
.faq-section .faq-question svg { width: 24px; height: 24px; }
.faq-section .faq-answer { padding-bottom: 24px; }