:root{
	--bg: #f6f9fc;
	--bg-grad: radial-gradient(1200px 700px at 10% 0%, #eef7ff 0%, var(--bg) 55%, #f7fbff 100%);
	--surface: #ffffff;
	--surface-2: #fbfdff;
	--border: #dbe5ef;
	--text: #1c2530;
	--muted: #5a6a7c;

	--accent: #0b6aa7;
	--accent-2: #0ea5a6;
	--accent-soft: rgba(11, 106, 167, 0.10);

	--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
	--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	--container: 1100px;

	--space-1: 6px;
	--space-2: 10px;
	--space-3: 14px;
	--space-4: 18px;
	--space-5: 24px;
	--space-6: 34px;

	--radius: 14px;
	--radius-sm: 10px;

	--shadow: 0 8px 30px rgba(17, 24, 39, 0.08);
	--shadow-sm: 0 6px 18px rgba(17, 24, 39, 0.06);

	--focus: 0 0 0 4px rgba(14, 165, 166, 0.20);
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }
body{
	margin: 0;
	font-family: var(--font);
	color: var(--text);
	background: var(--bg-grad);
	line-height: 1.5;
}

.container{
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-6) var(--space-5);
}

a{ color: inherit; }
strong{ font-weight: 650; }
.muted{ color: var(--muted); }
.tiny{ font-size: 12.5px; }
.big{ font-size: 20px; font-weight: 650; }
.tight{ margin: 0 0 var(--space-2) 0; }
.mono{ font-family: var(--mono); }

.skip-link{
	position: absolute;
	left: -999px;
	top: 0;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-sm);
	padding: var(--space-2) var(--space-3);
	box-shadow: var(--shadow-sm);
}
.skip-link:focus{ left: var(--space-4); top: var(--space-4); outline: none; box-shadow: var(--focus), var(--shadow-sm); }

.hr{ border: 0; border-top: 1px solid var(--border); margin: var(--space-4) 0; }

/* Header */
.site-header{
	position: sticky;
	top: 0;
	z-index: 10;
	background: rgba(246, 249, 252, 0.80);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(219, 229, 239, 0.8);
}
.header-inner{
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-3) var(--space-5);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
}
.brand{
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	text-decoration: none;
}
.brand__mark{
	width: 34px;
	height: 34px;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(11,106,167,0.15), rgba(14,165,166,0.12));
	border: 1px solid var(--border);
	display: grid;
	place-items: center;
}
.brand__name{ font-weight: 750; letter-spacing: -0.01em; }
.brand__meta{ display: block; font-size: 12.5px; color: var(--muted); }

.nav{ display: flex; align-items: center; gap: var(--space-2); }
.nav a{
	text-decoration: none;
	padding: 10px 12px;
	border-radius: 12px;
	color: var(--muted);
}
.nav a:hover{ background: rgba(255,255,255,0.8); color: var(--text); }
.nav a.is-active{
	background: var(--accent-soft);
	color: var(--accent);
	border: 1px solid rgba(11,106,167,0.18);
}

.menu-btn{
	display: none;
	border: 1px solid var(--border);
	background: var(--surface);
	border-radius: 12px;
	padding: 10px 12px;
	box-shadow: var(--shadow-sm);
	cursor: pointer;
}
.menu-btn:focus{ outline: none; box-shadow: var(--focus), var(--shadow-sm); }

/* Heroes */
.hero{
	display: grid;
	grid-template-columns: 1.2fr 0.8fr;
	gap: var(--space-6);
	align-items: start;
	padding: var(--space-6) 0 var(--space-5) 0;
}
.hero__title{
	margin: var(--space-2) 0 var(--space-2);
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1.1;
	letter-spacing: -0.02em;
}
.hero__code{ margin-left: var(--space-2); vertical-align: middle; }
.hero__subtitle{ margin: 0 0 var(--space-3); font-size: 16.5px; color: var(--muted); }
.hero__lead{ margin: 0 0 var(--space-4); max-width: 60ch; }
.hero__actions{ display: flex; gap: var(--space-3); flex-wrap: wrap; }

.hero__essentials{
	margin-top: var(--space-4);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-3);
	max-width: 640px;
}

@media (max-width: 720px){
	.hero__essentials{ grid-template-columns: 1fr; }
}

