/* =========================================================================
   Aviation incident feed — "Fleet Grid" (approved Sep 2026)
   Used by templates/template-aviation.php and single-aviation-feed.php.
   Light by default; dark styles apply when <html data-theme="dark"> is set by the
   site-wide theme switch.
   ========================================================================= */

.ccl-av {
	--av-ground: #F3F5F8;
	--av-hero: #0A1A30;
	--av-about: #0E2545;
	--av-card: #FFFFFF;
	--av-line: #D9DEE6;
	--av-line2: #E3E8EF;
	--av-ink: #0A1A30;
	--av-body: #1E2B3F;
	--av-prose: #1E2B3F;
	--av-sec: #56657C;
	--av-sec2: #4A5A70;
	--av-mut: #8C99AB;
	--av-draw: #0A1A30;
	--av-in-b: #C3CCD8;
	--av-sel: #0A1A30;
	--av-sel-fg: #FFFFFF;
	--av-ic-bg: #F3F5F8;
	--av-nr-bg: #EEF1F5;
	--av-nr-b: #8C99AB;
	--av-nr-fg: #4A5A70;
	--av-off-bg: #F3F5F8;
	--av-off-b: #E3E8EF;
	--av-off-fg: #5E6B7E;
	--av-outline: #0A1A30;
	--av-outline-fg: #0A1A30;
	--av-link: #0A1A30;
	--av-ul: #8C99AB;
	--av-focus: #1D63FF;
	--av-blue: #1D63FF;
	--av-yel: #FFD400;
	--av-plate-ink: #101828;
	--av-help: #0A1A30;
	--av-shadow: 0 1px 2px rgba(10, 26, 48, .06), 0 12px 32px rgba(10, 26, 48, .10);
	--av-knock: var(--av-card);
	--av-sans: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--av-display: 'Sora', 'Inter Tight', system-ui, sans-serif;
	--av-label: 'Archivo', 'Inter Tight', system-ui, sans-serif;
	--av-pad: clamp(24px, 5.5556vw, 80px);

	background: var(--av-ground);
	color: var(--av-ink);
	font-family: var(--av-sans);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

html[data-theme="dark"] .ccl-av {
	--av-ground: #0B1220;
	--av-hero: #07111F;
	--av-about: #0E2545;
	--av-card: #111B2E;
	--av-line: rgba(255, 255, 255, .12);
	--av-line2: rgba(255, 255, 255, .12);
	--av-ink: #F1F5F9;
	--av-body: #D5DFEC;
	--av-prose: #E2E8F0;
	--av-sec: #A9BBD4;
	--av-sec2: #A9BBD4;
	--av-mut: #90A6C4;
	--av-draw: #E2E8F0;
	--av-in-b: rgba(255, 255, 255, .28);
	--av-sel: #F1F5F9;
	--av-sel-fg: #0B1220;
	--av-ic-bg: #0B1220;
	--av-nr-bg: rgba(255, 255, 255, .10);
	--av-nr-b: #90A6C4;
	--av-nr-fg: #CBD5E1;
	--av-off-bg: #0B1220;
	--av-off-b: rgba(255, 255, 255, .12);
	--av-off-fg: #90A6C4;
	--av-outline: rgba(255, 255, 255, .28);
	--av-outline-fg: #F1F5F9;
	--av-link: #8FB2FF;
	--av-ul: #90A6C4;
	--av-focus: #8FB2FF;
	--av-help: #07111F;
	--av-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .35);
	color-scheme: dark;
}

/* ---------- Base (kept inside the feed so the theme is untouched) ---------- */
.ccl-av *,
.ccl-av *::before,
.ccl-av *::after { box-sizing: border-box; }
.ccl-av h1, .ccl-av h2, .ccl-av h3, .ccl-av h4 { margin: 0; padding: 0; color: var(--av-ink); font-family: var(--av-display); font-weight: 600; text-transform: none; letter-spacing: normal; }
.ccl-av p, .ccl-av dl, .ccl-av dd, .ccl-av figure, .ccl-av blockquote { margin: 0; }
.ccl-av ul, .ccl-av ol { margin: 0; padding: 0; list-style: none; }
.ccl-av li { margin: 0; }
.ccl-av a { color: inherit; text-decoration: none; }
.ccl-av a:focus-visible,
.ccl-av button:focus-visible,
.ccl-av select:focus-visible { outline: 3px solid var(--av-focus); outline-offset: 2px; }
.ccl-av svg { flex: none; }
.ccl-av .av-ic { display: block; }
.ccl-av button { font-family: inherit; }
.ccl-av .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.av-wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 var(--av-pad); }
.ccl-av .av-over {
	font-family: var(--av-label);
	font-variant-caps: all-small-caps;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.3;
	color: var(--av-sec);
}
.ccl-av .av-muted { color: var(--av-sec); }

/* ---------- Drawings ---------- */
.av-draw { display: block; color: var(--av-draw); }
.av-draw .av-knock { fill: var(--av-knock); }

