.recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}
.recovery-card{padding:24px;line-height:1.65;min-width:0;overflow-wrap:anywhere}
.recovery-card h2{font-size:22px;line-height:1.35}.recovery-card h3{font-size:17px;margin:24px 0 8px}.recovery-card .btn{margin:10px 8px 0 0;min-height:44px}
.recovery-steps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.recovery-steps span{padding:8px 14px;border-radius:20px;background:#e9eef9;color:#354a78}.recovery-steps [aria-current]{background:#304bde;color:white}
.recovery-question{font-size:17px;white-space:pre-line;line-height:1.7;margin:20px 0;padding:18px;border:1px solid #d8e1f3;border-radius:16px;min-width:0}.recovery-question legend{padding:4px 8px;font-weight:600;white-space:pre-line;max-width:100%;overflow-wrap:anywhere}
.recovery-option{display:flex;align-items:flex-start;gap:12px;padding:12px 10px;border-radius:10px;cursor:pointer;min-height:44px;white-space:normal}.recovery-option:has(input:checked){background:#edf1ff;outline:1px solid #7890ed}.recovery-option input{margin-top:7px;flex:0 0 18px;accent-color:#304bde}.recovery-solution li{padding:12px 4px}.recovery-feedback{padding:14px 0;border-top:1px solid #dde4f1}.recovery-feedback summary{cursor:pointer;min-height:36px}.recovery-feedback p{white-space:pre-line}
#recovery-error{color:#a32435}.account-status{font-size:12px;padding:8px 12px;display:inline-block}.account-status[data-status=offline],.account-status[data-status=conflict],.account-status[data-status=expired]{color:#9b4809}
html[data-cr-color-mode=dark] .recovery-steps span{background:#243554;color:#dae5ff}html[data-cr-color-mode=dark] .recovery-steps [aria-current]{background:#405edf;color:#fff}
html[data-cr-color-mode=dark] .recovery-option:has(input:checked){background:#263d68;color:#f1f5ff;outline-color:#8ea9ff}html[data-cr-color-mode=dark] .recovery-question,html[data-cr-color-mode=dark] .recovery-feedback{border-color:#445674}
html[data-cr-color-mode=dark] #recovery-error{color:#ffacb5}html[data-cr-color-mode=dark] .account-status[data-status=offline],html[data-cr-color-mode=dark] .account-status[data-status=conflict],html[data-cr-color-mode=dark] .account-status[data-status=expired]{color:#ffd398}
.route-task-title-start{font:inherit;color:inherit;font-weight:inherit;border:0;background:none;text-align:left;padding:0;cursor:pointer;min-height:44px}.route-task-title-start:hover{text-decoration:underline}.route-task-title-start:focus-visible{outline:2px solid #375ce5;outline-offset:3px;border-radius:4px}
body.pnx3-dashboard-ready .pnx3-plan-card .route-task-main h3:has(.route-task-title-start){display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
body.pnx3-dashboard-ready .pnx3-plan-card .route-task-meta{flex-wrap:wrap!important;overflow:visible!important}
body.pnx3-dashboard-ready .pnx3-plan-card .route-task-meta .route-why{display:inline-flex!important;align-items:center;min-height:32px;padding:4px 6px;margin:0;font-size:12px}
@media(max-width:600px){.recovery-card{padding:18px}.recovery-question{padding:12px 8px}.recovery-steps{font-size:12px;gap:5px}.recovery-steps span{padding:7px 9px}}

/* Wrong-answer list and its one-question sessions */
.wrong-card{padding:20px;min-width:0;overflow-wrap:anywhere;line-height:1.55}
.wrong-card h2{font-size:20px;line-height:1.3;margin:6px 0}
.wrong-card p{margin:0 0 10px}
.wrong-card .btn{min-height:44px}
.wrong-rows{display:grid;margin-top:14px;padding:6px 20px}
.wrong-rows>div{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;border-bottom:1px solid var(--rota-border)}
.wrong-rows>div:last-child{border-bottom:0}
.wrong-rows span{color:var(--rota-text-secondary)}
.wrong-rows strong{color:var(--rota-text);text-align:right}
.wrong-paused{margin:10px 4px 0}
.wrong-heading{margin:26px 0 12px;font-size:17px;color:var(--rota-text)}
.wrong-session{display:grid;gap:12px;line-height:1.6;min-width:0;overflow-wrap:anywhere}
.wrong-session p,.wrong-session h3{margin:0}
.wrong-text{font-size:16px;font-weight:600;color:var(--rota-text)}
.wrong-answer{padding:10px 12px;border-radius:10px;border-left:4px solid;background:var(--rota-surface-soft);color:var(--rota-text);font-size:14px}
.wrong-answer.is-right{border-left-color:#0f8a5f}
.wrong-answer.is-wrong{border-left-color:#c2410c}
.wrong-options{display:grid;gap:8px}
.wrong-option{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--rota-border);border-radius:12px;background:var(--rota-surface);color:var(--rota-text);font:inherit;text-align:left;cursor:pointer}
.wrong-option:disabled{cursor:default;opacity:1;color:var(--rota-text)}
.wrong-option small{grid-column:2;font-weight:700;color:var(--rota-text-secondary)}
.wrong-option.is-right{border:2px solid #0f8a5f}
.wrong-option.is-wrong{border:2px solid #c2410c}
.wrong-skip{justify-self:start;min-height:44px}
.wrong-reasons{min-width:0;margin:0;padding:0;border:0}
.wrong-reasons legend{margin-bottom:8px;padding:0;font-weight:700;color:var(--rota-text)}
.wrong-reasons>div{display:flex;flex-wrap:wrap;gap:8px}
.wrong-chip{min-height:44px;padding:8px 14px;border:1px solid var(--rota-border);border-radius:999px;background:var(--rota-surface);color:var(--rota-text);font:inherit;font-size:14px;cursor:pointer}
.wrong-chip[aria-pressed=true]{border-color:var(--rota-primary);background:var(--rota-primary);color:#fff}
.today-wrong{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;margin:0 0 14px;padding:12px 16px;border:1px solid var(--rota-border);border-radius:14px;background:var(--rota-surface);color:var(--rota-text);font:inherit;text-align:left;cursor:pointer}
.wrong-option:focus-visible,.wrong-chip:focus-visible,.today-wrong:focus-visible{outline:2px solid var(--rota-primary);outline-offset:2px}