.subhero{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-5);
	padding: var(--space-6) 0 var(--space-4) 0;
}
.subhero h1{
	margin: 0 0 var(--space-2) 0;
	font-size: clamp(26px, 3vw, 36px);
	letter-spacing: -0.02em;
}
.subhero__actions{ display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; }

/* Community: keep subhero actions right-aligned with helper text beneath */
.community-page .subhero__actions{
	flex-direction: column;
	align-items: flex-end;
	gap: var(--space-2);
}
.community-page .subhero__buttons{
	display: flex;
	gap: var(--space-3);
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.community-page .actions-help{
	margin: 0;
	text-align: right;
	max-width: 44ch;
}

/* Pilot Info: copy helper under button */
#copyPilotBriefHelp{ flex-basis: 100%; margin: 0; }

/* Pilot Info: top KPI cards */
.pilot-kpis{ margin-bottom: var(--space-4); align-items: stretch; }
.card.pilot-kpi{ padding: var(--space-4); }

/* Pilot Info: KPI mini blocks (match homepage essentials feel) */
.pilot-kpis .mini{ background: var(--surface); }
.pilot-kpis .mini__value{
	font-size: 28px;
	font-weight: 750;
	letter-spacing: -0.02em;
}
.pilot-kpis .freq-primary{ font-size: inherit; }
.pilot-kpis .kpi-meta{ margin-top: 6px; }

/* Pilot Info: frequencies hierarchy */
.freq-primary{ font-family: var(--mono); font-size: 20px; font-weight: 750; letter-spacing: -0.01em; }

/* Pilot Info: compact blue blocks (reuse Notices look) */
.pilot-mini-notice{
	margin-top: var(--space-3);
	padding: var(--space-3);
	border-radius: 14px;
	border: 1px solid rgba(11,106,167,0.20);
	background: linear-gradient(180deg, rgba(11,106,167,0.10), rgba(14,165,166,0.06));
}
.pilot-mini-notice__title{
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--accent);
	margin: 0 0 6px;
}
.pilot-mini-notice__text{ font-weight: 650; }
.pilot-mini-notice__meta{ margin-top: 4px; color: var(--muted); font-size: 12.5px; font-family: var(--mono); }

/* Pilot Info: keep KPI mini-notices compact */
.pilot-kpi .pilot-mini-notice{ padding: var(--space-2) var(--space-3); }
.pilot-kpi .pilot-mini-notice__meta{ margin-top: 0; }

/* Keep phone numbers visually secondary */
#pilotFuelContact{ font-weight: 500; }

/* Pilot Info: avoid equal-height cards (reduces dead space) */
.pilot-info-grid{ align-items: start; }

/* Pilot Info: scan-friendly noise bullets (presentation only) */
#noiseRules .noise-rule__lead{ display: block; }
#noiseRules .noise-rule__body{ display: block; margin-top: 2px; color: var(--muted); }

.page-disclaimer{ margin: var(--space-4) 0 0; }

/* Subtle external-link mark */
.external-icon{ font-size: 12px; color: var(--muted); }

/* Sections */
.section{ padding: var(--space-5) 0; }
.section__header{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-4);
}
.section__header h2{ margin: 0; letter-spacing: -0.01em; }
.section__header p{ margin: 0; }

.section__header--long{
	display: grid;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	align-items: start;
}

.section__header--stack{
	flex-direction: column;
	align-items: flex-start;
}
.section__header--stack p{ max-width: 90ch; }

/* Grid/cards */
.grid{ display: grid; gap: var(--space-4); }
.grid--2{ grid-template-columns: repeat(2, minmax(0,1fr)); }
.grid--3{ grid-template-columns: repeat(3, minmax(0,1fr)); }
.grid--4{ grid-template-columns: repeat(4, minmax(0,1fr)); }
.grid--compact{ gap: var(--space-3); }

/* Rates & Rules: avoid equal-height cards (reduces dead space) */
.rates-rules-grid{ align-items: start; }

/* Homepage photo grid */
.photo-grid{
	display: grid;
	grid-template-columns: repeat(8, minmax(0,1fr));
	gap: var(--space-4);
}
.photo-grid__item{
	position: relative;
	display: block;
	border-radius: var(--radius);
	overflow: hidden;
	background: var(--surface);
	border: 1px solid var(--border);
	box-shadow: var(--shadow-sm);
}
.photo-grid__img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	aspect-ratio: 16 / 10;
}

