.modal-overlay.show{display:flex}.modal{background:#fff;border-radius:16px;border:1px solid var(--border);box-shadow:0 24px 60px rgba(2,6,23,.35);width:min(820px,100%);max-height:85vh;display:grid;grid-template-rows:auto 1fr auto;transform:translateY(8px) scale(.98);opacity:0}.modal-overlay.show .modal{animation:modalIn .22s cubic-bezier(.22,.85,.33,1) forwards}.modal-header{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}.modal-title{margin:0;font-size:18px;font-weight:900;letter-spacing:-.01em}.modal-close{appearance:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:800}.modal-close:hover{background:#e2e8f0;border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.25)}.modal-close:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(14,165,233,.35)}.modal-body{padding:16px 18px;overflow:auto;display:grid;gap:12px;color:#0b2540}.modal-body h3{margin:10px 0 0;font-size:16px;letter-spacing:-.01em}.modal-body h4{margin:6px 0 0;font-size:14px;color:#334155}.modal-body p{margin:0;line-height:1.6;color:#0b2540}.modal-body ul{margin:6px 0 0 18px;display:grid;gap:6px;list-style:disc}.modal-body li::marker{color:var(--brand)}.modal-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:8px;background:#fff}.modal-footer .qa{margin-right:auto;display:flex;flex-wrap:wrap;gap:8px}.modal-footer .qa .btn,.modal-footer .qa .btn-outline{padding:8px 12px;border-radius:10px}.note{font-size:12px;color:#475569}