.legal-dialog{
  width:min(920px,calc(100vw - 32px));
  max-width:none;
  max-height:min(88dvh,900px);
  padding:0;
  border:0;
  border-radius:18px;
  background:#fff;
  color:#292621;
  box-shadow:0 28px 90px rgba(24,20,16,.28);
}
.legal-dialog::backdrop{background:rgba(20,18,16,.58);backdrop-filter:blur(3px)}
.legal-dialog__panel{display:flex;max-height:inherit;flex-direction:column;min-height:0}
.legal-dialog__header{
  display:flex;
  flex:0 0 auto;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px 18px;
  border-bottom:1px solid rgba(41,38,33,.12);
  background:#fff;
}
.legal-dialog__header h2{margin:0;font:600 clamp(22px,3vw,30px)/1.2 Arial,sans-serif}
.legal-dialog__version{margin:6px 0 0;color:#746d63;font-size:13px}
.legal-dialog__close{
  width:40px;height:40px;flex:0 0 40px;
  border:1px solid rgba(41,38,33,.14);border-radius:12px;
  background:#f7f5f1;color:#292621;font:400 28px/1 Arial,sans-serif;
  cursor:pointer;
}
.legal-dialog__body{min-height:0;overflow:auto;padding:24px 26px 30px;overscroll-behavior:contain}
.legal-dialog__loading{margin:0;color:#746d63}
.legal-dialog__document{white-space:pre-wrap;font:400 15px/1.65 Arial,sans-serif}
.legal-dialog__meta{margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(41,38,33,.12);color:#746d63;font-size:13px}
@media(max-width:600px){
  .legal-dialog{
    width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);
    margin:8px auto;
    border-radius:16px;
  }
  .legal-dialog__header{padding:18px 18px 14px;gap:12px}
  .legal-dialog__body{padding:18px 18px 24px}
  .legal-dialog__document{font-size:14px;line-height:1.6}
  .legal-dialog__close{width:38px;height:38px;flex-basis:38px}
}