/* Static guide/article pages (crawlable, outside the Blazor app). Reuses app.css
   for the dark theme + font; this adds readable long-form article styling. */
.guide { max-width: 720px; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
.guide h1 { font-size: 2rem; margin-bottom: 1rem; line-height: 1.2; }
.guide h2 { font-size: 1.3rem; margin: 2rem 0 .75rem; }
.guide p, .guide li { color: #cfd3dc; line-height: 1.65; }
.guide ul { padding-left: 1.25rem; }
.guide li { margin-bottom: .5rem; }
.guide a { color: #9fd6ad; }
.guide a:hover { color: #cdeed6; }
.guide .lead { font-size: 1.1rem; color: #e6e9ef; }
.guide .cta { display: inline-block; margin-top: 1.5rem; padding: .6rem 1.4rem;
    background: #2a7a2a; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; }
.guide .cta:hover { background: #35913a; color: #fff; }
.guide-nav { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.15);
    font-size: .95rem; display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }