/* F013 comparison variant. Not applied to the current TOP layout. */
.reason-editorial { padding-block: var(--section-padding-standard); background: var(--color-surface-soft); }
.reason-editorial .section-heading { margin-bottom: var(--space-2xl); }
.reason-editorial__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--space-3xl); align-items: stretch; }
.reason-editorial__photo { position: relative; min-width: 0; margin: 0; overflow: hidden; border-radius: var(--radius-large); }
.reason-editorial__photo > img { width: 100%; height: 100%; min-height: 28rem; display: block; object-fit: cover; object-position: 58% center; }
.reason-editorial__photo figcaption { position: absolute; inset: auto 0 0; padding: 1.25rem 1.5rem; background: var(--color-brand-green-darker); color: var(--color-text-inverse); font-size: 1.125rem; font-weight: 700; }
.reason-editorial__list { list-style: none; padding: 0; margin: 0; }
.reason-editorial__list > li { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--color-border-strong); }
.reason-editorial__list > li:first-child { padding-top: 0; border-top: 0; }
.reason-editorial__list > li:last-child { padding-bottom: 0; }
.reason-editorial__number { font-family: var(--font-numeric); font-size: 2rem; font-weight: 700; line-height: 1.25; color: var(--color-brand-green-darker); }
.reason-editorial__content h3 { margin: 0 0 .625rem; font-size: 1.125rem; line-height: 1.6; color: var(--color-text-primary); }
.reason-editorial__content p { margin: 0; font-size: .9375rem; line-height: 1.85; color: var(--color-text-secondary); }
.reason-editorial__quality { display: grid; grid-template-columns: minmax(0, 1fr) 8rem; gap: 1rem; align-items: center; }
.reason-editorial__quality img { display: block; width: 100%; height: auto; border-radius: var(--radius-small); }
@media (max-width: 959px) {
  .reason-editorial__layout { grid-template-columns: 1fr; gap: 2rem; }
  .reason-editorial__photo > img { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
}
@media (max-width: 767px) {
  .reason-editorial .section-heading { margin-bottom: 1.5rem; }
  .reason-editorial__photo figcaption { padding: .75rem 1rem; font-size: .875rem; }
  .reason-editorial__list > li { grid-template-columns: 2rem minmax(0, 1fr); gap: .75rem; padding-block: 1.25rem; }
  .reason-editorial__number { font-size: 1.5rem; }
  .reason-editorial__content h3 { font-size: 1rem; }
  .reason-editorial__content p { font-size: .875rem; }
  .reason-editorial__quality { grid-template-columns: 1fr; gap: .75rem; }
  .reason-editorial__quality img { width: 8rem; }
}
