/* Style Guide pane (/brands?page=style-guide) — pane-specific rules only.
 *
 * All layout/typography classes (.brand-guideline-*, .div-block-*,
 * .text-block-*, .general-icons-*, .general-pictograms-*, .w-col-*, etc.) are
 * served globally by webflow.css. The rules below are the ones the live site
 * ships in its head <style> (not in webflow.css) plus one structural helper for
 * our deduplicated single-sidebar markup. */

/* Active sidebar item — navy, and bold when inside a grouped menu (matches the
 * live inline <style>). Our sidebar items are always inside a
 * .brand-guideline-menu-group[data-group-name], so both rules apply. */
.brand-guideline-menu.c-active {
  color: #10405a;
}
.brand-guideline-menu-group[data-group-name] .brand-guideline-menu.c-active {
  color: #10405a;
  font-weight: bold;
}

/* We wrap each sidebar group (heading + list + divider) in a container so the
 * three groups stay in source order. display:contents makes the wrapper
 * transparent to layout, preserving the live .brand-guideline-menu-block flow. */
.sg-menu-group-wrap {
  display: contents;
}