/* Extracted from templates/public/video_analysis.html (Phase 3.1). Page-local styles; global rules belong in the design system sheets. */
    /* ── Video Analysis scoped styles ─────────────────────── */
    .va-hero          { padding-top: var(--space-12); padding-bottom: var(--space-12); }
    .va-hero-icon     { font-size: 3rem; }
    .va-title         { font-size: 2.25rem; font-weight: 800; letter-spacing: -0.03em; }
    .va-subtitle      { font-size: 1.1rem; }
    .va-body          { margin: 0 auto var(--space-6); }
    .va-price-badge   { display: inline-block; background: linear-gradient(135deg, var(--mint), var(--mint-dark)); color: white; padding: var(--space-3) 28px; border-radius: var(--radius-pill); font-size: 1.5rem; font-weight: 800; }
    .va-price-unit    { font-size: 0.9rem; font-weight: 500; opacity: 0.9; }
    .va-note          { margin: 0 0 18px; }
    .va-feature-grid  { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--space-4); max-width: 640px; margin: 0 auto var(--space-8); }
    .va-feature-card  { background: var(--t-surface-elevated); border-radius: var(--radius-lg); padding: var(--space-4) var(--space-3); }
    .va-feature-icon  { font-size: 1.5rem; }
    .va-btn-upload    { padding: 14px 36px; font-size: 1.1rem; border-radius: var(--radius-lg); }
    .va-profile-section { background: linear-gradient(135deg, rgba(45,138,126,0.08), rgba(29,64,81,0.04)); border: 1px solid rgba(45,138,126,0.15); border-radius: var(--radius-xl); }
    .va-stats-grid    { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 10px; }
    .va-stat-card     { background: var(--t-surface-elevated); border-radius: var(--radius-md); padding: var(--space-3); text-align: center; }
    .va-stat-value    { font-size: 1.3rem; font-weight: 800; }
    .va-stat-label    { font-size: var(--text-xs); font-weight: 500; }
    .va-video-grid    { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-4); }
    .va-video-card    { text-decoration: none; color: inherit; display: block; background: var(--t-surface-elevated); border-radius: var(--radius-lg); padding: var(--space-5); transition: all 0.2s ease; border: 1px solid var(--t-border); }
    .va-video-card:hover { border-color: var(--t-border-strong); }
    .va-video-title   { line-height: 1.3; }
    .va-status-badge  { display: inline-block; padding: 4px 10px; border-radius: var(--radius-sm); font-size: var(--text-xs); font-weight: 600; white-space: nowrap; background: var(--status-bg); color: var(--status-color); }