/* ============================================================
   Drift — simple content pages (privacy, terms, help, support)
   Builds on styles.css (tokens, nav, footer, buttons).
   ============================================================ */

.page{
  max-width:760px;margin:0 auto;
  padding:calc(var(--nav-h) + 3rem) clamp(1.2rem,5vw,2.4rem) 4rem;
}
.page__kicker{
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;
  font-size:.74rem;color:var(--accent-deep);margin-bottom:.9rem;
}
.page__title{font-size:clamp(2.2rem,6vw,3.4rem);margin-bottom:.8rem}
.page__meta{color:var(--ink3);font-family:var(--font-mono);font-size:.82rem;margin-bottom:2.4rem}
.page__lead{font-size:1.12rem;color:var(--ink2);margin-bottom:2.4rem}

.prose h2{font-size:1.45rem;margin:2.6rem 0 .8rem;line-height:1.15}
.prose h3{font-size:1.1rem;margin:1.8rem 0 .5rem;line-height:1.2}
.prose p,.prose li{color:var(--ink2);font-size:1rem}
.prose p{margin-bottom:1rem}
.prose ul,.prose ol{margin:0 0 1.2rem 1.3rem}
.prose li{margin-bottom:.45rem}
.prose strong{color:var(--ink)}
.prose a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--indigo)}

.prose table{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.95rem}
.prose th,.prose td{text-align:left;vertical-align:top;padding:.7rem .8rem;border-bottom:1px solid var(--rule)}
.prose th{font-family:var(--font);font-weight:700;color:var(--ink);background:var(--bg-tint)}
.prose td{color:var(--ink2)}

.callout{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r-sm);
  box-shadow:var(--shadow-card);padding:1.2rem 1.4rem;margin:0 0 1.6rem;
}
.callout p:last-child{margin-bottom:0}
.callout--warn{border-left:4px solid var(--run)}

.contact-card{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r);
  box-shadow:var(--shadow-card);padding:1.6rem 1.8rem;margin:0 0 2.4rem;
}
.contact-card__label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink3);margin-bottom:.3rem}
.contact-card__email{font-family:var(--font-d);font-weight:800;font-size:1.35rem;color:var(--ink)}

.faq details{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r-sm);
  padding:1rem 1.2rem;margin-bottom:.7rem;
}
.faq summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--accent-deep);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq details p,.faq details ul{margin-top:.7rem}

/* content pages always show the solid nav (no hero underneath) */
.nav--solid{background:rgba(246,244,253,.92);backdrop-filter:saturate(160%) blur(14px);box-shadow:0 1px 0 var(--rule)}
.nav__links a[aria-current="page"]{color:var(--accent-deep)}
.page__lead a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
.page__lead a:hover{color:var(--indigo)}