/* Search page - styles moved from inline for hint compliance */

.search-nav-logo { height: 5rem; width: auto; }

.search-hero-inner { text-align: center; }
.search-hero-logo-wrap { display: flex; justify-content: center; margin-bottom: 2rem; }
.search-hero-logo { height: 7rem; width: auto; max-width: 400px; min-width: 280px; }
.search-hero-subtitle { text-align: center !important; margin-left: auto !important; margin-right: auto !important; max-width: 600px !important; }
.search-hero-buttons { justify-content: center !important; align-items: center !important; }

.search-form-title { font-size: var(--xeno-fs-4xl); font-weight: 700; margin-bottom: 1.5rem; text-align: center; line-height: var(--xeno-lh-tight); letter-spacing: var(--xeno-letter-heading); }
.search-form-intro { color: var(--xeno-n-500); margin-bottom: 2rem; text-align: center; }
.search-form-wrap { margin-bottom: 1rem; }

.search-results-section { background-color: var(--xeno-surface-subtle); }
.search-section-intro { text-align: center; margin-bottom: 4rem; }

.search-category-card { text-align: center; }
.search-category-icon { width: 4rem; height: 4rem; background: var(--xeno-accent-tint-bg); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }
.search-category-card h3 { font-size: var(--xeno-fs-2xl); font-weight: 700; margin-bottom: 1rem; line-height: var(--xeno-lh-tight); }
.search-category-card p { color: var(--xeno-n-500); margin-bottom: 1.5rem; }

.search-cta-section { background: linear-gradient(160deg, var(--xeno-cta-band-start) 0%, var(--xeno-cta-band-mid) 52%, var(--xeno-cta-band-end) 100%); color: var(--xeno-cta-band-text); }
.search-cta-inner { text-align: center; }
.search-cta-title { font-size: var(--xeno-fs-4xl); font-weight: 700; margin-bottom: 1.5rem; color: var(--xeno-cta-band-text); line-height: var(--xeno-lh-tight); letter-spacing: var(--xeno-letter-heading); }
.search-cta-text { font-size: var(--xeno-fs-lg); margin-bottom: 2rem; max-width: var(--xeno-measure-prose); margin-left: auto; margin-right: auto; color: var(--xeno-cta-band-text-muted); line-height: var(--xeno-lh-body); }
.search-cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; }
.search-cta-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--xeno-btn-gap);
    min-height: var(--xeno-btn-min-height);
    padding: var(--xeno-btn-on-dark-py) var(--xeno-btn-on-dark-px);
    border-radius: var(--xeno-btn-radius);
    font-weight: var(--xeno-btn-fw);
    font-size: var(--xeno-btn-on-dark-fs);
    line-height: var(--xeno-btn-leading);
    background: var(--xeno-btn-on-dark-bg);
    color: var(--xeno-btn-on-dark-fg);
    text-decoration: none;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    border: 1px solid var(--xeno-btn-on-dark-border);
    box-shadow: var(--xeno-btn-on-dark-shadow);
    -webkit-tap-highlight-color: transparent;
}
.search-cta-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: var(--xeno-btn-on-dark-shadow-hover);
}
.search-cta-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--xeno-btn-gap);
    min-height: var(--xeno-btn-min-height);
    padding: var(--xeno-btn-on-dark-py) var(--xeno-btn-on-dark-px);
    border-radius: var(--xeno-btn-radius);
    font-weight: var(--xeno-btn-fw);
    font-size: var(--xeno-btn-on-dark-fs);
    line-height: var(--xeno-btn-leading);
    border: 1px solid var(--xeno-btn-band-ghost-border);
    color: var(--xeno-btn-band-ghost-border);
    text-decoration: none;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    background: var(--xeno-btn-band-ghost-bg);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
    -webkit-tap-highlight-color: transparent;
}
.search-cta-btn-secondary:hover {
    background: var(--xeno-btn-band-ghost-hover);
    transform: translateY(-1px);
}
.search-cta-note { color: rgba(255, 255, 255, 0.78); font-size: 0.875rem; }

.search-footer-logo-wrap { display: flex; align-items: center; margin-bottom: 1rem; }
.search-footer-logo { height: 3.5rem; width: auto; margin-right: 0.5rem; max-width: 180px; }
.search-footer-tagline { color: var(--xeno-text-faint); font-size: var(--xeno-fs-sm); }
.search-footer-connect-intro { color: var(--xeno-text-faint); font-size: var(--xeno-fs-sm); margin-bottom: 1rem; }
.search-footer-connect { color: var(--xeno-text-faint); font-size: var(--xeno-fs-sm); }
.search-footer-connect p { margin-bottom: 0.5rem; }
.search-footer-connect a { color: var(--xeno-footer-muted); text-decoration: none; }
.search-footer-connect a:hover { text-decoration: underline; color: var(--xeno-footer-hover); }
