/* A small reading layout for workflows and context on tool pages. */
.guide-head { max-width: 75ch; }
.guide-head .lede { max-width: 63ch; }
.guide-index { padding: 10px 0 42px; max-width: 940px; }
.guide-list { margin: 0; padding: 0; list-style: none; counter-reset: notes; border-top: 1px solid var(--rule); }
.guide-list li { counter-increment: notes; display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.guide-list li::before { content: counter(notes, decimal-leading-zero); color: var(--muted); font: .77rem/2 var(--mono); }
.guide-list a { font-weight: 740; text-decoration-thickness: .06em; }
.guide-list p { margin: 3px 0 0; color: var(--muted); font-size: .91rem; }
.guide-body { max-width: 76ch; padding-top: 20px; }
.guide-body section { scroll-margin-top: 15px; }
.guide-body section + section { margin-top: 28px; }
.guide-body h2 { font-size: clamp(1.55rem, 4vw, 2.1rem); }
.guide-body pre { max-width: 100%; margin: 12px 0; padding: 13px; background: #e9edde; border-left: 3px solid var(--rule); white-space: pre-wrap; overflow-wrap: anywhere; font: .88rem/1.55 var(--mono); }
.guide-path { margin: 0 0 24px; padding: 12px 15px; border: 1px solid var(--line); background: #eef0e5; max-width: 78ch; }
.guide-path p { margin: 0 0 7px; color: var(--muted); font-size: .84rem; }
.guide-path ul, .next-workflow ul { margin: 0; padding-left: 1.25rem; }
.guide-path li, .next-workflow li { margin-bottom: 4px; }
.next-workflow { margin: 0 0 30px; padding: 11px 0 12px; border-block: 1px solid var(--line); max-width: 76ch; }
.next-workflow h2 { margin: 0 0 6px; font: 680 .78rem/1.3 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.next-workflow p { margin: 0 0 7px; }
.next-workflow a { text-underline-offset: .17em; }
@media (min-width: 851px) { .home-hero + .editor .tool-shelf { max-height: min(68vh, 660px); overflow: auto; } }
@media (max-width: 500px) { .guide-list li { grid-template-columns: 1.7rem minmax(0, 1fr); } }