/* Purpose: "Why book" section — the Instead of / Experience comparison lists. */

.compare { display: grid; grid-template-columns: 1fr; gap: var(--space-6); padding-top: var(--space-8); border-top: 1px solid var(--color-border); }
.compare h3 { font-size: var(--text-xl); margin-bottom: var(--space-4); }
.compare .no h3 { color: var(--color-text-muted); }
.compare .yes h3 { color: var(--color-primary); }
.compare ul { list-style: none; margin: 0; padding: 0; }
.compare li { position: relative; padding: var(--space-3) 0 var(--space-3) 28px; font-size: var(--text-body-sm); line-height: var(--leading-base); border-bottom: 1px solid var(--color-border-soft); }
.compare li:last-child { border-bottom: 0; }
.compare .no li { color: var(--color-text-faded); }
.compare .no li::before { content: ""; position: absolute; left: 2px; top: 22px; width: 12px; height: 1px; background: var(--color-border-dash); }
.compare .yes li::before { content: ""; position: absolute; left: 3px; top: 16px; width: 5px; height: 10px; border: solid var(--color-accent); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }

/* md */
@media (min-width: 641px) {
  .compare { grid-template-columns: 1fr 1fr; gap: var(--space-8); }
}