/* Legal pages (privacy.html, terms.html): long-form text and the footer band. */

/* logo + wordmark as a link back to the home page */
.brand{display:inline-flex;align-items:center;gap:14px;color:inherit;text-decoration:none}

.legal{padding-block:clamp(48px,7vw,88px) clamp(64px,9vw,112px)}
.legal h1{font-size:clamp(2.3rem,5vw,3.4rem);margin-block:14px 14px}
.legal__meta{
  font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
.legal__summary,.prose{max-width:72ch}
.legal__summary{
  margin-top:clamp(28px,4vw,40px);
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  padding:22px 26px;
}
.legal__summary h2{font-size:1.06rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin-bottom:10px}
.legal__summary ul{margin:0;padding-left:1.1em}
.legal__summary li{margin-top:6px;color:var(--muted)}
.legal__summary li::marker{color:var(--rose)}

.prose{margin-top:clamp(36px,5vw,52px)}
.prose h2{
  font-size:clamp(1.3rem,2.4vw,1.6rem);letter-spacing:-.02em;line-height:1.2;
  margin:clamp(36px,5vw,48px) 0 14px;scroll-margin-top:92px;
}
.prose h2:first-child{margin-top:0}
.prose h3{margin:26px 0 8px}
.prose p,.prose ul,.prose address{margin:0 0 14px}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:6px}
.prose li::marker{color:var(--rose)}
.prose address{font-style:normal}
.prose a{color:var(--rose);text-underline-offset:2px}
.prose strong{font-weight:600}

/* "What / Why / How long" rows for each kind of data */
.facts{
  margin:0 0 14px;padding:16px 20px;display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;
  background:var(--card);border:1px solid var(--line);border-radius:14px;font-size:.95rem;
}
.facts dt{font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.facts dd{margin:0}
@media (max-width:560px){
  .facts{grid-template-columns:1fr;gap:2px}
  .facts dd{margin-bottom:10px}
}

/* dark band holding the shared footer */
.site-footer{background:var(--espresso);color:var(--cream);padding-block:28px}
.site-footer footer{margin-top:0;padding-top:0;border-top:0}