:root{
  --ink:#191C22; --ink-2:#434955; --muted:#565C66; --faint:#8A93A0;
  --line:#E6E8ED; --bg:#F4F5F7; --surface:#FFFFFF; --accent:#FF1744;
  /* Outfit is loaded by fonts.css and used for the wordmark only, never body. */
  --logo:"obviously","Switzer",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink-2);
  font-family:"Inter","SF Pro Text","Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  font-size:18px; line-height:1.65; -webkit-font-smoothing:antialiased; }

.doc-nav{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:900px; margin:0 auto; padding:20px 24px; }
/* The wordmark, set exactly as #landing .lp-brand sets it on the homepage:
   Outfit, uppercase, .42em. The legal pages used to carry the boxed pulse mark
   and .02em tracking, so the brand read as a different company's between the
   marketing site and the Terms. The mark is gone rather than restyled -- the
   homepage hides it too (#landing .lp-brand .mk{display:none}). */
.doc-brand{ display:inline-block; font-family:var(--logo); font-weight:600; font-style:italic;
  letter-spacing:-.08em; font-size:28px;
  color:var(--ink); text-decoration:none; }
.doc-nav nav a{ color:var(--muted); text-decoration:none; font-size:15px; font-weight:600; margin-left:18px; }
.doc-nav nav a:hover{ color:var(--ink); }

.doc{ max-width:760px; margin:0 auto; padding:20px 24px 80px; }
.doc h1{ font-family:"Söhne","PP Neue Montreal","Hanken Grotesk",Arial,sans-serif;
  font-size:34px; letter-spacing:-.02em; color:var(--ink); margin:14px 0 4px; }
.doc h2{ font-size:22px; color:var(--ink); margin:34px 0 8px; letter-spacing:-.01em; }
.doc h3{ font-size:18px; color:var(--ink); margin:22px 0 6px; }
.doc p, .doc li{ color:var(--ink-2); }
.doc strong{ color:var(--ink); }
.doc ul{ padding-left:20px; margin:8px 0; }
.doc li{ margin:6px 0; }
.doc a{ color:var(--accent); text-decoration:none; }
.doc a:hover{ text-decoration:underline; }
.doc-updated{ color:var(--faint); font-size:15px; margin:0 0 8px; }
.doc-foot{ margin-top:48px; padding-top:20px; border-top:1px solid var(--line);
  font-size:15px; color:var(--faint); }
.doc-foot a{ color:var(--muted); text-decoration:none; }
.doc-foot a:hover{ color:var(--ink); }
@media (max-width:600px){ .doc h1{ font-size:30px; } .doc-nav{ padding:16px; } }

/* Matches the homepage's own narrow-screen tightening: .42em on a 22px wordmark
   overruns a small viewport once the nav links sit beside it. */
@media(max-width:480px){ .doc-brand{ font-size:18px; letter-spacing:-.08em; } }