/* ADHD Page Styles - Scottish Science Society */

/* Hero Section */
.adhd-hero {
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #334155 100%);
    color: white;
    padding: 4rem 2rem;
    text-align: center;
    margin: 0 -20px;
}

.adhd-hero-content {
    max-width: 900px;
    margin: 0 auto;
}

.adhd-hero-icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
}

.adhd-hero h1 {
    color: white;
    font-size: 2.8rem;
    margin-bottom: 1rem;
    border: none;
}

.adhd-hero-subtitle {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 700px;
    margin: 0 auto 2rem;
    line-height: 1.7;
}

.adhd-hero-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.adhd-btn {
    display: inline-block;
    padding: 0.875rem 1.75rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.adhd-btn-primary {
    background: white;
    color: #0d9488;
}

.adhd-btn-primary:hover {
    background: #f0fdfa;
    text-decoration: none;
}

.adhd-btn-secondary {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.adhd-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.25);
    text-decoration: none;
}

.adhd-btn-white {
    background: white;
    color: #0d9488;
    margin-top: 1rem;
}

.adhd-btn-white:hover {
    background: #f0fdfa;
    text-decoration: none;
}

/* Statistics Section */
.adhd-stats-section {
    background: white;
    padding: 3rem 0;
}

.adhd-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
    max-width: 1000px;
    margin: 0 auto;
}

.adhd-stats-large {
    margin-bottom: 2rem;
}

.adhd-stat-card {
    background: #f1f5f9;
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
}

.adhd-stat-number {
    font-size: 2.5rem;
    font-weight: bold;
    color: #0d9488;
    margin-bottom: 0.5rem;
}

.adhd-stat-label {
    font-size: 0.9rem;
    color: #64748b;
}

/* Navigation Cards Section */
.adhd-nav-section {
    background: #f1f5f9;
    padding: 4rem 0;
    margin: 0 -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.section-title {
    text-align: center;
    font-size: 2rem;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}

.section-subtitle {
    text-align: center;
    color: #64748b;
    margin-bottom: 2.5rem;
}

.adhd-nav-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: 1100px;
    margin: 0 auto;
}

.adhd-nav-card {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.adhd-nav-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-decoration: none;
}

.adhd-nav-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.adhd-nav-card h3 {
    color: #1e293b;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.adhd-nav-card p {
    color: #64748b;
    font-size: 0.9rem;
    text-align: left;
    margin: 0;
}

