/**
 * Suggestions Checklist Panel
 * ============================================================================
 * Two-column layout: label/heading on the left, checklist items on the right.
 * Vertical padding inherited from .panel-content (panel-base.css).
 * Icon list styles inherited from .icon-list (01-base.css).
 *
 * Load order: After panel-base.css
 * ============================================================================
 */

/* Horizontal padding only — vertical padding comes from .panel-content on <section> */
.suggestions-checklist-panel .content {
	padding-left: var(--content-padding-x);
	padding-right: var(--content-padding-x);
}

/* Two-column layout (unique to this panel) */
.suggestions-checklist-panel .suggestions-layout {
	display: flex;
	align-items: flex-start;
	gap: var(--space-8);
}

.suggestions-checklist-panel .suggestions-label {
	flex: 0 0 auto;
}

.suggestions-checklist-panel .suggestions-list {
	flex: 1 1 0%;
	min-width: 0;
}

/* Override: heading is black (not brand teal) and has no bottom margin */
.suggestions-checklist-panel .panel-heading {
	color: var(--black);
	margin-bottom: 0;
}

/* ==========================================================================
   Responsive: Tablet (768px)
   ========================================================================== */

@media (width <= 768px) {
	.suggestions-checklist-panel .suggestions-layout {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-6);
	}
}