/* /frontend/seo/sitemap.css - 20261022 - 16-56 */
@import url('seo-header.css');
/* A-FUCKING-DOCS: FULL-WIDTH RESPONSIVE SITEMAP MATRIX.
   Spans 100% of available screen width from 1 column on mobile to 6+ columns on ultra-wide screens with pure white text and yellow hover. */
.sitemap-page-header {
	text-align: center;
	margin: 25px 0 5px 0;
	padding: 0 15px;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff !important;
}
.sitemap-category-subtitle {
	text-align: center;
	margin: 0 0 15px 0;
	padding: 0 15px;
	font-size: 19px;
	font-weight: 600;
	color: #FFFF00 !important;
}
.sitemap-category-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 20px auto 30px auto;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
}
.sitemap-category-label {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff !important;
}
.sitemap-category-select {
	background: #2a2b2d;
	color: #ffffff;
	border: 1px solid #555;
	padding: 8px 16px;
	font-size: 15px;
	border-radius: 6px;
	outline: none;
	cursor: pointer;
	max-width: 100%;
}
html:not(.night-mode) .sitemap-category-select {
	background: #ffffff;
	color: #202123;
	border: 1px solid #333;
}
.link-container {
	width: 100%;
	max-width: 100%;
	margin: 0 0 40px 0;
	padding: 0 15px;
	box-sizing: border-box;
}
.link-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 6px 16px;
	width: 100%;
	box-sizing: border-box;
}
.link-list li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.link-list a {
	display: block;
	text-decoration: none !important;
	color: #ffffff !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 3px 0;
	font-size: 14px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.15s ease;
}
.link-list a:hover {
	color: #FFFF00 !important;
	background: transparent !important;
	text-decoration: none !important;
}
.link-list strong.ticker-code {
	font-weight: bold;
	color: inherit;
}
.link-list span.company-name {
	color: inherit;
	font-weight: normal;
}
@media (max-width: 600px) {
	.link-list {
		grid-template-columns: 1fr;
		gap: 6px;
	}
	.sitemap-category-bar {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
}