html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-surface);
}

body {
  overflow-x: hidden;
}

.legal-page {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: clip;
}

.legal-page .site-header,
.legal-page .navigation-wrapper,
.legal-page .navigation-section,
.legal-page .morvessan-footer-root {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.legal-page .site-header a,
.legal-page .site-header a:visited,
.legal-page .site-header a:hover,
.legal-page .site-header a:focus,
.legal-page .site-header a:focus-visible,
.legal-page .site-header a:active,
.legal-page .morvessan-footer-root a,
.legal-page .morvessan-footer-root a:visited,
.legal-page .morvessan-footer-root a:hover,
.legal-page .morvessan-footer-root a:focus,
.legal-page .morvessan-footer-root a:focus-visible,
.legal-page .morvessan-footer-root a:active,
.legal-page .legal-main a,
.legal-page .legal-main a:visited,
.legal-page .legal-main a:hover,
.legal-page .legal-main a:focus,
.legal-page .legal-main a:focus-visible,
.legal-page .legal-main a:active {
  text-decoration: none;
    color: #ffffff;
}


.legal-page { min-height: 100vh; background: var(--color-surface); color: var(--color-on-surface); font-family: var(--font-family-body); }
.legal-main { width: min(100% - 2rem, 64rem); margin: 0 auto; padding: var(--spacing-2xl) 0 var(--spacing-4xl); }
.legal-hero { padding: var(--spacing-2xl) 0 var(--spacing-xl); }
.legal-hero p { max-width: 70ch; }
.legal-content { display: grid; gap: var(--spacing-xl); }
.legal-content section { padding: var(--spacing-xl); border: 1px solid var(--color-outline); border-radius: var(--border-radius-card); background: var(--color-surface-elevated); }
.legal-content h2 { margin-top: 0; }
.legal-content h3 { font-family: var(--font-family-heading); }
.legal-content p, .legal-content li { line-height: 1.7; overflow-wrap: anywhere; }
.legal-content a, .legal-main a { color: var(--color-secondary); text-decoration: none; }
.legal-content a:visited, .legal-main a:visited { color: var(--color-secondary); }
.legal-content a:hover, .legal-main a:hover { color: var(--color-primary); text-decoration: none; }
.legal-content a:focus, .legal-main a:focus { outline: none; }
.legal-content a:focus-visible, .legal-main a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
.legal-content a:active, .legal-main a:active { color: var(--color-accent); }
.legal-main > .site-company-legal { margin-top: 0; background: var(--color-primary); margin-bottom: 50px;}
.legal-date { color: var(--color-neutral); font-size: var(--font-size-sm); }
.not-found-panel { min-height: 45vh; display: grid; place-items: center; text-align: center; }
.not-found-panel .btn { text-decoration: none; }
@media (max-width: 767px) {
  .legal-main { width: min(100% - 1.5rem, 64rem); padding-top: var(--spacing-lg); }
  .legal-content section { padding: var(--spacing-lg); }
}