/* Shared styles for the privacy, terms, and support pages. */
:root{
  --espresso:#1a1612; --stone:#3d3630; --bronze:#8c7051; --sand:#bfa97e;
  --cream:#f7f4ef; --parchment:#eee9e0; --border:#e6dfd4; --muted:#8a7e72; --secondary:#6b5f53;
}
*{box-sizing:border-box;margin:0}
body{background:var(--parchment);color:var(--espresso);font-family:"DM Sans",system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 32px;flex:1;display:flex;flex-direction:column}
main{flex:1}

nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
.brand{display:flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em}
.brand img{width:28px;height:28px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--espresso);color:var(--cream);font-size:14px;font-weight:500;transition:background .2s}
.pill:hover{background:var(--stone)}

.doc{max-width:720px;margin:48px auto 96px;background:var(--cream);border:1px solid var(--border);border-radius:20px;padding:48px}
.doc .eyebrow{font-family:"DM Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.doc h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(36px,5vw,52px);line-height:1;letter-spacing:-.03em;margin-bottom:16px}
.doc h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;margin:36px 0 10px}
.doc p,.doc li{color:var(--secondary)}
.doc p+p{margin-top:12px}
.doc ul{padding-left:20px;margin-top:10px}
.doc li+li{margin-top:6px}
.doc strong{color:var(--espresso);font-weight:500}
.doc a{color:var(--bronze);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.doc address{font-style:normal;color:var(--secondary);margin-top:10px}

footer{padding:24px 0 48px;font-family:"DM Mono",monospace;font-size:12px;color:var(--muted);letter-spacing:.06em;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;border-top:1px solid var(--sand)}
footer nav{padding:0;gap:20px;justify-content:flex-start}
footer a:hover{color:var(--espresso)}

@media (max-width:860px){
  .wrap{padding:0 16px}
  .doc{padding:28px 20px;margin:24px auto 64px}
}