html.hustlebyte-legal {
  color-scheme: light;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.55;
}

html.hustlebyte-legal { background: #fff; color: #111; }

:where(html.hustlebyte-legal) a { color: #00e; text-underline-offset: .12em; }
:where(html.hustlebyte-legal) a:focus-visible { outline: 2px solid #00e; outline-offset: 3px; }

.legal-shell {
  margin: 0 auto;
  max-width: 62rem;
  padding: 0 clamp(1rem, 5vw, 3.5rem);
}

.legal-header {
  border-bottom: 1px solid #b8b8b8;
  padding: 1.5rem 0;
}

:where(html.hustlebyte-legal) main { padding: clamp(2rem, 6vw, 3.75rem) 0; }

.legal-title { margin-bottom: 2.5rem; }
.legal-title h1 { font-size: clamp(2rem, 6vw, 2.8rem); font-weight: 400; margin: 0 0 1rem; }
.legal-title p { color: #444; margin: .35rem 0; }

:where(html.hustlebyte-legal) section { margin: 2rem 0; max-width: 50rem; }
:where(html.hustlebyte-legal) section h2 { font-size: 1.2rem; margin: 0 0 .75rem; }
:where(html.hustlebyte-legal) section p { margin: .75rem 0; }

@media (max-width: 36rem) {
  .legal-shell { padding: 0 1rem; }
  :where(html.hustlebyte-legal) main { padding: 2rem 0; }
}