/* Standalone content pages (privacy, and similar) reuse style.css for
   tokens/typography/footer, but skip the single-page hero: the header here
   sits in the normal flow instead of fixed-and-hidden, so no scroll JS is
   needed to reveal it. */
.nav--static{
  position:static;
  transform:none;
  transition:none;
}

.page-title{
  background:var(--charcoal);
  padding:clamp(2.2rem,6vw,3.2rem) 0;
}
.page-title h1{
  color:#fff;
  font-size:clamp(1.6rem,3.4vw,2.2rem);
}

.page-body{
  padding:clamp(2.4rem,6vw,3.6rem) 0 clamp(3rem,7vw,4.5rem);
  max-width:70ch;
}
.page-body h3{
  margin-top:clamp(1.8rem,4vw,2.4rem);
  font-size:1.15rem;
}
.page-body h3:first-of-type{margin-top:0}
.page-body p{margin-top:0.9rem}
.page-body a{border-bottom:1px solid var(--rule-strong);transition:color .3s}
.page-body a:hover{color:var(--tan)}