/* Shared shell for the standalone content pages (terms, privacy, support...).
   Kept separate from style.css, which is the landing page's own stylesheet. */
:root{
  --blue:#0075FD;
  --ink:#131313;
  --muted:#7C7C7C;
  --rule:#e6e6e6;
  --page:82rem;
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  letter-spacing:-0.02em;
  -webkit-font-smoothing:antialiased;
  line-height:1.65;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}

.page-head{border-bottom:1px solid var(--rule)}
.page-head__in{max-width:var(--page);margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:10px}
.page-head__in a{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600;font-size:18px}
.page-head__mark{width:26px;height:26px;border-radius:7px;background:var(--blue);display:flex;align-items:center;justify-content:center}
.page-head__mark svg{width:13px;height:13px;fill:#fff}

main{max-width:44rem;margin:0 auto;padding:56px 24px 88px}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 10px}
h1{font-size:clamp(2rem,5vw,2.75rem);line-height:1.12;letter-spacing:-0.035em;margin:0 0 12px;text-wrap:balance}
.updated{color:var(--muted);font-size:14px;margin:0 0 40px}
h2{font-size:1.3rem;letter-spacing:-0.025em;margin:40px 0 10px;text-wrap:balance}
p,li{font-size:16.5px;color:#2b2b2b}
ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}
strong{font-weight:600;color:var(--ink)}

.callout{
  border:1px solid var(--rule);
  border-left:3px solid var(--blue);
  border-radius:8px;
  background:#fafbfd;
  padding:16px 18px;
  margin:28px 0;
}
.callout p{margin:0;font-size:15.5px}

.page-foot{border-top:1px solid var(--rule);margin-top:64px}
.page-foot__in{max-width:var(--page);margin:0 auto;padding:26px 24px;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.page-foot nav{display:flex;flex-wrap:wrap;gap:18px}
.page-foot a{color:var(--muted);font-size:14px}
.page-foot p{color:var(--muted);font-size:14px;margin:0}

@media (prefers-color-scheme:dark){
  :root{--ink:#ededed;--muted:#9a9a9a;--rule:#262626}
  body{background:#0e0e0e}
  p,li{color:#c9c9c9}
  .callout{background:#151515}
}