/* History page (history.php, also served as history_timeline): hero, facts, timeline, story, honours, sonnet */
.ckc-hist { max-width: 980px; margin: 0 auto 24px; color: var(--ckc-color-text, #333); line-height: 1.6; }
.ckc-hist p { margin: 0 0 14px; }
.ckc-hist a { color: var(--ckc-color-primary, #314177); font-weight: 600; }
.ckc-hist h2 {
	font-family: var(--ckc-font-stack);
	font-size: var(--ckc-font-size-xl);
	color: var(--ckc-color-primary, #314177);
	margin: 0 0 6px;
	line-height: 1.2;
}
.ckc-hist h3 { font-family: var(--ckc-font-stack); font-size: var(--ckc-font-size-md); color: var(--ckc-color-primary, #314177); margin: 22px 0 10px; }
.ckc-hist-section { margin: 0 0 40px; scroll-margin-top: 16px; }
.ckc-hist-section__sub { color: #555; margin: 0 0 20px; }

/* Hero: archive team photo under a navy wash */
.ckc-hist-hero {
	position: relative;
	overflow: hidden;
	border-radius: 14px;
	padding: 44px 40px 60px;
	color: #fff;
	background: #2a3862 url('../images/historicteam.JPG') center 30% / cover no-repeat;
}
.ckc-hist-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(37, 48, 96, .96) 0%, rgba(49, 65, 119, .88) 55%, rgba(49, 65, 119, .55) 100%);
}
.ckc-hist-hero > * { position: relative; }
.ckc-hist-hero__eyebrow {
	display: inline-block;
	font-size: var(--ckc-font-size-xs);
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	background: rgba(255, 255, 255, .16);
	border-radius: 999px;
	padding: 4px 12px;
	margin-bottom: 14px;
}
.ckc-hist h1.ckc-hist-hero__title {
	font-family: var(--ckc-font-stack);
	font-size: var(--ckc-font-size-2xl);
	line-height: 1.15;
	margin: 0 0 12px;
	color: #fff;
}
.ckc-hist-hero__lede { font-size: var(--ckc-font-size-md); max-width: 600px; margin: 0; color: rgba(255, 255, 255, .92); }
.ckc-hist-jump { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.ckc-hist-hero .ckc-hist-jump a {
	display: inline-block;
	padding: 6px 14px;
	border: 1px solid rgba(255, 255, 255, .5);
	border-radius: 999px;
	color: #fff;
	font-size: var(--ckc-font-size-sm);
	text-decoration: none;
}
.ckc-hist-hero .ckc-hist-jump a:hover,
.ckc-hist-hero .ckc-hist-jump a:focus { background: rgba(255, 255, 255, .14); border-color: #fff; }

/* Quick facts: overlap the bottom of the hero */
.ckc-hist-facts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin: -26px 18px 36px;
	position: relative;
}
.ckc-hist-fact {
	background: #fff;
	border: 1px solid #dde3ea;
	border-top: 4px solid var(--ckc-color-primary, #314177);
	border-radius: 10px;
	padding: 12px 14px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
	text-align: center;
}
.ckc-hist-fact--gold { border-top-color: #d4a017; }
.ckc-hist-fact__value { display: block; font-size: var(--ckc-font-size-xl); font-weight: 700; line-height: 1.2; color: var(--ckc-color-primary, #314177); }
.ckc-hist-fact__label { display: block; font-size: var(--ckc-font-size-sm); color: #555; }

/* Timeline: centred spine, cards alternate left/right on desktop */
.ckc-hist-tl { position: relative; list-style: none; margin: 0; padding: 0; }
.ckc-hist-tl::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	width: 3px;
	margin-left: -1.5px;
	background: linear-gradient(to bottom, #314177 0%, #5a7ab8 50%, #314177 100%);
	border-radius: 2px;
}
.ckc-hist-tl__item { position: relative; width: 50%; padding: 0 34px 22px 0; box-sizing: border-box; }
.ckc-hist-tl__item:nth-child(even) { margin-left: 50%; padding: 0 0 22px 34px; }
.ckc-hist-tl__item::before {
	content: '';
	position: absolute;
	top: 16px;
	right: -8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #314177;
	border: 3px solid #fff;
	box-shadow: 0 0 0 2px #314177;
	box-sizing: border-box;
}
.ckc-hist-tl__item:nth-child(even)::before { right: auto; left: -8px; }
.ckc-hist-tl__card {
	background: #fff;
	border: 1px solid #dde3ea;
	border-radius: 10px;
	padding: 12px 16px;
	box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.ckc-hist-tl__year {
	display: inline-block;
	font-size: var(--ckc-font-size-sm);
	font-weight: 700;
	color: #fff;
	background: var(--ckc-color-primary, #314177);
	border-radius: 999px;
	padding: 2px 10px;
	margin-bottom: 6px;
}
.ckc-hist-tl__title { display: block; font-weight: 700; color: var(--ckc-color-primary, #314177); margin-bottom: 4px; }
.ckc-hist-tl__desc { margin: 0 !important; font-size: var(--ckc-font-size-sm); line-height: 1.5; }
.ckc-hist-tl__item--milestone .ckc-hist-tl__card { border-color: #e9cf7a; border-left: 4px solid #d4a017; background: #fffbeb; }
.ckc-hist-tl__item--milestone .ckc-hist-tl__year { background: #d4a017; color: #1f2937; }
.ckc-hist-tl__item--milestone::before { background: #d4a017; box-shadow: 0 0 0 2px #d4a017; }

/* Story: readable column with an archive photo */
.ckc-hist-story { max-width: 720px; }
.ckc-hist-story strong { color: var(--ckc-color-primary, #314177); }
.ckc-hist-figure { float: right; width: 300px; margin: 4px 0 14px 22px; }
.ckc-hist-figure img { display: block; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 8px rgba(15, 23, 42, .15); }
.ckc-hist-figure figcaption { font-size: var(--ckc-font-size-xs); color: #666; margin-top: 6px; }
.ckc-hist-story::after { content: ''; display: block; clear: both; }

/* Honours: two tables side by side, Croydon rows gold */
.ckc-hist-honours { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.ckc-hist-table-wrap { background: #fff; border: 1px solid #dde3ea; border-radius: 10px; overflow: hidden; }
.ckc-hist-table-wrap h3 { margin: 0; padding: 10px 14px; background: var(--ckc-color-primary, #314177); color: #fff; font-size: var(--ckc-font-size-base); }
.ckc-hist-table { width: 100%; border-collapse: collapse; font-size: var(--ckc-font-size-sm); }
.ckc-hist-table th { text-align: left; padding: 8px 12px; background: #eef2f8; color: var(--ckc-color-primary, #314177); font-weight: 700; border-bottom: 1px solid #dde3ea; }
.ckc-hist-table td { padding: 6px 12px; border-bottom: 1px solid #eef1f5; }
.ckc-hist-table tr:last-child td { border-bottom: 0; }
.ckc-hist-table tbody tr:nth-child(even) td { background: #f8fafc; }
.ckc-hist-table td:first-child { white-space: nowrap; color: #555; font-variant-numeric: tabular-nums; }
.ckc-hist-table td.ckc-hist-empty { color: #b0b7c3; }
.ckc-hist-table td.ckc-hist-win { font-weight: 700; color: #7a5a00; background: #fdf3d0 !important; }
.ckc-hist-trophy { display: inline-block; vertical-align: -2px; margin-right: 4px; color: #d4a017; }

/* Sonnet */
.ckc-hist-sonnet {
	max-width: 620px;
	margin: 0 auto;
	padding: 28px 32px;
	background: #fbf8f1;
	border: 1px solid #e8dfc8;
	border-radius: 12px;
	text-align: center;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: italic;
	font-size: var(--ckc-font-size-md);
	line-height: 1.7;
	color: #3b3423;
}
.ckc-hist-sonnet p { margin: 0 !important; }
.ckc-hist-sonnet cite { display: block; margin-top: 14px; font-style: normal; font-size: var(--ckc-font-size-sm); color: #6b6250; font-family: var(--ckc-font-stack); }

.ckc-hist-source { font-size: var(--ckc-font-size-sm); color: #666; border-top: 1px solid #e5e7eb; padding-top: 14px; margin-top: 10px; }
.ckc-hist-source p { margin: 0 0 6px; }
.ckc-hist-source a { color: #666; font-weight: 400; }

@media (max-width: 760px) {
	.ckc-hist-hero { padding: 30px 20px 52px; border-radius: 10px; }
	.ckc-hist h1.ckc-hist-hero__title { font-size: var(--ckc-font-size-xl); }
	.ckc-hist-facts { grid-template-columns: repeat(2, 1fr); margin: -22px 8px 30px; }
	.ckc-hist-tl::before { left: 8px; margin-left: 0; }
	.ckc-hist-tl__item,
	.ckc-hist-tl__item:nth-child(even) { width: auto; margin-left: 0; padding: 0 0 18px 34px; }
	.ckc-hist-tl__item::before,
	.ckc-hist-tl__item:nth-child(even)::before { left: 2px; right: auto; }
	.ckc-hist-figure { float: none; width: auto; margin: 0 0 16px; }
	.ckc-hist-honours { grid-template-columns: 1fr; }
	.ckc-hist-sonnet { padding: 22px 18px; font-size: var(--ckc-font-size-base); }
}