.mt-results .q-wrap { max-width: 1240px; }
.mt-results .mr-opening { background: #182e24; color: #f6f4ef; }
.mt-results .mr-opening-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: center; gap: clamp(26px, 6vw, 88px); }
.mt-results .mr-opening h1 { color: inherit; max-width: 10ch; font-size: clamp(46px, 7vw, 94px); }
.mt-results .mr-opening :is(.q-kicker, .q-copy) { color: #d4e4d1; }
.mt-results .mr-jumps { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 24px; }
.mt-results .mr-jumps a { color: #f6f4ef; text-decoration: underline; text-underline-offset: 4px; }
.mt-results figure { margin: 0; }
.mt-results .mr-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mt-results .mr-pair > div { position: relative; }
.mt-results .mr-pair img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #e9ede4; }
.mt-results .mr-pair span { position: absolute; bottom: 10px; left: 10px; color: #fff; background: #192f25; padding: 3px 8px; }
.mt-results .mr-compare-active .mr-pair { display: grid; grid-template-columns: minmax(0, 1fr); position: relative; }
.mt-results .mr-compare-active .mr-pair > div { grid-area: 1 / 1; }
.mt-results .mr-compare-active .mr-pair > div:first-child { z-index: 1; clip-path: inset(0 calc(100% - var(--mr-before)) 0 0); }
.mt-results .mr-compare-active .mr-pair > div:last-child span { left: auto; right: 10px; }
.mt-results .mr-compare-active .mr-pair::after { content: ''; position: absolute; left: var(--mr-before); inset-block: 0; width: 2px; background: #fff; z-index: 2; pointer-events: none; }
.mt-results .mr-slider:not([hidden]) { display: grid; gap: 5px; margin-top: 12px; }
.mt-results .mr-slider input { width: 100%; margin: 0; accent-color: #c1d7be; }
.mt-results .mr-compare figcaption { font-size: 12px; color: #d4e4d1; margin-top: 10px; }
.mt-results .mr-case { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); align-items: center; gap: clamp(22px, 6vw, 84px); border-top: 1px solid #c8d0c6; padding-block: 26px; }
.mt-results .mr-case:first-of-type { margin-top: 28px; }
.mt-results .mr-case img { display: block; width: 100%; height: auto; }
.mt-results .mr-case figcaption { display: flex; justify-content: space-around; font-size: 12px; }
.mt-results .mr-archive { background: #e9ede4; }
.mt-results .mr-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; list-style: none; margin: 18px 0; padding: 0; }
.mt-results .mr-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #f6f4ef; }
.mt-results .mr-archive summary { cursor: pointer; font-weight: 700; padding-block: 12px; }
.mt-results .mr-stories ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 30px; list-style: none; margin: 24px 0 0; padding: 0; }
.mt-results .mr-stories li { border-top: 1px solid #c8d0c6; padding-block: 14px; }
.mt-results :is(a, summary, input):focus-visible { outline: 3px solid #659167; outline-offset: 4px; }
@media (max-width: 720px) {
    .mt-results .q-wrap { padding-inline: 22px; }
    .mt-results .mr-opening-grid, .mt-results .mr-case, .mt-results .mr-stories ul { grid-template-columns: minmax(0, 1fr); }
    .mt-results .mr-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}