.legal-main,
.not-found-main {
  background: var(--color-surface);
  color: var(--color-on-surface);
  min-height: 60vh;
}
.legal-hero {
  padding: var(--spacing-3xl);
  background: var(--color-primary);
  color: var(--color-on-primary);
}
.legal-container {
  width: min(100%, var(--content-max-width));
  margin: 0 auto;
  padding: var(--spacing-xl);
}
.legal-eyebrow {
  margin: 0 0 var(--spacing-sm);
  color: var(--color-secondary);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.legal-hero h1 {
  margin: 0 0 var(--spacing-md);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-4xl);
  line-height: var(--line-height-heading);
}
.legal-intro {
  max-width: 760px;
  font-size: var(--font-size-lg);
}
.legal-updated {
  margin-top: var(--spacing-md);
  opacity: .85;
}
.legal-company-panel {
  width: min(calc(100% - 2rem), var(--content-max-width));
  margin: var(--spacing-2xl) auto;
  padding: var(--spacing-xl);
  border: 1px solid var(--color-outline);
  border-left: 5px solid var(--color-secondary);
  border-radius: var(--border-radius-lg);
  background: var(--color-surface-elevated);
}
.legal-company-panel h2,
.legal-section h2 {
  margin: 0 0 var(--spacing-md);
  font-family: var(--font-family-heading);
  font-size: var(--font-size-2xl);
}
.legal-company-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--spacing-md);
}
.legal-company-grid p,
.legal-section p {
  margin: 0;
  overflow-wrap: anywhere;
}
.legal-company-panel a,
.legal-company-panel a:visited,
.legal-content a,
.legal-content a:visited {
  color: var(--color-primary);
  text-decoration: none;
}
.legal-company-panel a:hover,
.legal-content a:hover,
.legal-company-panel a:focus-visible,
.legal-content a:focus-visible {
  color: var(--color-secondary);
  text-decoration: none;
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.legal-content {
  display: grid;
  gap: var(--spacing-lg);
  padding-top: 0;
  padding-bottom: var(--spacing-3xl);
}
.legal-section {
  padding: var(--spacing-xl);
  border: 1px solid var(--color-outline);
  border-radius: var(--border-radius-lg);
  background: #fff;
}
.not-found-section {
  min-height: 65vh;
  display: grid;
  place-items: center;
  padding: var(--spacing-3xl);
}
.not-found-card {
  width: min(100%, 700px);
  text-align: center;
  padding: var(--spacing-3xl);
  border-radius: var(--border-radius-xl);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-level-2);
}
.not-found-card h1 {
  margin: 0;
  font-family: var(--font-family-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  color: var(--color-primary);
}
.not-found-card h2 { margin: 0 0 var(--spacing-md); }
.not-found-card p { margin: 0 0 var(--spacing-xl); }
@media (max-width: 767px) {
  .legal-hero { padding: var(--spacing-xl); }
  .legal-container { padding: var(--spacing-md); }
  .legal-company-panel,
  .legal-section { padding: var(--spacing-lg); }
  .legal-company-grid { grid-template-columns: 1fr; }
  .not-found-section,
  .not-found-card { padding: var(--spacing-lg); }
  .legal-hero h1, .legal-section h2 {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
  }
}