/* MRI Training California - custom styles layered over Tailwind */

/* Smooth scroll */
html { scroll-behavior: smooth; }


/* Table of contents sticky */
.toc { position: sticky; }

/* Comparison table */
.compare-table th { background: #1e40af; color: #fff; padding: 12px 16px; text-align: left; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; }
.compare-table td { padding: 12px 16px; font-size: 0.875rem; vertical-align: top; border-bottom: 1px solid #e2e8f0; }
.compare-table tr:nth-child(even) td { background: #f8fafc; }
.compare-table tr:hover td { background: #eff6ff; }

/* Pill badges */
.badge-arrt { background: #dbeafe; color: #1e40af; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }
.badge-armrit { background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }
.badge-featured { background: #d1fae5; color: #065f46; padding: 2px 8px; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }

/* Lead capture box */
.lead-box { background: linear-gradient(135deg, #1e40af 0%, #0f766e 100%); border-radius: 1rem; padding: 2rem; color: white; }

/* Disclosure notice */
.disclosure-notice { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 0.5rem; padding: 0.75rem 1rem; font-size: 0.8rem; color: #166534; }

/* Pros/cons */
.pro-item::before { content: "✓"; color: #16a34a; font-weight: bold; margin-right: 6px; }
.con-item::before { content: "✗"; color: #dc2626; font-weight: bold; margin-right: 6px; }

/* Stat cards */
.stat-card { text-align: center; padding: 1.5rem; border-radius: 1rem; background: white; box-shadow: 0 1px 3px rgba(0,0,0,0.08); border: 1px solid #e2e8f0; }
.stat-card .stat-value { font-size: 2.25rem; font-weight: 800; color: #1e40af; line-height: 1; }
.stat-card .stat-label { font-size: 0.8rem; color: #64748b; margin-top: 4px; }

/* Hero gradient */
.hero-gradient { background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 50%, #0f766e 100%); }

/* Progress steps */
.step-item { display: flex; gap: 1rem; align-items: flex-start; }
.step-num { width: 2rem; height: 2rem; min-width: 2rem; border-radius: 9999px; background: #1e40af; color: white; font-weight: 700; font-size: 0.875rem; display: flex; align-items: center; justify-content: center; }

/* Breadcrumb */
.breadcrumb { display: flex; gap: 0.5rem; font-size: 0.8rem; color: #64748b; flex-wrap: wrap; }
.breadcrumb a { color: #1e40af; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb span.sep { color: #cbd5e1; }

/* FAQ accordion */
.faq-item details summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; font-weight: 600; color: #1e293b; }
.faq-item details summary::-webkit-details-marker { display: none; }
.faq-item details[open] summary .faq-icon { transform: rotate(180deg); }
.faq-icon { transition: transform 0.2s; width: 1.25rem; height: 1.25rem; color: #3b82f6; flex-shrink: 0; }
.faq-item details p { color: #475569; line-height: 1.75; padding-bottom: 1rem; }

/* School card */
.school-card { border: 1px solid #e2e8f0; border-radius: 0.75rem; padding: 1.5rem; background: white; transition: box-shadow 0.2s, border-color 0.2s; }
.school-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: #93c5fd; }

/* Quiz */
.quiz-option input[type="radio"] { display: none; }
.quiz-option label { display: block; padding: 0.875rem 1.25rem; border: 2px solid #e2e8f0; border-radius: 0.5rem; cursor: pointer; font-size: 0.9rem; color: #334155; transition: all 0.15s; }
.quiz-option input:checked + label { border-color: #1e40af; background: #eff6ff; color: #1e40af; font-weight: 600; }
.quiz-option label:hover { border-color: #93c5fd; }

/* Verify placeholder */
.verify-tag { background: #fff7ed; color: #c2410c; border: 1px dashed #fb923c; padding: 1px 6px; border-radius: 4px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; }

/* Cost star ratings */
.stars { font-size: 1rem; letter-spacing: 0.05em; }
.stars-5 { color: #16a34a; } /* green  - most affordable */
.stars-4 { color: #0f766e; } /* teal */
.stars-3 { color: #d97706; } /* amber */
.stars-2 { color: #ea580c; } /* orange */
.stars-1 { color: #dc2626; } /* red   - highest cost  */
.stars-na { color: #94a3b8; font-style: italic; font-size: 0.8rem; }

/* Print */
@media print { #site-header, #site-footer, .no-print { display: none !important; } }