.gubot-inquiry {
	box-sizing: border-box;
	width: min(52rem, calc(100% - 2rem));
	margin: 3rem auto;
	padding: clamp(1rem, 4vw, 2.5rem);
	background: #f6f7f9;
	color: #17212b;
	border: 1px solid #d8dee5;
	border-radius: 0.75rem;
}
.gubot-inquiry h2 {
	margin: 0 0 1.25rem;
	color: inherit;
}
.gubot-inquiry form,
.gubot-inquiry label,
.gubot-inquiry-fields {
	display: grid;
	gap: 0.75rem;
}
.gubot-inquiry form {
	gap: 1rem;
}
.gubot-inquiry-fields {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}
.gubot-inquiry input:not([hidden]),
.gubot-inquiry textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 0.625rem;
	border: 1px solid #7d8995;
	border-radius: 0.25rem;
	background: #fff;
	color: inherit;
	font: inherit;
}
.gubot-inquiry [hidden] {
	display: none;
}
.gubot-inquiry button {
	justify-self: start;
	padding: 0.65rem 1rem;
	border: 0;
	border-radius: 0.25rem;
	background: #173550;
	color: #fff;
	font: inherit;
	cursor: pointer;
}
.gubot-inquiry :focus-visible {
	outline: 2px solid #175ea8;
	outline-offset: 3px;
}