/* Shared styling for the legal pages (/privacy, /terms). Same palette and type
   as the landing page, stripped back to something readable at length. */
:root{
  --bg:#faf8f2; --surface:#ffffff;
  --ink:#151310; --ink2:#39342b; --muted:#6b6456;
  --line:#e7e1d3; --line2:#d5cdba;
  --forest:#1e6b3c; --forest2:#175430; --tint:#e9f0eb;
  --disp:'Anton','Archivo',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--forest); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}

.topbar{border-bottom:1px solid var(--line); background:rgba(250,248,242,.9); position:sticky; top:0; backdrop-filter:blur(10px)}
.topbar .wrap{display:flex; align-items:center; justify-content:space-between; height:64px; gap:12px}
.brand{display:flex; align-items:center; gap:10px; color:var(--ink)}
.brand:hover{text-decoration:none}
.brand .mark{width:32px;height:32px;border-radius:8px;background:var(--forest);display:grid;place-items:center;flex-shrink:0}
.brand .mark svg{width:100%;height:100%;display:block}
.brand .name{font-family:var(--disp); font-size:21px; letter-spacing:.03em}
.topbar .back{font-size:14px; font-weight:600; color:var(--muted); white-space:nowrap}

header.doc{padding:56px 0 30px}
header.doc .kicker{
  font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase;
  color:var(--forest); display:block; margin-bottom:14px;
}
header.doc h1{font-family:var(--disp); font-size:clamp(38px,7vw,60px); line-height:1; letter-spacing:.01em; font-weight:400}
header.doc .updated{margin-top:14px; font-size:14px; color:var(--muted)}
header.doc .lede{margin-top:22px; font-size:17.5px; color:var(--ink2)}

main{padding-bottom:70px}
h2{
  font-size:20px; font-weight:800; letter-spacing:-.2px; margin:38px 0 10px;
  padding-top:26px; border-top:1px solid var(--line);
}
h3{font-size:16px; font-weight:800; margin:22px 0 6px}
p{margin:0 0 14px; color:var(--ink2)}
ul{margin:0 0 16px 20px; color:var(--ink2)}
li{margin-bottom:8px}
strong{color:var(--ink)}
.callout{
  background:var(--tint); border:1px solid rgba(30,107,60,.2); border-left:4px solid var(--forest);
  border-radius:10px; padding:16px 18px; margin:22px 0;
}
.callout p:last-child{margin-bottom:0}
table{width:100%; border-collapse:collapse; margin:8px 0 20px; font-size:15px}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted)}
.tablewrap{overflow-x:auto}

footer{border-top:1px solid var(--line); padding:28px 0 46px; font-size:14px; color:var(--muted)}
footer .links{display:flex; gap:20px; flex-wrap:wrap; margin-bottom:12px}