/**
 * Modern skin — calculator pages.
 * Sticky calculator beside the guide copy; single card keeps the rhythm clean.
 */
body.skin-modern.skin-type-calculator .mz-body > .cms-widget {
	width: 100%;
	max-width: 420px;
	margin: 0 auto 24px;
}

body.skin-modern.skin-type-calculator .mz-guide {
	background: var(--mz-surface);
	border: 1px solid var(--mz-line);
	border-radius: var(--mz-radius);
	box-shadow: var(--mz-shadow);
	padding: clamp(18px, 3vw, 32px);
}

body.skin-modern.skin-type-calculator .mz-guide > *:first-child {
	margin-top: 0;
}

body.skin-modern.skin-type-calculator .mz-guide > *:last-child {
	margin-bottom: 0;
}

@media (min-width: 980px) {
	body.skin-modern.skin-type-calculator .mz-body {
		display: grid;
		grid-template-columns: 400px minmax(0, 1fr);
		column-gap: 40px;
		align-items: start;
	}

	body.skin-modern.skin-type-calculator .mz-body > h1 {
		grid-column: 1 / -1;
	}

	body.skin-modern.skin-type-calculator .mz-body > .cms-widget {
		position: sticky;
		top: 16px;
		margin-bottom: 0;
	}

	body.skin-modern.skin-type-calculator .mz-guide {
		min-width: 0;
	}
}