.sv-gutter-results { background: #f5f9fa; border-top: 1px solid #e1e9eb; padding: clamp(4rem, 7vw, 6.5rem) 0; }
.sv-gutter-results .sv-results-inner { max-width: 1184px; margin: 0 auto; padding: 0 24px; }
.sv-gutter-results .sv-results-kicker { color: #277898; font: 700 .76rem/1.4 Inter, Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 14px; }
.sv-gutter-results h2 { color: #193a49; font: 600 clamp(2rem, 4.4vw, 3.1rem)/1.1 Inter, Arial, sans-serif; letter-spacing: -.055em; margin: 0; }
.sv-gutter-results .sv-results-intro { color: #516a77; font: 400 1rem/1.6 Inter, Arial, sans-serif; max-width: 46rem; margin: 18px 0 40px; }
.sv-gutter-results .sv-results-set + .sv-results-set { margin-top: 48px; padding-top: 42px; border-top: 1px solid #dce7eb; }
.sv-gutter-results h3 { color: #193a49; font: 600 clamp(1.15rem, 2vw, 1.4rem)/1.3 Inter, Arial, sans-serif; letter-spacing: -.03em; margin: 0 0 18px; }
.sv-gutter-results .sv-results-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 2.5vw, 24px); }
.sv-gutter-results figure { margin: 0; min-width: 0; }
.sv-gutter-results .sv-results-photo { position: relative; overflow: hidden; background: #dce8e9; }
.sv-gutter-results img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 42%; }
.sv-gutter-results .sv-results-photo span { position: absolute; top: 14px; left: 14px; background: #173a4a; color: #fff; padding: 7px 12px; font: 700 .78rem/1.2 Inter, Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.sv-gutter-results .sv-results-photo.after span { background: #277898; }
.sv-gutter-results figcaption { color: #526b77; font: 400 .9rem/1.45 Inter, Arial, sans-serif; margin-top: 10px; }
.sv-gutter-results details { margin-top: 22px; }
.sv-gutter-results summary { display: inline-block; cursor: pointer; color: #1d6685; font: 600 .95rem/1.5 Inter, Arial, sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.sv-gutter-results summary:focus-visible { outline: 2px solid #1d6685; outline-offset: 4px; }
.sv-gutter-results details figure { max-width: 400px; margin-top: 18px; }
.sv-gutter-results details img { aspect-ratio: 4 / 3; object-position: center 67%; }
@media (max-width: 650px) {
  .sv-gutter-results .sv-results-inner { padding: 0 20px; }
  .sv-gutter-results .sv-results-intro { margin-bottom: 30px; }
  .sv-gutter-results .sv-results-set + .sv-results-set { margin-top: 34px; padding-top: 30px; }
  .sv-gutter-results .sv-results-pair { gap: 16px; }
  .sv-gutter-results img { aspect-ratio: 4 / 3; }
}
@media (max-width: 520px) {
  .sv-gutter-results .sv-results-pair { grid-template-columns: 1fr; gap: 24px; }
  .sv-gutter-results .sv-results-photo span { top: 10px; left: 10px; }
}