/* "Repair or Replace?" decision-tree quiz */
.ror-progress{display:flex;gap:8px;justify-content:center;margin-bottom:22px}
.ror-dot{width:28px;height:4px;border-radius:2px;background:#e9dfe1;transition:background .15s ease}
.ror-dot-active{background:#d82a3a}

.ror-step{display:none}
.ror-step.ror-active{display:block}

.ror-question{font-size:1.15rem;font-weight:700;text-align:center;margin-bottom:18px;color:#23191b}

.ror-options{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:521px){.ror-options{grid-template-columns:1fr 1fr}}

.ror-option{border:1.5px solid #e9dfe1;border-radius:12px;background:#fff;padding:18px 14px;text-align:center;cursor:pointer;font:inherit;transition:border-color .15s ease,transform .15s ease}
.ror-option:hover{transform:translateY(-2px);border-color:#d82a3a}
.ror-option:focus-visible{outline:2px solid #d82a3a;outline-offset:2px}
.ror-option.ror-selected{border-color:#d82a3a;box-shadow:0 0 0 1px #d82a3a}
.ror-option-title{display:block;font-weight:700;font-size:1rem;color:#23191b;margin-bottom:4px}
.ror-option-sub{display:block;font-size:.8rem;color:#93858a}

.ror-back{background:none;border:none;color:#93858a;font-size:.85rem;cursor:pointer;margin-top:16px;padding:0}
.ror-back:hover{color:#d82a3a}

.ror-result{text-align:center}
.ror-result-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:5px 14px;border-radius:999px;margin-bottom:14px}
.ror-result-repair .ror-result-badge{background:#eafaf1;color:#1b6e42}
.ror-result-replace .ror-result-badge{background:#fdf0f1;color:#8a2530}
.ror-result-heading{font-size:1.4rem;font-weight:700;color:#23191b;margin-bottom:10px}
.ror-result-explanation{color:#5d4f52;margin-bottom:20px;max-width:520px;margin-left:auto;margin-right:auto}
.ror-result-meta{display:flex;justify-content:center;gap:32px;margin-bottom:24px;flex-wrap:wrap}
.ror-result-meta-label{display:block;font-size:.75rem;color:#93858a;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px}
.ror-result-meta>div{font-weight:700;color:#23191b}
.ror-cta{display:inline-block}
.ror-restart{display:block;margin:14px auto 0;background:none;border:none;color:#93858a;font-size:.85rem;cursor:pointer;text-decoration:underline}
.ror-restart:hover{color:#d82a3a}

@media (prefers-reduced-motion:reduce){.ror-option,.ror-option:hover{transition:none;transform:none}}