/* Official Drawing Rules: patterns/lovable-page-officialdrawingrules.php.
   Loaded only on /officialdrawingrules/, after assets/css/lovable.css. The
   page is built from the shared landing-page layer and the theme's article
   prose; rules here are the reading measure and the numbered rule rows. */

/* Reading measure: ~42rem of text plus the section gutters, like the
   editorial pages. */

.nv-rules__measure { max-width: calc(42rem + 2 * var(--nv-gutter-wide)); }

.nv-rules__title { font-size: var(--nv-fs-h2); text-wrap: balance; }

.nv-rules__contact { margin: var(--wp--preset--spacing--40) 0 0; }

/* Each rule: the number in a narrow first column, the title and its prose
   in the second. The h2 spans both columns and lays its number and title
   on the rule's tracks (subgrid), so it keeps its heading box. */

.nv-rules__rule {
	display: grid;
	grid-template-columns: 2.75rem 1fr;
	column-gap: var(--wp--preset--spacing--20);
	padding: var(--wp--preset--spacing--30) 0;
	border-top: 1px solid var(--nv-ink-10);
}

.nv-rules__rule:last-of-type { border-bottom: 1px solid var(--nv-ink-10); }

.nv-rules__head {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: subgrid;
	align-items: baseline;
	margin: 0 0 var(--wp--preset--spacing--20);
}

.nv-rules__head > .nv-lp-kicker { grid-column: 1; }

.nv-rules__head > .nv-lp-card-title { grid-column: 2; }

.nv-rules__rule > .nv-prose { grid-column: 2; }

.nv-rules .nv-prose > :first-child { margin-top: 0; }

.nv-rules .nv-prose > :last-child { margin-bottom: 0; }

.nv-rules .nv-prose a { overflow-wrap: anywhere; }

.nv-rules a:focus-visible { outline: 2px solid var(--nv-orange); outline-offset: 2px; }

@media (max-width: 620px) {
	.nv-rules__rule {
		grid-template-columns: 2.25rem 1fr;
		column-gap: var(--wp--preset--spacing--10);
	}
}