.legal-popup { width:min(900px, calc(100% - 40px)); max-width:900px; height:min(820px, calc(100dvh - 48px)); max-height:calc(100dvh - 48px); margin:auto; padding:0; overflow:hidden; border:1px solid #e5e7eb; border-radius:8px; background:#fff; color:#232831; box-shadow:0 16px 60px #20242b30; }
.legal-popup::backdrop { background:#20242b66; }
.legal-popup-close { position:absolute; z-index:1; top:10px; right:12px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid #e5e7eb; border-radius:6px; background:#fff; color:#232831; cursor:pointer; font:26px/1 system-ui,sans-serif; }
.legal-popup-content { height:100%; box-sizing:border-box; padding:32px 44px; overflow-y:auto; overscroll-behavior:contain; font:15px/1.75 system-ui,sans-serif; }
.legal-popup article { max-width:760px; margin:auto; }
.legal-popup h1 { margin:0 28px 24px 0; font-size:25px; line-height:1.35; }
.legal-popup h2 { margin:28px 0 14px; font-size:18px; line-height:1.4; }
.legal-popup p,.legal-popup li,.legal-popup h1,.legal-popup h2 { overflow-wrap:anywhere; }
.legal-popup ul { padding-left:22px; }
.legal-popup a { color:#a91f3d; }
@media(max-width:600px) { .legal-popup { width:calc(100% - 20px); height:calc(100dvh - 28px); max-height:calc(100dvh - 28px); } .legal-popup-content { padding:24px 18px; font-size:14px; } .legal-popup h1 { font-size:21px; margin-right:36px; } }