/* fastdoc — guides (blog). Mobile-first, same tokens as the app, logo blue as brand. */
:root{--brand:#0B72D9;--brand-ink:#0957A8;--brand-soft:#e8f2fd;--mint:#0aa88a;--ink:#0f1729;--ink-2:#45506b;--ink-3:#7a869f;--line:#e6e8ef;--surface:#ffffff;--surface-2:#f5f6fa;--danger:#d64545;--danger-soft:#fdecec;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--ink:#eef1f8;--ink-2:#b3bdd4;--ink-3:#8f9ab5;--line:#2a3147;--surface:#121626;--surface-2:#1a2033;--brand-soft:#15284a;--danger-soft:#3a1a1a}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);background:var(--surface);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}
.topnav{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--line)}
.topnav .wrap{display:flex;align-items:center;gap:14px;padding-top:10px;padding-bottom:10px}
.wordmark{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.wordmark img{width:22px;height:22px}
.wordmark small{font-weight:500;color:var(--ink-3);font-size:12px}
.nav-link{font-size:14px;color:var(--ink-2);text-decoration:none}
.nav-cta{margin-left:auto;background:var(--mint);color:#fff;font-weight:700;font-size:14px;padding:9px 14px;border-radius:999px;text-decoration:none;white-space:nowrap}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
article{padding:20px 0 40px}
.breadcrumb{font-size:13px;color:var(--ink-3);margin:16px 0 0}
.breadcrumb a{color:var(--ink-3)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:16px 0 0}
h1{font-size:clamp(1.65rem,5vw,2.3rem);line-height:1.15;letter-spacing:-.02em;margin:8px 0 12px}
.lede{font-size:1.1rem;color:var(--ink-2);margin:0 0 8px}
.meta{font-size:13px;color:var(--ink-3);margin:0 0 24px}
h2{font-size:1.3rem;margin:32px 0 10px;letter-spacing:-.01em}
p,li{font-size:1rem}
ul{padding-left:20px}
a{color:var(--brand)}
.emergency{border-left:4px solid var(--danger);background:var(--danger-soft);padding:12px 16px;border-radius:0 12px 12px 0;margin:24px 0}
.emergency h2{margin-top:0}
.cta-band{background:var(--brand-soft);border:1px solid var(--line);border-radius:16px;padding:20px;margin:32px 0;text-align:center}
.cta-band p{margin:0 0 12px}
.cta{display:inline-block;background:var(--mint);color:#fff;font-weight:700;padding:12px 20px;border-radius:999px;text-decoration:none}
.price{font-size:13px;color:var(--ink-3);margin:10px 0 0}
.faq{margin:28px 0}
.faq-q{font-weight:700;margin:16px 0 4px}
.faq-a{margin:0 0 8px;color:var(--ink-2)}
.closing{font-size:13px;color:var(--ink-3);margin-top:28px;border-top:1px solid var(--line);padding-top:16px;word-break:break-word}
.blog-hero{padding:32px 0 8px}
.blog-hero h1{margin-bottom:8px}
.blog-hero p{color:var(--ink-2);margin:0}
.posts{display:grid;gap:14px;padding:16px 0 32px}
.post-card{display:block;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:inherit;background:var(--surface)}
.post-card:hover{border-color:var(--brand)}
.post-tag{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.post-card h2{margin:6px 0 6px;font-size:1.2rem}
.post-card p{margin:0;color:var(--ink-2);font-size:.95rem}
.post-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;color:var(--brand)}
.footer{border-top:1px solid var(--line);padding:28px 0;font-size:13px;color:var(--ink-3);text-align:center}
.footer a{color:var(--ink-3)}