.legal-dialog{border:1px solid var(--line,#ddd5e3);padding:0;width:min(940px,calc(100% - 40px));max-width:none;height:min(860px,90dvh);max-height:90dvh;background:#f7f5f8;color:#312a38;overflow:hidden;margin:auto}
.legal-dialog::backdrop{background:#191715b8}
.legal-dialog[open]{display:flex;flex-direction:column}
.legal-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;border-bottom:1px solid #ddd5e3;background:#f7f5f8}
.legal-toolbar h2{margin:0;font:400 32px/1.2 var(--font-head,Georgia,serif);overflow-wrap:anywhere}
.legal-toolbar button{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:10px 12px;color:#312a38;background:transparent;border:1px solid #a291b2;font:12px var(--font-body,Arial,sans-serif);cursor:pointer;flex:none}
.legal-toolbar svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}
.legal-body{overflow-y:auto;overscroll-behavior:contain;padding:8px 28px 30px;font:14px/1.8 var(--font-body,Arial,sans-serif);overflow-wrap:anywhere;hyphens:auto}
.legal-body h3{font:600 18px/1.5 var(--font-body,Arial,sans-serif);margin:26px 0 12px}
.legal-body h4{font:600 15px/1.5 var(--font-body,Arial,sans-serif);margin:22px 0 10px}
.legal-body p{margin:12px 0}.legal-body a{color:#594269;text-decoration:underline;text-underline-offset:3px}
.legal-dialog :focus-visible{outline:2px solid #594269;outline-offset:3px}
footer .footer-legal{display:flex;align-items:center;gap:18px;flex-wrap:wrap}footer .footer-legal button{margin:0;min-height:44px}
@media(max-width:600px){.legal-dialog{width:calc(100% - 24px);height:94dvh;max-height:94dvh}.legal-toolbar{padding:12px 18px;gap:10px}.legal-toolbar h2{font-size:23px}.legal-toolbar button span{display:none}.legal-body{padding:4px 18px 24px;font-size:14px}.legal-body h3{font-size:17px}}

@media(max-width:360px){.legal-toolbar{padding:12px;gap:8px}.legal-toolbar h2{font-size:18px;letter-spacing:0}}