/* Reference page only: production component dimensions remain in their own stylesheets. */
.bikefvg-style-guide > .bikefvg-wrap > .bikefvg-lead { font-size: 1rem; line-height: 1.65; max-width: 75ch; }
.bikefvg-style-guide > .bikefvg-wrap > h2 { margin-block: 3rem 1rem; }
.bikefvg-style-guide > .bikefvg-wrap > h3 { margin-block: 2rem 1rem; }
.bikefvg-style-guide .bikefvg-swatches { gap: 1rem; }
.bikefvg-style-guide .bikefvg-swatch { flex: 1 1 12rem; max-width: 18rem; min-width: 0; }
.bikefvg-style-guide .bikefvg-swatch strong { font-size: .875rem; line-height: 1.4; }
.bikefvg-style-guide .bikefvg-swatch code { font-size: .8125rem; }
.bikefvg-style-guide .bikefvg-token-row { flex-wrap: wrap; gap: .5rem 1rem; font-size: .9375rem; }
.bikefvg-style-guide .bikefvg-token-row code { overflow-wrap: anywhere; }
.bikefvg-style-guide .bikefvg-card-demo-grid { grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 24rem; }
.bikefvg-style-guide .bikefvg-h1-sample { font-family: var(--wp--preset--font-family--display); font-size: var(--wp--preset--font-size--h1, var(--bfvg-guide-h1)); line-height: .98; font-weight: 600; letter-spacing: -.045em; }
.bikefvg-style-guide .bikefvg-style-guide__services { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; max-width: 50rem; align-items: start; }
.bikefvg-style-guide__services .bikefvg-service-archive__card { min-height: 21.5rem; }
.bikefvg-style-guide__services .bikefvg-service-archive__card.is-featured-partner { grid-column: auto; grid-row: auto; }
.bikefvg-style-guide .bikefvg-color-demo-v1__buttons { margin-block: 1rem; }
.bikefvg-style-guide .bikefvg-type-sample { padding-block: 1.5rem; }
.bikefvg-style-guide .bikefvg-type-sample > .bikefvg-muted { font-size: .875rem; overflow-wrap: anywhere; }
@media (min-width: 44rem) { .bikefvg-style-guide .bikefvg-style-guide__services { grid-template-columns: repeat(2,minmax(0,1fr)); } }

/* Explicit sample geometry: archive submit alone relies on its form context. */
.bikefvg-style-guide .bikefvg-color-demo-v1__buttons { display: flex; flex-wrap: wrap; gap: .75rem; }
.bikefvg-style-guide .bikefvg-control--compact {
 display: inline-flex; align-items: center; justify-content: center;
 width: auto; max-width: 100%; min-width: 0; flex: 0 1 auto;
 border-radius: var(--wp--custom--radius--control, 12px);
 font-family: inherit; font-weight: 700; white-space: normal; overflow-wrap: anywhere;
}
.bikefvg-style-guide .bikefvg-filter-panel :is(input, select, button):focus-visible,
.bikefvg-style-guide .bikefvg-control--compact:focus-visible {
 outline: 3px solid var(--wp--preset--color--ink); outline-offset: 3px;
}

/* Real page title: same scale as the H1 specimens; stylesheet loads on Stili only. */
.bikefvg-style-guide-title {
 font-family: var(--wp--preset--font-family--display);
 font-size: var(--wp--preset--font-size--h1, clamp(2.125rem, 4vw, 3.625rem));
 font-weight: 600; line-height: .98; letter-spacing: -.045em;
 margin-block: 0; overflow-wrap: anywhere;
}