.photo-grid__caption{
	position: absolute;
	left: var(--space-3);
	bottom: var(--space-3);
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: rgba(255,255,255,0.75);
	backdrop-filter: blur(8px);
	color: var(--muted);
	font-size: 12.5px;
	font-weight: 650;
}

.photo-grid__item--span-2{ grid-column: span 2; }
.photo-grid__item--span-3{ grid-column: span 3; }
.photo-grid__item--span-4{ grid-column: span 4; }

@media (max-width: 980px){
	.photo-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
	.photo-grid__item--span-2{ grid-column: auto; }
	.photo-grid__item--span-3{ grid-column: span 2; }
	.photo-grid__item--span-4{ grid-column: span 2; }
}
@media (max-width: 720px){
	.photo-grid{ grid-template-columns: 1fr; }
	.photo-grid__item--span-2,
	.photo-grid__item--span-3,
	.photo-grid__item--span-4{ grid-column: auto; }
}

.card{
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: var(--space-5);
	box-shadow: var(--shadow-sm);
}
.card__header{ margin-bottom: var(--space-3); }
.card__title{ margin: 0; letter-spacing: -0.01em; }
.card__subtitle{ margin: var(--space-1) 0 0; color: var(--muted); font-size: 13.5px; }
.card__footer{ margin-top: var(--space-4); }

/* Homepage: keep Explore CTAs aligned */
.explore-card{
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}
.explore-card h3{
	margin: 0;
	letter-spacing: -0.01em;
}
.explore-card p{
	margin: 0;
}
.explore-card .btn{
	margin-top: auto;
	align-self: flex-start;
}

/* Community */
.community-page .service-section__header{ margin-bottom: var(--space-4); }
.community-page .service-grid{ align-items: stretch; }
.community-page .service-mini{ height: 100%; }
.community-page .service-mini .mini__value{ letter-spacing: -0.01em; }
.community-page .service-mini .mini__label{
	font-size: 13.5px;
	line-height: 1.45;
}

/* Contact */
.contact-page .contact-grid{ align-items: stretch; }
.contact-page .contact-grid > *{ height: 100%; }
.contact-page .card__top{ margin-bottom: var(--space-4); }
.contact-page .contact-mini{ background: var(--surface); }
.contact-page .contact-mini .mini__value{ letter-spacing: -0.01em; }
.contact-page .contact-mini .mini__label{
	display: grid;
	gap: 6px;
	font-size: 13.5px;
	line-height: 1.45;
}
.contact-page .contact-line{ display: block; }
.contact-page .contact-line--primary{ color: var(--text); font-weight: 650; }
.contact-page .contact-key{ font-weight: 650; }

.contact-page [aria-label="Maps"]{ height: 100%; }
.contact-page [aria-label="Maps"] .card{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.contact-page [aria-label="Maps"] .map-frame{ flex: 1; }
.contact-page [aria-label="Maps"] .map-frame iframe{ height: 100%; }

.map-frame{
	display: block;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid var(--border);
	background: var(--surface-2);
}
.map-frame iframe{ display: block; border: 0; }
.map-frame img{
	display: block;
	width: 100%;
	height: 420px;
	object-fit: contain;
	background: rgba(255,255,255,0.8);
	cursor: zoom-in;
}

/* Event detail: float image right and wrap text */
.event-detail .event-detail__media{
	float: right;
	width: 360px;
	max-width: 46%;
	margin: 0 0 var(--space-3) var(--space-4);
}
.event-detail .event-detail__media img{
	height: auto;
	object-fit: contain;
}

@media (max-width: 720px){
	.event-detail .event-detail__media{
		float: none;
		width: 100%;
		max-width: none;
		margin: 0 0 var(--space-4) 0;
	}
}

.event-card{
	display: flex;
	flex-direction: column;
}
.event-card .card__footer{ margin-top: auto; }
.event-card:hover{ box-shadow: var(--shadow); }
.event-card .card__title{ margin-top: var(--space-3); }
.event-card .event-meta{ margin-top: 0; }

.split{ display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.split__actions{ display: flex; gap: var(--space-3); }

.pill-row{ display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.pill{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 4px 4px;
	border-radius: 4px;
	border: 1px solid var(--border);
	background: var(--surface-2);
	color: var(--muted);
	font-size: 12.5px;
}
.pill--accent{
	background: var(--accent-soft);
	border-color: rgba(11,106,167,0.22);
	color: var(--accent);
	font-family: var(--mono);
}

/* Buttons */
.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 12px;
	border: 1px solid transparent;
	text-decoration: none;
	font-weight: 650;
	cursor: pointer;
	white-space: nowrap;
}
.btn:focus{ outline: none; box-shadow: var(--focus); }
.btn--primary{
	color: white;
	background: linear-gradient(135deg, var(--accent), var(--accent-2));
	box-shadow: 0 10px 25px rgba(11,106,167,0.18);
}
.btn--ghost{
	background: rgba(255,255,255,0.75);
	border-color: var(--border);
	color: var(--text);
}
.btn-row{ display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }

.link{ color: var(--accent); text-decoration: none; }
.link:hover{ text-decoration: underline; }
a[aria-disabled="true"]{ pointer-events: none; opacity: 0.55; text-decoration: none; }

/* Lists */
.list{ margin: 0; padding-left: 18px; }
.list li{ margin: 8px 0; }

/* Table */
.table-wrap{ overflow-x: auto; }
.table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--border);
	border-radius: 12px;
	overflow: hidden;
}
.table thead th{
	text-align: left;
	font-size: 12.5px;
	color: var(--muted);
	background: #f2f7fb;
	padding: 10px 12px;
	border-bottom: 1px solid var(--border);
}
.table td{ padding: 12px; border-bottom: 1px solid var(--border); }
.table tbody tr:last-child td{ border-bottom: 0; }

