:root{
  --ink:#191C22; --ink-2:#434955; --muted:#565C66; --faint:#8A93A0;
  --line:#E6E8ED; --bg:#F4F5F7; --surface:#FFFFFF; --accent:#FF1744;
}
*{ 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; }
.doc-brand{ display:flex; align-items:center; gap:9px; font-weight:800; letter-spacing:.02em;
  color:var(--ink); text-decoration:none; font-size:22px; text-transform:uppercase; }
.doc-brand .mk{ width:30px; height:30px; border-radius:9px; background:var(--ink);
  display:grid; place-items:center; color:#fff; }
.doc-brand .mk svg{ width:18px; height:18px; }
.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; } }