/*
 * MA-ZAL Group — division pages (partial division-body) and the story page. Reads tokens.css only.
 */

/* ---------- division page ---------- */
.mzs-division { display: grid; gap: var(--s-8); }

.mzs-division__hero {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--s-7);
	align-items: center;
}

.mzs-division__text { display: grid; gap: var(--s-4); }

.mzs-division__img {
	width: 100%;
	height: clamp(14rem, 9rem + 18vw, 26rem);
	object-fit: cover;
	border-radius: var(--r-xl);
}

.mzs-division__block { display: grid; gap: var(--s-5); }

.mzs-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--s-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mzs-points li {
	display: flex;
	gap: var(--s-3);
	align-items: flex-start;
	padding: var(--s-4) var(--s-5);
	background: var(--c-surface);
	border: var(--b-1);
	border-radius: var(--r-md);
	line-height: 1.7;
}

.mzs-points svg { flex: 0 0 auto; margin-top: 3px; color: var(--c-gold); }

.mzs-flow {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--s-4);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: mzs-flow;
}

.mzs-flow li {
	display: grid;
	gap: var(--s-2);
	padding: var(--s-5);
	border-top: 3px solid var(--c-gold);
	background: var(--c-surface);
	border-radius: 0 0 var(--r-md) var(--r-md);
	counter-increment: mzs-flow;
}

.mzs-flow li::before {
	content: counter(mzs-flow, decimal-leading-zero);
	color: var(--c-gold);
	font-weight: var(--fw-bold);
	font-variant-numeric: tabular-nums;
}

.mzs-flow span { color: var(--c-ink-2); font-size: var(--fs-small); line-height: 1.7; }

.mzs-division__request {
	grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
	align-items: start;
	gap: var(--s-7);
}

/* ---------- story page ---------- */
.mzs-story {
	display: grid;
	gap: var(--s-7);
	max-width: var(--reading);
	margin-inline: auto;
}

.mzs-story__head { display: grid; gap: var(--s-3); }

.mzs-story__part {
	display: grid;
	gap: var(--s-4);
	font-size: var(--fs-lead);
	line-height: 1.9;
	color: var(--c-ink-3);
}

.mzs-story__part h2 { color: var(--c-ink); font-size: var(--fs-h3); }

.mzs-story__quote {
	margin: 0;
	padding-inline-start: var(--s-5);
	border-inline-start: 3px solid var(--c-gold);
	color: var(--c-gold-text);
	font-size: var(--fs-h3);
	font-weight: var(--fw-semi);
}

@media (max-width: 63.99rem) {
	.mzs-division__hero,
	.mzs-division__request { grid-template-columns: 1fr; }
	.mzs-division__img { order: -1; }
	.mzs-flow { grid-template-columns: 1fr; }
}

@media (max-width: 47.99rem) {
	.mzs-points { grid-template-columns: 1fr; }
	.mzs-division { gap: var(--s-7); }
}