/* Only the provider-comparison watch page. Shared Mietono typography and colors. */
.video-comparison .comparison-stand { margin-top: 24px; }
.video-comparison .provider-video-table { min-width: 680px; }
.video-comparison table caption { text-align: left; font-size: var(--s-14); color: var(--muted); margin-bottom: 12px; }
.video-comparison .provider-video-table th:first-child { width: 17%; }
.video-comparison .provider-video-table td { width: 41.5%; }
.video-comparison .fee-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; list-style: none; margin: 24px 0; padding: 0; }
.video-comparison .fee-timeline > li { border-top: 3px solid var(--line); padding: 14px 0 0; margin: 0; min-width: 0; }
.video-comparison .fee-timeline > li:first-child { border-top-color: var(--brand); }
.video-comparison .fee-timeline h3 { margin: 10px 0; }
.video-comparison .fee-timeline p { font-size: var(--s-14); }
.video-comparison .refund-legend { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; font-size: var(--s-14); color: var(--muted); }
.video-comparison .refund-legend > span { display: inline-flex; align-items: center; gap: 8px; }
.video-comparison .refund-legend i { width: 14px; height: 14px; display: inline-block; }
.video-comparison .refund-comparison { margin: 24px 0 0; }
.video-comparison .refund-comparison figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; font-size: var(--s-14); margin-bottom: 8px; }
.video-comparison .refund-bar { display: grid; height: 24px; width: 100%; }
.video-comparison .refund-share-tenant { background: var(--navy); }
.video-comparison .refund-share-fee { background: #cbd5e1; }
.video-comparison .refund-bar > span { min-width: 0; }
.video-comparison .example-refund-table { min-width: 520px; }
.video-comparison .comparison-transcript-pending { margin: 36px 0; padding-block: 20px; border-block: 1px solid var(--line); }
.video-comparison .comparison-transcript-pending h2 { margin-top: 0; }
.video-comparison .comparison-transcript-pending p { margin-bottom: 0; }
@media (max-width: 650px) {
  .video-comparison .fee-timeline { grid-template-columns: 1fr; gap: 20px; }
  .video-comparison .fee-timeline > li { padding-top: 12px; }
  .video-comparison .refund-comparison figcaption { flex-direction: column; }
}