/* Shared shell for the text pages (legal). Uses the same tokens and type as
   index.html so they read as the same site, without pulling in the whole
   homepage stylesheet for what is essentially prose. */
:root{
  --bg:#F7F2E9; --white:#FFFFFF; --ink:#211D19; --ink-soft:#3A342C; --muted:#79705F;
  --line:rgba(33,29,25,0.12); --accent:#9C4B2E; --gold:#B8935A;
  --serif:'Cormorant Garamond', Georgia, serif; --sans:'DM Sans', system-ui, sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans);
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
a{ color:var(--accent); text-underline-offset:3px; }
.wrap{ max-width:760px; margin:0 auto; padding:0 24px; }

.topbar{ border-bottom:1px solid var(--line); background:rgba(247,242,233,.9);
  backdrop-filter:blur(10px); position:sticky; top:0; z-index:10; }
.topbar .wrap{ display:flex; align-items:center; justify-content:space-between; height:70px; }
.brand{ font-family:var(--serif); font-size:23px; letter-spacing:.02em; color:var(--ink); text-decoration:none; }
.brand span{ color:var(--gold); }
.back{ font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); text-decoration:none; }
.back:hover{ color:var(--accent); }

main{ padding:72px 0 96px; }
.eyebrow{ font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin:0 0 14px; }
h1{ font-family:var(--serif); font-weight:500; font-size:clamp(38px,6vw,58px);
  line-height:1.05; letter-spacing:-.01em; margin:0 0 40px; }
h2{ font-family:var(--sans); font-weight:600; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--ink); margin:0 0 10px; }
section{ margin-bottom:38px; }
p{ margin:0 0 14px; color:var(--ink-soft); }
p:last-child{ margin-bottom:0; }
.updated{ margin-top:64px; padding-top:26px; border-top:1px solid var(--line);
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }