.rd{max-width:760px;margin-top:8px;background:var(--card);border:1px solid var(--rule);border-radius:24px;padding:28px 32px 30px;box-shadow:0 30px 60px -40px rgba(21,23,28,.35);scroll-margin-top:110px}
.rd-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px}
.rd-step{color:var(--brass-ink);letter-spacing:.14em;text-transform:uppercase;font-weight:500;font-size:12px}
.rd-area{font-family:var(--serif);font-size:20px;color:var(--ink)}
.rd-bar{height:4px;border-radius:4px;background:var(--paper-2);margin:14px 0 8px;overflow:hidden}
.rd-bar span{display:block;height:100%;width:0;background:var(--brass);border-radius:4px;transition:width .5s var(--ease)}
.rd-q{border:0;margin:0;padding:22px 0;border-top:1px solid var(--rule);min-width:0}
.rd-q.first{border-top:0}
.rd-q legend{float:left;width:100%;padding:0;margin:0 0 14px;font-size:17px;line-height:1.5;color:var(--ink)}
.rd-q legend+*{clear:both}
.rd-opts{display:flex;flex-wrap:wrap;gap:8px}
.rd-opt{position:relative;cursor:pointer}
.rd-opt input{position:absolute;opacity:0;width:1px;height:1px}
.rd-opt span{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--rule);border-radius:999px;font-size:15px;color:var(--ink-2);background:var(--paper);transition:background .2s,color .2s,border-color .2s}
.rd-opt:hover span{border-color:var(--ink)}
.rd-opt input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rd-opt input:focus-visible+span{outline:2px solid var(--brass);outline-offset:2px}
.rd-q.missing legend{color:#9B2C1F}
.rd-q.missing .rd-opt span{border-color:rgba(155,44,31,.45)}
.rd-nav{display:flex;justify-content:space-between;gap:12px;margin-top:10px}
.rd-nav [hidden]{display:none}
.rd-nav #rd-next{margin-left:auto}
#rd-error{margin:6px 0 0}

.rd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;margin-bottom:8px}
.rd-card{background:var(--card);border:1px solid var(--rule);border-radius:20px;padding:26px 28px}
.rd-card h3{font-size:21px;margin-bottom:18px}
.rd-areas{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.rd-arow{display:flex;justify-content:space-between;font-size:15px;color:var(--ink-2);margin-bottom:6px}
.rd-arow b{font-weight:500;color:var(--ink)}
.rd-abar{height:6px;border-radius:6px;background:var(--paper-2);overflow:hidden}
.rd-abar span{display:block;height:100%;width:0;border-radius:6px;transition:width .9s var(--ease)}
.rd-abar .good{background:#2F5D4E}
.rd-abar .fair{background:#9C7A3C}
.rd-abar .poor{background:#9B2C1F}
.rd-next{list-style:none;counter-reset:n;margin:0;padding:0}
.rd-next li{counter-increment:n;position:relative;padding:0 0 18px 44px;margin-bottom:18px;border-bottom:1px solid var(--rule)}
.rd-next li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.rd-next li::before{content:counter(n);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:13px;display:flex;align-items:center;justify-content:center}
.rd-next p{margin:6px 0 0;font-size:15px;color:var(--ink-2);line-height:1.55}
.rd-tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-ink);font-weight:500}
.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px;cursor:pointer}
@media (max-width:820px){.rd-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.rd{padding:22px 18px 24px;border-radius:20px}.rd-card{padding:22px 18px}.rd-area{font-size:17px}.rd-opt span{padding:9px 14px;font-size:14px}}
.rd-hint{font-size:14px;color:var(--ink-3);margin:6px 0 0}
.rd-next li.rd-none{padding-left:0}
.rd-next li.rd-none::before{display:none}