/* Guides (/guides/ and /guides/<slug>/) — design system v2 overrides, linked last in <head>.
   Orange is for buttons only: badges, inline links and card icons go neutral/blue; labels in sentence case. */
.page-badge { background: rgba(255,255,255,.04) !important; border: 1px solid var(--border-light) !important; color: var(--text-secondary) !important;
  text-transform: none !important; letter-spacing: 0 !important; font-size: var(--fs-sm) !important; font-weight: 500 !important; padding: 6px 12px !important; }
.page-badge .ico { color: var(--data); }
.guide-icon { background: rgba(124,196,250,.08) !important; color: var(--data); font-size: 1.5rem; }
.guide-icon .ico { width: 1em; height: 1em; vertical-align: 0; }
.guide-link { color: var(--link) !important; }
.guide-tag { display: inline-flex !important; align-items: center; gap: 4px; }
.guide-tag .ico { width: 1em; height: 1em; vertical-align: 0; }
.section-title { display: flex; align-items: center; gap: 10px; }
.section-title .ico { color: var(--data); }
/* box titles: readable on their tinted backgrounds, normal case */
.example-title { color: #93c5fd !important; text-transform: none !important; letter-spacing: 0 !important; font-size: var(--fs-base) !important; }
.warning-box-title { color: #fca5a5 !important; display: flex; align-items: center; gap: 8px; }
.info-box-title { color: #93c5fd !important; display: flex; align-items: center; gap: 8px; }
.tip-box-title, .rule-title, .toc-title { display: flex; align-items: center; gap: 8px; }
.warning-box-title .ico, .info-box-title .ico, .tip-box-title .ico, .rule-title .ico, .toc-title .ico { flex: none; }