/* width-fill.css — loaded last.
   GOAL: fill the centred 1180px article column across its full width on wide
   screens. The column itself is already centred perfectly; the empty right
   band came from a narrow inner reading measure (72ch paragraphs, 20ch H1,
   64ch lead). This file widens that inner measure up to ~95ch (the upper limit
   of comfortable reading) and lets headings, lists and quotes use the whole
   column. Navigation bars and their dropdown panels are explicitly NOT touched
   here — header-row.css and nav-dropdown.css own them. Card grids keep their
   repeat(3,minmax(0,1fr)) track structure so the offer cards never collapse. */

/* ---------- 1) Body copy: widen the measure, fill the column ---------- */
.entry-content p,
.lar-page .entry-content p,
.entry-content > p,
.entry-content section > p,
.lvs-standfirst,
.lvs-leadin {
	max-width: 95ch !important;
	width: 100% !important;
}

/* ---------- 2) Hero H1 and any H1 printed inside the content ---------- */
.lvs-hero__title {
	max-width: 100% !important;
	width: 100% !important;
}
.entry-content h1 {
	max-width: 100% !important;
	width: 100% !important;
}

/* ---------- 3) Hero lead paragraph ---------- */
.lvs-hero__lead {
	max-width: 100% !important;
	width: 100% !important;
}

/* ---------- 4) Section and sub-section headings ---------- */
.entry-content h2,
.entry-content h3,
.lvs-hero h2 {
	max-width: 100% !important;
	width: 100% !important;
}

/* ---------- 5) Lists, quotes and tables use the full column ---------- */
.entry-content ul,
.entry-content ol,
.entry-content blockquote,
.entry-content table {
	max-width: 100% !important;
	width: 100% !important;
}

/* ---------- 6) Protect the card grids ----------
   The card elements themselves are NOT given width:100% — they live in a
   3-track grid. Only the grid wrappers are anchored to the full column, and
   their track definition is guaranteed. */
.lvs-hero__grid,
.lvs-board,
.lvs-board__grid {
	width: 100% !important;
	max-width: 100% !important;
}
.lvs-hero__grid,
.lvs-board__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 980px) {
	.lvs-hero__grid,
	.lvs-board,
	.lvs-board__grid {
		grid-template-columns: 1fr !important;
	}
}

/* ---------- 7) Two-column text blocks fill the column ---------- */
.lvs-split,
.lvs-cols,
.lvs-two-col {
	width: 100% !important;
	max-width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 28px !important;
}
@media (max-width: 860px) {
	.lvs-split,
	.lvs-cols,
	.lvs-two-col {
		grid-template-columns: 1fr !important;
	}
}

/* ---------- 8) Very wide screens: softly grow the column ----------
   On 1920px the gutters would otherwise sit at ~370px each side. Widening the
   column and every column-aligned band keeps masthead, nav bar, hero, content
   and footer on one vertical line. Centring is preserved via margin auto. */
@media (min-width: 1600px) {
	.lvs-topbar__inner,
	.lvs-nav__bar,
	.lvs-hero,
	.entry-content,
	.ast-article-single .entry-content,
	#content .entry-content,
	.lar-page .entry-content,
	.lar-page .ast-article-single,
	footer.lvs-footer .lvs-wrap {
		max-width: 1420px !important;
	}
}
@media (min-width: 2100px) {
	.lvs-topbar__inner,
	.lvs-nav__bar,
	.lvs-hero,
	.entry-content,
	.ast-article-single .entry-content,
	#content .entry-content,
	.lar-page .entry-content,
	.lar-page .ast-article-single,
	footer.lvs-footer .lvs-wrap {
		max-width: 1600px !important;
	}
}

/* ---------- 9) Astra centring is left untouched ----------
   No #primary / #content resizing, no float, no position:absolute, no
   margin-left:0 and no transform on the column. Centring stays with
   margin-inline:auto as set by guard-off.css and header-final.css. */

/* ---------- 10) Navigation untouched ----------
   .lvs-nav and its panels are styled by header-row.css and nav-dropdown.css.
   This file deliberately contains no .lvs-nav* selector. */