.personal-risk { margin:20px 0;padding:22px;border:1px solid #34535c;border-radius:18px;background:#15212b;color:#eff6f8; }
.personal-risk h2 {margin:0 0 8px;font-size:1.25rem;}
.personal-risk p {line-height:1.5;}
.personal-risk .risk-fields {display:flex;gap:12px;flex-wrap:wrap;align-items:end;}
.personal-risk label {display:block;line-height:1.5;}
.personal-risk select,.personal-risk button {font:inherit;min-height:44px;border-radius:9px;padding:9px 12px;border:1px solid #607781;background:#22353d;color:#fff;}
.personal-risk button {cursor:pointer;}
.personal-risk button:disabled {opacity:.45;cursor:default;}
.personal-risk button:focus-visible,.personal-risk select:focus-visible {outline:2px solid #39e6ab;outline-offset:3px;}
.personal-risk table {width:100%;max-width:460px;border-collapse:collapse;margin:12px 0;}
.personal-risk th,.personal-risk td {text-align:left;padding:7px;border-bottom:1px solid #34535c;}
.personal-risk .risk-note {color:#bccdd5;font-size:.9rem;}
.personal-risk .risk-confirm {display:flex;align-items:flex-start;gap:10px;margin:16px 0;}
.personal-risk input[type=checkbox] {min-width:20px;min-height:20px;margin-top:3px;}
.personal-risk [hidden] {display:none;}
@media(max-width:520px){.personal-risk {padding:16px}.personal-risk .risk-fields>* {width:100%}.personal-risk select {width:100%}}