/* A short, readable companion to the captain setup workflow. */
.guide-intro h1 { max-width: 850px; }
.guide-intro .hero-actions { margin-top: 30px; flex-wrap: wrap; }
.guide-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 90px; padding-bottom: 100px; }
.guide-nav { align-self: start; position: sticky; top: calc(125px + var(--co-evaluation-height, 0px)); }
.guide-nav ol { list-style: none; padding: 0; margin: 20px 0; }
.guide-nav li { border-top: 1px solid var(--line); }
.guide-nav li:last-child { border-bottom: 1px solid var(--line); }
.guide-nav a { display: block; padding: 14px 0; font-size: 13px; text-decoration: none; }
.guide-nav a:hover { text-decoration: underline; }
.guide-body { min-width: 0; max-width: 720px; }
.guide-section { padding: 0 0 40px; margin-bottom: 40px; border-bottom: 1px solid var(--line); }
.guide-section .eyebrow { margin-bottom: 14px; }
.guide-section h2 { font-size: clamp(36px, 4vw, 48px); margin-bottom: 22px; }
.guide-section p, .guide-section li { font-size: 15px; line-height: 1.85; color: var(--muted); }
.guide-section strong { color: var(--ink); font-weight: 600; }
.guide-section ol, .guide-section ul { padding-left: 22px; margin: 22px 0; }
.guide-section li + li { margin-top: 12px; }
.guide-section .text-link { margin-top: 18px; }
.guide-note { border-left: 2px solid var(--teal); padding: 15px 20px; background: var(--soft); margin: 24px 0; }
.guide-note p { font-size: 13px; }
.guide-note h3 { font-size: 15px; margin-bottom: 8px; }
.guide-section details { border-top: 1px solid var(--line); }
.guide-section summary { cursor: pointer; padding: 16px 0; font-size: 15px; font-weight: 500; }
.guide-section details p { padding-bottom: 20px; font-size: 14px; }
@media (max-width: 900px) {
  .guide-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 650px) {
  .guide-layout { display: block; padding-bottom: 50px; }
  .guide-nav { position: static; margin-bottom: 40px; }
  .guide-nav ol { margin-bottom: 0; }
  .guide-intro .hero-actions { align-items: flex-start; gap: 16px; }
  .guide-section { padding-bottom: 30px; margin-bottom: 30px; }
  .guide-note { padding: 14px 16px; }
}