.account-legal-dialog { box-sizing: border-box; width: min(760px, calc(100vw - 24px)); max-height: 88vh; max-height: 88dvh; margin: auto; padding: 0; border: 1px solid #31546b; border-radius: 18px; background: #071a2b; color: #e5eef6; box-shadow: 0 24px 80px #0009; }
.account-legal-dialog::backdrop { background: #020913c9; }
.account-legal-dialog[open] { display: flex; flex-direction: column; }
.account-legal-header { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #31546b; }
.account-legal-header h2 { margin: 0; font-size: 1.25rem; }
.account-legal-content { overflow-y: auto; overscroll-behavior: contain; padding: 20px; line-height: 1.65; }
.account-legal-content .info-hero { padding: 0 0 16px; }
.account-legal-content .info-hero h1 { font-size: clamp(1.6rem, 5vw, 2.5rem); }
.account-legal-content .info-card { margin-bottom: 16px; }
.account-legal-dialog :focus-visible { outline: 2px solid #36e4ee; outline-offset: 3px; }