/* KikuSekai — guides (guides.php). À charger APRÈS legal.css : s'appuie sur .doc, .about-grid, .about-faq et .ls-more. */

.doc.guide .guide-bc { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 13px; color: var(--text3); }
.doc.guide .guide-bc a { color: var(--text2); }
.doc.guide .guide-bc a:hover { color: var(--red); text-decoration: none; }
.doc.guide .guide-meta { margin-top: 10px; color: var(--text3); font-size: 13px; }

.doc.guide .guide-toc { margin-top: 24px; padding: 16px 20px; background: var(--bg3); border: 1px solid var(--border); border-radius: var(--radius); }
.doc.guide .guide-toc b { display: block; font-family: 'Bebas Neue', sans-serif; font-weight: normal; font-size: 20px; letter-spacing: 0.5px; color: var(--text); }
.doc.guide .guide-toc ol { margin: 8px 0 0 20px; }
.doc.guide .guide-toc li { margin-top: 4px; font-size: 14px; }
.doc.guide .guide-toc a { color: var(--text2); }
.doc.guide .guide-toc a:hover { color: var(--red); text-decoration: none; }

.doc.guide h2[id] { scroll-margin-top: 90px; }

.doc.guide .guide-steps { margin: 14px 0 0 22px; }
.doc.guide .guide-steps li { margin-top: 10px; padding-left: 4px; }
.doc.guide .guide-steps li::marker { color: var(--red); font-weight: 600; }

.doc.guide .guide-tip { margin-top: 20px; padding: 14px 18px; border: 1px solid var(--border2); border-left: 3px solid var(--red); border-radius: var(--radius); background: var(--bg3); color: var(--text2); font-size: 14.5px; line-height: 1.65; }
.doc.guide .guide-tip strong { color: var(--text); }

.doc.guide .guide-help { margin-top: 28px; }

@media (max-width: 480px) {
  .doc.guide .guide-toc { padding: 14px 16px; }
}