/*
 * KOT845 editorial reset.
 * Keeps the existing black-and-gold identity while making image-free coverage
 * intentionally text-led instead of simulating missing photography.
 */

.story-card.no-image {
	background: #ffffff;
	border: 1px solid var(--kot-border);
	border-top: 5px solid var(--kot-gold);
	box-shadow: none;
	color: var(--kot-black);
}

.story-card.no-image::before,
.story-card.no-image::after,
.story-card.no-image .story-fallback-brand {
	display: none;
}

.story-card.no-image .story-link {
	align-items: stretch;
	padding: clamp(22px, 3vw, 34px);
	color: var(--kot-black);
}

.story-card.no-image .story-content {
	display: flex;
	width: 100%;
	flex: 1;
	flex-direction: column;
	justify-content: flex-end;
	padding-top: clamp(34px, 6vw, 92px);
}

.story-card.no-image .story-meta {
	padding-bottom: 11px;
	border-bottom: 1px solid var(--kot-border);
	color: #765600;
}

.story-card.no-image .story-meta time {
	color: var(--kot-gray);
}

.story-card.no-image .story-content h2,
.story-card.no-image .story-content h3,
.story-card.no-image .story-content p {
	color: var(--kot-black);
}

.story-card.no-image .story-content h2,
.story-card.no-image .story-content h3 {
	max-width: 28ch;
}

.archive-grid .story-content h2 {
	margin: 8px 0 10px;
	color: #ffffff;
	font-size: clamp(1.2rem, 1.8vw, 1.75rem);
	line-height: 1.05;
}

.archive-grid .story-card.no-image .story-content h2 {
	color: var(--kot-black);
}

body.blog .content-wrap .kot-kicker {
	color: #765600;
}

.story-card.no-image .story-content p {
	color: #4f555d;
}

.story-card.no-image .story-read-more {
	width: max-content;
	margin-top: 18px;
	padding-bottom: 3px;
	border-bottom: 3px solid var(--kot-gold);
	color: var(--kot-black);
}

.story-card.no-image:hover,
.story-card.no-image:focus-within {
	background: #f7f7f5;
	border-color: #c8cbd0;
	border-top-color: var(--kot-gold);
}

.story-card.no-image .story-link:hover,
.story-card.no-image .story-link:focus {
	color: var(--kot-black);
}

/* Text-first placeholders across sport hubs: no faux photo or oversized watermark. */
.tp-story-placeholder,
.fh-story-image-placeholder,
.rh-story-placeholder,
.bh-story-placeholder,
.ch-story-placeholder,
.kpcov-placeholder {
	background: #111318 !important;
	border-top: 4px solid var(--kot-gold);
}

.tp-story-placeholder::before,
.fh-story-image-placeholder::before,
.rh-story-placeholder::before,
.bh-story-placeholder::before,
.ch-story-placeholder::before,
.kpcov-placeholder::before,
.tp-story-placeholder::after,
.fh-story-image-placeholder::after,
.rh-story-placeholder::after,
.bh-story-placeholder::after,
.ch-story-placeholder::after,
.kpcov-placeholder::after,
.kot-hero-no-image::after,
.kot-editorial-hero-no-image::after {
	display: none !important;
}

/* Rankings transparency belongs with the product, not in a generic footer. */
.kot-rankings-disclosure {
	margin: 34px 0 8px;
	padding: 20px 22px;
	background: #f2f3f5;
	border-left: 5px solid var(--kot-gold);
	color: #24272c;
	font-size: .88rem;
	line-height: 1.55;
}

.kot-rankings-disclosure > strong {
	display: block;
	margin-bottom: 7px;
	color: #111111;
	font-size: .72rem;
	font-weight: 950;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.kot-rankings-disclosure p {
	margin: 7px 0 0;
}

.kot-rankings-disclosure a {
	color: #111111;
	font-weight: 850;
}

/* Ads must never create an empty band inside the site header. */
.site-header > .google-auto-placed,
.site-header > ins.adsbygoogle,
.site-header > div[id^="google_ads_iframe"] {
	display: none !important;
}

/* The utility rail remains familiar, with an honest cue that more links scroll. */
@media (max-width: 900px) {
	.kot-quick-links {
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), transparent 100%);
		mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), transparent 100%);
	}

	.kot-quick-links::-webkit-scrollbar {
		display: none;
	}

	.kot-quick-links > * {
		scroll-snap-align: start;
	}

	body.single-post .ks-share-float {
		display: none !important;
	}
}

@media (max-width: 650px) {
	.story-card.no-image,
	.kot-feature-grid .story-card.no-image,
	.kot-feature-grid .story-card.no-image.large {
		min-height: 280px;
	}

	.story-card.no-image .story-content {
		padding-top: 24px;
	}

	body.single-post .ks-share-float {
		display: none !important;
	}
}

/* KOT845 editorial reset — reviewed September 24, 2026. */