/* ============================================================
   Instroi — prices page (Figma 106:639), on top of content.css.
   1. Intro «Вартість робіт» (two columns: H1 / lead + CTA)
   2. Price tables (caption band + 5-col rows)
   3. Downloads list spacing
   ============================================================ */

/* Prices keeps the larger section gap before each H2 (unchanged from before —
   content.css trimmed the default H2 top margin for regular articles). */
.entry-content > h2 { margin-block-start: clamp(48px, 7vw, 88px); }

/* 1. Intro
   ------------------------------------------------------------ */
.entry-content .prices-intro { margin-bottom: 0; }

.entry-content .prices-intro h1 {
	margin: 0;
	color: var(--c-black);
}

.entry-content .prices-intro p {
	margin-bottom: 32px;
	font-size: var(--fs-p2);
	line-height: 1.4;
}

/* 2. Price tables — Figma 106:1650 (caption band) + 106:1401 (rows)
   ------------------------------------------------------------ */
.entry-content .price-table-caption {
	margin: clamp(28px, 4vw, 40px) 0 0;
	padding: 13px 16px;
	background: var(--c-gray-50);
	color: var(--c-text);
	font-size: var(--fs-p3);
	line-height: 1.4;
	text-align: center;
}

.entry-content .price-table-caption:first-of-type { margin-top: 0; }

.entry-content .price-table { margin-bottom: 8px; }

/* 5 columns need a wider scroll canvas on phones; never break words mid-glyph. */
.entry-content .price-table table { min-width: 680px; }

.entry-content .price-table th,
.entry-content .price-table td {
	overflow-wrap: normal;
	word-break: normal;
}

.entry-content .price-table tbody td {
	font-weight: 700;
	color: var(--c-black);
}

.entry-content .price-table tbody tr:nth-child(even) td { background: none; }

/* First column (technology / service) is the widest, as in Figma. */
.entry-content .price-table th:first-child,
.entry-content .price-table td:first-child { width: 27%; }

/* Two-column table (Діагностика): wide gray label cells (Figma 106:2675). */
.entry-content .price-table--two th:first-child,
.entry-content .price-table--two td:first-child { width: 75%; }

.entry-content .price-table--two tbody tr td { border-bottom: 4px solid var(--c-white); background: none; }
.entry-content .price-table--two tbody tr td:first-child { background: var(--c-off-white); }

/* 3. Downloads block — page-level rhythm (cards styled by the block css)
   ------------------------------------------------------------ */
.entry-content .price-downloads { margin-bottom: 1.25em; }