/* Layout used only by the app comparison page. */
.comparison-cta { margin: 24px 0; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.comparison-cta p:last-child { margin-bottom: 0; }
.comparison-cta .btn { text-align: center; }
.comparison-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin: 24px 0; }
.comparison-examples figure { margin: 0; min-width: 0; }
.comparison-examples figure > a { display: block; width: 220px; max-width: 100%; margin: 0 auto 16px; border-radius: 18px; }
.comparison-examples img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 18px; }
.comparison-examples figcaption { color: #cdd6d0; }
.comparison-examples figcaption strong { display: block; margin-bottom: 6px; color: var(--text); }
@media (max-width: 580px) {
  .comparison-examples { grid-template-columns: 1fr; gap: 32px; }
  .comparison-cta { padding: 16px; }
}