/* ⓘ guide cards (guide_cards.js) — the per-tab Guide folded into a playbook card, a grid of
   definition tiles with a filter box, and a one-line method. Theme tokens only, so every skin
   and both modes carry it; the fold bullets/"more" reuse tip_cards.css (.tcb-*). */

/* playbook: chips for what to filter on, the reasoning folded */
.guide-pb .guide-pb-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 6px; }
.gc-chips { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.gc-chip {
  font-size: 11.5px; font-weight: 600; line-height: 1.6; padding: 0 9px; border-radius: 999px;
  color: var(--text); background: var(--accent-soft); white-space: nowrap;
}
.gc-chip-warn { color: var(--bear); background: var(--bear-bg); }
.gc-prose { margin: 0 0 8px; }
.gc-prose:last-child { margin-bottom: 0; }
.metric-guide p.gc-lead { margin: 0; color: var(--text); font-size: 13px; line-height: 1.5; max-width: 1100px; }
.metric-guide .gc-pts { margin-top: 4px; max-width: 1100px; font-size: 12.5px; }
.gc-desc { font-size: 13px; }

/* definitions: the filter box (the tile grid itself is .tcb-grid in tip_cards.css) */
.gc-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0 2px; }
.gc-find {
  width: min(260px, 100%); padding: 4px 10px; font: inherit; font-size: 12px;
  color: var(--text); background: var(--bg); border: 1px solid var(--border); border-radius: 7px;
}
.gc-find:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-soft); }
.gc-count { font-size: 11px; color: var(--muted); }
.metric-guide .gc-bar + .guide-sec { margin-top: 8px; }
/* method: one line in the open, the essay behind "Full method" */
.method.gc-method { font-size: 12px; color: var(--text); }
.method.gc-method .gc-sec-h { margin: 0 0 4px; padding-top: 0; border-top: 0; }
.method.gc-method .gc-lead { font-size: 12.5px; }
.gc-method-more .gc-pts { font-size: 12px; }

/* CAPS emphasis and signed figures inside the Guide, as on the hover cards */
.metric-guide .tc-em { font-weight: 700; font-variant-caps: all-small-caps; letter-spacing: 0.02em; }
.metric-guide .tc-up { color: var(--bull); font-weight: 700; }
.metric-guide .tc-dn { color: var(--bear); font-weight: 700; }