html:has(#legal-dialog[open]){overflow:hidden}
#legal-dialog{max-height:calc(100dvh - 24px)}
#legal-dialog .legal-header{padding-bottom:14px}
.legal-nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.legal-nav a{font-size:11px;line-height:1.4;display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:1px solid #c4b3cc;border-radius:4px;color:#593a72;text-decoration:none}.legal-nav a[aria-current]{background:#6940b7;color:#fffaf0;border-color:#6940b7}
#legal-dialog [hidden]{display:none!important}
#legal-dialog .legal-content h2:focus{outline:2px solid #6940b7;outline-offset:5px;border-radius:2px}
#legal-dialog a:focus-visible,#legal-dialog button:focus-visible{outline:2px solid #6940b7;outline-offset:3px}
#legal-dialog .close-dialog{min-width:44px;min-height:44px}
@media(max-width:700px){#legal-dialog .legal-header{padding-top:18px;padding-bottom:12px}#legal-dialog .legal-header h2{font-size:26px;margin-top:8px}.legal-nav{margin-top:12px}.legal-nav a{min-height:40px;font-size:10px}#legal-dialog .legal-content{padding-top:18px;padding-bottom:18px}}