/* SHARED·GUIDEFOOTER (448) — the full-width tappable strip at the foot of every logger, linking
 * to that tool's guide article. Copy-first port off logger-surface.css's own `.lg-guide-foot`
 * block — class name unchanged for check 65. Present, byte-consistent, unconditional across all
 * six kept tool sources (bottle.js, breast.js, nappy.js, multi-nappy.js, sleep.js,
 * sleep-duration.js) — one resting state is this row's whole surface; no open/closed, no
 * variants in any kept source.
 *
 * ⚠️ ONE DELIBERATE DEVIATION FROM THE KEPT SOURCE: the resting text colour. The kept source
 * uses --accent (teal-600) directly on the page ground, which measures 3.41:1 here — under the
 * 4.5:1 body-text floor (check: contrast-audit). --accent-hover (teal-700) clears both grounds
 * this row appears on (4.69:1 cream, 5.82:1 surface-card) and is already this app's own darker
 * teal for exactly this situation elsewhere. A hard accessibility gate, not a style opinion —
 * ported everything else byte-for-byte, fixed only the one value that fails WCAG. */
.lg-guide-foot { display: flex; align-items: center; gap: var(--space-8); width: 100%;
  margin-top: var(--space-24); background: none; border: 0; padding: var(--space-12) 0;
  color: var(--accent-hover); font-family: var(--font-body); font-size: var(--text-body-sm);
  cursor: pointer; text-align: left; }
.lg-guide-foot svg { width: var(--dim-16); height: var(--dim-16); flex: 0 0 auto; }
.lg-guide-foot svg:last-child { margin-left: auto; }
.lg-guide-foot:active { color: var(--teal-800); }