/* Styles scoped to the editorial page: the home and demo are unchanged. */
.guide { max-width:760px; padding-block:58px 90px; }
.guide-back { font-size:15px; color:var(--muted); }
.guide header { padding:36px 0 42px; border-bottom:1px solid var(--line); }
.guide h1 { font-size:32px; }
.guide .lead { font-size:20px; color:#ddd; margin-top:18px; }
.guide section { padding-top:44px; }
.guide h2 { font-size:23px; line-height:1.45; }
.guide h3 { font-size:18px; margin-top:28px; }
.guide p { margin-top:20px; font-size:18px; line-height:1.85; font-weight:400; color:#b8bfc4; }
.guide-action { margin-top:44px; border-top:1px solid var(--line); padding-top:32px; }
.guide-action a { display:inline-block; padding:12px 26px; border:1px solid var(--blue); border-radius:999px; font-size:14px; }
nav a[aria-current="page"] { color:var(--blue); }
@media(max-width:760px) { .guide { padding-block:32px 60px; } .guide h1 { font-size:28px; } .guide h2 { font-size:22px; } }