/**
 * @fileoverview Form Scaffold v1 정합성 점검 메모
 * @docRef docs/scaffold-guide/form_scaffold_v1.md
 * @docMatch 폼 루트(.cms-form) + scaffold-form-layout( layer(scaffold) ) + form-layout/form-actions( @layer component )를 연결한다.
 * @docPartial scaffold-form-input-* 는 입력 primitive를 layer(component)로 둔다(스캐폴드 > component).
 */
@import url("/public/stylesheets/shared/scaffolds/scaffold-form-layout/scaffold-form-layout.css");
@import url("/public/stylesheets/shared/scaffolds/scaffold-form-layout/scaffold-form-header.css");
@import url("/public/stylesheets/shared/scaffolds/scaffold-form-layout/scaffold-form-grid.css");
@import url("/public/stylesheets/shared/scaffolds/scaffold-form-layout/scaffold-form-box.css");
/* @import url("/public/stylesheets/shared/scaffolds/scaffold-form-layout/scaffold-form-actions.css"); */
@import url("/public/stylesheets/shared/components/form-layout/form-actions.css");

[data-scaffold-form] {
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;

	width: 100%;

	/* padding: 0.75rem 1rem; */
	border-radius: 0;

	/* background-color: var(--field); */
}

@media screen and (min-width: 768px) {
	form {
		gap: 1.25rem;

		/* padding: 1.25rem; */
		/* border-radius: var(--rounded); */
	}
}