/* Shared styling for the document pages (privacy, terms, contact).
   Tokens mirror index.html — same hand, quieter register. */
:root{
  --ground:#F5F3EE;
  --ground-raised:#FFFFFF;
  --ink:#1A1917;
  --ink-soft:#55534B;
  --ink-faint:#8A877D;
  --rule:#DEDACF;
  --accent:#28466B;

  --serif:"Playfair Display",Georgia,serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100%}
body{
  background:var(--ground);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.wrap{width:min(1080px,calc(100% - 3rem));margin-inline:auto}
.measure{max-width:38rem}

/* ── masthead ────────────────────────────────────────────────────── */
header{padding:1.75rem 0 0}
.masthead{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:1.5rem;flex-wrap:wrap;
  padding-bottom:.9rem;
  border-bottom:1px solid var(--rule);
}
.mark{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--ink);text-decoration:none}
.masthead nav{
  display:flex;gap:1.6rem;flex-wrap:wrap;
  font-size:.72rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
}
.masthead nav a{color:var(--ink-faint);text-decoration:none;transition:color .18s}
.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--ink)}

/* ── document body ───────────────────────────────────────────────── */
main{padding:4rem 0 5rem}

.doc-eyebrow{
  font-size:.7rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-faint);
  margin-bottom:1.2rem;
}

h1{
  font-family:var(--serif);
  font-weight:700;
  font-size:clamp(2.1rem,4vw,3rem);
  line-height:1.1;
  letter-spacing:-.012em;
  margin-bottom:.7rem;
}

.doc-dateline{
  font-size:.82rem;
  color:var(--ink-faint);
  padding-bottom:2.2rem;
  border-bottom:1px solid var(--rule);
  margin-bottom:2.6rem;
}

h2{
  font-family:var(--serif);
  font-weight:700;
  font-size:1.35rem;
  line-height:1.25;
  margin:2.8rem 0 .9rem;
}

h3{
  font-size:.78rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;
  margin:1.8rem 0 .6rem;
}

p{color:var(--ink-soft);line-height:1.68;max-width:38rem}
p + p{margin-top:1rem}
p strong{font-weight:700;color:var(--ink)}

ul.doc-list{margin:1rem 0 0 1.2rem;max-width:38rem}
ul.doc-list li{color:var(--ink-soft);line-height:1.68;margin-bottom:.55rem}
ul.doc-list li strong{font-weight:700;color:var(--ink)}

a{color:var(--accent)}
a:hover,a:focus-visible{color:var(--ink)}

/* ── contact detail block ────────────────────────────────────────── */
.detail{
  background:var(--ground-raised);
  border:1px solid var(--rule);
  border-radius:2px;
  padding:2rem 2.2rem;
  margin:2.4rem 0;
  max-width:38rem;
}
.detail dl{display:grid;grid-template-columns:9rem 1fr;gap:.85rem 1.5rem}
.detail dt{
  font-size:.7rem;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-faint);
  padding-top:.15rem;
}
.detail dd{color:var(--ink);line-height:1.55}
.detail dd a{text-decoration:none}
.detail dd a:hover,.detail dd a:focus-visible{text-decoration:underline}

/* ── colophon ────────────────────────────────────────────────────── */
footer{
  border-top:1px solid var(--rule);
  padding:2.5rem 0 3.5rem;
  font-size:.8rem;
  color:var(--ink-faint);
  line-height:1.7;
}
footer .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
footer a{color:var(--ink-soft)}
footer p{max-width:34rem;color:var(--ink-faint)}
footer .legal-name{font-weight:700;color:var(--ink-soft)}
.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:.5rem}

a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

@media (max-width:600px){
  body{font-size:16px}
  main{padding:2.5rem 0 3.5rem}
  .masthead{flex-direction:column;align-items:stretch;gap:.7rem}
  .masthead nav{gap:.7rem 1rem;font-size:.66rem;width:100%}
  .detail{padding:1.5rem 1.4rem}
  .detail dl{grid-template-columns:1fr;gap:.2rem}
  .detail dd{margin-bottom:.9rem}
}