.tm-comparator { min-height: 70vh; padding: 46px 20px 80px; color: var(--tm-night); background: var(--tm-cream); }
.tm-comparator__shell { width: min(1180px, 100%); margin: 0 auto; }
.tm-comparator__breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; color: var(--tm-text-muted); font: 600 13px/1.4 var(--tm-font-body); }
.tm-comparator__breadcrumb a { color: inherit; text-decoration: none; }
.tm-comparator__header { max-width: 760px; margin-bottom: 32px; }
.tm-comparator__eyebrow { margin: 0 0 10px; color: var(--tm-emerald); font: 700 var(--tm-eyebrow)/1.4 var(--tm-font-heading); letter-spacing: .16em; text-transform: uppercase; }
.tm-comparator__header h1 { margin: 0; color: var(--tm-night); font: 700 var(--tm-h1-page)/var(--tm-h1-page-leading) var(--tm-font-heading); }
.tm-comparator__header > p:last-child { margin: 18px 0 0; color: var(--tm-text-muted); font: 400 var(--tm-body)/var(--tm-body-leading) var(--tm-font-body); }
.tm-comparator__panel { padding: 24px; border: 1px solid var(--tm-border); border-radius: var(--tm-radius-block); background: var(--tm-white); box-shadow: var(--tm-shadow); }
.tm-comparator__notice { margin: 0 0 18px; padding: 12px 16px; border-left: 3px solid var(--tm-emerald); color: var(--tm-text-muted); background: var(--tm-green-veil); font: 400 14px/1.5 var(--tm-font-body); }
.tm-comparator__tool { width: 100%; min-height: 800px; overflow: hidden; border-radius: var(--tm-radius-card); background: #f6f6f7; }
.tm-comparator__tool iframe { display: block; width: 100% !important; max-width: 100%; border: 0; }
@media (max-width: 680px) {
  .tm-comparator { padding: 28px 16px 56px; }
  .tm-comparator__breadcrumb { margin-bottom: 24px; }
  .tm-comparator__panel { padding: 10px; border-radius: 12px; }
  .tm-comparator__notice { margin: 0 0 12px; padding: 10px 12px; }
  .tm-comparator__tool { min-height: 920px; border-radius: 8px; }
}