/* Notices + callouts */
.notice-banner{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--space-3);
	align-items: start;
	padding: var(--space-4);
	border-radius: 14px;
	border: 1px solid rgba(11,106,167,0.20);
	background: linear-gradient(180deg, rgba(11,106,167,0.10), rgba(14,165,166,0.06));
}
.notice-banner__badge{
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--accent);
	background: rgba(255,255,255,0.7);
	border: 1px solid rgba(11,106,167,0.18);
	border-radius: 999px;
	padding: 6px 10px;
}
.notice-banner__text{ font-weight: 650; }
.notice-banner__meta{ grid-column: 2; color: var(--muted); font-size: 12.5px; margin-top: 2px; }

.callout{
	border-radius: 14px;
	border: 1px solid var(--border);
	background: #f7fbff;
	padding: var(--space-4);
}
.callout__title{ font-weight: 750; margin-bottom: 4px; }
.callout__text{ color: var(--muted); }
.callout--info{
	border-color: rgba(14,165,166,0.20);
	background: linear-gradient(180deg, rgba(14,165,166,0.08), rgba(11,106,167,0.05));
}

/* Services page: keep disclaimer callout separated from grid */
.services-callout{ margin: 0 0 var(--space-4) 0; }

/* Mini stat blocks */
.mini{
	padding: var(--space-3);
	border: 1px solid var(--border);
	border-radius: 14px;
	background: var(--surface-2);
}
.mini--compact{ padding: var(--space-2) var(--space-3); border-radius: 12px; }
.mini__label{ color: var(--muted); font-size: 12.5px; }
.mini__value{ font-weight: 750; margin-top: 2px; }

/* Homepage weather highlights */
.wx-key{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-3);
	margin-bottom: var(--space-4);
}
@media (max-width: 980px){
	.wx-key{ grid-template-columns: 1fr; }
}

.weather-widget{ opacity: 0.95; }

/* Homepage community date badge */
.date-badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: var(--space-2);
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid rgba(11,106,167,0.22);
	background: var(--accent-soft);
	color: var(--accent);
	font-family: var(--mono);
	font-size: 12.5px;
	font-weight: 750;
}

/* Homepage disclaimer */
.index-disclaimer{
	margin-top: var(--space-5);
	padding-top: var(--space-4);
	border-top: 1px solid var(--border);
}
.index-disclaimer p{ margin: 0 0 var(--space-1) 0; }

