/*
 * The help page (help.html) and the features page (features.html), built on
 * css/ui.css. Only the few rules ui.css has no part for live here.
 */

/* ---------- help ---------- */
/* Each guide is a section; other pages link to its id (help#friendscamp). */
.guide-section { margin-top: 38px; scroll-margin-top: 12px; }
.guide-section .section-title { margin-bottom: 6px; }
/* The guide index chips carry their name in <strong>; keep the chip's weight. */
.guide-index .chip strong { font-weight: inherit; }
/* A short closing line under a list or steps. */
.guide-note { margin: 12px 0 0; max-width: 64ch; color: var(--muted); font-size: 13.5px; line-height: 1.5; }
/* Numbered lists inside a folded answer keep their numbers inside the panel. */
.faq details > ol, .faq details > ul { padding-left: 36px; }
.faq details li + li { margin-top: 4px; }
.faq details > ol:not(:last-child) { padding-bottom: 10px; }

/* ---------- features ---------- */
/* The Friendscamp heading is a plain <h2>: a site test looks for it as is. */
#feature-friendscamp > h2 {
  margin: 0 0 6px;
  font-family: var(--display); font-weight: 800; font-size: 26px; line-height: 1; text-transform: uppercase;
}
#feature-friendscamp .actions { margin-top: 2px; }