body {
  min-height: 100vh;
  background: var(--color-base, #f2f2f2) url('../subject_background_transparent_4k.jpg') center / cover no-repeat;
  font-family: "Quicksand", sans-serif;
}

.navcontainer {
  box-sizing: border-box;
  grid-template-columns: 135px 0 auto fit-content(100%);
}
.pagetitle h3 { margin: 0; }
.menu-container { background-color: transparent; outline: none; box-shadow: none; }

.legal-page {
  box-sizing: border-box;
  max-width: 920px;
  height: calc(100vh - 95px);
  overflow: auto;
  margin: 5px auto 30px;
  padding: 20px;
  border: 3px solid white;
  border-radius: 22px;
  background: linear-gradient(180deg, #f8fcf5, #ffffff);
  box-shadow: 0 0 5px rgba(200, 200, 200, .7);
  color: var(--color-text, #000);
}

.legal-page h1, .legal-page h2 { color: var(--color-dark, #358600); font-weight: 600; }
.legal-page h1 { margin-top: 0; margin-bottom: 18px; }
.legal-page h2 { margin-top: 28px; font-size: 1.2rem; }
.legal-page table { width: 100%; border-collapse: collapse; }
.legal-page th, .legal-page td { border: 1px solid #333; padding: 8px; text-align: left; vertical-align: top; }
.legal-page a { color: var(--color-dark, #358600); }
.legal-footer { position: fixed; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; gap: 12px; min-height: 24px; padding: 0 12px; background: var(--color-dark, #358600); color: var(--color-base, #f2f2f2); font-size: 13px; line-height: 24px; }
.legal-footer a { color: var(--color-base, #f2f2f2); }

@media (max-width: 640px) {
  .legal-page { height: auto; margin-bottom: 36px; }
  .legal-page table { font-size: 13px; }
  .legal-page th, .legal-page td { padding: 5px; }
}