/* Legal pages share the established Quiet Star system in brand-site-v2.css. */
.legal-page main {
  background:var(--ivory);
  color:var(--ink);
  color-scheme:light;
}

.legal-hero {
  padding:82px 0 72px;
  background:var(--ink);
  color:var(--ivory);
  color-scheme:dark;
}

.legal-hero-inner,.legal-content {
  width:min(1040px,calc(100% - 96px));
  margin-inline:auto;
}

.legal-label {
  margin-bottom:24px;
  color:var(--gold);
  font-size:11px;
  font-weight:550;
  line-height:1.5;
  letter-spacing:.17em;
}

.legal-hero h1 {
  font-size:clamp(48px,6.1vw,86px);
  line-height:1.2;
}

.legal-date {
  margin-top:25px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.06em;
}

.legal-content {
  padding-block:76px 96px;
}

.legal-intro {
  margin-bottom:32px;
  padding-bottom:36px;
  border-bottom:1px solid var(--dark-line);
  font-family:var(--serif);
  font-size:clamp(24px,3vw,32px);
  line-height:1.65;
}

.legal-section {
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:25px;
  padding-block:30px;
  border-bottom:1px solid var(--dark-line);
}

.legal-number {
  color:#616654;
  font-size:11px;
  letter-spacing:.12em;
  padding-top:7px;
}

.legal-section h2 {
  margin-bottom:14px;
  font-size:30px;
  line-height:1.4;
  letter-spacing:-.025em;
}

.legal-section p {
  color:#67675c;
  font-size:16px;
  line-height:1.95;
  overflow-wrap:anywhere;
}

.legal-section a {
  color:#434b3b;
  text-underline-offset:4px;
}

.legal-content a:focus-visible {
  outline-color:#6f755e;
}

@media(max-width:1100px) {
  .legal-hero-inner,.legal-content {
    width:calc(100% - 64px);
  }
}

@media(max-width:650px) {
  .legal-hero-inner,.legal-content {
    width:calc(100% - 44px);
  }
  .legal-hero {
    padding-block:48px 52px;
  }
  .legal-label {
    font-size:10px;
    margin-bottom:21px;
  }
  .legal-hero h1 {
    font-size:clamp(40px,11vw,64px);
  }
  .legal-date {
    margin-top:23px;
    font-size:11px;
  }
  .legal-content {
    padding-block:52px 67px;
  }
  .legal-intro {
    padding-bottom:28px;
    margin-bottom:18px;
  }
  .legal-section {
    grid-template-columns:28px minmax(0,1fr);
    gap:14px;
    padding-block:27px;
  }
  .legal-section h2 {
    font-size:25px;
    margin-bottom:12px;
  }
}