/* Void Finance: the public search pages (/markets, /markets/<view>, /coins/<coin>; tools/seo/pages.mjs,
   docs/design/search-pages/brief.md). Laid over site.css's prose page; only the site's own tokens. */
.guide .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-bottom: 20px; color: var(--muted); font-size: 0.92rem; }
.guide .crumbs a { padding-block: 12px; color: var(--sky); }
.guide .crumb-sep { color: var(--faint); }
.guide .lede { max-width: 36em; margin-top: 16px; }
.guide-shot { max-width: 100%; margin: 24px 0 0; }
.guide-shot img { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--panel-solid); }
.guide-shot figcaption { margin-top: 8px; color: var(--muted); font-size: 0.88rem; }
.prose .guide-open { margin-top: 18px; }
.prose .guide-open .btn { padding-block: 8px; text-decoration: none; }
.prose .guide-coins { display: flex; flex-wrap: wrap; gap: 0 20px; max-width: none; }
.prose .guide-list { padding-left: 0; list-style: none; }
.prose .guide-list li { display: grid; gap: 2px; margin-top: 12px; padding-left: 0; }
.prose .guide-list a { padding-block: 10px 0; font-weight: 600; }
.prose .guide-list span { color: var(--soft); }
.prose .guide-note { margin-top: 40px; color: var(--muted); font-size: 0.92rem; }