/* AYW Title History — single championship page (v4) */

.ayw-ch {
	--ch-bg: #08080a;
	--ch-surface: #111216;
	--ch-surface-2: #17181d;
	--ch-line: rgba(255, 255, 255, .08);
	--ch-line-2: rgba(255, 255, 255, .14);
	--ch-fg: #f5f4f0;
	--ch-soft: #c9cad0;
	--ch-muted: #9a9ca5;
	--ch-dim: #6c6f79;
	--ch-red: var(--aywt-red, #df2334);
	--ch-red-rgb: var(--aywt-red-rgb, 223, 35, 52);
	--ch-gold: #e2bd62;
	--ch-gold-rgb: 226, 189, 98;
	--ch-display: var(--aywt-display, "Barlow Condensed", "Arial Narrow", sans-serif);
	--ch-body: var(--aywt-body, Inter, "Segoe UI", Roboto, sans-serif);
	--ch-sticky: 64px;
	--ch-radius: 18px;
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0;
	overflow-x: clip;
	background: var(--ch-bg);
	color: var(--ch-fg);
	font-family: var(--ch-body);
	font-size: 15px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
.ayw-ch *, .ayw-ch *::before, .ayw-ch *::after { box-sizing: border-box; min-width: 0; }
.ayw-ch a { color: inherit; text-decoration: none; }
.ayw-ch h1, .ayw-ch h2, .ayw-ch h3 { color: var(--ch-fg) !important; margin: 0; padding: 0; border: 0; background: none; }
.ayw-ch :where(p, ol, ul, dl, dd, figure, figcaption) { margin: 0; padding: 0; }
.ayw-ch :where(ol, ul) { list-style: none; }
.ayw-ch li { margin: 0; }
.ayw-ch li::marker { content: none; }
.ayw-ch img { display: block; max-width: 100%; height: auto; }
.ayw-ch button { font: inherit; }
.ayw-ch .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ayw-ch :focus-visible { outline: 2px solid var(--ch-gold); outline-offset: 2px; }

/* ---------- Hero (unchanged layout) ---------- */

.ayw-ch-hero {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: center;
	min-height: 470px;
	padding: 44px clamp(24px, 4vw, 64px);
	background: #08090b;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .97) 0%, rgba(0, 0, 0, .79) 42%, rgba(0, 0, 0, .18) 100%), var(--hero, none);
	background-size: cover;
	background-position: center;
	border-bottom: 1px solid #1d1e22;
	overflow: hidden;
}
.ayw-ch-hero__shade {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(circle at 72% 50%, rgba(216, 179, 91, .17), transparent 32%), linear-gradient(0deg, var(--ch-bg) 0, transparent 30%);
}
.ayw-ch-hero__copy { position: relative; z-index: 4; width: min(650px, 54vw); }
.ayw-ch-back { display: inline-block; margin-bottom: 22px; color: #bfc1c7; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; transition: color .2s; }
.ayw-ch-back:hover { color: #fff; }
.ayw-ch-kicker { color: var(--ch-red); font-size: 12px; font-weight: 800; letter-spacing: 1.8px; }
.ayw-ch-hero h1 {
	max-width: 650px;
	margin: 10px 0 20px;
	font-family: var(--ch-display);
	font-size: clamp(54px, 6vw, 94px);
	font-weight: 700;
	line-height: .86;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0 6px 28px #000;
}
.ayw-ch-status { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.ayw-ch-status span { color: #9599a4; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; }
.ayw-ch-status strong { font-size: 21px; }
.ayw-ch-status em { padding: 6px 11px; border: 1px solid rgba(216, 179, 91, .5); border-radius: 999px; color: #f0cf7b; font-size: 12px; font-style: normal; font-weight: 800; }
.ayw-ch-facts { display: flex; flex-wrap: wrap; margin-top: 25px; }
.ayw-ch-facts div { padding: 0 20px; border-left: 1px solid #33343a; }
.ayw-ch-facts div:first-child { padding-left: 0; border-left: 0; }
.ayw-ch-facts span { display: block; margin-bottom: 7px; color: #8e929d; font-size: 10px; letter-spacing: 1.2px; text-transform: uppercase; }
.ayw-ch-facts b { font-size: 16px; }
.ayw-ch-belt { position: absolute; z-index: 1; right: 4vw; bottom: 15px; width: min(35vw, 520px); height: 67%; object-fit: contain; filter: drop-shadow(0 30px 45px rgba(0, 0, 0, .9)); }
.ayw-ch .ayw-ch-belt { height: 67%; }
.ayw-ch-logo { position: absolute; z-index: 5; right: 5vw; top: 30px; width: 112px; max-height: 62px; object-fit: contain; opacity: .85; }
.ayw-ch .ayw-ch-cutout { position: absolute; z-index: 2; right: -1vw; bottom: -1px; width: min(29vw, 460px); height: 94%; max-width: none; object-fit: contain; object-position: right bottom; pointer-events: none; filter: drop-shadow(-20px 24px 34px rgba(0, 0, 0, .82)); }
.ayw-ch-hero.has-cutout .ayw-ch-belt { z-index: 3; right: clamp(250px, 20vw, 390px); bottom: 15px; width: min(28vw, 430px); height: 58%; }

/* ---------- Section navigation ---------- */

.ayw-ch-nav {
	position: sticky;
	top: var(--ch-sticky);
	z-index: 30;
	display: flex;
	gap: clamp(20px, 2.7vw, 40px);
	padding: 0 clamp(18px, 4vw, 56px);
	overflow-x: auto;
	background: rgba(8, 8, 10, .92);
	border-bottom: 1px solid var(--ch-line);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	scrollbar-width: none;
}
.ayw-ch-nav::-webkit-scrollbar { display: none; }
.ayw-ch-nav a {
	position: relative;
	flex: none;
	padding: 16px 0 15px;
	color: #a8abb4;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color .2s;
}
.ayw-ch-nav a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--ch-red), var(--ch-gold));
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .25s ease;
}
.ayw-ch-nav a:hover, .ayw-ch-nav a.is-active { color: #fff; }
.ayw-ch-nav a:hover::after, .ayw-ch-nav a.is-active::after { transform: scaleX(1); }

/* ---------- Layout primitives ---------- */

.ayw-ch-wrap {
	position: relative;
	max-width: 1360px;
	margin: 0 auto;
	padding: 56px clamp(18px, 3.5vw, 48px) 96px;
}
.ayw-ch-wrap::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset: 0 -20vw auto;
	height: 640px;
	pointer-events: none;
	background: radial-gradient(ellipse at 15% 0%, rgba(var(--ch-red-rgb), .09), transparent 50%), radial-gradient(ellipse at 85% 10%, rgba(var(--ch-gold-rgb), .06), transparent 45%);
}
.ayw-ch-wrap > * { position: relative; z-index: 1; }
.ayw-ch-section { padding-top: 88px; scroll-margin-top: calc(var(--ch-sticky) + 56px); }
.ayw-ch-section:first-child { padding-top: 0; }
.ayw-ch-spot { scroll-margin-top: calc(var(--ch-sticky) + 56px); }

.ayw-ch-head { margin-bottom: 28px; }
.ayw-ch-head h2 { margin-top: 8px; font-family: var(--ch-display); font-size: clamp(30px, 3.2vw, 42px); font-weight: 700; line-height: 1; letter-spacing: .5px; text-transform: uppercase; }
.ayw-ch-head--split { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 40px; }
.ayw-ch-head--split > p { max-width: 440px; color: var(--ch-muted); font-size: 14px; }
.ayw-ch-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--ch-red); font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.ayw-ch-eyebrow::before { content: ""; width: 22px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--ch-red), var(--ch-gold)); }
.ayw-ch-eyebrow.is-live::before { width: 8px; height: 8px; border-radius: 50%; background: var(--ch-red); box-shadow: 0 0 0 4px rgba(var(--ch-red-rgb), .2); animation: ayw-ch-pulse 2s ease-in-out infinite; }
@keyframes ayw-ch-pulse { 50% { box-shadow: 0 0 0 7px rgba(var(--ch-red-rgb), 0); } }

.ayw-ch-card {
	padding: 28px;
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
	background: linear-gradient(160deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)), var(--ch-surface);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}
.ayw-ch-card > h3, .ayw-ch-card figcaption h3 { font-family: var(--ch-display); font-size: 20px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }

.ayw-ch-bar { position: relative; display: block; height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .06); overflow: hidden; }
.ayw-ch-bar i { position: absolute; inset: 0 auto 0 0; border-radius: 6px; background: #8b8e98; }

.ayw-ch-more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin-top: 14px;
	padding: 14px 18px;
	border: 1px solid var(--ch-line-2);
	border-radius: 12px;
	background: rgba(255, 255, 255, .02);
	color: var(--ch-fg);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	cursor: pointer;
	transition: border-color .2s, background .2s, color .2s;
}
.ayw-ch-more::after { content: "↓"; color: var(--ch-gold); }
.ayw-ch-more.is-open::after { content: "↑"; }
.ayw-ch-more:hover { border-color: rgba(var(--ch-gold-rgb), .55); background: rgba(var(--ch-gold-rgb), .06); }
.ayw-ch-more[hidden] { display: none; }
.ayw-ch-link { color: var(--ch-gold) !important; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.ayw-ch-link:hover { color: #fff !important; }
.ayw-ch-muted { color: var(--ch-dim); }
.ayw-ch-empty { padding: 36px; border: 1px dashed var(--ch-line-2); border-radius: 14px; color: var(--ch-muted); text-align: center; }
.ayw-ch-empty[hidden] { display: none; }

/* ---------- Overview ---------- */

.ayw-ch-overview { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .9fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.ayw-ch-copy { max-width: 720px; color: var(--ch-soft); font-size: 17px; line-height: 1.75; }
.ayw-ch-copy p + p { margin-top: 1em; }
.ayw-ch-copy a { color: var(--ch-gold); text-decoration: underline; text-underline-offset: 3px; }
.ayw-ch-facts-list { max-width: 720px; margin-top: 36px; }
.ayw-ch-facts-list h3 { margin-bottom: 14px !important; color: var(--ch-gold) !important; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.ayw-ch-facts-list ul { display: grid; gap: 2px; }
.ayw-ch-facts-list li { position: relative; padding: 13px 0 13px 30px; border-top: 1px solid var(--ch-line); color: var(--ch-fg); font-size: 15px; line-height: 1.55; }
.ayw-ch-facts-list li:last-child { border-bottom: 1px solid var(--ch-line); }
.ayw-ch-facts-list li::before { content: ""; position: absolute; left: 4px; top: 21px; width: 8px; height: 8px; border: 2px solid var(--ch-gold); border-radius: 2px; transform: rotate(45deg); }

.ayw-ch-info { position: sticky; top: calc(var(--ch-sticky) + 70px); }
.ayw-ch-info h3 { margin-bottom: 10px !important; }
.ayw-ch-info dl div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--ch-line); }
.ayw-ch-info dl div:last-child { border-bottom: 0; padding-bottom: 0; }
.ayw-ch-info dt { color: var(--ch-muted); font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.ayw-ch-info dd { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; text-align: right; }
.ayw-ch-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ch-dim); }
.ayw-ch-dot.is-live { background: #3ecf8e; box-shadow: 0 0 0 3px rgba(62, 207, 142, .18); }

/* ---------- Stat band ---------- */

.ayw-ch-stats {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 64px;
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
	background: var(--ch-surface);
	overflow: hidden;
}
.ayw-ch-stat { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 22px 22px; border-left: 1px solid var(--ch-line); }
.ayw-ch-stat:first-child { border-left: 0; }
.ayw-ch-stat span { color: var(--ch-muted); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.ayw-ch-stat b { font-family: var(--ch-display); font-size: clamp(34px, 3.4vw, 46px); font-weight: 700; line-height: 1; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.ayw-ch-stat b i { margin-left: 5px; color: var(--ch-muted); font-family: var(--ch-body); font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 0; }
.ayw-ch-stat small { overflow: hidden; color: var(--ch-soft); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ayw-ch-stat.is-gold { background: linear-gradient(180deg, rgba(var(--ch-gold-rgb), .09), transparent 75%); }
.ayw-ch-stat.is-gold::before { content: ""; position: absolute; inset: 0 0 auto; height: 2px; background: var(--ch-gold); }
.ayw-ch-stat.is-gold b { color: var(--ch-gold); }

/* ---------- Current champion spotlight ---------- */

.ayw-ch-spot {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
	margin-top: 24px;
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
	background: radial-gradient(ellipse at 100% 0%, rgba(var(--ch-red-rgb), .14), transparent 45%), radial-gradient(ellipse at 70% 120%, rgba(var(--ch-gold-rgb), .08), transparent 40%), linear-gradient(110deg, #121318, #0b0b0e);
	overflow: hidden;
}
.ayw-ch-spot::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, var(--ch-red), rgba(var(--ch-red-rgb), .2) 40%, rgba(var(--ch-gold-rgb), .5) 75%, transparent); }
.ayw-ch-spot__media { position: relative; min-height: 300px; background: #0d0e11; }
.ayw-ch-spot__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 60%, rgba(11, 11, 14, .85)); pointer-events: none; }
.ayw-ch .ayw-ch-spot__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.ayw-ch .ayw-ch-spot__media img.is-cutout { object-fit: contain; object-position: center bottom; }
.ayw-ch-spot__mono { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255, 255, 255, .12); font-family: var(--ch-display); font-size: 120px; font-weight: 700; }
.ayw-ch-spot__body { display: flex; flex-direction: column; justify-content: center; padding: 40px clamp(24px, 4vw, 56px); }
.ayw-ch-spot h2 { margin-top: 12px; font-family: var(--ch-display); font-size: clamp(42px, 5vw, 72px); font-weight: 700; line-height: .92; letter-spacing: 1px; text-transform: uppercase; }
.ayw-ch-spot h2 a:hover { color: var(--ch-gold); }
.ayw-ch-spot__members { margin-top: 6px !important; color: var(--ch-muted); }
.ayw-ch-spot__lede { max-width: 640px; margin-top: 14px !important; color: var(--ch-soft); font-size: 15px; }
.ayw-ch-spot__metrics { display: flex; flex-wrap: wrap; gap: 0; margin-top: 26px; }
.ayw-ch-spot__metrics div { display: flex; flex-direction: column; gap: 6px; padding: 0 28px; border-left: 1px solid var(--ch-line-2); }
.ayw-ch-spot__metrics div:first-child { padding-left: 0; border-left: 0; }
.ayw-ch-spot__metrics b { font-family: var(--ch-display); font-size: 36px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.ayw-ch-spot__metrics div:first-child b { color: var(--ch-gold); }
.ayw-ch-spot__metrics b.is-text { font-size: 22px; line-height: 1.6; }
.ayw-ch-spot__metrics span { color: var(--ch-muted); font-size: 10px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
.ayw-ch-chase { max-width: 620px; margin-top: 28px; }
.ayw-ch-chase__label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; margin-bottom: 10px; font-size: 12px; }
.ayw-ch-chase__label span:first-child { color: var(--ch-fg); font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.ayw-ch-chase__label span:last-child { color: var(--ch-muted); }
.ayw-ch-chase__track { position: relative; height: 8px; border-radius: 8px; background: rgba(255, 255, 255, .07); overflow: hidden; }
.ayw-ch-chase__track i { position: absolute; inset: 0 auto 0 0; border-radius: 8px; background: linear-gradient(90deg, var(--ch-red), var(--ch-gold)); }
.ayw-ch-spot.is-vacant .ayw-ch-spot__media { filter: grayscale(1); }

/* ---------- Reign map ---------- */

.ayw-ch-map { margin-bottom: 32px; padding: 24px 24px 18px; border: 1px solid var(--ch-line); border-radius: var(--ch-radius); background: var(--ch-surface); }
.ayw-ch-map__track { position: relative; height: 46px; border-radius: 8px; background: rgba(255, 255, 255, .03); }
.ayw-ch-map__seg {
	position: absolute;
	top: 0;
	bottom: 0;
	min-width: 3px;
	border-right: 2px solid var(--ch-surface);
	border-radius: 3px;
	background: #464a55;
	transition: opacity .2s, background .2s, transform .2s;
}
.ayw-ch-map__seg.is-even { background: #33363f; }
.ayw-ch-map__seg.is-odd { background: #4a4e5a; }
.ayw-ch-map__seg.is-record { background: var(--ch-gold); }
.ayw-ch-map__seg.is-current { background: var(--ch-red); }
.ayw-ch-map__seg.is-vacant { background: repeating-linear-gradient(135deg, #2a2c33 0 3px, transparent 3px 6px); }
.ayw-ch-map__seg:hover, .ayw-ch-map__seg:focus-visible { transform: scaleY(1.18); outline: none; }
.ayw-ch-map__track.is-tracing .ayw-ch-map__seg { opacity: .22; }
.ayw-ch-map__track.is-tracing .ayw-ch-map__seg.is-traced { opacity: 1; background: #fff; }
.ayw-ch-map__track.is-tracing .ayw-ch-map__seg.is-traced.is-record { background: var(--ch-gold); }
.ayw-ch-map__track.is-tracing .ayw-ch-map__seg.is-traced.is-current { background: var(--ch-red); }
.ayw-ch-map__axis { position: relative; height: 26px; margin-top: 8px; border-top: 1px solid var(--ch-line); }
.ayw-ch-map__axis span { position: absolute; top: 7px; color: var(--ch-dim); font-size: 11px; font-variant-numeric: tabular-nums; transform: translateX(-50%); }
.ayw-ch-map__axis span:first-child { transform: none; }
.ayw-ch-map__axis span:last-child { transform: none; }
.ayw-ch-legend { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 10px; color: var(--ch-muted); font-size: 12px; }
.ayw-ch-legend span { display: inline-flex; align-items: center; gap: 8px; }
.ayw-ch-legend i { width: 14px; height: 10px; border-radius: 2px; background: #4a4e5a; }
.ayw-ch-legend i.is-current { background: var(--ch-red); }
.ayw-ch-legend i.is-record { background: var(--ch-gold); }
.ayw-ch-legend i.is-vacant { background: repeating-linear-gradient(135deg, #5a5d66 0 2px, transparent 2px 4px); box-shadow: inset 0 0 0 1px #3a3c44; }

/* ---------- Lineage list ---------- */

.ayw-ch-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 16px; }
.ayw-ch-toolbar__count { margin-right: auto !important; color: var(--ch-muted); font-size: 13px; }
.ayw-ch-toolbar__count b { color: var(--ch-fg); font-family: var(--ch-display); font-size: 22px; font-variant-numeric: tabular-nums; }
.ayw-ch-search { position: relative; display: block; width: min(340px, 100%); margin: 0; }
.ayw-ch-search svg { position: absolute; left: 14px; top: 50%; width: 16px; height: 16px; fill: none; stroke: var(--ch-muted); stroke-width: 2; stroke-linecap: round; transform: translateY(-50%); pointer-events: none; }
.ayw-ch .ayw-ch-search input {
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 0 14px 0 40px;
	border: 1px solid var(--ch-line-2);
	border-radius: 10px;
	background: var(--ch-surface);
	color: var(--ch-fg);
	font: 500 14px var(--ch-body);
	box-shadow: none;
	outline: 0;
	transition: border-color .2s;
}
.ayw-ch .ayw-ch-search input::placeholder { color: var(--ch-dim); }
.ayw-ch .ayw-ch-search input:focus { border-color: rgba(var(--ch-gold-rgb), .6); }
.ayw-ch-seg { display: inline-flex; padding: 3px; border: 1px solid var(--ch-line-2); border-radius: 10px; background: var(--ch-surface); }
.ayw-ch-seg button { height: 34px; padding: 0 14px; border: 0; border-radius: 7px; background: none; color: var(--ch-muted); font-size: 11px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s; }
.ayw-ch-seg button:hover { color: #fff; }
.ayw-ch-seg button.is-active { background: var(--ch-surface-2); color: #fff; box-shadow: inset 0 0 0 1px var(--ch-line-2); }

.ayw-ch-list-head, .ayw-ch-row {
	display: grid;
	grid-template-columns: 52px minmax(220px, 1.35fr) minmax(200px, 1.15fr) 150px minmax(160px, 1fr);
	gap: 20px;
	align-items: center;
}
.ayw-ch-list-head { padding: 0 20px 10px; color: var(--ch-dim); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.ayw-ch-list { border: 1px solid var(--ch-line); border-radius: var(--ch-radius); background: var(--ch-surface); overflow: hidden; }
.ayw-ch-row { position: relative; padding: 14px 20px; border-top: 1px solid var(--ch-line); transition: background .2s; scroll-margin-top: calc(var(--ch-sticky) + 70px); }
.ayw-ch-row:first-child { border-top: 0; }
.ayw-ch-row:hover, .ayw-ch-row.is-traced { background: rgba(255, 255, 255, .03); }
.ayw-ch-row.is-flash { animation: ayw-ch-flash 1.6s ease; }
@keyframes ayw-ch-flash { 0%, 30% { background: rgba(var(--ch-gold-rgb), .14); } }
.ayw-ch-row[hidden] { display: none; }
.ayw-ch-row.is-current { background: linear-gradient(90deg, rgba(var(--ch-red-rgb), .12), transparent 55%); box-shadow: inset 3px 0 0 var(--ch-red); }
.ayw-ch-row.is-record { box-shadow: inset 3px 0 0 var(--ch-gold); }
.ayw-ch-row.is-current.is-record { box-shadow: inset 3px 0 0 var(--ch-red); }
.ayw-ch-row__num { color: var(--ch-dim); font-family: var(--ch-display); font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ayw-ch-row__who { display: flex; align-items: center; gap: 14px; }
.ayw-ch-row__who h3 { font-size: 16px; font-weight: 700; line-height: 1.25; }
.ayw-ch-row__who h3 a { transition: color .2s; }
.ayw-ch-row__who h3 a:hover { color: var(--ch-gold); }
.ayw-ch-row__tags { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 4px !important; color: var(--ch-muted); font-size: 12px; }
.ayw-ch-row__tags:empty { display: none; }
.ayw-ch-tag { padding: 2px 7px; border-radius: 5px; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.ayw-ch-tag.is-live { background: var(--ch-red); color: #fff; }
.ayw-ch-tag.is-gold { background: rgba(var(--ch-gold-rgb), .16); color: var(--ch-gold); box-shadow: inset 0 0 0 1px rgba(var(--ch-gold-rgb), .4); }
.ayw-ch-row__when b { display: block; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ayw-ch-row__when b span { color: var(--ch-dim); }
.ayw-ch-row__when > span { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 3px; color: var(--ch-muted); font-size: 12px; }
.ayw-ch-row__when em { padding: 1px 6px; border: 1px solid var(--ch-line-2); border-radius: 5px; color: var(--ch-soft); font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.ayw-ch-row__days b { display: block; margin-bottom: 7px; font-family: var(--ch-display); font-size: 22px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; }
.ayw-ch-row__days b span { color: var(--ch-muted); font-family: var(--ch-body); font-size: 11px; font-weight: 600; }
.ayw-ch-row.is-current .ayw-ch-bar i { background: var(--ch-red); }
.ayw-ch-row.is-record .ayw-ch-bar i { background: var(--ch-gold); }
.ayw-ch-row.is-record .ayw-ch-row__days b { color: var(--ch-gold); }
.ayw-ch-row__vs { color: var(--ch-soft); font-size: 13px; line-height: 1.45; }
.ayw-ch-row__label { display: none; }
.ayw-ch-row.is-vacant { background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .015) 0 8px, transparent 8px 16px); }
.ayw-ch-row.is-vacant h3 { color: var(--ch-muted) !important; font-style: italic; }
.ayw-ch-row.is-vacant .ayw-ch-bar i { background: #3a3c44; }

.ayw-ch-avatar { position: relative; flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--ch-surface-2); box-shadow: 0 0 0 1px var(--ch-line-2); overflow: hidden; }
.ayw-ch .ayw-ch-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; }
.ayw-ch-avatar.is-initials { display: grid; place-items: center; color: var(--ch-muted); font-family: var(--ch-display); font-size: 16px; font-weight: 700; letter-spacing: .5px; }
.ayw-ch-avatar.is-empty { background: repeating-linear-gradient(135deg, #1d1f25 0 4px, transparent 4px 8px); }
.ayw-ch-row.is-current .ayw-ch-avatar { box-shadow: 0 0 0 2px var(--ch-red); }
.ayw-ch-row.is-record .ayw-ch-avatar { box-shadow: 0 0 0 2px var(--ch-gold); }

/* ---------- Records ---------- */

.ayw-ch-records { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ayw-ch-record {
	position: relative;
	isolation: isolate;
	display: flex;
	align-items: flex-end;
	min-height: 260px;
	border: 1px solid var(--ch-line);
	border-radius: var(--ch-radius);
	background: radial-gradient(ellipse at 80% 0%, rgba(var(--ch-gold-rgb), .1), transparent 55%), var(--ch-surface);
	overflow: hidden;
	transition: transform .25s ease, border-color .25s ease;
}
.ayw-ch-record:hover { transform: translateY(-3px); border-color: rgba(var(--ch-gold-rgb), .45); }
.ayw-ch .ayw-ch-record > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; transition: transform .5s ease; }
.ayw-ch-record:hover > img { transform: scale(1.04); }
.ayw-ch-record.has-image::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(8, 8, 10, .98) 8%, rgba(8, 8, 10, .7) 42%, rgba(8, 8, 10, .1) 78%); }
.ayw-ch-record__copy { padding: 24px; }
.ayw-ch-record__copy span { display: inline-flex; align-items: center; gap: 8px; color: var(--ch-gold); font-size: 10px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; }
.ayw-ch-record__copy span em { padding: 1px 6px; border: 1px solid rgba(var(--ch-gold-rgb), .4); border-radius: 4px; font-style: normal; }
.ayw-ch-record h3 { margin-top: 8px; font-family: var(--ch-display); font-size: 28px; font-weight: 700; line-height: 1.02; text-transform: uppercase; }
.ayw-ch-record__copy b { display: block; margin-top: 6px; color: var(--ch-soft); font-size: 15px; font-weight: 600; }
.ayw-ch-record.is-featured { grid-row: span 2; min-height: 536px; }
.ayw-ch-record.is-featured h3 { font-size: 46px; }
.ayw-ch-record.is-featured .ayw-ch-record__copy { padding: 32px; }
.ayw-ch-record.is-featured .ayw-ch-record__copy b { color: var(--ch-gold); font-family: var(--ch-display); font-size: 34px; font-weight: 700; }
/* Six records fill an even 3 x 2 grid; the featured card keeps its gold treatment. */
.ayw-ch-records--even .ayw-ch-record.is-featured { grid-row: auto; min-height: 300px; border-color: rgba(var(--ch-gold-rgb), .35); }
.ayw-ch-records--even .ayw-ch-record { min-height: 300px; }
.ayw-ch-records--even .ayw-ch-record.is-featured h3 { font-size: 36px; }
.ayw-ch-records--even .ayw-ch-record.is-featured .ayw-ch-record__copy { padding: 24px; }
.ayw-ch-records--even .ayw-ch-record.is-featured .ayw-ch-record__copy b { font-size: 28px; }

/* ---------- Rankings & numbers ---------- */

.ayw-ch-numbers { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, 1fr); gap: 20px; align-items: start; }
.ayw-ch-numbers__side { display: grid; gap: 20px; }
.ayw-ch .ayw-ch-board-card { padding: 10px 0 18px; }
.ayw-ch-board-card .ayw-ch-more { width: auto; margin: 14px 24px 0; }
.ayw-ch-board-head, .ayw-ch-board__row { display: grid; grid-template-columns: 34px minmax(0, 1fr) 64px minmax(150px, 220px); gap: 16px; align-items: center; padding: 0 24px; }
.ayw-ch-board-head { padding-top: 12px; padding-bottom: 10px; color: var(--ch-dim); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.ayw-ch-board-head span:nth-child(3), .ayw-ch-board-head span:nth-child(4) { text-align: right; }
.ayw-ch-board__row { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid var(--ch-line); transition: background .2s; }
.ayw-ch-board__row:hover { background: rgba(255, 255, 255, .025); }
.ayw-ch-board__row[hidden] { display: none; }
.ayw-ch-board__rank { color: var(--ch-dim); font-family: var(--ch-display); font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ayw-ch-board__row:nth-child(-n+3) .ayw-ch-board__rank { color: var(--ch-gold); }
.ayw-ch-board__who { display: flex; align-items: center; gap: 12px; font-weight: 700; }
.ayw-ch-board__who .ayw-ch-avatar { width: 40px; height: 40px; }
.ayw-ch-board__who > span:last-child { display: flex; flex-direction: column; overflow: hidden; }
.ayw-ch-board__who a:hover { color: var(--ch-gold); }
.ayw-ch-board__who small, .ayw-ch-board__reigns small, .ayw-ch-board__days small { color: var(--ch-muted); font-size: 11px; font-weight: 500; }
.ayw-ch-board__reigns { display: flex; flex-direction: column; align-items: flex-end; }
.ayw-ch-board__reigns b { font-family: var(--ch-display); font-size: 20px; line-height: 1; }
.ayw-ch-board__days { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; }
.ayw-ch-board__days .ayw-ch-bar { grid-row: 1 / 3; }
.ayw-ch-board__days b { font-family: var(--ch-display); font-size: 20px; line-height: 1; text-align: right; font-variant-numeric: tabular-nums; }
.ayw-ch-board__days small { text-align: right; }
.ayw-ch-board__row:first-child .ayw-ch-bar i { background: var(--ch-gold); }

.ayw-ch-years figcaption, .ayw-ch-events h3 { margin-bottom: 20px !important; }
.ayw-ch-years figcaption { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; }
.ayw-ch-years figcaption > span { color: var(--ch-muted); font-size: 12px; }
.ayw-ch-years__plot { display: grid; grid-template-columns: repeat(var(--cols), minmax(14px, 1fr)); gap: 4px; height: 170px; padding-top: 18px; overflow-x: auto; scrollbar-width: thin; }
.ayw-ch-years__col { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; padding-bottom: 20px; cursor: default; outline: 0; }
.ayw-ch-years__col i { width: 100%; max-width: 26px; border-radius: 4px 4px 0 0; background: #555966; transition: background .2s; }
.ayw-ch-years__col.is-peak i { background: var(--ch-red); }
.ayw-ch-years__col:hover i, .ayw-ch-years__col:focus-visible i { background: #fff; }
.ayw-ch-years__col em { margin-bottom: 5px; color: var(--ch-fg); font-size: 12px; font-style: normal; font-weight: 800; }
.ayw-ch-years__col span { position: absolute; bottom: 0; color: var(--ch-dim); font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ayw-ch-years__plot.is-dense .ayw-ch-years__col:not(.has-label) span { display: none; }
.ayw-ch-years__plot::before { content: none; }
.ayw-ch-events ol { display: grid; gap: 14px; }
.ayw-ch-events li { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(60px, 1fr) 26px; gap: 14px; align-items: center; font-size: 14px; }
.ayw-ch-events li > span:first-child { overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.ayw-ch-events li b { font-family: var(--ch-display); font-size: 18px; text-align: right; }
.ayw-ch-events li:first-child .ayw-ch-bar i { background: var(--ch-red); }

/* ---------- Timeline milestones ---------- */

.ayw-ch-milestones { position: relative; display: grid; gap: 18px; padding-left: 0; }
.ayw-ch-milestones::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 79px; width: 1px; background: linear-gradient(var(--ch-red), var(--ch-gold), transparent); }
.ayw-ch-milestone { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 40px; align-items: start; }
.ayw-ch-milestone__year { position: relative; padding-top: 18px; color: var(--ch-gold); font-family: var(--ch-display); font-size: 22px; font-weight: 700; text-align: right; }
.ayw-ch-milestone__year::after { content: ""; position: absolute; top: 26px; right: -21px; width: 9px; height: 9px; border-radius: 50%; background: var(--ch-bg); box-shadow: 0 0 0 2px var(--ch-gold); }
.ayw-ch-milestone__body { display: flex; gap: 20px; align-items: center; padding: 18px; border: 1px solid var(--ch-line); border-radius: 14px; background: var(--ch-surface); }
.ayw-ch .ayw-ch-milestone__body img { flex: none; width: 120px; height: 80px; border-radius: 8px; object-fit: cover; }
.ayw-ch-milestone__body h3 { font-size: 17px; font-weight: 700; }
.ayw-ch-milestone__body p { margin-top: 4px !important; color: var(--ch-muted); font-size: 14px; }

/* ---------- News & related tiles ---------- */

.ayw-ch-grid { display: grid; gap: 16px; }
.ayw-ch-grid--news { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ayw-ch-grid--titles { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.ayw-ch-tile { display: flex; flex-direction: column; border: 1px solid var(--ch-line); border-radius: 14px; background: var(--ch-surface); overflow: hidden; transition: transform .25s ease, border-color .25s ease; }
.ayw-ch-tile:hover { transform: translateY(-3px); border-color: rgba(var(--ch-red-rgb), .5); }
.ayw-ch-tile__media { display: block; aspect-ratio: 16 / 10; background: #0d0e11; overflow: hidden; }
.ayw-ch .ayw-ch-tile__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ayw-ch-tile:hover .ayw-ch-tile__media img { transform: scale(1.04); }
.ayw-ch-tile__copy { display: block; padding: 16px; }
.ayw-ch-tile__copy small { display: block; margin-bottom: 6px; color: var(--ch-red); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.ayw-ch-tile__copy h3 { font-size: 16px; font-weight: 700; line-height: 1.3; }
.ayw-ch-tile--title .ayw-ch-tile__media { aspect-ratio: 16 / 9; background: radial-gradient(ellipse at 50% 60%, rgba(var(--ch-gold-rgb), .12), transparent 70%), #0d0e11; }
.ayw-ch .ayw-ch-tile--title .ayw-ch-tile__media img { padding: 10px; object-fit: contain; }
.ayw-ch-tile--title h3 { font-family: var(--ch-display); font-size: 18px; letter-spacing: .4px; text-transform: uppercase; }

/* ---------- Tooltip ---------- */

.ayw-ch-tip {
	position: fixed;
	z-index: 100;
	max-width: 280px;
	padding: 8px 11px;
	border: 1px solid var(--ch-line-2);
	border-radius: 8px;
	background: rgba(18, 19, 23, .97);
	color: var(--ch-fg);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .5);
	pointer-events: none;
	transform: translate(-50%, calc(-100% - 10px));
}
.ayw-ch-tip[hidden] { display: none; }

/* ---------- Responsive ---------- */

@media (min-width: 901px) and (max-width: 1180px) {
	.ayw-ch .ayw-ch-cutout { right: -2vw; width: 34vw; height: 88%; }
	.ayw-ch-hero.has-cutout .ayw-ch-belt { right: clamp(190px, 18vw, 260px); width: min(26vw, 360px); height: 52%; }
	.ayw-ch-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ayw-ch-stat:nth-child(4) { border-left: 0; }
	.ayw-ch-stat:nth-child(n+4) { border-top: 1px solid var(--ch-line); }
	.ayw-ch-list-head, .ayw-ch-row { grid-template-columns: 40px minmax(200px, 1.3fr) minmax(180px, 1.1fr) 120px; }
	.ayw-ch-list-head span:last-child, .ayw-ch-row__vs { display: none; }
	.ayw-ch-numbers { grid-template-columns: 1fr; }
	.ayw-ch-numbers__side { grid-template-columns: 1fr 1fr; }
	.ayw-ch-grid--news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.ayw-ch-hero { align-items: flex-start; min-height: 565px; padding: 30px 18px 0; }
	.ayw-ch-hero.has-cutout { min-height: 590px; }
	.ayw-ch-hero__copy { width: 100%; padding-bottom: 225px; }
	.ayw-ch-hero.has-cutout .ayw-ch-hero__copy { padding-bottom: 245px; }
	.ayw-ch-hero h1 { max-width: 100%; font-size: clamp(48px, 13vw, 68px); }
	.ayw-ch .ayw-ch-belt { right: 9vw; bottom: 0; width: 82vw; height: 235px; }
	.ayw-ch-logo { right: 18px; top: 22px; width: 90px; }
	.ayw-ch .ayw-ch-cutout { right: -4vw; bottom: 0; width: 56vw; height: 255px; }
	.ayw-ch-hero.has-cutout .ayw-ch-belt { left: -2vw; right: auto; bottom: 3px; width: 65vw; height: 185px; }
	.ayw-ch-facts div { margin-bottom: 12px; padding: 0 11px; }

	.ayw-ch-wrap { padding-top: 40px; padding-bottom: 72px; }
	.ayw-ch-section { padding-top: 64px; }
	.ayw-ch-overview { grid-template-columns: 1fr; }
	.ayw-ch-info { position: static; }
	.ayw-ch-copy { font-size: 16px; }
	.ayw-ch-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 40px; }
	.ayw-ch-stat:nth-child(odd) { border-left: 0; }
	.ayw-ch-stat:nth-child(n+3) { border-top: 1px solid var(--ch-line); }
	.ayw-ch-spot { grid-template-columns: 1fr; }
	.ayw-ch-spot__media { min-height: 0; aspect-ratio: 16 / 11; }
	.ayw-ch-spot__media::after { background: linear-gradient(0deg, rgba(11, 11, 14, .9), transparent 45%); }
	.ayw-ch-spot__body { padding: 4px 22px 28px; }
	.ayw-ch-spot__metrics { gap: 16px 0; }
	.ayw-ch-spot__metrics div { padding: 0 18px; }
	.ayw-ch-spot__metrics b { font-size: 30px; }

	.ayw-ch-map { padding: 18px 16px 14px; }
	.ayw-ch-map__track { height: 38px; }
	.ayw-ch-toolbar__count { width: 100%; }
	.ayw-ch-search { flex: 1 1 220px; width: auto; }
	.ayw-ch-list-head { display: none; }
	.ayw-ch-row {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "who days" "when when" "vs vs";
		gap: 10px 14px;
		padding: 16px;
	}
	.ayw-ch-row__num { position: absolute; top: 12px; left: 12px; z-index: 1; display: grid; place-items: center; min-width: 22px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ch-bg); box-shadow: 0 0 0 1px var(--ch-line-2); color: var(--ch-muted); font-family: var(--ch-body); font-size: 10px; }
	.ayw-ch-row__who { grid-area: who; }
	.ayw-ch-row__who .ayw-ch-avatar { width: 52px; height: 52px; }
	.ayw-ch-row__when { grid-area: when; padding-left: 66px; }
	.ayw-ch-row__days { grid-area: days; width: 92px; text-align: right; }
	.ayw-ch-row__vs { grid-area: vs; padding-left: 66px; font-size: 12px; }
	.ayw-ch-row__vs:has(.ayw-ch-muted) { display: none; }
	.ayw-ch-row__label { display: inline; margin-right: 6px; color: var(--ch-dim); font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }

	.ayw-ch-records { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ayw-ch-record.is-featured { grid-column: 1 / -1; grid-row: auto; min-height: 380px; }
	.ayw-ch-record.is-featured h3 { font-size: 38px; }
	.ayw-ch-records--even .ayw-ch-record.is-featured { grid-column: auto; min-height: 300px; }
	.ayw-ch-records--even .ayw-ch-record.is-featured h3 { font-size: 30px; }
	.ayw-ch-numbers { grid-template-columns: 1fr; }
	.ayw-ch-numbers__side { grid-template-columns: 1fr; }
	.ayw-ch-grid--news { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ayw-ch-grid--titles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
	.ayw-ch-hero.has-cutout { min-height: 600px; }
	.ayw-ch-hero.has-cutout .ayw-ch-hero__copy { padding-bottom: 238px; }
	.ayw-ch .ayw-ch-cutout { right: -9vw; width: 64vw; height: 235px; }
	.ayw-ch-hero.has-cutout .ayw-ch-belt { left: -7vw; bottom: 8px; width: 69vw; height: 158px; }
	.ayw-ch-nav { gap: 22px; padding-inline: 16px; }

	.ayw-ch-wrap { padding-inline: 16px; }
	.ayw-ch-card { padding: 22px 18px; }
	.ayw-ch-stat { padding: 18px 16px; }
	.ayw-ch-stat b { font-size: 32px; }
	.ayw-ch-seg { width: 100%; }
	.ayw-ch-seg button { flex: 1; }
	.ayw-ch-records { grid-template-columns: 1fr; }
	.ayw-ch-record { min-height: 220px; }
	.ayw-ch-record.is-featured { min-height: 320px; }
	.ayw-ch-record.is-featured h3 { font-size: 32px; }
	.ayw-ch-records--even .ayw-ch-record, .ayw-ch-records--even .ayw-ch-record.is-featured { min-height: 260px; }
	.ayw-ch-board-head, .ayw-ch-board__row { grid-template-columns: 24px minmax(0, 1fr) 84px; gap: 12px; padding-inline: 16px; }
	.ayw-ch-board-head span:nth-child(3), .ayw-ch-board__reigns { display: none; }
	.ayw-ch-board__days { grid-template-columns: 1fr; }
	.ayw-ch-board__days .ayw-ch-bar { grid-row: auto; order: 3; margin-top: 6px; }
	.ayw-ch-board-card .ayw-ch-more { margin-inline: 16px; }
	.ayw-ch-board__who .ayw-ch-avatar { width: 36px; height: 36px; }
	.ayw-ch-events li { grid-template-columns: minmax(0, 1fr) 70px 22px; gap: 10px; }
	.ayw-ch-milestones::before { left: 7px; }
	.ayw-ch-milestone { grid-template-columns: 1fr; gap: 8px; padding-left: 28px; }
	.ayw-ch-milestone__year { padding-top: 0; text-align: left; }
	.ayw-ch-milestone__year::after { top: 8px; left: -25px; right: auto; }
	.ayw-ch-milestone__body { flex-direction: column; align-items: flex-start; }
	.ayw-ch-grid--news { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.ayw-ch *, .ayw-ch *::before, .ayw-ch *::after { animation: none !important; transition: none !important; }
}