/*
  No red/blue (or any) bordered "compare column" containers.
  Flat two-column layout: content only, optional neutral divider.
*/

.compare-col::before,
.compare-col::after,
.compare-box::before,
.compare-box::after {
  animation: none !important;
  background: none !important;
  content: none !important;
  display: none !important;
}

.comparison,
.compare-grid {
  gap: 2rem !important;
}

.compare-grid {
  border: none !important;
}

.compare-col,
.comparison .compare-col,
.compare-grid .compare-col,
.compare-box,
.compare-grid .compare-box {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: static !important;
}

.compare-col.bad,
.compare-col.good,
.compare-box.bad,
.compare-box.good {
  border: none !important;
  border-top: none !important;
  border-color: transparent !important;
}

.comparison .compare-col:first-child,
.compare-grid .compare-col:first-child {
  padding-right: 2rem !important;
  border-right: 1px solid var(--ab-line, rgba(15, 23, 42, 0.1)) !important;
}

.compare-col h4,
.compare-col .compare-item,
.compare-box h4 {
  position: static !important;
  z-index: auto !important;
}

.compare-col h4,
.compare-box h4 {
  border-bottom: 1px solid var(--ab-line, rgba(15, 23, 42, 0.1)) !important;
  padding-bottom: 0.65rem !important;
  margin-bottom: 1rem !important;
}

/* Dark product / story pages */
body.swiftshot-modern .compare-col,
body.offer-page.realtor-offer .compare-col,
body.offer-page.offer-dark .compare-col,
.story-sections-dark .compare-col,
html.dark-story .compare-col,
body.swiftshot-modern .compare-box,
body.offer-page.offer-dark .compare-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.swiftshot-modern .comparison .compare-col:first-child,
body.offer-page.offer-dark .comparison .compare-col:first-child,
.story-sections-dark .comparison .compare-col:first-child {
  border-right-color: rgba(220, 238, 255, 0.12) !important;
}

body.swiftshot-modern .compare-col h4,
body.offer-page.offer-dark .compare-col h4 {
  border-bottom-color: rgba(220, 238, 255, 0.12) !important;
}

/* Scenario blocks — no bordered callout boxes */
.scenario,
.scenario.good {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
}

/* Captions / callouts: no left or top accent rails */
.demo-caption,
.homepage-demo-note,
.swiftshot-modern .demo-caption {
  border: none !important;
  border-top: none !important;
  margin-top: 1rem !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}

/* SwiftShot + offer pages: kill top-accent “empty card” chrome */
body.swiftshot-modern .terminal,
body.swiftshot-modern .ai-card,
body.swiftshot-modern .cta-box,
body.swiftshot-modern .demo-shell,
body.swiftshot-modern .speed-reader-panel,
body.swiftshot-modern .speed-reader-display,
body.swiftshot-modern .speed-reader-points > div,
body.swiftshot-modern .lightning-frame-shell,
body.swiftshot-modern .price-card,
body.swiftshot-modern .lead-box {
  border-top: none !important;
}

body.swiftshot-modern .speed-reader-points > div {
  background: transparent !important;
  border: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.swiftshot-modern .demo-shell {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

body.swiftshot-modern .speed-reader-display {
  display: none !important;
}

body.swiftshot-modern .speed-reader-panel {
  grid-template-columns: 1fr !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

body.swiftshot-modern .lightning-frame-shell {
  border: none !important;
  box-shadow: none !important;
}

.cta-box,
.ai-card,
.speed-reader-panel {
  border-left-width: 1px !important;
}

.cta-box,
.ai-card {
  border-left: none !important;
  border-top: none !important;
}

.comparison-card,
.feature-card-accent {
  border-left: none !important;
  border-top: none !important;
}

.insight-card,
.highlight-box,
.danger-box,
.pull-quote {
  border-left: none !important;
  border-top: none !important;
}

@media (max-width: 768px) {
  .comparison,
  .compare-grid {
    grid-template-columns: 1fr !important;
  }

  .comparison .compare-col:first-child,
  .compare-grid .compare-col:first-child,
  .compare-grid .compare-box:first-child {
    padding-right: 0 !important;
    padding-bottom: 2rem !important;
    border-right: none !important;
    border-bottom: 1px solid var(--ab-line, rgba(15, 23, 42, 0.1)) !important;
  }

  body.swiftshot-modern .comparison .compare-col:first-child,
  body.offer-page.offer-dark .comparison .compare-col:first-child {
    border-bottom-color: rgba(220, 238, 255, 0.12) !important;
  }
}