/* ---------- Registration plates ---------- */
.av-plate {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 34px;
	padding: 0 12px 0 9px;
	background: var(--av-yel);
	border: 1.5px solid var(--av-plate-ink);
	border-radius: 6px;
	color: var(--av-plate-ink);
	white-space: nowrap;
}
.av-plate-k {
	font-family: var(--av-label);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 18px;
	padding-right: 8px;
	border-right: 1px solid rgba(16, 24, 40, .35);
}
.av-plate-v { font-family: var(--av-display); font-size: 16px; font-weight: 700; letter-spacing: .06em; line-height: 1; }
.av-plate--none {
	padding: 0 12px;
	background: var(--av-nr-bg);
	border: 1.5px dashed var(--av-nr-b);
	color: var(--av-nr-fg);
	font-size: 14px;
	font-weight: 600;
}
.av-plate--sm { height: 28px; padding: 0 10px; border-radius: 5px; }
.av-plate--sm .av-plate-v { font-size: 14px; }
.av-plate--lg {
	height: 64px;
	gap: 14px;
	padding: 0 22px 0 16px;
	border-width: 2px;
	border-radius: 8px;
	box-shadow: inset 0 0 0 3px var(--av-yel), inset 0 0 0 4px rgba(16, 24, 40, .3);
}
.av-plate--lg .av-plate-k { font-size: 12px; letter-spacing: .16em; line-height: 28px; padding-right: 14px; border-right-width: 1.5px; }
.av-plate--lg .av-plate-v { font-size: 32px; }
.av-hero .av-plate--none { background: rgba(255, 255, 255, .10); border-color: #90A6C4; color: #CBD5E1; box-shadow: none; }
.av-plate--lg.av-plate--none { font-size: 17px; }

/* ---------- Buttons ---------- */
.av-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 0 20px;
	border-radius: 10px;
	border: 1px solid transparent;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	transition: background-color .15s, border-color .15s, color .15s;
}
.ccl-av .av-btn--call { background: var(--av-blue); color: #FFFFFF; }
.ccl-av .av-btn--call:hover { background: #1550D6; color: #FFFFFF; }
.ccl-av .av-btn--line { border-color: rgba(255, 255, 255, .4); color: #FFFFFF; }
.ccl-av .av-btn--line:hover { border-color: #FFFFFF; background: rgba(255, 255, 255, .06); color: #FFFFFF; }
html[data-theme="dark"] .ccl-av .av-btn--line { border-color: rgba(255, 255, 255, .28); color: #F1F5F9; }
.ccl-av .av-btn--ink { border-color: var(--av-outline); color: var(--av-outline-fg); font-weight: 600; }
.ccl-av .av-btn--ink:hover { border-color: var(--av-ink); background: var(--av-card); }

/* ---------- Breadcrumbs and hero ---------- */
.av-hero { background: var(--av-hero); color: #FFFFFF; --av-knock: var(--av-hero); }
.av-hero .av-draw { color: #FFFFFF; }
html[data-theme="dark"] .av-hero .av-draw { color: #E2E8F0; }
.ccl-av .av-hero h1 { color: #FFFFFF; font-weight: 700; }
.av-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14px; line-height: 1.5; color: #A9BBD4; }
.av-crumbs a { color: #A9BBD4; }
.av-crumbs a:hover { color: #FFFFFF; }
.av-crumbs .av-ul { text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(169, 187, 212, .45); }
.av-crumbs .av-sep { color: #7189AC; }
.av-crumbs [aria-current] { color: #FFFFFF; }

.av-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 80px; align-items: end; padding-top: 56px; padding-bottom: 72px; }
.ccl-av--cat .av-hero-grid { grid-template-columns: minmax(0, 1fr) 380px; align-items: center; padding-top: 48px; padding-bottom: 60px; }
.av-hero-text { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.av-hero h1 { font-size: 64px; line-height: 1.04; letter-spacing: -.025em; }
.ccl-av--cat .av-hero h1 { font-size: 56px; line-height: 1.06; letter-spacing: -.02em; }
.ccl-av .av-lede { max-width: 680px; font-size: 20px; line-height: 1.55; color: #A9BBD4; }
.av-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px; }
.av-chips li {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 18px;
	font-size: 14px;
	color: #D5DFEC;
	white-space: nowrap;
}
.av-chips time { color: #FFFFFF; font-weight: 600; }
.av-chip-n { font-family: var(--av-display); font-weight: 700; color: var(--av-yel); }
.av-about { display: flex; flex-direction: column; gap: 14px; padding: 28px 30px; background: var(--av-about); border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px; }
.ccl-av .av-about h2 { font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 16px; font-weight: 600; letter-spacing: .08em; color: var(--av-yel); }
.av-about p { font-size: 16px; line-height: 1.6; color: #D5DFEC; }
.av-pill-back {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px 0 12px;
	border: 1px solid rgba(255, 255, 255, .24);
	border-radius: 22px;
	font-size: 15px;
	font-weight: 600;
	color: #FFFFFF;
}
.ccl-av .av-pill-back:hover { border-color: #FFFFFF; color: #FFFFFF; }
html[data-theme="dark"] .av-pill-back { border-color: rgba(255, 255, 255, .28); }
.av-hero-draw { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.av-hero-draw .av-draw { width: 100%; max-width: 360px; height: auto; }
.av-hero-rule { width: 300px; max-width: 100%; height: 1px; background: rgba(255, 255, 255, .16); }

/* ---------- Main ---------- */
.av-main { display: flex; flex-direction: column; padding-bottom: 0; }

.av-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.av-sec-head > div { display: flex; flex-direction: column; gap: 6px; }
.ccl-av .av-sec-head h2 { font-size: 28px; line-height: 1.2; }
.av-sec-note { font-size: 15px; color: var(--av-sec); }

/* Category tiles */
.av-cats { display: flex; flex-direction: column; gap: 24px; padding-top: 56px; }
.ccl-av--cat .av-cats { gap: 16px; padding-top: 40px; }
.av-tiles ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.av-tiles li { display: flex; }
.av-tile {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 196px;
	padding: 22px 24px 22px 28px;
	background: var(--av-card);
	border: 1px solid var(--av-line);
	border-radius: 12px;
	color: var(--av-ink);
	transition: border-color .15s;
}
.ccl-av .av-tile:hover { border-color: var(--av-ink); color: var(--av-ink); }
.av-tile-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.av-tile-top .av-draw { margin-left: auto; color: currentColor; }
.av-tile-bot { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.av-tile-lbl { font-family: var(--av-display); font-size: 22px; font-weight: 600; line-height: 1.2; }
.av-tile-go { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border: 1px solid var(--av-line); border-radius: 50%; }
.av-tile-sel {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 10px;
	border-radius: 14px;
	background: var(--av-yel);
	color: var(--av-plate-ink);
	font-family: var(--av-label);
	font-variant-caps: all-small-caps;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .08em;
}
.ccl-av .av-tile.is-on { background: var(--av-sel); border-color: var(--av-sel); color: var(--av-sel-fg); }
.av-tile.is-on .av-tile-go { background: var(--av-yel); border-color: var(--av-yel); color: var(--av-plate-ink); }
.av-tiles--strip ul { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.av-tiles--strip .av-tile { height: 112px; padding: 16px 16px 14px 18px; }
.av-tiles--strip .av-tile-top { gap: 8px; }
.av-tiles--strip .av-tile-top .av-draw { order: 1; margin-left: 0; }
.av-tiles--strip .av-tile-sel { order: 2; height: 24px; padding: 0 8px; border-radius: 12px; font-size: 14px; }
.av-tiles--strip .av-tile-lbl { font-size: 15px; line-height: 1.25; }

/* Mobile category select */
.av-mcat { display: flex; flex-direction: column; gap: 8px; }
.av-msel { position: relative; display: block; }
.av-msel-ic {
	position: absolute;
	left: 10px;
	top: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 40px;
	border-radius: 8px;
	background: var(--av-nr-bg);
	color: var(--av-draw);
	pointer-events: none;
}
.av-msel select {
	width: 100%;
	height: 56px;
	padding: 0 48px 0 76px;
	border: 1px solid var(--av-in-b);
	border-radius: 12px;
	background: var(--av-card);
	color: var(--av-ink);
	font-family: var(--av-display);
	font-size: 16px;
	font-weight: 600;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.av-msel-chev { position: absolute; right: 18px; top: 19px; color: var(--av-ink); pointer-events: none; }

/* Latest occurrences: heading, filters */
.av-latest { display: flex; flex-direction: column; gap: 24px; padding-top: 64px; }
.ccl-av--cat .av-latest { padding-top: 48px; }
.av-bar { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.ccl-av--home .av-bar { padding-bottom: 22px; border-bottom: 1px solid var(--av-line); }
.av-bar-head { display: flex; flex-direction: column; gap: 6px; }
.ccl-av .av-bar-head h2 { font-size: 28px; line-height: 1.2; }
.av-bar-sub { font-size: 15px; color: var(--av-sec); }
.av-bar-ctl { display: flex; align-items: flex-end; gap: 16px; }
.av-fld { display: flex; flex-direction: column; gap: 6px; }
.ccl-av .av-fld .av-over { font-size: 15px; }
.av-sel { position: relative; display: flex; }
.av-sel select {
	height: 44px;
	padding: 0 40px 0 14px;
	border: 1px solid var(--av-in-b);
	border-radius: 8px;
	background: var(--av-card);
	color: var(--av-ink);
	font-family: var(--av-sans);
	font-size: 15px;
	font-weight: 500;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.av-fld--state select { width: 210px; }
.av-fld--sort select { width: 180px; }
.av-sel-chev { position: absolute; right: 14px; top: 14px; color: var(--av-ink); pointer-events: none; }
.av-filters-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: none;
	height: 44px;
	padding: 0 16px 0 14px;
	border: 1px solid var(--av-in-b);
	border-radius: 10px;
	background: var(--av-card);
	color: var(--av-ink);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}

/* Card grid */
.av-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.av-card-li { display: flex; min-width: 0; }
.av-card {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 0;
	padding: 24px;
	background: var(--av-card);
	border: 1px solid var(--av-line);
	border-radius: 12px;
	color: var(--av-ink);
	transition: border-color .15s;
}
.ccl-av .av-card:hover { border-color: var(--av-ink); color: var(--av-ink); }
.ccl-av .av-card:hover .av-card-more { text-decoration: underline; text-underline-offset: 4px; }
.av-card-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; }
.av-card-top .av-draw { margin-left: auto; }
.av-card-hd { display: flex; flex-direction: column; gap: 4px; }
.av-card-cat { font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .08em; line-height: 1.3; color: var(--av-sec); }
.ccl-av .av-card-h { font-size: 21px; line-height: 1.25; overflow-wrap: anywhere; }
.av-dl { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 12px; row-gap: 10px; align-items: baseline; font-size: 15px; line-height: 1.45; }
.av-dl dt { font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .06em; color: var(--av-sec); }
.av-dl dd { color: var(--av-body); overflow-wrap: anywhere; }
.av-dl dd.is-none { color: var(--av-sec); }
.av-dl-occ { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.av-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--av-line2); }
.av-card-date { font-size: 14px; color: var(--av-sec); }
.av-card-more { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--av-ink); white-space: nowrap; }

/* Help block (four shapes: grid tile, wide grid tile, band, stacked) */
.av-help { display: flex; min-width: 0; }
.av-help-in { flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: 28px; background: var(--av-help); border-radius: 12px; color: #FFFFFF; }
.av-help-text { display: flex; flex-direction: column; gap: 12px; }
.ccl-av .av-help h2 { font-size: 23px; line-height: 1.25; color: #FFFFFF; }
.av-help-text p { font-size: 16px; line-height: 1.55; color: #C4D1E3; }
.ccl-av .av-help-text .av-help-eb { font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .08em; color: var(--av-yel); }
.av-help-btns { display: flex; flex-direction: column; gap: 8px; }
/* Fixed heights: the theme forces a small min-height on every tel: link. */
.ccl-av .av-help .av-btn { height: 48px; }
.av-help--wide { grid-column: span 2; }
.av-help--wide .av-help-in { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: center; gap: 40px; padding: 36px 40px; }
.av-help--wide .av-help-text { gap: 14px; }
.ccl-av .av-help--wide h2 { font-size: 28px; line-height: 1.2; }
.av-help--wide .av-help-text p { font-size: 17px; line-height: 1.6; }
.av-help--wide .av-help-btns { gap: 10px; }
.av-help--wide .av-btn--line { font-weight: 600; }
.av-help--band .av-help-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 48px; padding: 40px 48px; }
.ccl-av .av-help--band h2 { font-size: 28px; line-height: 1.2; }
.av-help--band .av-help-text p { max-width: 560px; font-size: 17px; line-height: 1.6; }
.av-help--band .av-help-btns { flex-direction: row; align-items: center; gap: 12px; }
.ccl-av .av-help--band .av-btn { height: 52px; padding: 0 22px; }
.av-help--band .av-btn--line { font-weight: 600; }
.av-help--stack .av-help-in { gap: 20px; padding: 24px 20px 20px; }
.av-help--stack .av-help-text { gap: 10px; }
.ccl-av .av-help--stack h2 { font-size: 22px; }
.av-help--stack .av-help-btns { gap: 10px; }

/* Pagination */
.av-pager { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 8px; }
.av-pager--c { justify-content: center; }
.av-pager ul { display: flex; align-items: center; gap: 8px; }
.av-pager-count { font-size: 15px; color: var(--av-sec); }
.av-pg-step {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 44px;
	padding: 0 16px;
	border: 1px solid var(--av-line);
	border-radius: 8px;
	background: var(--av-card);
	color: var(--av-ink);
	font-size: 15px;
	font-weight: 600;
}
.ccl-av a.av-pg-step:hover, .ccl-av .av-pg-n:hover { border-color: var(--av-ink); color: var(--av-ink); }
.av-pg-step.is-off { background: var(--av-off-bg); border-color: var(--av-off-b); color: var(--av-off-fg); }
.av-pg-n {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 6px;
	border: 1px solid var(--av-line);
	border-radius: 8px;
	background: var(--av-card);
	color: var(--av-ink);
	font-family: var(--av-display);
	font-size: 15px;
	font-weight: 600;
}
.ccl-av .av-pg-n[aria-current] { background: var(--av-sel); border-color: var(--av-sel); color: var(--av-sel-fg); }
.av-pg-gap { width: 32px; text-align: center; font-size: 15px; color: var(--av-sec); }
.av-pg-mid { font-family: var(--av-display); font-size: 15px; font-weight: 600; color: var(--av-ink); white-space: nowrap; }

.av-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 32px; background: var(--av-card); border: 1px solid var(--av-line); border-radius: 12px; }
.ccl-av .av-empty h3 { font-size: 21px; }
.av-empty p { color: var(--av-sec); }

/* FAQ */
.av-faq { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 72px; align-items: start; padding-top: 88px; padding-bottom: 96px; scroll-margin-top: 96px; }
.av-faq-head { display: flex; flex-direction: column; gap: 12px; }
.ccl-av .av-faq-head h2 { font-size: 30px; line-height: 1.2; }
.av-faq-note { font-size: 16px; line-height: 1.6; color: var(--av-sec); }
.av-faq-list { background: var(--av-card); border: 1px solid var(--av-line); border-radius: 12px; }
.av-faq-list > li + li { border-top: 1px solid var(--av-line2); }
.ccl-av .av-faq-q { font-family: var(--av-sans); font-size: inherit; }
.av-faq-q button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	min-height: 66px;
	padding: 18px 24px;
	border: 0;
	background: transparent;
	color: var(--av-ink);
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	cursor: pointer;
}
.av-faq-ic { display: flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border: 1px solid var(--av-line); border-radius: 50%; transition: transform .2s; }
.av-faq-q button[aria-expanded="true"] .av-faq-ic { transform: rotate(45deg); }
.av-faq-a { padding: 0 24px 22px; font-size: 16px; line-height: 1.65; color: var(--av-prose); }
.av-faq-a p + p, .av-faq-a p + ul, .av-faq-a ul + p { margin-top: 12px; }
.av-faq-a ul { padding-left: 20px; list-style: disc; }
.av-faq-a a { color: var(--av-link); text-decoration: underline; text-underline-offset: 3px; }

/* FAQ link block (category and record pages) */
.av-faqlink { padding-top: 72px; padding-bottom: 88px; }
.av-faqlink-in { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 28px 32px; background: var(--av-card); border: 1px solid var(--av-line); border-radius: 12px; }
.av-faqlink-text { display: flex; flex-direction: column; gap: 6px; }
.ccl-av .av-faqlink h2 { font-size: 20px; line-height: 1.3; }
.av-faqlink p { font-size: 15px; line-height: 1.5; color: var(--av-sec); }
.av-faqlink .av-btn { flex: none; }

/* =========================================================================
   Record page
   ========================================================================= */
.av-ihero .av-wrap { display: flex; flex-direction: column; gap: 32px; padding-top: 44px; padding-bottom: 128px; }
.av-ihero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 64px; align-items: center; }
.av-ihero-grid--solo { grid-template-columns: minmax(0, 1fr); }
.av-ihero-text { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.av-ihero-id { display: flex; align-items: center; gap: 18px; }
.av-ihero-ac { display: flex; flex-direction: column; gap: 4px; }
.ccl-av .av-ihero-ac .av-over { font-size: 15px; color: #90A6C4; }
.av-ihero-acn { font-family: var(--av-display); font-size: 17px; font-weight: 600; color: #FFFFFF; }
.av-ihero h1 { font-size: 48px; line-height: 1.1; letter-spacing: -.02em; overflow-wrap: anywhere; }
.av-chips--item { margin-top: 0; }
.av-chips--item li.av-chip-status { border-color: var(--av-yel); color: #FFFFFF; font-weight: 600; }
.av-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--av-yel); }
.av-chips--item li { border-color: rgba(255, 255, 255, .22); }
.av-ihero-dates { font-size: 15px; color: #A9BBD4; }
.av-ihero-dates time { color: #FFFFFF; }
.av-ihero-fig { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.av-ihero-fig .av-draw { width: 100%; max-width: 420px; height: auto; }
.av-ihero-fig figcaption { display: flex; align-items: center; gap: 12px; font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .08em; color: #90A6C4; text-align: center; }
.av-ihero-fig figcaption span { flex: none; width: 40px; height: 1px; background: rgba(255, 255, 255, .2); }

/* Key facts */
.av-facts { margin-top: -84px; }
.av-facts ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.av-fact { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 24px 24px 26px; background: var(--av-card); border: 1px solid var(--av-line); border-radius: 12px; box-shadow: var(--av-shadow); }
.av-fact-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.av-fact-ic { display: flex; align-items: center; justify-content: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--av-ic-bg); color: var(--av-ink); }
.av-fact-v { font-family: var(--av-display); font-size: 32px; font-weight: 700; line-height: 1.1; letter-spacing: -.01em; color: var(--av-ink); overflow-wrap: anywhere; }
.av-fact-v--long { font-size: 24px; line-height: 1.2; }
.av-fact-s { font-size: 15px; line-height: 1.5; color: var(--av-sec2); overflow-wrap: anywhere; }

/* Panels */
.av-panel { background: var(--av-card); border: 1px solid var(--av-line); border-radius: 12px; }

/* Flight path */
.av-path { padding-top: 32px; }
.av-path-in { display: flex; flex-direction: column; gap: 20px; padding: 28px 32px 32px; }
.av-path-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ccl-av .av-path-head h2 { font-size: 22px; line-height: 1.3; }
.av-path-note {
	display: flex;
	align-items: center;
	flex: none;
	height: 30px;
	padding: 0 12px;
	border: 1px dashed var(--av-nr-b);
	border-radius: 15px;
	font-family: var(--av-label);
	font-variant-caps: all-small-caps;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .08em;
	color: var(--av-sec2);
}
.av-fp-svg { display: block; width: 100%; height: auto; }
.av-fp-ground { stroke: var(--av-line); stroke-width: 1; }
.av-fp-flown { stroke: var(--av-ink); stroke-width: 2.25; stroke-linecap: round; }
.av-fp-plan { stroke: var(--av-mut); stroke-width: 1.75; stroke-dasharray: 6 7; stroke-linecap: round; }
.av-fp-dep { fill: var(--av-ink); }
.av-fp-mid { fill: var(--av-card); stroke: var(--av-ink); stroke-width: 2.25; }
.av-fp-dest { fill: var(--av-card); stroke: var(--av-mut); stroke-width: 1.75; }
.av-fp-x { fill: var(--av-ink); }
.av-fp-xm { stroke: var(--av-card); stroke-width: 2; stroke-linecap: round; }
.av-path-list { display: grid; grid-template-columns: repeat(var(--av-n, 4), minmax(0, 1fr)); gap: 24px; }
.av-pn-mark { display: none; }
.av-pn-text { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ccl-av .av-pn .av-over { font-size: 15px; }
.av-pn-name { font-family: var(--av-display); font-size: 17px; font-weight: 600; line-height: 1.35; color: var(--av-ink); overflow-wrap: anywhere; }
.av-pn-sub { font-size: 15px; line-height: 1.5; color: var(--av-sec2); }

/* What happened + About this report */
.av-story { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 72px; align-items: start; padding-top: 64px; }
.av-story-text { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.ccl-av .av-story-text h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.01em; }
.av-prose { font-size: 18px; line-height: 1.7; color: var(--av-prose); }
.ccl-av .av-prose > * + * { margin-top: 18px; }
.ccl-av .av-prose h3 { margin-top: 28px; font-size: 20px; line-height: 1.3; }
.av-prose ul, .av-prose ol { padding-left: 22px; }
.av-prose ul { list-style: disc; }
.av-prose ol { list-style: decimal; }
.av-prose li + li { margin-top: 8px; }
.av-prose strong { font-weight: 600; color: var(--av-ink); }
.av-report { display: flex; flex-direction: column; gap: 16px; padding: 24px 26px; }
.av-dl--report { column-gap: 14px; row-gap: 12px; }
.av-btn--src {
	justify-content: space-between;
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid var(--av-outline);
	color: var(--av-outline-fg);
	font-size: 15px;
	font-weight: 600;
	white-space: normal;
	text-align: left;
}
.ccl-av .av-btn--src:hover { border-color: var(--av-ink); color: var(--av-ink); }

/* Occurrence data */
.av-data { padding-top: 56px; }
.av-data-in { display: flex; flex-direction: column; gap: 12px; padding: 28px 32px 20px; }
.ccl-av .av-data h2 { font-size: 22px; line-height: 1.3; }
.av-data-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.av-data table { width: 100%; margin: 0; border: 0; border-collapse: collapse; font-size: 15px; line-height: 1.45; background: none; }
.av-data tr { border: 0; border-bottom: 1px solid var(--av-line2); background: none; }
.av-data tr:last-child { border-bottom: 0; }
.av-data th, .av-data td { border: 0; background: none; }
.av-data th { width: 150px; padding: 13px 16px 13px 0; text-align: left; vertical-align: top; font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .06em; color: var(--av-sec); }
.av-data td { padding: 13px 0; color: var(--av-body); overflow-wrap: anywhere; }
.av-data td .av-plate { vertical-align: middle; margin: -4px 0; }

/* Witness appeal / on board */
.av-duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; padding-top: 32px; }
.av-duo--one { grid-template-columns: minmax(0, 1fr); }
.av-note { display: flex; flex-direction: column; gap: 18px; padding: 30px 32px; }
.av-note-head { display: flex; align-items: center; gap: 14px; }
.av-note-head > div { display: flex; flex-direction: column; gap: 2px; }
.ccl-av .av-note-head .av-over { font-size: 15px; }
.ccl-av .av-note h2 { font-size: 20px; line-height: 1.3; }
.av-note-ic { display: flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 50%; }
.av-note-ic--ink { background: var(--av-sel); color: var(--av-sel-fg); }
.av-note-ic--yel { background: var(--av-yel); color: var(--av-plate-ink); }
.av-quote { display: flex; flex-direction: column; gap: 14px; }
.av-quote blockquote { padding: 0; border: 0; font-size: 19px; line-height: 1.6; font-style: normal; color: var(--av-ink); quotes: none; }
.av-quote blockquote::before, .av-quote blockquote::after { content: none; }
.ccl-av .av-quote a { font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: var(--av-ul); color: var(--av-ink); }
.av-quote figcaption { font-size: 15px; line-height: 1.5; color: var(--av-sec2); }
.av-quote cite { font-style: normal; }
.av-steps { display: flex; flex-direction: column; gap: 14px; }
.av-steps li { display: flex; align-items: flex-start; gap: 14px; font-size: 17px; line-height: 1.55; color: var(--av-body); }
.av-steps li > span:last-child { padding-top: 2px; }
.av-step-n { display: flex; align-items: center; justify-content: center; flex: none; width: 28px; height: 28px; border: 1px solid var(--av-ink); border-radius: 50%; font-family: var(--av-display); font-size: 13px; font-weight: 600; color: var(--av-ink); }
.av-note-foot { padding-top: 14px; border-top: 1px solid var(--av-line2); font-size: 14px; color: var(--av-sec); }

.av-iband { padding-top: 32px; }

/* Related */
.av-related { display: flex; flex-direction: column; gap: 24px; padding-top: 72px; }
.av-related-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.ccl-av .av-related-head h2 { font-size: 28px; line-height: 1.2; letter-spacing: -.01em; }
.av-link-arrow { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15px; font-weight: 600; color: var(--av-ink); }
.ccl-av .av-link-arrow:hover { text-decoration: underline; text-underline-offset: 4px; color: var(--av-ink); }
.ccl-av--item .av-faqlink { padding-top: 40px; }

/* =========================================================================
   Desktop / mobile switches
   ========================================================================= */
@media (min-width: 900px) {
	.ccl-av .av-mob, .ccl-av .av-mob-i { display: none !important; }
}

@media (max-width: 1239px) and (min-width: 900px) {
	.av-hero-grid { grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; }
	.ccl-av--cat .av-hero-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; }
	.av-hero h1 { font-size: 52px; }
	.ccl-av--cat .av-hero h1 { font-size: 46px; }
	.av-about { padding: 24px; }
	.av-tile { height: 180px; padding: 20px 20px 20px 24px; }
	.av-tile-top .av-draw { width: 140px; height: auto; }
	.av-tile-lbl { font-size: 20px; }
	.av-tiles--strip .av-tile { height: 112px; padding: 14px 12px 12px 14px; }
	.av-tiles--strip .av-tile-top .av-draw { width: 56px; }
	.av-tiles--strip .av-tile-lbl { font-size: 14px; }
	.av-tiles--strip .av-tile-sel { display: none; }
	.av-bar { flex-wrap: wrap; }
	.av-help--wide .av-help-in { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 32px; }
	.av-help--wide .av-help-btns { flex-direction: row; flex-wrap: wrap; }
	.av-help--band .av-help-in { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.av-faq { grid-template-columns: 280px minmax(0, 1fr); gap: 48px; }
	.av-ihero-grid { grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; }
	.av-ihero h1 { font-size: 40px; }
	.av-fact { padding: 20px 20px 22px; }
	.av-fact-v { font-size: 28px; }
	.av-fact-v--long { font-size: 21px; }
	.av-story { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; }
	.av-data-cols { gap: 32px; }
	.av-data th { width: 128px; }
	.av-note { padding: 26px 28px; }
}

@media (max-width: 1079px) and (min-width: 900px) {
	.av-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.av-grid--rel .av-card-li:nth-child(3) { display: none; }
	.av-facts ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.av-duo { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 899px) {
	.ccl-av { --av-pad: 16px; }
	.ccl-av .av-desk, .ccl-av .av-desk-i { display: none !important; }

	/* Hero */
	.av-hero-grid,
	.ccl-av--cat .av-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 24px; padding-bottom: 26px; }
	.ccl-av--cat .av-hero-grid { padding-top: 8px; padding-bottom: 24px; }
	.av-hero-text { gap: 14px; }
	.ccl-av--cat .av-hero-text { gap: 12px; }
	.ccl-av .av-kicker { font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .08em; color: #A9BBD4; }
	.ccl-av .av-kicker span { color: #90A6C4; }
	.ccl-av .av-kicker--cat { color: var(--av-yel); }
	.av-hero h1,
	.ccl-av--cat .av-hero h1 { font-size: 34px; line-height: 1.1; letter-spacing: -.02em; }
	.ccl-av--cat .av-hero h1 { margin-top: -6px; }
	.ccl-av .av-lede { font-size: 16px; }
	.ccl-av--cat .av-lede { font-size: 17px; }
	.av-chips { gap: 8px; margin-top: 4px; }
	.av-chips li { height: 34px; padding: 0 12px; gap: 7px; border-radius: 17px; }
	.av-mtop { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
	.av-back { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 15px; font-weight: 500; color: #A9BBD4; }
	.ccl-av .av-back:hover { color: #FFFFFF; }
	.av-mtop-draw { width: 96px; height: auto; }

	/* Category select */
	.av-cats { gap: 8px; padding-top: 24px; }
	.ccl-av--cat .av-cats { padding-top: 20px; }
	.av-mcat .av-over { font-size: 16px; }
	.av-msel-ic .av-draw { width: 44px; height: auto; }

	/* List */
	.av-latest,
	.ccl-av--cat .av-latest { gap: 16px; padding-top: 28px; }
	.ccl-av--cat .av-latest { padding-top: 24px; }
	.av-bar { flex-direction: column; align-items: stretch; gap: 16px; }
	.ccl-av--home .av-bar { padding-bottom: 0; border-bottom: 0; }
	.av-bar-head { gap: 4px; }
	.ccl-av .av-bar-head h2 { font-size: 22px; line-height: 1.25; }
	.ccl-av--cat .av-bar-head h2 { font-size: 24px; line-height: 1.2; }
	.av-bar-ctl { flex-wrap: wrap; align-items: center; gap: 12px; }
	.av-fld--sort { flex: 1 1 auto; flex-direction: row; align-items: center; gap: 10px; }
	.av-fld--sort .av-sel { flex: 1 1 auto; }
	.av-fld--sort select { width: 100%; border-radius: 10px; }
	.av-fld--state { display: none; order: 3; flex: 1 1 100%; }
	.av-fld--state.is-open { display: flex; }
	.av-fld--state select { width: 100%; border-radius: 10px; }
	.av-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.av-grid > .av-help { display: none; }
	.av-card { gap: 14px; padding: 18px; }
	.av-card-top { gap: 12px; }
	.av-plate { height: 32px; gap: 7px; padding: 0 10px 0 8px; }
	.av-plate-k { font-size: 12px; line-height: 16px; letter-spacing: .12em; }
	.av-plate-v { font-size: 15px; }
	.av-plate--none { padding: 0 11px; font-size: 14px; }
	.av-card-hd { gap: 3px; }
	.av-card-cat { font-size: 14px; }
	.ccl-av .av-card-h { font-size: 19px; }
	.av-dl { grid-template-columns: 86px minmax(0, 1fr); }
	.av-dl dt { font-size: 14px; }
	.av-card-foot { padding-top: 0; border-top: 0; }
	.av-pager { padding-top: 0; }
	.av-pager ul { justify-content: space-between; width: 100%; gap: 12px; }
	.av-pg-step { padding: 0 16px 0 12px; border-radius: 10px; }
	.av-pg-next .av-pg-step { padding: 0 12px 0 16px; }

	/* FAQ, help, about */
	.av-faq { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 44px; padding-bottom: 0; }
	.av-faq-head { gap: 4px; }
	.ccl-av .av-faq-head .av-over { font-size: 15px; }
	.ccl-av .av-faq-head h2 { font-size: 22px; line-height: 1.25; }
	.av-faq-note { margin-top: 2px; font-size: 15px; line-height: 1.5; }
	.av-faq-q button { gap: 16px; min-height: 60px; padding: 14px 16px; font-size: 16px; }
	.av-faq-ic { width: 30px; height: 30px; }
	.av-faq-a { padding: 0 16px 18px; font-size: 15px; }
	.av-main > .av-wrap.av-mob:has(.av-help) { padding-top: 32px; }
	.ccl-av--cat .av-main > .av-wrap.av-mob:has(.av-help) { padding-top: 16px; padding-bottom: 40px; }
	.ccl-av .av-help--stack .av-btn--line { font-weight: 700; }
	.ccl-av--cat .av-help--stack .av-help-in { padding-top: 26px; }
	.ccl-av--cat .av-help--stack h2 { font-size: 24px; line-height: 1.2; }
	.ccl-av--cat .av-help--stack .av-help-text p { line-height: 1.6; }
	.ccl-av--cat .av-help--stack .av-btn--line { font-weight: 600; }
	.av-mabout { display: flex; flex-direction: column; gap: 8px; padding-top: 32px; padding-bottom: 36px; }
	.ccl-av .av-mabout .av-over { font-size: 15px; }
	.av-mabout p { font-size: 15px; line-height: 1.6; color: var(--av-body); }
	.av-faqlink { padding-top: 32px; padding-bottom: 0; }
	.av-faqlink-in { flex-direction: column; align-items: stretch; gap: 16px; padding: 20px; }
	.ccl-av .av-faqlink h2 { font-size: 19px; }
	.av-faqlink .av-btn { width: 100%; }

	/* Record page */
	.av-ihero .av-wrap { gap: 14px; padding-top: 4px; padding-bottom: 72px; }
	.av-ihero .av-back { align-self: flex-start; font-weight: 600; color: #D5DFEC; }
	.av-ihero-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.av-ihero-text { gap: 14px; }
	.av-ihero-id { justify-content: space-between; gap: 12px; }
	.av-plate--lg { height: 52px; gap: 12px; padding: 0 16px 0 12px; border-radius: 7px; box-shadow: none; }
	.av-plate--lg .av-plate-k { font-size: 12px; line-height: 24px; padding-right: 12px; }
	.av-plate--lg .av-plate-v { font-size: 25px; }
	.av-plate--lg.av-plate--none { font-size: 15px; }
	.av-ihero-mdraw { width: 104px; height: auto; margin-left: auto; }
	.ccl-av .av-ihero-cap { display: flex; align-items: center; gap: 10px; margin-top: -2px; font-family: var(--av-label); font-variant-caps: all-small-caps; font-size: 15px; font-weight: 600; letter-spacing: .08em; color: #90A6C4; }
	.av-ihero-cap span { flex: 1; height: 1px; background: rgba(255, 255, 255, .2); }
	.av-ihero h1 { font-size: 29px; line-height: 1.15; letter-spacing: -.01em; }
	.av-chips--item li { height: 32px; padding: 0 12px; border-radius: 16px; }
	.av-ihero-dates { line-height: 1.5; }
	.av-facts { margin-top: -48px; }
	.av-facts ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.av-fact { gap: 8px; padding: 14px 14px 16px; }
	.av-fact-top { gap: 8px; }
	.ccl-av .av-fact .av-over { font-size: 15px; }
	.av-fact-ic { width: 32px; height: 32px; }
	.av-fact-ic .av-ic { width: 16px; height: 16px; }
	.av-fact-v, .av-fact-v--long { font-size: 20px; line-height: 1.15; }
	.av-fact-s { font-size: 14px; line-height: 1.45; }

	.av-path { padding-top: 24px; }
	.av-path-in { gap: 18px; padding: 20px 16px 20px 18px; }
	.av-path-head { gap: 10px; }
	.ccl-av .av-path-head h2 { font-size: 20px; }
	.av-path-note { height: 28px; padding: 0 10px; border-radius: 14px; font-size: 14px; }
	.av-path-list { display: flex; flex-direction: column; gap: 0; }
	.av-pn { display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 12px; }
	.av-pn-mark { display: flex; flex-direction: column; align-items: center; }
	.av-pn-dot { flex: none; width: 12px; height: 12px; margin-top: 4px; border-radius: 50%; background: var(--av-ink); }
	.av-pn-line { flex: 1; width: 0; min-height: 16px; border-left: 2.25px solid var(--av-ink); }
	.av-pn:last-child .av-pn-line { display: none; }
	.av-pn-text { gap: 3px; padding-bottom: 18px; }
	.av-pn:last-child .av-pn-text { padding-bottom: 0; }
	.av-pn--phase .av-pn-dot { width: 14px; height: 14px; margin-top: 3px; background: var(--av-card); border: 2.25px solid var(--av-ink); }
	.av-pn--site .av-pn-dot { position: relative; width: 22px; height: 22px; margin-top: 0; }
	.av-pn--site .av-pn-dot::before,
	.av-pn--site .av-pn-dot::after { content: ""; position: absolute; left: 10px; top: 5px; width: 2px; height: 12px; border-radius: 1px; background: var(--av-card); transform: rotate(45deg); }
	.av-pn--site .av-pn-dot::after { transform: rotate(-45deg); }
	.av-pn--site .av-pn-line,
	.av-pn.is-plan .av-pn-line { border-left: 1.75px dashed var(--av-mut); }
	.av-pn--dest .av-pn-dot { width: 14px; height: 14px; margin-top: 3px; background: var(--av-card); border: 1.75px solid var(--av-mut); }
	.ccl-av .av-pn .av-over { line-height: 20px; }

	.av-story { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 32px; }
	.av-story-text { gap: 14px; }
	.ccl-av .av-story-text h2 { font-size: 24px; }
	.av-prose { font-size: 16px; line-height: 1.6; }
	.ccl-av .av-prose > * + * { margin-top: 14px; }
	.ccl-av .av-prose h3 { font-size: 18px; margin-top: 22px; }

	.av-data { padding-top: 32px; }
	.av-data-in { gap: 6px; padding: 20px 18px 8px; }
	.ccl-av .av-data h2 { font-size: 20px; }
	.av-data-cols { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.av-data tr, .av-data tr:last-child { border-bottom: 0; }
	.av-data th { width: 110px; padding: 8px 10px 8px 0; line-height: 1.4; }
	.av-data td { padding: 8px 0; line-height: 1.4; }

	.av-duo { grid-template-columns: minmax(0, 1fr); gap: 16px; padding-top: 16px; }
	.av-note { gap: 14px; padding: 20px; }
	.av-note-ic { width: 42px; height: 42px; }
	.ccl-av .av-note h2 { font-size: 19px; }
	.av-quote { gap: 12px; }
	.av-quote blockquote { font-size: 17px; }
	.av-quote figcaption { font-size: 14px; }
	.av-steps { gap: 12px; }
	.av-steps li { gap: 12px; font-size: 16px; }

	.av-iband { padding-top: 24px; }
	.av-help--band .av-help-in { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px 20px 20px; }
	.ccl-av .av-help--band h2 { font-size: 23px; line-height: 1.25; }
	.av-help--band .av-help-text { gap: 10px; }
	.av-help--band .av-help-text p { font-size: 16px; line-height: 1.55; }
	.av-help--band .av-help-btns { flex-direction: column; align-items: stretch; gap: 10px; }

	.av-related { gap: 14px; padding-top: 32px; }
	.ccl-av .av-related-head h2 { font-size: 24px; }
	.av-grid--rel .av-card-li:nth-child(3) { display: none; }
	.av-grid--rel .av-card { gap: 12px; padding: 16px 18px 14px; }
	.av-related > .av-link-arrow { align-self: flex-start; margin-top: -2px; }
	.ccl-av--item .av-main > .av-wrap.av-mob { padding-top: 20px; padding-bottom: 32px; }
	.av-report { gap: 14px; padding: 20px; }
}