.on-buyback-single{width:100%;max-width:900px;margin-inline:auto;scroll-margin-top:24px;font-family:"DIN Pro",Arial,sans-serif}
.on-buyback-single>h3{text-align:center;font-family:inherit;font-size:28px;line-height:1.25;margin:0 0 28px}
.on-buyback-picker{padding:26px 24px 20px;border:1px solid #d3e4f3;border-radius:24px;background:#fff;color:#102f4c;box-shadow:0 12px 35px #174d7d0d;font-family:"DIN Pro",Arial,sans-serif}
.on-buyback-picker .on-buyback-guide{font-size:14px;line-height:1.4;color:#496a87;margin:0 0 16px}
.on-buyback-picker h2{font-size:29px!important;line-height:1.15;font-weight:700;margin:0 0 20px;color:#102f4c;outline:none}
.on-buyback-choices{display:grid;gap:10px}
.on-buyback-choice{display:flex;align-items:center;gap:14px;text-align:left;min-height:80px;width:100%;padding:14px 16px;background:#fff;border:1px solid #bdd8ee;border-radius:16px;color:#102f4c;font:500 19px/1.3 "DIN Pro",Arial,sans-serif;cursor:pointer;box-shadow:0 3px 0 #deecf8;touch-action:manipulation}
.on-buyback-choice .on-buyback-art{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#edf6ff;border-radius:12px}
.on-buyback-art svg{width:44px;height:44px;display:block}
@media(hover:hover) and (pointer:fine){.on-buyback-choice:hover{background:#edf7ff;border-color:#0b5caf}}
.on-buyback-choice:active{transform:translateY(2px);box-shadow:none;background:#ddecfb}
.on-buyback-choice:focus-visible{outline:3px solid #0b5caf;outline-offset:3px}
.on-buyback-single [hidden]{display:none!important}
.on-buyback-single .on-buyback-category-back{order:1}
@media(max-width:700px){.on-buyback-single>h3{font-size:24px}.on-buyback-picker{padding:20px 16px}.on-buyback-picker h2{font-size:26px!important}.on-buyback-choice{font-size:18px}}
@media(max-width:359px){.on-buyback-picker{padding:16px 12px}.on-buyback-picker h2{font-size:23px!important}.on-buyback-choice{padding:10px;min-height:72px;font-size:17px;gap:10px}.on-buyback-art svg{width:36px;height:36px}.on-buyback-choice .on-buyback-art{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.on-buyback-choice:active{transform:none}}
/* The legacy answers container is a horizontal flex row. A search control must
   sit above the full-width answer grid instead of shrinking alongside it. */
.quiz.quiz--mobile-a.on-buyback-tools .quiz__answers{display:block}
.quiz.quiz--mobile-a.on-buyback-tools .quiz__search-wrap{width:100%;max-width:100%;min-width:0}
