/**
 * Request Quote form (QUOT_REQUEST / QUOT / QUOH) -- page-specific overrides only. 
 */
.quote-form [data-hook="quote-interests-group"] .c-form-label {
	font-size: 1.1em;
	font-weight: 600;
}

/**
 * Keep the checkboxes one per line, but only as wide as they need to
 * be -- a single-column grid sized to `fit-content` shrinks the column
 * to whichever option's text is widest ("Recessed Well & Grid Systems"
 * today), and every row then stretches to fill that column (grid's
 * default `justify-items: stretch`), so all rows end up matching the
 * widest one automatically. No hardcoded width to keep in sync if the
 * option list changes later.
 */
.quote-form [data-hook="quote-interests-group"] .c-form-checkbox-list {
	display: grid;
	width: fit-content;
}

/**
 * Slightly larger than the framework default for readability.
 */
.quote-form [data-hook="quote-interests-group"] .c-form-checkbox__caption {
	font-size: 1.05em;
}

/**
 * Each checkbox is full-width by default (site-wide default) and the
 * site-wide focus style is on :focus-within rather than :focus-visible,
 * so checking a box drew an outline spanning the full width of its row
 * instead of around the checkbox. Suppress that, and draw a focus ring
 * on just the checkbox glyph instead, scoped to keyboard focus only.
 */
.quote-form [data-hook="quote-interests-group"] .c-form-checkbox:focus-within {
	outline: none;
}

.quote-form [data-hook="quote-interests-group"] .c-form-checkbox__input:focus-visible + .c-form-checkbox__caption:before {
	outline: var(--default-button-outline--focus);
	outline-offset: 2px;
}