/* ===== TRAINING PAGE CSS ===== */
.pain-list { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 0; }
.pain-list-item { display: flex; align-items: flex-start; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--border); }
.pain-list-item:last-child { border-bottom: none; }
.pain-list-item i { color: #7a6332; font-size: 0.8rem; margin-top: 4px; flex-shrink: 0; }
.pain-list-item span { font-size: 1.02rem; color: var(--text); line-height: 1.7; }
.compare-check { color: var(--accent); font-weight: 700; }
.compare-cross { color: var(--text-muted); }
.rec-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 0.95rem; font-weight: 600; color: var(--primary); text-decoration: none; }
.rec-link:hover { text-decoration: underline; }
.badge-row { margin-top: 16px; display: flex; gap: 6px; flex-wrap: wrap; }
.badge-online { font-size: 0.8rem; padding: 4px 12px; border-radius: 50px; background: #e8f5e9; color: #2e7d32; }
.badge-option { font-size: 0.8rem; padding: 4px 12px; border-radius: 50px; background: #eaf0ea; color: var(--text-muted); }
.feature-grid-narrow { max-width: 700px; margin: 0 auto; }
.card-link-wrap { margin-top: 12px; }
.card-link { font-size: 0.9rem; font-weight: 600; color: var(--primary); text-decoration: none; }
.highlight-box-section { margin-top: 32px; }