/**
 * Breakpoints: 768 tablet, 1024 desktop, 1280 large.
 * Logical properties keep RTL intact.
 */

.meem-page {
	padding-block: 2rem;
}

.meem-page__content,
.meem-contact-form input,
.meem-contact-form textarea {
	max-width: 100%;
}

.meem-contact {
	display: grid;
	gap: 1.5rem;
}

.meem-contact-form label {
	display: block;
	font-weight: 600;
	margin-block-end: 0.35rem;
}

.meem-contact-form input,
.meem-contact-form textarea {
	width: 100%;
	border: 1px solid var(--meem-color-border);
	border-radius: 8px;
	padding: 0.6rem 0.75rem;
}

.meem-empty {
	text-align: center;
	padding-block: 3rem;
}

.meem-faq h2 {
	cursor: pointer;
	border-block-end: 1px solid var(--meem-color-border);
	padding-block: 0.8rem;
}

@media (min-width: 768px) {
	.meem-contact {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 767px) {
	:root {
		--meem-gutter: 0.625rem;
	}

	.meem-theme {
		overflow-x: hidden;
	}
}