/* Base — reset-lite, RTL, container. */
*, *::before, *::after { box-sizing: border-box; }
html { direction: rtl; -webkit-text-size-adjust: 100%; overflow-x: clip; }
body {
	margin: 0;
	max-width: 100%;
	font-family: var(--mt-font);
	color: var(--mt-ink);
	background: var(--mt-bg);
	line-height: 1.6;
	overflow-x: clip; /* guard against RTL blowout */
}
.site-main { overflow-x: clip; }
img { max-width: 100%; display: block; }
a { color: var(--mt-accent-dark); text-decoration: none; }

.mt-container {
	max-width: var(--mt-container);
	margin-inline: auto;
	padding-inline: 24px;
}

.mt-btn {
	display: inline-flex; align-items: center; gap: 8px;
	font-family: var(--mt-font); font-weight: 700; font-size: 1rem;
	border: 0; cursor: pointer; border-radius: var(--mt-radius-pill);
	padding-block: 12px; padding-inline: 22px;
	background: linear-gradient(180deg, var(--mt-accent-light), var(--mt-accent));
	color: var(--mt-accent-fg);
	box-shadow: var(--mt-shadow-pill);
	transition: transform .15s ease, filter .15s ease;
}
.mt-btn:hover { transform: translateY(-1px); filter: brightness(1.03); }

.screen-reader-text {
	position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);
}