/* Training pack selection uses the workspace palette and native dialog focus management. */
.v22-pack-picker{box-sizing:border-box;width:min(860px,calc(100% - 32px));max-height:85dvh;padding:30px;border:1px solid var(--line,#e2e5ed);border-radius:22px;background:#fff;color:#202638;box-shadow:0 28px 90px #12152b44;font-family:var(--body,system-ui)}
.v22-pack-picker::backdrop{background:#12152b99;backdrop-filter:blur(5px)}
.v22-pack-picker h2{margin:10px 0;font:800 clamp(24px,4vw,36px)/1.1 var(--display,system-ui);letter-spacing:-.035em}
.v22-pack-picker>p{max-width:660px;color:#626c80;font-size:14px;line-height:1.6}
.v22-pack-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.v22-pack-choice{display:grid;gap:8px;min-height:122px;padding:18px;text-align:left;border:1px solid #dedeea;border-radius:14px;background:#fafaff;color:#202638;cursor:pointer;font-family:inherit}
.v22-pack-choice strong{font-size:15px}.v22-pack-choice span{color:#626c80;font-size:12px;line-height:1.5}.v22-pack-choice small{color:var(--purple,#5b37f2);font-size:12px;font-weight:700}
.v22-pack-choice:hover{border-color:var(--purple,#5b37f2);background:#f2efff}.v22-pack-choice:focus-visible{outline:3px solid var(--purple,#5b37f2);outline-offset:3px}
.v22-pack-picker-footer{display:flex;justify-content:flex-end;margin-top:20px}
.v22-pack-switch{padding:8px 11px;white-space:nowrap}
@media(max-width:580px){.v22-pack-picker{padding:22px}.v22-pack-picker-grid{grid-template-columns:1fr}.v22-top-actions{flex-wrap:wrap}}

@media(max-width:580px){.v22-topbar:has(.v22-pack-switch:not([hidden])){height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:12px 16px}}