/* Forms */
.form-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: var(--space-4);
}
.field{ display: grid; gap: 8px; }
.field--full{ grid-column: 1 / -1; }
.field__label{ font-weight: 650; }
.field__error{ color: #9c1c1c; font-size: 12.5px; min-height: 16px; }
.field__hint{ margin-top: -2px; }

.input{
	width: 100%;
	padding: 10px 12px;
	border-radius: 12px;
	border: 1px solid var(--border);
	background: white;
	font: inherit;
}
.input:focus{ outline: none; box-shadow: var(--focus); border-color: rgba(14,165,166,0.45); }

/* Gallery placeholders */
.gallery{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: var(--space-3);
}
.ph{
	border-radius: 14px;
	border: 1px dashed rgba(90,106,124,0.35);
	background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(246,249,252,0.8));
	min-height: 98px;
	display: grid;
	place-items: center;
	color: var(--muted);
	font-weight: 650;
}

/* Map placeholder */
.map-ph{
	position: relative;
	min-height: 260px;
	border-radius: 16px;
	border: 1px solid var(--border);
	background:
		radial-gradient(circle at 30% 35%, rgba(14,165,166,0.12), transparent 45%),
		radial-gradient(circle at 70% 65%, rgba(11,106,167,0.10), transparent 50%),
		linear-gradient(180deg, rgba(255,255,255,0.9), rgba(246,249,252,0.85));
	overflow: hidden;
	display: grid;
	place-items: center;
	padding: var(--space-5);
}
.map-ph__pin{
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--accent), var(--accent-2));
	box-shadow: 0 10px 25px rgba(11,106,167,0.25);
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.map-ph__text{
	text-align: center;
	background: rgba(255,255,255,0.65);
	border: 1px solid rgba(219,229,239,0.8);
	border-radius: 14px;
	padding: var(--space-4);
	backdrop-filter: blur(8px);
}

/* Footer */
.site-footer{
	border-top: 1px solid rgba(219, 229, 239, 0.8);
	background: rgba(255,255,255,0.55);
}

.site-credit{
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-4) var(--space-5) var(--space-4);
	text-align: center;
}
.site-credit p{ margin: 0; }
.footer-inner{
	max-width: var(--container);
	margin: 0 auto;
	padding: var(--space-5) var(--space-5);
	display: grid;
	grid-template-columns: 1.3fr 0.7fr;
	gap: var(--space-4);
}
.footer-links{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: var(--space-1) var(--space-4);
}
.footer-links a{
	color: var(--muted);
	text-decoration: none;
	padding: 2px 0;
}
.footer-links a:hover{ color: var(--text); text-decoration: underline; }
.footer-meta{ color: var(--muted); font-size: 13.5px; margin: var(--space-1) 0 0; }

@media (max-width: 720px){
	.footer-inner{ grid-template-columns: 1fr; gap: var(--space-4); }
	.footer-links{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

/* Toast */
.toast{
	position: fixed;
	right: var(--space-5);
	bottom: var(--space-5);
	min-width: min(360px, calc(100vw - 40px));
	padding: var(--space-4);
	border-radius: 16px;
	border: 1px solid rgba(11,106,167,0.22);
	background: rgba(255,255,255,0.92);
	box-shadow: var(--shadow);
	backdrop-filter: blur(10px);
	opacity: 0;
	transform: translateY(10px);
	pointer-events: none;
	transition: opacity 180ms ease, transform 180ms ease;
}
.toast.is-open{
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.toast__title{ font-weight: 750; margin: 0 0 4px 0; }
.toast__text{ margin: 0; color: var(--muted); }

/* Responsive */
@media (max-width: 980px){
	.hero{ grid-template-columns: 1fr; }
	.grid--4{ grid-template-columns: repeat(2, minmax(0,1fr)); }
	.grid--3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
	.container{ padding: var(--space-5) var(--space-4); }
	.section__header{ flex-direction: column; align-items: flex-start; }
	.section__header--long{ grid-template-columns: 1fr; }
	.grid--2, .grid--3, .grid--4{ grid-template-columns: 1fr; }
	.subhero{ flex-direction: column; align-items: flex-start; }
	.form-grid{ grid-template-columns: 1fr; }

	.menu-btn{ display: inline-flex; }
	.nav{
		position: absolute;
		top: 62px;
		right: var(--space-4);
		left: var(--space-4);
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
		padding: var(--space-3);
		background: rgba(255,255,255,0.92);
		border: 1px solid var(--border);
		border-radius: 16px;
		box-shadow: var(--shadow);
		backdrop-filter: blur(10px);
	}
	.nav.is-open{ display: flex; }
	.nav a{ padding: 12px 12px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
	*{ scroll-behavior: auto !important; }
	.toast{ transition: none; }
}