/* Shared styles for privacy / terms pages */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400;500&display=swap');

:root{
  --bg:#F7F1EA;
  --panel:#EFE6DB;
  --fg:#3A2129;
  --fg-soft:#5A3E46;
  --muted:#8B6F77;
  --accent:#C68B87;
  --rule:#D9C9BE;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--bg); color:var(--fg);
  font-family:'Inter', system-ui, sans-serif;
  font-weight:300; font-size:15px; line-height:1.75;
  letter-spacing:0.01em; -webkit-font-smoothing:antialiased;
}
.wrap{ max-width: 760px; margin: 0 auto; padding: 56px 32px 120px; }

nav.top{
  display:flex; justify-content:space-between; align-items:center;
  padding-bottom: 24px; border-bottom: 1px solid var(--rule);
  margin-bottom: 64px;
}
nav.top .brand{
  font-family:'Cormorant Garamond', serif; font-size: 20px; letter-spacing: 0.12em;
}
nav.top .brand em{ font-style: italic; color: var(--accent); }
nav.top a{ color: var(--fg-soft); text-decoration: none; font-size: 13px; }
nav.top a:hover{ color: var(--accent); }

.eyebrow{
  font-family:'Inter', sans-serif; font-size: 11px; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--muted);
  margin-bottom: 18px;
}
h1{
  font-family:'Cormorant Garamond', serif;
  font-weight: 300; font-size: clamp(44px, 6vw, 68px);
  line-height: 1.05; letter-spacing: -0.01em; margin: 0 0 12px;
}
h1 em{ font-style: italic; color: var(--accent); }
.updated{
  color: var(--muted); font-size: 13px; margin-bottom: 48px;
  padding-bottom: 24px; border-bottom: 1px solid var(--rule);
}

h2{
  font-family:'Cormorant Garamond', serif;
  font-weight: 400; font-size: 26px;
  margin: 56px 0 14px;
}
h3{
  font-family:'Inter', sans-serif; font-size: 13px;
  text-transform: uppercase; letter-spacing: 0.18em;
  font-weight: 500; color: var(--fg-soft);
  margin: 32px 0 8px;
}
p{ margin: 0 0 16px; color: var(--fg-soft); }
p strong{ color: var(--fg); font-weight: 500; }
ul{ margin: 0 0 16px; padding-left: 22px; color: var(--fg-soft); }
li{ margin-bottom: 6px; }
a{ color: var(--accent); }

.callout{
  background: var(--panel); border-left: 2px solid var(--accent);
  padding: 20px 24px; margin: 28px 0; border-radius: 0 6px 6px 0;
}
.callout p{ margin: 0; color: var(--fg); }
.callout p + p{ margin-top: 10px; }

footer{
  margin-top: 96px; padding-top: 24px;
  border-top: 1px solid var(--rule);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap: 12px;
  font-size: 12px; color: var(--muted);
}
footer a{ color: var(--muted); text-decoration: none; }
footer a:hover{ color: var(--accent); }