/* Styles for src/components/guide-body.js and nothing else. */

.guide-body h3 { margin: var(--s-3) 0 var(--s-1); }
.guide-body__summary { color: var(--c-text-gray); }

.guide-body__steps { padding-left: 20px; }
.guide-body__steps > li { margin-bottom: var(--s-2); }
.guide-body__step { font-weight: 600; }
.guide-body__detail { color: var(--c-text); margin-top: 1px; }
.guide-body__try { display: inline-block; margin-top: 2px; }

.guide-body__problem { border: 1px solid var(--c-etched); padding: 4px 8px; margin-bottom: 4px; background: var(--c-window); }
.guide-body__symptom { font-weight: 600; }
.guide-body__fix { color: var(--c-text); }

.guide-body__source, .guide-body__related { font-size: var(--t-xs); color: var(--c-text-gray); margin-top: var(--s-3); }
.guide-body--compact .guide-body__steps > li { margin-bottom: 4px; }