/* ==========================================================================
   BKA 2026 v5 · pages · equipment (Gyógyító eszközök)
   Brief 23: the equipment blocks never fall apart at the bottom – the grid
   always closes full rows (8 → 4+4 · 2×4 · 1×8) and every card of a row is
   as tall as the row; the amount (exactly the source text) leads the card.
   ========================================================================== */

@import url("programmes-shared.css?v=5.0.1");

.v5-equipment__head { margin-bottom: clamp(2rem, 1.4rem + 2vw, 3.5rem); }
.v5-equipment__title { max-width: 26ch; }

.v5-equipment__grid {
	display: grid;
	grid-template-columns: repeat(var(--v5-equipment-cols, 4), minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: var(--v5-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.v5-equipment__grid--3 { --v5-equipment-cols: 3; }
.v5-equipment__item {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	padding: clamp(1.5rem, 1rem + 1.2vw, 2.25rem);
	border-radius: var(--v5-radius);
	background: var(--v5-white);
	box-shadow: var(--v5-shadow-card);
}
.v5-equipment__item + .v5-equipment__item { margin-top: 0; }
.v5-band--white .v5-equipment__item { background: var(--v5-mist); box-shadow: none; }
/* The amount is typeset first; in the markup it follows the name (source order). */
.v5-equipment__amount {
	order: -1;
	margin: 0 0 1.1rem;
	padding-bottom: 1.1rem;
	border-bottom: 1px solid var(--v5-line);
	color: var(--v5-ink);
	font-family: var(--v5-font-display);
	font-weight: var(--v5-w-display);
	line-height: 1;
	overflow-wrap: break-word;
}
.v5-equipment__figure {
	color: var(--v5-red);
	font-size: clamp(2.75rem, 1.7rem + 2.7vw, 4.25rem);
	letter-spacing: -.01em;
}
.v5-equipment__unit { font-size: clamp(1.125rem, .95rem + .5vw, 1.5rem); }
.v5-equipment__name {
	margin: 0;
	color: var(--v5-ink-soft);
	font-size: 1rem;
	font-weight: var(--v5-w-ui);
	line-height: 1.55;
	overflow-wrap: break-word;
	hyphens: manual;
}
.v5-equipment__item--plain .v5-equipment__name { color: var(--v5-ink); font-family: var(--v5-font-display); font-size: var(--v5-fs-h4); }

@media (max-width: 68.75rem) {
	.v5-equipment__grid,
	.v5-equipment__grid--3 { --v5-equipment-cols: 2; }
}

@media (max-width: 40rem) {
	.v5-equipment__grid,
	.v5-equipment__grid--3 { --v5-equipment-cols: 1; grid-auto-rows: auto; gap: .75rem; }
	.v5-equipment__item { padding: 1.35rem 1.4rem 1.5rem; }
	.v5-equipment__figure { font-size: 2.75rem; }
}