/* =========================== */
/* ========== FORM ========== */
/* =========================== */

.problem-form-container {
	padding-bottom: 5em;
}

.form-step-header {
	font-size: 1.1em;
	letter-spacing: 0.1em;
	color: #000;
	text-transform: uppercase;
	margin: 2em 0 1em 0;
}

.form-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-rows: minmax(0, auto);
}

.form-container > div {
	background: var(--main-background-box);
	border-radius: var(--main-border-radius-canvas-box);
}

.form-container { padding-bottom: 60px; }

/* =========================== */
/* ========== MODAL ========== */
/* =========================== */

.grid-buttons-modal {
	display: grid;
	grid-template-columns: 1fr minmax(30px, auto) minmax(0, auto);
}

.grid-buttons-modal > div:nth-child(2) {
	display: grid;
	justify-items: center;
	align-items: center;	
}

/* ==================================== */
/* ========== METHOD IN FORM ========== */
/* ==================================== */

.form-method[open] > :not(summary) {
	background: #f6f8fb;
	padding: 1.1em 1.2em 1.3em 1.2em;
}

#method-step,
.method-step {
	text-transform: none;
	font-size: 1em;
	letter-spacing: 0;
	line-height: 1.65;
}

#method-step ul,
.method-step ul,
.method-step ol {
	margin: 0;
	padding-left: 1.35em;
}

#method-step li,
.method-step li {
	margin: 0.4em 0;
	padding-left: 0.2em;
}

.method-question {
	display: inline-block;
	font-weight: 700;
	letter-spacing: 0.05rem;
	font-size: 1.05em;
	color: #13253f;
	margin-bottom: 0.25em;
}

.method-step ol {
	list-style-type: lower-alpha;
	letter-spacing: 0.01rem;
}

.method-step ol ul {
	list-style-type: square;
	margin-left: 0 !important;
}

.method-facts-table {
	padding-left: 30px;	
}

.method-facts-table-content td {
	font-size: 14px !important;
	letter-spacing: .01rem;
}

.method-facts-labels {
	background-color: #808080;
	color: #ffffff;
}

.method-facts-center {
	text-align: center;
}

.method-facts-post-text {
	padding-left: 30px;
}