/* Shared styles for Open Form legal pages (privacy, terms) */
:root{
  --bg:#EEEEE7; --ink:rgba(0,0,0,.85); --ink-2:rgba(0,0,0,.55);
  --rule:rgba(0,0,0,.14);
  --serif:"EB Garamond",Georgia,serif; --mono:"Space Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0d0016; --ink:rgba(255,255,255,.88); --ink-2:rgba(255,255,255,.55);
    --rule:rgba(255,255,255,.16);}
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.6;
  padding:64px 24px 96px;}
.wrap{max-width:640px;margin:0 auto;}

.site-header{margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
/* Brackets sit together to the left of the wordmark — the resting state of
   the homepage logo animation: ] [ open form */
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;}
.logo:hover{opacity:.55;}
.logo-brackets{display:inline-flex;align-items:center;gap:6px;}
.logo svg{height:19px;width:auto;display:block;}
.logo .wm{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:16px;letter-spacing:.01em;}
.header-links{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:flex;gap:14px;}
.header-links a{color:var(--ink-2);text-decoration:none;}
.header-links a:hover,.header-links a[aria-current]{color:var(--ink);}

h1{font-family:var(--serif);font-weight:500;font-size:36px;line-height:1.15;margin-bottom:6px;}
.meta{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-2);
  text-transform:uppercase;margin-bottom:32px;}
h2{font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-2);margin:34px 0 10px;}
p{margin:0 0 14px;}
ul{margin:0 0 14px;padding-left:20px;}
li{margin:4px 0;}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}

.foot{margin-top:48px;padding-top:20px;border-top:1px solid var(--rule);
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase;}
.foot a{color:var(--ink-2);}
.foot a:hover{color:var(--ink);}