/* Guides: the FAQ page's look (faq.html), for long reading. */
@font-face { font-family:"Geist"; src:url(/fonts/Geist-Regular.woff2) format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Geist"; src:url(/fonts/Geist-Medium.woff2) format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Geist"; src:url(/fonts/Geist-SemiBold.woff2) format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Geist"; src:url(/fonts/Geist-Bold.woff2) format("woff2"); font-weight:700 900; font-style:normal; font-display:swap; }
:root { --ink:#0B120E; --charcoal:#2F3232; --pearl:#D9D3D1; --grey:#838585; --ember:#EC662D; }
* { box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html,body { margin:0; }
body {
  background:var(--ink); color:var(--pearl);
  font:400 17px/1.6 "Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  padding:0 22px calc(60px + env(safe-area-inset-bottom));
}
main { max-width:38rem; margin:0 auto; }
header { padding:46px 0 8px; }
.wordmark { font-size:15px; letter-spacing:.34em; font-weight:600; color:var(--pearl); text-decoration:none; }
.dot { color:var(--ember); }
a { color:var(--ember); }
.back { display:inline-block; margin-top:26px; font-size:14px; color:var(--grey); text-decoration:none; }
h1 { font-size:34px; line-height:1.15; letter-spacing:-.01em; font-weight:700; margin:14px 0 0; }
.updated { color:var(--grey); font-size:13px; margin:10px 0 0; }
.lede { color:var(--pearl); font-size:19px; line-height:1.5; margin:18px 0 6px; }
.guide h2 { font-size:22px; line-height:1.25; font-weight:700; margin:40px 0 10px; letter-spacing:-.01em; }
.guide h3 { font-size:17px; font-weight:600; margin:22px 0 6px; }
.guide p, .guide li { color:#b9b4b2; font-size:16px; line-height:1.65; }
.guide p { margin:0 0 12px; }
.guide strong { color:var(--pearl); font-weight:600; }
.guide ul, .guide ol { margin:0 0 14px; padding-left:22px; }
.guide li { margin-bottom:7px; }
.guide blockquote { margin:6px 0 16px; padding:14px 18px; border-left:3px solid var(--ember); border-radius:0 12px 12px 0; background:rgba(217,211,209,.06); }
.guide blockquote p { margin:0; color:var(--pearl); }
.table-scroll { overflow-x:auto; }
.guide table { width:100%; border-collapse:collapse; margin:6px 0 18px; font-size:15px; }
.guide th, .guide td { text-align:left; padding:9px 10px; border-bottom:1px solid rgba(131,133,133,.3); color:#b9b4b2; vertical-align:top; }
.guide th { color:var(--pearl); font-weight:600; }
.cta { margin:44px 0 10px; padding:26px 24px; border-radius:22px; background:rgba(236,102,45,.10); border:1px solid rgba(236,102,45,.35); }
.cta h2 { margin:0 0 8px !important; font-size:20px !important; }
.cta p { margin:0 0 16px !important; }
.cta a.btn { display:inline-block; background:var(--ember); color:var(--ink); text-decoration:none; font-weight:700; padding:12px 20px; border-radius:999px; font-size:15px; }
.cta-inline { margin:30px 0 8px; padding:18px 20px; border-radius:18px; }
.cta-inline p { margin:0 0 12px !important; }
.guide-list { list-style:none; margin:26px 0 0 !important; padding:0 !important; }
.guide-list li { margin:0 0 14px; padding:20px 22px; border-radius:18px; background:rgba(217,211,209,.06); }
.guide-list a { font-size:18px; font-weight:600; text-decoration:none; color:var(--pearl); }
.guide-list p { margin:6px 0 0 !important; font-size:15px !important; }
footer { border-top:1px solid rgba(131,133,133,.3); margin-top:44px; padding-top:22px; color:var(--grey); font-size:15px; }
footer p { margin:10px 0 0; }
.related { margin-bottom:6px !important; }
.related a { color:var(--pearl); }