/* Personal recovery state, shared by desktop and mobile search. */
.jsr-personal {
    padding: 32px;
    background: #fff;
    border: 1px solid #dfe7ed;
    border-radius: 18px;
    color: var(--navy, #00245f);
}
.jsr-personal h2 { color: var(--navy, #00245f); margin: 0; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.2; letter-spacing: -.025em; font-weight: 900; }
.jsr-personal-copy { max-width: 560px; margin: 14px 0 24px; color: #5e7084; font-size: 15px; line-height: 1.65; }
.jsr-personal-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 12px 18px; border: 1px solid transparent; border-radius: 10px; background: #009aa6; color: #fff; font: inherit; font-size: 14px; line-height: 1.4; font-weight: 700; text-decoration: none; cursor: pointer; }
.jsr-personal-outline { background: #fff; border-color: #cedde4; color: #007d88; }
.jsr-personal-button svg { flex-shrink: 0; }
.jsr-personal-support { margin-top: 24px; padding: 24px; background: #f2f8f9; border: 1px solid #dfebee; border-radius: 12px; }
.jsr-personal-support h3 { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.4; }
.jsr-personal-support p { margin: 8px 0 18px; color: #5e7084; font-size: 14px; line-height: 1.6; }
.jsr-personal-alert { padding: 20px 24px; background: #fff; border: 1px solid #dfe7ed; border-radius: 12px; color: var(--navy, #00245f); }
.jsr-personal-alert summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 44px; list-style: none; font-size: 14px; font-weight: 700; cursor: pointer; }
.jsr-personal-alert summary::-webkit-details-marker { display: none; }
.jsr-personal-alert summary small { display: block; margin-top: 4px; color: #62758a; font-size: 12px; line-height: 1.4; font-weight: 400; }
.jsr-personal-alert summary svg { flex-shrink: 0; color: #009aa6; }
.jsr-personal-form { margin-top: 20px; }
.jsr-personal-form label { display: block; margin-bottom: 8px; font-size: 13px; }
.jsr-personal-form-row { display: flex; gap: 8px; }
.jsr-personal-form input { flex: 1; min-width: 0; min-height: 44px; padding: 10px 14px; border: 1px solid #cedde4; border-radius: 10px; background: #fff; color: #00245f; font: inherit; font-size: 16px; }
.jsr-personal-consent { margin: 12px 0 0; font-size: 11px; line-height: 1.6; color: #62758a; }
.jsr-personal-consent a { color: #007d88; text-decoration: underline; }
.jsr-no-results :is(button, a, summary, input):focus-visible { outline: 2px solid #009aa6; outline-offset: 3px; }
.jsr-personal-button:disabled { opacity: .6; cursor: wait; }
@media (hover: hover) and (pointer: fine) {
    .jsr-personal-button:hover { background: #008792; color: #fff; }
    .jsr-personal-outline:hover { background: #f2f8f9; color: #007d88; border-color: #009aa6; }
}
@media (max-width: 767px) {
    .jsr-personal { padding: 24px 20px; }
    .jsr-personal-support { padding: 20px; }
    .jsr-personal-button { width: 100%; }
    .jsr-personal-alert { padding: 16px 20px; }
    .jsr-personal-form-row { flex-direction: column; }
}