/* Content Sections */
.adhd-content-section {
    padding: 3rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.adhd-section-header {
    text-align: center;
    padding: 3rem 2rem;
    margin: 0 -20px 2rem;
    color: white;
}

.adhd-section-header-slate { background: linear-gradient(135deg, #475569, #334155); }
.adhd-section-header-emerald { background: linear-gradient(135deg, #059669, #0d9488); }
.adhd-section-header-blue { background: linear-gradient(135deg, #1d4ed8, #334155); }
.adhd-section-header-amber { background: linear-gradient(135deg, #d97706, #ea580c); }
.adhd-section-header-purple { background: linear-gradient(135deg, #7c3aed, #4338ca); }
.adhd-section-header-teal { background: linear-gradient(135deg, #0d9488, #0891b2); }
.adhd-section-header-indigo { background: linear-gradient(135deg, #4f46e5, #7c3aed); }
.adhd-section-header-cyan { background: linear-gradient(135deg, #0891b2, #0d9488); }

.adhd-section-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.adhd-section-header h2 {
    color: white;
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    border: none;
}

.adhd-section-header p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    text-align: center;
}

.adhd-content-block {
    max-width: 900px;
    margin: 0 auto 2rem;
}

.adhd-intro-text {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #475569;
}

.adhd-subsection-title {
    font-size: 1.6rem;
    color: var(--primary-color);
    margin: 2.5rem 0 1.5rem;
    text-align: center;
}

.adhd-section-intro {
    text-align: center;
    color: #64748b;
    margin-bottom: 1.5rem;
}

/* Timeline */
.adhd-timeline {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    padding-left: 80px;
}

.adhd-timeline::before {
    content: '';
    position: absolute;
    left: 32px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #99f6e4;
}

.adhd-timeline-item {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
}

.adhd-timeline-year {
    position: absolute;
    left: -80px;
    width: 64px;
    height: 64px;
    background: #0d9488;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.85rem;
    z-index: 1;
}

.adhd-timeline-content {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    flex: 1;
}

.adhd-timeline-content h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.adhd-timeline-content p {
    color: #64748b;
    margin: 0;
    text-align: left;
}

/* Two Column Layout */
.adhd-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.adhd-figure-card {
    background: #f1f5f9;
    padding: 2rem;
    border-radius: 12px;
}

.adhd-figure-card h4 {
    color: #1e293b;
    margin: 0 0 0.25rem;
}

.adhd-figure-subtitle {
    color: #0d9488;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.adhd-info-box {
    background: #ecfdf5;
    padding: 2rem;
    border-radius: 12px;
}

.adhd-info-box h4 {
    color: #1e293b;
    margin: 0 0 1rem;
}

/* Highlight Boxes */
.adhd-highlight-box {
    padding: 2rem;
    border-radius: 12px;
    text-align: center;
    margin: 2rem 0;
    color: white;
}

.adhd-highlight-teal { background: #0d9488; }
.adhd-highlight-blue { background: #1d4ed8; }
.adhd-highlight-amber { background: #d97706; }
.adhd-highlight-purple { background: #7c3aed; }

.adhd-highlight-box h4 {
    color: white;
    margin: 0 0 1rem;
}

.adhd-highlight-box p {
    color: rgba(255, 255, 255, 0.95);
    text-align: center;
    margin: 0;
}

/* Advantages Grid */
.adhd-advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.adhd-advantage-card {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.adhd-advantage-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.adhd-advantage-card h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
}

.adhd-advantage-card p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* Evidence Cards */
.adhd-evidence-card {
    padding: 2rem;
    border-radius: 12px;
}

.adhd-evidence-supporting { background: #ecfdf5; }
.adhd-evidence-caveats { background: #f1f5f9; }

.adhd-evidence-card h4 {
    color: #1e293b;
    margin: 0 0 1rem;
}

.adhd-evidence-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.adhd-evidence-card li {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
    color: #475569;
    line-height: 1.6;
}

.adhd-evidence-card li::before {
    content: '→';
    color: #0d9488;
    flex-shrink: 0;
}

.adhd-evidence-caveats li::before {
    color: #94a3b8;
}

/* Prevalence Grid */
.adhd-prevalence-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.adhd-prevalence-card {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.adhd-prevalence-region {
    font-weight: 600;
    color: #1e293b;
}

.adhd-prevalence-detail {
    color: #64748b;
    font-size: 0.9rem;
    margin-top: 0.25rem;
}

.adhd-prevalence-rate {
    font-size: 2rem;
    font-weight: bold;
    color: #1d4ed8;
}

/* Demographic Grid */
.adhd-demographic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.adhd-demographic-card {
    background: #f1f5f9;
    padding: 1.5rem;
    border-radius: 12px;
}

.adhd-demographic-value {
    font-size: 2rem;
    font-weight: bold;
    color: #1d4ed8;
    margin-bottom: 0.5rem;
}

.adhd-demographic-card h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.adhd-demographic-card p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* Comorbidity Rates */
.adhd-comorbidity-rates {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.adhd-comorbidity-rates h4 {
    margin: 0 0 1.5rem;
    color: #1e293b;
}

.adhd-rate-item {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e2e8f0;
    color: #475569;
}

.adhd-rate-item:last-child {
    border-bottom: none;
}

.adhd-rate-value {
    font-weight: 600;
    color: #1d4ed8;
}

/* Symptom Domains */
.adhd-symptom-domain {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.adhd-domain-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.adhd-domain-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.adhd-icon-blue { background: #dbeafe; }
.adhd-icon-orange { background: #ffedd5; }
.adhd-icon-red { background: #fee2e2; }

.adhd-domain-header h4 {
    color: #1e293b;
    margin: 0;
    font-size: 1.4rem;
}

.adhd-domain-header p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
}

.adhd-symptom-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.adhd-symptom-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #eff6ff;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #475569;
}

.adhd-domain-hyperactivity .adhd-symptom-item { background: #fff7ed; }
.adhd-domain-impulsivity .adhd-symptom-item { background: #fef2f2; }

.adhd-symptom-num {
    width: 24px;
    height: 24px;
    background: #2563eb;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.adhd-num-orange { background: #ea580c; }
.adhd-num-red { background: #dc2626; }

/* Age Groups */
.adhd-age-groups {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.adhd-age-card {
    padding: 1.5rem;
    border-radius: 12px;
}

.adhd-age-children { background: #f0fdfa; }
.adhd-age-adolescents { background: #fffbeb; }
.adhd-age-adults { background: #eff6ff; }

.adhd-age-icon {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.adhd-age-card h4 {
    color: #1e293b;
    margin: 0 0 1rem;
}

.adhd-age-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.adhd-age-card li {
    color: #475569;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    padding-left: 0;
}

/* Presentations Grid */
.adhd-presentations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
}

.adhd-presentation {
    background: rgba(255, 255, 255, 0.15);
    padding: 1rem;
    border-radius: 8px;
}

.adhd-presentation h5 {
    color: white;
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.adhd-presentation p {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.85rem;
    margin: 0;
}

/* Comorbidity Grid */
.adhd-comorbidity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.adhd-comorbidity-card {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.adhd-comorbidity-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.adhd-comorbidity-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.adhd-comorbidity-icon {
    font-size: 2rem;
    width: 48px;
    height: 48px;
    background: #f3e8ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adhd-comorbidity-prevalence {
    font-size: 1.5rem;
    font-weight: bold;
    color: #7c3aed;
}

.adhd-comorbidity-card h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
}

.adhd-comorbidity-card p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* Other Conditions */
.adhd-other-conditions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.adhd-condition-item {
    background: #f1f5f9;
    padding: 1.25rem;
    border-radius: 8px;
}

.adhd-condition-item h5 {
    color: #1e293b;
    margin: 0 0 0.5rem;
    font-size: 1rem;
}

.adhd-condition-item p {
    color: #64748b;
    margin: 0;
    font-size: 0.85rem;
    text-align: left;
}

/* Treatment Section */
.adhd-critical-message {
    background: #0d9488;
    color: white;
    padding: 1.5rem 2rem;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.adhd-critical-icon {
    font-size: 2rem;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.adhd-critical-message h4 {
    color: white;
    margin: 0 0 0.5rem;
}

.adhd-critical-message p {
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    text-align: left;
}

.adhd-warning-box {
    background: #fffbeb;
    border-left: 4px solid #f59e0b;
    padding: 1.5rem;
    border-radius: 0 12px 12px 0;
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.adhd-warning-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.adhd-warning-box h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.adhd-warning-box p {
    color: #475569;
    margin: 0;
    text-align: left;
}

/* Medication Cards */
.adhd-medication-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.adhd-medication-card {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.adhd-medication-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.adhd-medication-card h4 {
    color: #1e293b;
    margin: 0;
}

.adhd-medication-brands {
    color: #0d9488;
    font-size: 0.9rem;
    margin: 0.25rem 0 0;
}

.adhd-effectiveness-badge {
    background: #ccfbf1;
    color: #0d9488;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.adhd-medication-card > p {
    color: #475569;
    margin: 0;
    text-align: left;
}

/* Stimulant Info */
.adhd-stimulant-info {
    background: #0d9488;
    color: white;
    padding: 2rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.adhd-stimulant-info h4 {
    color: white;
    margin: 0 0 1rem;
}

.adhd-stimulant-info > p {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 1.5rem;
}

.adhd-stimulant-details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.adhd-stimulant-detail {
    background: rgba(255, 255, 255, 0.15);
    padding: 1rem;
    border-radius: 8px;
}

.adhd-stimulant-detail h5 {
    color: white;
    margin: 0 0 0.5rem;
}

.adhd-stimulant-detail p {
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
    font-size: 0.9rem;
}

/* Non-Stimulant Cards */
.adhd-nonstimulant-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.adhd-nonstimulant-card {
    background: #f1f5f9;
    padding: 1.5rem;
    border-radius: 12px;
}

.adhd-nonstimulant-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.adhd-nonstimulant-card h4 {
    color: #1e293b;
    margin: 0;
}

.adhd-effectiveness-small {
    background: #dbeafe;
    color: #1d4ed8;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.adhd-nonstimulant-brand {
    color: #0d9488;
    font-size: 0.9rem;
    margin: 0 0 0.75rem;
}

.adhd-nonstimulant-card > p:last-child {
    color: #475569;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* When Non-Stimulants */
.adhd-when-nonstimulants {
    background: #eff6ff;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.adhd-when-nonstimulants h4 {
    color: #1e293b;
    margin: 0 0 1rem;
}

.adhd-when-nonstimulants ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.adhd-when-nonstimulants li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #475569;
    margin-bottom: 0.5rem;
}

.adhd-when-nonstimulants li::before {
    content: '→';
    color: #2563eb;
}

/* Complementary Note */
.adhd-complementary-note {
    background: #fffbeb;
    border-left: 4px solid #f59e0b;
    padding: 1rem 1.5rem;
    border-radius: 0 8px 8px 0;
    margin-bottom: 1.5rem;
    color: #475569;
}

/* Therapy Grid */
.adhd-therapy-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2rem;
}

.adhd-therapy-card {
    background: #f1f5f9;
    padding: 1.25rem;
    border-radius: 8px;
}

.adhd-therapy-card h5 {
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.adhd-therapy-card p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* Checklist Section */
.adhd-disclaimer {
    background: #fffbeb;
    border: 1px solid #fcd34d;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.adhd-disclaimer-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.adhd-disclaimer h4 {
    color: #92400e;
    margin: 0 0 0.25rem;
}

.adhd-disclaimer p {
    color: #a16207;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

.adhd-checklist-container {
    max-width: 800px;
    margin: 0 auto;
}

.adhd-checklist-instructions {
    background: #eef2ff;
    padding: 1.5rem;
    border-radius: 12px;
    margin-bottom: 2rem;
}

.adhd-checklist-instructions h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.adhd-checklist-instructions p {
    color: #475569;
    margin: 0;
    text-align: left;
}

.adhd-checklist-section {
    margin-bottom: 2rem;
}

.adhd-checklist-section h4 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #1e293b;
    margin-bottom: 1rem;
}

.adhd-checklist-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 0.9rem;
}

.adhd-badge-blue { background: #2563eb; }
.adhd-badge-orange { background: #ea580c; }
.adhd-badge-red { background: #dc2626; }

.adhd-checklist-note {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    font-style: italic;
}

.adhd-checklist-items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.adhd-checklist-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.adhd-checklist-item:hover {
    background: #f1f5f9;
}

.adhd-checkbox {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    cursor: pointer;
}

.adhd-checklist-item label {
    color: #475569;
    cursor: pointer;
    flex: 1;
}

.adhd-checklist-result {
    background: #f0fdf4;
    border: 1px solid #86efac;
    padding: 1.5rem;
    border-radius: 12px;
    margin-top: 2rem;
}

.adhd-checklist-result h4 {
    color: #166534;
    margin: 0 0 1rem;
}

.adhd-checklist-result p {
    color: #15803d;
    text-align: left;
}

.adhd-checklist-result ul {
    margin: 1rem 0;
    padding-left: 1.5rem;
    color: #15803d;
}

.adhd-checklist-result li {
    margin-bottom: 0.5rem;
}

/* FAQ Section */
.adhd-faq-container {
    max-width: 800px;
    margin: 0 auto;
}

.adhd-faq-category {
    margin-bottom: 2rem;
}

.adhd-faq-category h3 {
    color: #1e293b;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.adhd-faq-item {
    margin-bottom: 0.75rem;
}

.adhd-faq-item details {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.adhd-faq-item summary {
    padding: 1.25rem 1.5rem;
    cursor: pointer;
    font-weight: 600;
    color: #1e293b;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.adhd-faq-item summary::-webkit-details-marker {
    display: none;
}

.adhd-faq-item summary::after {
    content: '▼';
    font-size: 0.75rem;
    color: #94a3b8;
    transition: transform 0.3s;
}

.adhd-faq-item details[open] summary::after {
    transform: rotate(180deg);
}

.adhd-faq-item details p {
    padding: 0 1.5rem 1.25rem;
    color: #475569;
    line-height: 1.7;
    text-align: left;
    margin: 0;
}

/* Resources Section */
.adhd-resources-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.adhd-resource-card {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.adhd-resource-nhs {
    background: #eff6ff;
}

.adhd-resource-nhs:hover {
    background: #dbeafe;
    text-decoration: none;
}

.adhd-resource-academic {
    background: #f1f5f9;
}

.adhd-resource-academic:hover {
    background: #e2e8f0;
    text-decoration: none;
}

.adhd-resource-icon {
    font-size: 2rem;
    width: 48px;
    height: 48px;
    background: #2563eb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.adhd-resource-academic .adhd-resource-icon {
    background: #475569;
}

.adhd-resource-card h4 {
    color: #1e293b;
    margin: 0 0 0.25rem;
}

.adhd-resource-card p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* Organisations Grid */
.adhd-organisations-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.adhd-org-card {
    background: white;
    padding: 1.5rem;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s ease;
}

.adhd-org-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    text-decoration: none;
}

.adhd-org-card h4 {
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.adhd-org-region {
    display: inline-block;
    background: #f1f5f9;
    color: #64748b;
    padding: 0.125rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    margin-bottom: 0.75rem;
}

.adhd-org-card p {
    color: #64748b;
    margin: 0;
    font-size: 0.9rem;
    text-align: left;
}

/* Treatment Message */
.adhd-treatment-message {
    background: #0d9488;
    color: white;
    text-align: center;
    padding: 4rem 2rem;
    margin: 0 -20px;
}

.adhd-treatment-icon {
    font-size: 3rem;
    margin-bottom: 1.5rem;
}

.adhd-treatment-message h2 {
    color: white;
    font-size: 2rem;
    margin-bottom: 1rem;
    border: none;
}

.adhd-treatment-message p {
    color: rgba(255, 255, 255, 0.9);
    max-width: 700px;
    margin: 0 auto 1.5rem;
    font-size: 1.1rem;
    text-align: center;
}

/* Active Navigation */
.nav-active {
    color: #0d9488 !important;
    font-weight: bold;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .adhd-nav-grid,
    .adhd-advantages-grid,
    .adhd-comorbidity-grid,
    .adhd-organisations-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .adhd-other-conditions {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .adhd-nonstimulant-grid,
    .adhd-therapy-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .adhd-hero {
        padding: 3rem 1rem;
    }
    
    .adhd-hero h1 {
        font-size: 2rem;
    }
    
    .adhd-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .adhd-nav-grid,
    .adhd-two-column,
    .adhd-advantages-grid,
    .adhd-prevalence-grid,
    .adhd-demographic-grid,
    .adhd-age-groups,
    .adhd-comorbidity-grid,
    .adhd-medication-grid,
    .adhd-nonstimulant-grid,
    .adhd-therapy-grid,
    .adhd-resources-grid,
    .adhd-organisations-grid,
    .adhd-presentations-grid,
    .adhd-stimulant-details {
        grid-template-columns: 1fr;
    }
    
    .adhd-other-conditions {
        grid-template-columns: 1fr;
    }
    
    .adhd-symptom-grid {
        grid-template-columns: 1fr;
    }
    
    .adhd-timeline {
        padding-left: 60px;
    }
    
    .adhd-timeline::before {
        left: 22px;
    }
    
    .adhd-timeline-year {
        left: -60px;
        width: 44px;
        height: 44px;
        font-size: 0.7rem;
    }
    
    .adhd-critical-message {
        flex-direction: column;
        text-align: center;
    }
    
    .adhd-critical-message p {
        text-align: center;
    }
}