/* ==========================================================================
   sidebar.css — widget area
   ========================================================================== */

@layer components {
	.widget-area {
		margin-top: var(--space-lg);
		padding-top: var(--space-lg);
		border-top: 1px solid var(--color-border);
	}

	.widget {
		margin-bottom: var(--space-md);
	}

	.widget-title {
		font-size: 1.125rem;
		margin-bottom: var(--space-xs);
	}
}