/*
 * Shared tokens, reset and helpers for the Neighbors A/C landing pages.
 *
 * The landing templates render as standalone HTML documents, but the
 * parent theme's stylesheet still loads underneath them. The reset below
 * neutralises the parts of it that would otherwise leak into the
 * landing design - capitalised headings, underlined links, the quoted
 * block's accent border, and the theme's own margins.
 *
 * The design tokens are the Neighbors A/C brand palette the "Harbor
 * Dispatch" landing design is built from.
 */

/* ------------------------------------------------------------------
   Design tokens
------------------------------------------------------------------ */
.landing-nac {
--navy:#1e3a8a;--teal:#0369a1;--sea:#7dd3fc;--sand:#fbfaf7;--foam:#ebf3f7;--red:#15803d;--red-dark:#116932;--cta-hi:#318f54;--cta-lo:#127136;--cta-rgb:21,128,61;--ink:#14265a;--mute:#6d7899;--line:#dceaf2;--radius:12px;--on-dark:#dbdfec;--on-dark-mute:#a0acce;--deepest:#14265a;--font-display:'Archivo',system-ui,sans-serif;--font-body:'Figtree',system-ui,sans-serif;;
}

/* ------------------------------------------------------------------
   Reset of the parent theme's global rules
------------------------------------------------------------------ */
.landing-nac,
.landing-nac * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.landing-nac h1,
.landing-nac h2,
.landing-nac h3,
.landing-nac h4 {
	font-weight: bold;
}

.landing-nac blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 0;
	font-style: normal;
}

/* The hero and closing waves are wider than their container. */
.landing-nac svg {
	max-width: none;
}

/*
 * The theme styles a generic `.site` wrapper as a full-height flex
 * column. The landing footer reuses that class name, so it is reset
 * here.
 */
.landing-nac footer.site {
	display: block;
	flex-direction: initial;
	min-height: 0;
}

/*
 * Fallback for the header bar when no logo image is set: the site name
 * is set in the display face so it reads like a wordmark.
 */
.landing-nac .bar .landing-nac__brand {
	color: var(--navy);
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1.1;
	text-decoration: none;
}

/* ------------------------------------------------------------------
   Helpers
------------------------------------------------------------------ */

/* Visually hidden, but available to assistive technologies. */
.landing-nac .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/*
 * The contact form is Fluent Form, which brings its own stylesheet.
 * The blanket reset above flattens the browser's list defaults inside
 * it, so they are restored here for the form's checkbox and option
 * lists.
 */
.landing-nac .contact__form ul,
.landing-nac .contact__form ol {
	margin: 0 0 12px;
	padding-left: 20px;
}

.landing-nac .contact__form li {
	margin-bottom: 4px;
}