:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #10242a;
  background: #f4f7fa;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }

body { margin: 0; min-width: 320px; }

a { color: #075f68; }

.legal-site-header,
.legal-site-footer,
.legal-main { width: min(100% - 32px, 960px); margin-inline: auto; }

.legal-site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0;
}

.legal-brand { display: inline-flex; align-items: center; }
.legal-brand img { width: 178px; height: auto; }

.legal-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 16px; }
.legal-nav a { padding: 10px 0; font-size: .95rem; font-weight: 700; }

.legal-main { padding: 48px 0 72px; }
.legal-card {
  border: 1px solid #d6e5e7;
  border-radius: 24px;
  padding: clamp(24px, 5vw, 56px);
  background: #fff;
  box-shadow: 0 18px 50px rgb(7 21 27 / 8%);
}

.legal-eyebrow { margin: 0 0 12px; color: #087b78; font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
h1 { margin: 0; color: #07151b; font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.02; }
h2 { margin: 36px 0 10px; color: #0b1f2e; font-size: clamp(1.3rem, 3vw, 1.8rem); }
h3 { margin: 24px 0 8px; color: #0b1f2e; font-size: 1.05rem; }
p, li { max-width: 72ch; line-height: 1.65; }
.legal-lead { margin: 20px 0 0; color: #48636a; font-size: 1.1rem; }
.legal-card ul { padding-left: 1.3rem; }
.legal-card li + li { margin-top: 8px; }
.legal-meta { margin-top: 28px; color: #48636a; font-size: .9rem; }

.legal-owner-input {
  margin: 28px 0;
  border-left: 4px solid #d28a2e;
  border-radius: 10px;
  padding: 16px 18px;
  background: #fff4df;
}

.legal-owner-input strong { color: #724306; }
.legal-owner-input p { margin: 6px 0 0; }

.legal-footer-links { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.legal-site-footer { padding: 0 0 32px; color: #48636a; font-size: .9rem; }
.legal-site-footer p { margin: 8px 0 0; }

@media (max-width: 680px) {
  .legal-site-header { align-items: flex-start; flex-direction: column; }
  .legal-nav { justify-content: flex-start; }
  .legal-main { padding-top: 24px; }
  .legal-card { border-radius: 18px; }
}

@media (prefers-color-scheme: dark) {
  :root { color: #e8f3f4; background: #07151b; }
  .legal-card { border-color: #23414a; background: #0b1f2e; }
  h1, h2, h3 { color: #f4fbfb; }
  .legal-lead, .legal-meta, .legal-site-footer { color: #b4c8cb; }
  .legal-owner-input { background: #332615; }
  .legal-owner-input strong { color: #ffd79a; }
  a { color: #7ce8e5; }
}
