/*
Theme Name: CS16 Game World
Theme URI: https://cs16-game.com/
Author: CS16-GAME
Author URI: https://cs16-game.com/
Description: Динамическая WordPress-тема для портала Counter-Strike 1.6: сборки, модели, карты, конфиги, галереи и загрузки.
Version: 2.5.1
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: cs16-game-world
Tags: custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
	--cs-blue: #466fd5;
	--cs-blue-dark: #111318;
	--cs-blue-soft: #202a44;
	--cs-accent: #ff8c00;
	--cs-accent-strong: #f79217;
	--cs-green: #09630c;
	--cs-green-light: #28a745;
	--cs-surface: #212121;
	--cs-surface-blue: #191919;
	--cs-page: #1a1a1a;
	--cs-text: #f5f5f5;
	--cs-muted: #b2b6bf;
	--cs-line: rgba(255, 255, 255, 0.1);
	--cs-white: #fff;
	--cs-shadow: 0 12px 32px rgba(0, 0, 0, 0.38);
	--cs-shadow-small: 0 5px 18px rgba(0, 0, 0, 0.32);
	--cs-radius: 9px;
	--cs-radius-large: 10px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	background: var(--cs-page) url("assets/images/elect/cs-16-game.webp") center top / cover fixed no-repeat;
	color: var(--cs-text);
	font-family: "Rubik", "Segoe UI", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.58;
	margin: 0;
	overflow-x: hidden;
}

body.menu-is-open {
	overflow: hidden;
}

button,
input,
select,
textarea {
	font: inherit;
}

button,
select {
	cursor: pointer;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

a {
	color: var(--cs-white);
	text-decoration: none;
}

a:hover {
	color: var(--cs-accent);
}

p,
h1,
h2,
h3,
h4,
ul,
ol,
figure {
	margin-top: 0;
}

h1,
h2,
h3,
h4 {
	color: var(--cs-text);
	line-height: 1.2;
}

h1 {
	font-size: clamp(2rem, 3vw, 3.25rem);
	letter-spacing: -0.035em;
	margin-bottom: 20px;
}

h2 {
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	letter-spacing: -0.02em;
}

:focus-visible {
	border-radius: 4px;
	outline: 3px solid rgba(255, 140, 0, 0.55);
	outline-offset: 3px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: #252525;
	clip: auto !important;
	clip-path: none;
	color: var(--cs-text);
	display: block;
	font-weight: 700;
	height: auto;
	left: 12px;
	padding: 14px 18px;
	top: 12px;
	width: auto;
	z-index: 100000;
}

/* Header */
.site-header {
	background: transparent;
	box-shadow: 0 5px 22px rgba(0, 0, 0, 0.48);
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: transform 0.25s ease;
	z-index: 1000;
}

.site-header.is-hidden {
	transform: none;
}

.site-header__top {
	backdrop-filter: blur(0.9rem);
	background: rgba(27, 27, 27, 0.98);
	border-bottom: 1px solid rgba(255, 140, 0, 0.18);
	overflow: hidden;
}

.site-header__inner {
	align-items: center;
	display: flex;
	gap: 22px;
	height: 80px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1400px;
	padding: 0 12px;
}

.site-branding {
	flex: 0 0 auto;
	transform: translateY(3px);
}

.custom-logo-link {
	display: block;
}

.custom-logo {
	display: block;
	max-height: 94px;
	width: auto;
}

.cs16-default-logo-link {
	display: block;
	line-height: 0;
	width: 290px;
}

.cs16-default-logo {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.cs16-brand {
	align-items: center;
	color: var(--cs-white);
	display: inline-flex;
	font-size: 22px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: 0.035em;
	line-height: 1;
	white-space: nowrap;
}

.cs16-brand:hover {
	color: var(--cs-white);
}

.cs16-brand__mark {
	align-items: center;
	background: #191919;
	border: 1px solid rgba(255, 140, 0, 0.72);
	border-radius: 50%;
	color: var(--cs-white);
	display: inline-flex;
	font-size: 14px;
	height: 42px;
	justify-content: center;
	position: relative;
	width: 42px;
}

.cs16-brand__mark::before,
.cs16-brand__mark::after,
.cs16-brand__mark i::before,
.cs16-brand__mark i::after {
	background: var(--cs-accent);
	content: "";
	position: absolute;
}

.cs16-brand__mark::before,
.cs16-brand__mark::after {
	height: 2px;
	top: 19px;
	width: 9px;
}

.cs16-brand__mark::before {
	left: -6px;
}

.cs16-brand__mark::after {
	right: -6px;
}

.cs16-brand__mark i::before,
.cs16-brand__mark i::after {
	height: 9px;
	left: 19px;
	width: 2px;
}

.cs16-brand__mark i::before {
	top: -6px;
}

.cs16-brand__mark i::after {
	bottom: -6px;
}

.cs16-brand__copy {
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
}

.cs16-brand__copy small {
	color: var(--cs-accent-strong);
	font-size: 9px;
	font-weight: 500;
	letter-spacing: 0.015em;
	text-transform: none;
}

.primary-navigation {
	margin-left: auto;
}

.cs16-menu,
.primary-navigation .menu {
	align-items: center;
	display: flex;
	gap: clamp(18px, 2.4vw, 38px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.cs16-menu .menu-item,
.primary-navigation .menu-item {
	position: relative;
}

.cs16-menu .menu-item > a,
.primary-navigation .menu-item > a {
	align-items: center;
	background: transparent;
	border: 0;
	border-radius: 4px;
	color: var(--cs-white);
	display: flex;
	font-size: 12px;
	font-weight: 700;
	gap: 9px;
	min-height: 34px;
	padding: 6px 3px;
	text-transform: uppercase;
	transition: color 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}

.cs16-menu .menu-item > a:hover,
.primary-navigation .menu-item > a:hover,
.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a {
	background: transparent;
	color: var(--cs-accent);
}

.cs16-nav-dot {
	background: var(--cs-accent-strong);
	border-radius: 50%;
	box-shadow: 0 0 9px rgba(247, 146, 23, 0.72);
	display: inline-block;
	flex: 0 0 auto;
	height: 7px;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
	width: 7px;
}

.cs16-menu .menu-item:nth-child(2) .cs16-nav-dot {
	background: var(--cs-accent-strong);
	box-shadow: 0 0 9px rgba(247, 146, 23, 0.7);
}

.cs16-menu .menu-item:nth-child(3) .cs16-nav-dot {
	background: var(--cs-accent-strong);
	box-shadow: 0 0 9px rgba(247, 146, 23, 0.7);
}

.cs16-menu .menu-item > a:hover .cs16-nav-dot,
.primary-navigation .current-menu-item > a .cs16-nav-dot,
.primary-navigation .current-menu-ancestor > a .cs16-nav-dot {
	box-shadow: 0 0 14px currentColor;
	transform: scale(1.25);
}

.primary-navigation .sub-menu {
	background: #1a1a1a;
	border: 1px solid var(--cs-line);
	border-radius: 10px;
	box-shadow: var(--cs-shadow);
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	min-width: 220px;
	padding: 8px;
	position: absolute;
	top: calc(100% + 4px);
}

.primary-navigation .menu-item:hover > .sub-menu,
.primary-navigation .menu-item:focus-within > .sub-menu {
	display: block;
}

.primary-navigation .sub-menu a {
	background: #1a1a1a;
	border: 1px solid rgba(255, 255, 255, 0.05);
	min-height: 36px;
	padding: 7px 10px;
	text-transform: none;
	white-space: normal;
}

.site-header__sections {
	background: rgba(34, 34, 34, 0.98);
	border-bottom: 1px solid rgba(255, 140, 0, 0.82);
}

.section-navigation {
	-webkit-overflow-scrolling: touch;
	margin: 0 auto;
	max-width: 1400px;
	overflow-x: auto;
	padding: 8px 12px;
	scrollbar-color: rgba(255, 140, 0, 0.58) transparent;
	scrollbar-width: thin;
}

.cs16-section-menu,
.section-navigation .menu {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0;
	min-width: max-content;
	padding: 0;
}

.cs16-section-menu .menu-item,
.section-navigation .menu-item {
	flex: 1 0 155px;
}

.cs16-section-menu .menu-item > a,
.section-navigation .menu-item > a {
	align-items: center;
	background: linear-gradient(180deg, #414141, #323232);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 10px;
	color: #f7f9fa;
	display: flex;
	font-size: 13px;
	font-weight: 700;
	gap: 9px;
	justify-content: center;
	min-height: 38px;
	padding: 7px 13px;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}

.cs16-section-menu .menu-item > a:hover,
.section-navigation .menu-item > a:hover,
.cs16-section-menu .current-menu-item > a,
.section-navigation .current-menu-item > a,
.section-navigation .current-menu-ancestor > a {
	background: linear-gradient(180deg, #4b4b4b, #383838);
	border-color: rgba(255, 140, 0, 0.86);
	box-shadow: 0 0 0 1px rgba(255, 140, 0, 0.13), 0 6px 16px rgba(0, 0, 0, 0.28);
	color: var(--cs-white);
	transform: translateY(-1px);
}

.section-menu__icon {
	align-items: center;
	background: #202020;
	border: 1px solid rgba(255, 140, 0, 0.5);
	border-radius: 6px;
	display: inline-flex;
	flex: 0 0 auto;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.cs16-section-menu .menu-item:nth-child(2) .section-menu__icon,
.section-navigation .menu-item:nth-child(2) .section-menu__icon {
	background: #202020;
}

.cs16-section-menu .menu-item:nth-child(3) .section-menu__icon,
.section-navigation .menu-item:nth-child(3) .section-menu__icon {
	background: #202020;
}

.cs16-section-menu .menu-item:nth-child(4) .section-menu__icon,
.section-navigation .menu-item:nth-child(4) .section-menu__icon {
	background: #202020;
}

.cs16-section-menu .menu-item:nth-child(5) .section-menu__icon,
.section-navigation .menu-item:nth-child(5) .section-menu__icon {
	background: #202020;
}

.cs16-section-menu .menu-item:nth-child(6) .section-menu__icon,
.section-navigation .menu-item:nth-child(6) .section-menu__icon {
	background: #202020;
}

.cs16-section-menu .menu-item:nth-child(7) .section-menu__icon,
.section-navigation .menu-item:nth-child(7) .section-menu__icon {
	background: #202020;
}

.cs16-section-menu .menu-item > a:hover .section-menu__icon,
.section-navigation .menu-item > a:hover .section-menu__icon,
.cs16-section-menu .current-menu-item .section-menu__icon,
.section-navigation .current-menu-item .section-menu__icon {
	background: var(--cs-accent-strong);
	border-color: var(--cs-accent-strong);
}

.section-menu__icon img {
	filter: brightness(0) invert(1);
	height: 16px;
	object-fit: contain;
	width: 16px;
}

.language-switcher {
	align-items: center;
	display: flex;
	gap: 5px;
}

.language-switcher a {
	border-radius: 6px;
	color: var(--cs-white);
	font-size: 13px;
	font-weight: 700;
	padding: 5px 7px;
}

.language-switcher a[aria-current="page"] {
	background: var(--cs-accent-strong);
	color: var(--cs-white);
}

.menu-toggle,
.menu-close {
	display: none;
}

.admin-bar .site-header {
	top: 32px;
}

/* Main page frame */
.site-shell {
	background: rgba(37, 37, 37, 0.94);
	border-left: 1px solid rgba(255, 255, 255, 0.035);
	border-right: 1px solid rgba(255, 255, 255, 0.035);
	box-shadow: 0 0 34px rgba(0, 0, 0, 0.55);
	margin: 0 auto;
	max-width: 1400px;
	min-height: 80vh;
	padding: 152px 15px 58px;
}

.admin-bar .site-shell {
	padding-top: 184px;
}

.site-main {
	width: 100%;
}

.eyebrow {
	color: var(--cs-accent);
	font-size: 0.77rem;
	font-weight: 800;
	letter-spacing: 0.11em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.eyebrow--icon,
.icon-heading {
	align-items: center;
	display: flex;
	gap: 9px;
}

.eyebrow__icon,
.icon-heading__mark,
.archive-header__icon,
.accordion__section-icon,
.catalog-card__type-icon {
	align-items: center;
	background: #252525;
	border: 1px solid rgba(255, 140, 0, 0.36);
	border-radius: 6px;
	display: inline-flex;
	flex: 0 0 auto;
	justify-content: center;
}

.eyebrow__icon,
.accordion__section-icon {
	height: 30px;
	width: 30px;
}

.eyebrow__icon img,
.icon-heading__mark:not(.icon-heading__mark--plain) img,
.archive-header__icon img,
.accordion__section-icon img,
.catalog-card__type-icon img,
.sidebar-link__label > img {
	filter: brightness(0) invert(1);
	object-fit: contain;
}

.icon-heading {
	margin: 0;
}

.icon-heading__mark {
	height: 34px;
	width: 28px;
}

.icon-heading__mark--plain {
	background: transparent;
	border: 0;
}

.button-link,
.text-link {
	font-weight: 700;
}

.button-link {
	background: var(--cs-accent-strong);
	border-radius: 7px;
	color: var(--cs-white);
	display: inline-flex;
	padding: 10px 20px;
}

.button-link:hover {
	color: var(--cs-white);
	filter: brightness(1.06);
}

.button-link--muted {
	background: transparent;
	border: 1px solid var(--cs-line);
	color: var(--cs-text);
}

.button-link--muted:hover {
	background: #2a2a2a;
	color: var(--cs-text);
}

/* Gallery */
.cs16-gallery {
	min-width: 0;
	width: 100%;
}

.cs16-gallery__stage {
	background: #111;
	border: 1px solid #3a3a3a;
	border-radius: var(--cs-radius);
	box-shadow: var(--cs-shadow-small);
	overflow: hidden;
	position: relative;
}

.cs16-gallery__main {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	transition: opacity 0.18s ease;
	width: 100%;
}

.cs16-gallery.is-changing .cs16-gallery__main {
	opacity: 0.35;
}

.cs16-gallery__arrow {
	align-items: center;
	background: rgba(20, 20, 20, 0.76);
	border: 1px solid rgba(255, 255, 255, 0.27);
	border-radius: 50%;
	color: var(--cs-white);
	display: flex;
	font-size: 35px;
	height: 35px;
	justify-content: center;
	line-height: 1;
	padding: 0 0 4px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background 0.2s ease, transform 0.2s ease;
	width: 46px;
	z-index: 2;
}

.cs16-gallery__arrow:hover {
	background: rgba(48, 48, 48, 0.96);
	transform: translateY(-50%) scale(1.04);
}

.cs16-gallery__arrow--prev {
	left: 14px;
}

.cs16-gallery__arrow--next {
	right: 14px;
}

.cs16-gallery__counter {
	background: rgba(20, 20, 20, 0.8);
	border-radius: 20px;
	bottom: 12px;
	color: var(--cs-white);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
	padding: 4px 10px;
	position: absolute;
	right: 12px;
}

.cs16-gallery__thumbs {
	display: grid;
	gap: 10px;
	grid-auto-columns: minmax(100px, 1fr);
	grid-auto-flow: column;
	margin-top: 14px;
	overflow-x: auto;
	padding: 2px 2px 7px;
	scrollbar-color: var(--cs-accent-strong) transparent;
	scrollbar-width: thin;
}

.cs16-gallery__thumb {
	background: #111;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	padding: 0;
	transition: border-color 0.2s ease, opacity 0.2s ease;
}

.cs16-gallery__thumb:hover,
.cs16-gallery__thumb.is-active {
	border-color: var(--cs-accent-strong);
}

.cs16-gallery__thumb:not(.is-active) {
	opacity: 0.68;
}

.cs16-gallery__thumb img {
	aspect-ratio: 16 / 9;
	display: block;
	object-fit: cover;
	width: 100%;
}

/* Home download */
.cs16-gallery--vertical {
	background: rgba(20, 20, 20, 0.96);
	border: 1px solid #3a3a3a;
	border-radius: 12px;
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) clamp(128px, 16vw, 172px);
	padding: 10px;
	position: relative;
}

.cs16-gallery--vertical .cs16-gallery__thumbs {
	bottom: 10px;
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 5px 0 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: clamp(128px, 16vw, 172px);
}

.cs16-gallery--vertical .cs16-gallery__thumb {
	flex: 0 0 auto;
}

.home-download {
	background: rgba(35, 35, 35, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 18px;
	box-shadow: var(--cs-shadow);
	padding: clamp(24px, 3.4vw, 44px);
	position: relative;
}

.home-download::before {
	background: linear-gradient(90deg, transparent, var(--cs-accent-strong), transparent);
	content: "";
	height: 2px;
	left: 9%;
	opacity: 0.9;
	position: absolute;
	right: 9%;
	top: 0;
}

.home-download__header {
	margin: 0 auto;
	max-width: 1040px;
	text-align: center;
}

.home-download__header .eyebrow {
	margin-bottom: 8px;
}

.home-download__header h1 {
	font-size: clamp(2rem, 3.2vw, 3.05rem);
	margin-bottom: 24px;
}

.home-facts {
	background: linear-gradient(180deg, #242424 0%, #1a1a1a 100%);
	border: 1px solid #494949;
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 10px 24px rgba(0, 0, 0, 0.16);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.home-facts li {
	align-items: center;
	border-right: 1px solid #404040;
	display: flex;
	gap: 12px;
	justify-content: center;
	min-height: 68px;
	padding: 10px 16px;
	position: relative;
	transition: background-color 0.2s ease;
}

.home-facts li::after {
	background: var(--cs-accent);
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: width 0.2s ease;
	width: 0;
}

.home-facts li:hover {
	background: rgba(255, 140, 0, 0.055);
}

.home-facts li:hover::after {
	width: 42px;
}

.home-facts li:last-child {
	border-right: 0;
}

.home-facts__icon {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 9px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 5px 12px rgba(0, 0, 0, 0.28);
	display: inline-flex;
	flex: 0 0 auto;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.home-facts__icon--system {
	background: linear-gradient(145deg, #1899e5, #096ebc);
}

.home-facts__icon--bots {
	background: linear-gradient(145deg, #8b62d7, #5b36a8);
}

.home-facts__icon--online {
	background: linear-gradient(145deg, #4d74d9, #314d9f);
}

.home-facts__icon img {
	height: 24px;
	width: 24px;
}

.home-facts__copy {
	min-width: 0;
}

.home-facts strong,
.home-facts small {
	display: block;
}

.home-facts strong {
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
}

.home-facts small {
	color: #aeb2bb;
	font-size: 11.5px;
	line-height: 1.3;
	margin-top: 3px;
}

.home-facts__item--languages {
	flex-wrap: wrap;
	gap: 4px 12px;
}

.home-facts__language-list,
.home-facts__language {
	align-items: center;
	display: inline-flex;
}

.home-facts__language-list {
	gap: 7px;
}

.home-facts__language {
	font-size: 13px;
	font-weight: 850;
	gap: 5px;
}

.home-facts__language img {
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.38);
	height: 17px;
	object-fit: cover;
	width: 26px;
}

.home-facts__language-separator {
	color: #626262;
	font-weight: 700;
}

.home-facts__copy--languages {
	flex-basis: 100%;
	text-align: center;
}

.home-facts__copy--languages small {
	margin-top: 0;
}

.home-download__gallery {
	margin: 24px auto 0;
	max-width: 870px;
}

.home-download__actions {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 20px auto 0;
}

.home-download__actions > a {
	align-items: flex-start;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 72px;
	justify-content: center;
	margin: 0 20px;
	max-width: 270px;
	min-width: 270px;
	overflow: hidden;
	padding: 0 15px 0 105px;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-shadow: 1px 1px 2px #6f737a, 0 0 0 #aeb9ce;
	width: 100%;
	border-radius: 20px;
}

.home-download__actions > a:hover,
.home-download__actions > a:focus-visible {
	color: #fff;
}

.home-download__actions .dd {
	background: #ff8500;
	box-shadow: 0 0 5px 1px rgba(219, 94, 0, 0.94), 0 10px 25px rgba(255, 117, 0, 0.2);
}

.home-download__actions .dt {
	background: #128a43;
	border: 0;
	box-shadow: 0 0 5px 1px rgba(5, 103, 48, 0.9), 0 10px 25px rgba(7, 139, 65, 0.2);
}

.home-download__actions > a::after {
	background-position: center;
	background-repeat: no-repeat;
	content: "";
	height: 72px;
	left: 0;
	position: absolute;
	top: 0;
	transition: width 0.5s ease;
	width: 70px;
}

.home-download__actions .dd::after {
	background-color: #e36a00;
	background-image: url("assets/images/icons/cs16-game-direct-expand.webp");
}

.home-download__actions .dt::after {
	background-color: #0b6d35;
	background-image: url("assets/images/icons/cs16-game-torrent-expand.webp");
}

.home-download__actions > a:hover::after,
.home-download__actions > a:focus-visible::after {
	width: 100%;
}

.home-download__actions > a:focus-visible {
	outline: 3px solid rgba(255, 167, 61, 0.62);
	outline-offset: 3px;
}

.home-download__actions > a > span:first-child {
	font-size: 22px;
	font-weight: 800;
	line-height: 1.05;
	white-space: nowrap;
}

.home-download__actions > a > span:nth-child(2) {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.15;
	padding-top: 5px;
	white-space: nowrap;
}

.home-download__intro {
	background: rgba(25, 25, 25, 0.86);
	border: 1px solid #3a3a3a;
	border-left: 3px solid var(--cs-accent-strong);
	border-radius: 10px;
	color: #d4d4d4;
	font-size: 14px;
	line-height: 1.7;
	margin: 22px auto 0;
	max-width: 1060px;
	padding: 18px 20px;
}

.home-download__intro > :last-child {
	margin-bottom: 0;
}

.catalog-single__lead {
	color: #d2d2d2;
	font-size: 1.08rem;
	line-height: 1.65;
}

.feature-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	list-style: none;
	margin: 26px 0 0;
	padding: 0;
}

.feature-chips li {
	align-items: center;
	background: #111;
	border: 1px solid #303238;
	border-radius: 7px;
	color: var(--cs-white);
	display: inline-flex;
	font-size: 13px;
	gap: 6px;
	padding: 7px 10px;
}

.feature-chips li > span {
	color: #43c65b;
	font-weight: 900;
}

.download-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.download-button {
	align-items: center;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
	color: var(--cs-white);
	display: inline-flex;
	font-size: 18px;
	font-weight: 700;
	gap: 10px;
	justify-content: center;
	min-height: 46px;
	padding: 9px 24px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, transform 0.2s ease;
}

.download-button:hover {
	color: var(--cs-white);
	filter: brightness(1.07);
	transform: translateY(-2px);
}

.download-button--direct {
	background: linear-gradient(135deg, #ff970f 0%, #ef6500 100%);
	border-color: #ffad43;
	box-shadow: 0 9px 24px rgba(255, 117, 0, 0.24), 0 8px 20px rgba(0, 0, 0, 0.34);
}

.download-button--torrent {
	background: linear-gradient(145deg, #393939 0%, #242424 58%, #1b1b1b 100%);
	border-color: rgba(255, 140, 0, 0.82);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 8px 20px rgba(0, 0, 0, 0.38);
}

.download-button--mirror {
	background: linear-gradient(180deg, #303030, #1f1f1f);
	border-color: #555;
}

.download-button--edit {
	background: linear-gradient(90deg, #875b28, #c18a4a);
}

.download-note {
	color: var(--cs-muted);
	font-size: 12px;
	margin: 14px 0 0;
}

.download-note span {
	color: #43c65b;
	font-size: 10px;
	margin-right: 6px;
}

/* Accordions */
.accordion-stack {
	margin: 34px 0 46px;
}

.accordion {
	background: #212121;
	border: 1px solid #303238;
	border-radius: 8px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
	margin: 9px 0;
	overflow: hidden;
}

.accordion__button {
	align-items: center;
	background: #1c1c1c;
	border: 0;
	border-left: 4px solid var(--cs-accent-strong);
	color: var(--cs-text);
	display: flex;
	font-weight: 600;
	gap: 10px;
	min-height: 48px;
	padding: 9px 16px;
	text-align: left;
	transition: background 0.2s ease;
	width: 100%;
}

.accordion__button:hover {
	background: #2a2a2a;
}

.accordion__icon {
	display: inline-block;
	font-size: 22px;
	line-height: 1;
	transition: transform 0.25s ease;
}

.accordion.is-open .accordion__icon {
	transform: rotate(90deg);
}

.accordion__panel {
	border-top: 1px solid var(--cs-line);
	color: #d6d9df;
	font-size: 15px;
	padding: 22px 26px;
}

.accordion__panel[hidden] {
	display: none;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.requirements-grid {
	display: grid;
	gap: 35px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.requirements-grid h2 {
	font-size: 17px;
	margin-bottom: 12px;
}

.requirements-grid ul,
.install-steps {
	margin-bottom: 0;
	padding-left: 22px;
}

.requirements-grid li,
.install-steps li {
	margin: 5px 0;
}

/* Quick start */
.quick-start {
	background: rgba(35, 35, 35, 0.96);
	border: 1px solid #3a3a3a;
	border-radius: 16px;
	box-shadow: var(--cs-shadow-small);
	margin: 18px 0 46px;
	padding: 20px;
}

.quick-start__header {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	padding: 0 2px 14px;
}

.quick-start__header .eyebrow {
	margin-bottom: 4px;
}

.quick-start__header h2 {
	font-size: 21px;
	margin-bottom: 5px;
}

.quick-start__header p:last-child {
	color: var(--cs-muted);
	font-size: 13px;
	margin-bottom: 0;
}

.quick-start__count {
	background: #191919;
	border: 1px solid #454545;
	border-radius: 9px;
	color: var(--cs-muted);
	flex: 0 0 auto;
	font-size: 13px;
	padding: 8px 12px;
}

.quick-start__count b {
	color: var(--cs-accent-strong);
	font-size: 18px;
}

.quick-start__items .accordion {
	background: #1f1f1f;
	border-color: #404040;
	margin: 8px 0;
}

.quick-start__items .accordion__button {
	border-left-width: 3px;
	justify-content: space-between;
	min-height: 58px;
	padding: 9px 12px;
}

.quick-start .accordion__section-icon {
	background: #292929;
	border-color: rgba(255, 140, 0, 0.58);
}

.quick-start__main,
.quick-start__meta {
	align-items: center;
	display: flex;
}

.quick-start__main {
	gap: 11px;
	min-width: 0;
}

.quick-start__copy {
	display: block;
	min-width: 0;
}

.quick-start__copy strong,
.quick-start__copy small {
	display: block;
}

.quick-start__copy strong {
	font-size: 15px;
	line-height: 1.35;
}

.quick-start__copy small {
	color: var(--cs-muted);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	margin-top: 2px;
}

.quick-start__meta {
	flex: 0 0 auto;
	gap: 12px;
	margin-left: 18px;
}

.quick-start__badge {
	background: rgba(255, 140, 0, 0.1);
	border: 1px solid rgba(255, 140, 0, 0.38);
	border-radius: 20px;
	color: var(--cs-accent-strong);
	font-size: 12px;
	font-weight: 800;
	padding: 3px 8px;
	text-transform: uppercase;
}

.quick-start .accordion__icon {
	align-items: center;
	background: #292929;
	border: 1px solid #464646;
	border-radius: 7px;
	display: inline-flex;
	font-size: 17px;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.quick-start .accordion.is-open .accordion__icon {
	transform: rotate(180deg);
}

.settings-list {
	margin-bottom: 0;
	padding-left: 22px;
}

.settings-list li {
	margin: 6px 0;
}

/* Home catalog */
.home-catalog,
.catalog-layout {
	align-items: start;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(250px, 285px) minmax(0, 1fr);
}

.home-catalog__sidebar,
.catalog-sidebar {
	display: flex;
	flex-direction: column;
	gap: 22px;
	min-width: 0;
}

.sidebar-block {
	background: #191919;
	border: 1px solid #2a2d33;
	border-radius: var(--cs-radius);
	box-shadow: var(--cs-shadow-small);
	overflow: hidden;
	padding: 0;
}

.sidebar-block h2 {
	background: #151515;
	font-size: 15px;
	margin: 0;
	min-height: 56px;
	padding: 11px 13px;
	text-transform: uppercase;
}

.sidebar-block ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-block li + li {
	border-top: 1px solid var(--cs-line);
}

.sidebar-block li a {
	align-items: center;
	color: var(--cs-text);
	display: flex;
	font-size: 14px;
	gap: 8px;
	justify-content: space-between;
	min-height: 43px;
	padding: 8px 11px;
	transition: background 0.2s ease, padding 0.2s ease;
}

.sidebar-block li a:hover {
	background: #2d2d2d;
	color: var(--cs-white);
	padding-left: 14px;
}

.sidebar-block li b {
	color: #ccc;
	font-size: 10px;
	font-weight: 600;
	white-space: nowrap;
}

.sidebar-link__label {
	align-items: center;
	display: flex;
	gap: 9px;
	min-width: 0;
}

.sidebar-link__label > img {
	height: 19px;
	transition: transform 0.55s ease;
	width: 19px;
}

.sidebar-link__label > img[src*="elect/classic"] {
	filter: none;
}

.sidebar-block li a:hover .sidebar-link__label > img {
	transform: rotate(360deg);
}

.home-catalog__main {
	min-width: 0;
}

.versions-table-wrap,
.catalog-single,
.standard-entry,
.archive-seo,
.comments-area,
.error-card {
	background: rgba(25, 25, 25, 0.96);
	border: 1px solid #2a2d33;
	border-radius: var(--cs-radius);
	box-shadow: var(--cs-shadow-small);
}

.versions-table-wrap {
	overflow: hidden;
	padding: 0;
}

.table-scroll {
	overflow-x: auto;
	overscroll-behavior-inline: contain;
}

.versions-table {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 820px;
	width: 100%;
}

.versions-table th,
.versions-table td {
	border-bottom: 1px solid var(--cs-line);
	font-size: 14px;
	padding: 12px 14px;
	text-align: left;
	vertical-align: middle;
}

.versions-table th {
	background: #121212;
	color: #aeb2ba;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.versions-table__name-cell a {
	color: var(--cs-text);
	font-weight: 800;
}

.versions-table tbody tr:hover {
	background: rgba(255, 140, 0, 0.07);
}

.table-button {
	align-items: center;
	background: linear-gradient(135deg, #ff970f, #ef6800);
	border: 1px solid #ffa42d;
	border-radius: 8px;
	box-shadow: 0 7px 16px rgba(255, 117, 0, 0.19);
	color: var(--cs-white);
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
	justify-content: center;
	min-height: 36px;
	padding: 7px 13px;
	transition: filter 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}

.table-button:hover {
	color: var(--cs-white);
	filter: brightness(1.08);
	transform: translateY(-1px);
}

.popular-section {
	margin-top: 36px;
}

.section-heading {
	align-items: end;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-bottom: 18px;
}

.section-heading h2 {
	color: var(--cs-accent-strong);
	margin: 0;
}

.section-heading > a {
	color: #bba101;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

/* Catalog cards */
.catalog-grid,
.article-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.catalog-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.catalog-card,
.article-card,
.section-card {
	background: linear-gradient(135deg, #1a1008 0%, #141418 50%, #0e141a 100%);
	border: 1px solid #2a2d33;
	border-radius: 11px;
	box-shadow: var(--cs-shadow-small);
	min-width: 0;
	overflow: hidden;
	transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.catalog-card:hover,
.article-card:hover,
.section-card:hover {
	border-color: rgba(255, 140, 0, 0.38);
	box-shadow: 0 15px 34px rgba(0, 0, 0, 0.42);
	transform: translateY(-2px);
}

.catalog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.catalog-card__image,
.article-card__image {
	background: #111;
	display: block;
	overflow: hidden;
	position: relative;
}

.catalog-card__image img,
.article-card__image img {
	aspect-ratio: 12 / 7;
	display: block;
	object-fit: cover;
	transition: transform 0.35s ease;
	width: 100%;
}

.catalog-card:hover .catalog-card__image img,
.article-card:hover .article-card__image img {
	transform: scale(1.025);
}

.catalog-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 15px 16px 14px;
}

.catalog-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-bottom: 12px;
}

.catalog-card__tags a {
	background: rgba(255, 140, 0, 0.08);
	border: 1px solid rgba(255, 140, 0, 0.34);
	border-radius: 100px;
	color: var(--cs-text);
	font-size: 10px;
	line-height: 1.2;
	padding: 4px 7px;
}

.catalog-card__title {
	font-size: 17px;
	margin-bottom: 10px;
}

.catalog-card__title a {
	color: var(--cs-text);
}

.catalog-card__description {
	color: var(--cs-muted);
	font-size: 13px;
	line-height: 1.55;
	margin-bottom: 16px;
}

.catalog-card__meta {
	align-items: center;
	color: var(--cs-muted);
	display: flex;
	font-size: 11px;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 4px;
}

.catalog-card__actions {
	border-top: 1px solid var(--cs-line);
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	background: #202122;
	margin: 13px -16px -14px;
	padding: 12px 16px;
}

.card-button {
	border: 1px solid #444;
	border-radius: 6px;
	color: var(--cs-text);
	font-size: 12px;
	font-weight: 700;
	padding: 5px 10px;
}

.card-button:hover {
	background: #303030;
	color: var(--cs-white);
}

.card-button--download,
.card-button--torrent {
	border-color: transparent;
	color: var(--cs-white);
}

.card-button--download {
	background: #f57200;
}

.card-button--torrent {
	background: #09630c;
}

.card-button--download:hover,
.card-button--torrent:hover {
	color: var(--cs-white);
	filter: brightness(1.08);
}

.section-card {
	align-items: flex-start;
	color: var(--cs-text);
	display: flex;
	flex-direction: column;
	gap: 11px;
	min-height: 190px;
	padding: 24px;
}

.section-card img {
	filter: brightness(0) invert(1);
	height: 48px;
	width: 48px;
}

.catalog-card__type-icon {
	bottom: 10px;
	height: 38px;
	position: absolute;
	right: 10px;
	width: 38px;
}

.catalog-card__type-icon img {
	height: 21px !important;
	width: 21px !important;
}

.catalog-card__type-icon--collection img {
	filter: none;
	height: 25px !important;
	width: 25px !important;
}

.section-card strong {
	font-size: 18px;
}

.section-card span {
	color: var(--cs-muted);
	font-size: 13px;
}

/* Front-page collection inspired by a dense classic game catalog. */
.home-catalog--planet {
	background:
		linear-gradient(135deg, rgba(255, 140, 0, 0.035), transparent 34%),
		rgba(30, 30, 30, 0.96);
	border: 1px solid #3a3a3a;
	border-top: 2px solid rgba(255, 140, 0, 0.72);
	border-radius: 14px;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.38);
	gap: 18px;
	padding: 18px;
	position: relative;
}

.home-catalog--planet .home-catalog__sidebar {
	gap: 10px;
	position: relative;
	top: auto;
}

.sidebar-block--catalog {
	background: #1b1b1b;
	border-color: #383838;
	border-radius: 8px;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.24);
}

.sidebar-block--catalog h2 {
	background: linear-gradient(90deg, #151515, #1e1e1e);
	border-left: 3px solid var(--cs-accent);
	color: var(--cs-white);
	font-size: 13px;
	letter-spacing: 0.025em;
	min-height: 44px;
	padding: 7px 9px;
}

.sidebar-block--catalog .icon-heading__mark {
	background: #282828;
	border: 1px solid rgba(255, 140, 0, 0.55);
	height: 29px;
	width: 29px;
}

.sidebar-block--catalog .icon-heading__mark img {
	filter: brightness(0) invert(1);
	height: 17px;
	object-fit: contain;
	width: 17px;
}

.sidebar-block--catalog .icon-heading__mark img[src*="elect/popular"] {
	filter: none;
}

.sidebar-block--catalog .icon-heading__mark img[src*="category-icons"],
.icon-heading__mark--category img {
	filter: none;
	height: 21px;
	width: 21px;
}

.sidebar-block--catalog li a {
	font-size: 12px;
	min-height: 34px;
	padding: 5px 8px;
}

.sidebar-block--catalog li a:hover {
	background: linear-gradient(90deg, rgba(255, 140, 0, 0.13), #292929);
	padding-left: 12px;
}

.sidebar-block--catalog .sidebar-link__label {
	gap: 7px;
}

.sidebar-block--catalog .sidebar-link__label > img {
	height: 15px;
	width: 15px;
}

.sidebar-collection-icon {
	align-items: center;
	background: #242424;
	border: 1px solid #3f3f3f;
	border-radius: 5px;
	display: inline-flex;
	flex: 0 0 22px;
	height: 22px;
	justify-content: center;
	perspective: 120px;
	transform-style: preserve-3d;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.42s cubic-bezier(0.2, 0.75, 0.25, 1);
	width: 22px;
}

.sidebar-collection-icon img {
	backface-visibility: visible;
	display: block;
	filter: none;
	height: 18px;
	object-fit: contain;
	transform: rotateY(0);
	transform-style: preserve-3d;
	transition: transform 0.5s cubic-bezier(0.2, 0.75, 0.25, 1);
	width: 18px;
}

.sidebar-block--catalog li a:hover .sidebar-collection-icon,
.sidebar-block--catalog li a:focus-visible .sidebar-collection-icon,
.sidebar-block--catalog li a.is-preview-open .sidebar-collection-icon {
	background: rgba(255, 140, 0, 0.16);
	border-color: rgba(255, 140, 0, 0.72);
	transform: scale(1.08);
}

.sidebar-block--catalog li a:hover .sidebar-collection-icon img,
.sidebar-block--catalog li a:focus-visible .sidebar-collection-icon img,
.sidebar-block--catalog li a.is-preview-open .sidebar-collection-icon img {
	transform: rotateY(180deg) rotateZ(-4deg);
}

.sidebar-block--catalog li a.is-preview-open {
	background: linear-gradient(90deg, rgba(255, 140, 0, 0.18), #292929);
	box-shadow: inset 3px 0 var(--cs-accent);
	color: var(--cs-white);
}

.sidebar-link__arrow {
	color: var(--cs-accent);
	font-size: 18px;
	line-height: 1;
}

.sidebar-block--sections {
	border-color: rgba(255, 140, 0, 0.38);
}

.sidebar-collection-icon--section img {
	filter: brightness(0) invert(1);
	height: 15px;
	width: 15px;
}

.sidebar-block--popular-posts .sidebar-link__label > span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar-hover-preview {
	background: linear-gradient(155deg, #202020, #111216 74%);
	border: 1px solid #484848;
	border-top: 2px solid var(--cs-accent);
	border-radius: 9px;
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.64);
	opacity: 0;
	padding: 10px;
	position: fixed;
	transform: translateX(-7px) scale(0.985);
	transition: opacity 0.16s ease, transform 0.2s ease, visibility 0.16s ease;
	visibility: hidden;
	width: min(390px, calc(100vw - 24px));
	z-index: 10000;
}

.sidebar-hover-preview.is-open {
	opacity: 1;
	transform: translateX(0) scale(1);
	visibility: visible;
}

.sidebar-hover-preview.is-before {
	transform: translateX(7px) scale(0.985);
}

.sidebar-hover-preview.is-before.is-open {
	transform: translateX(0) scale(1);
}

.sidebar-hover-preview__pointer {
	background: #1d1d1d;
	border-bottom: 1px solid #484848;
	border-left: 1px solid #484848;
	height: 14px;
	left: -8px;
	position: absolute;
	top: var(--sidebar-preview-pointer-top, 34px);
	transform: translateY(-50%) rotate(45deg);
	width: 14px;
}

.sidebar-hover-preview.is-before .sidebar-hover-preview__pointer {
	border: 0;
	border-right: 1px solid #484848;
	border-top: 1px solid #484848;
	left: auto;
	right: -8px;
}

.sidebar-hover-preview__header {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 8px;
	min-width: 0;
	padding: 1px 2px 0;
}

.sidebar-hover-preview__header strong {
	color: var(--cs-white);
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sidebar-hover-preview__header a {
	color: var(--cs-accent);
	flex: 0 0 auto;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.sidebar-hover-preview__viewport {
	min-height: 142px;
	position: relative;
}

.sidebar-hover-preview__track {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sidebar-hover-preview.has-one-image .sidebar-hover-preview__track {
	grid-template-columns: 1fr;
}

.sidebar-hover-preview__image {
	background: #090a0d;
	border: 1px solid #3f3f3f;
	border-radius: 6px;
	display: block;
	overflow: hidden;
	position: relative;
}

.sidebar-hover-preview__image::after {
	background: linear-gradient(180deg, transparent 64%, rgba(0, 0, 0, 0.42));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.sidebar-hover-preview__image img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 142px;
	object-fit: cover;
	transition: filter 0.22s ease, transform 0.32s ease;
	width: 100%;
}

.sidebar-hover-preview__image:hover {
	border-color: var(--cs-accent);
}

.sidebar-hover-preview__image:hover img {
	filter: brightness(1.08);
	transform: scale(1.035);
}

.sidebar-hover-preview__arrow {
	align-items: center;
	background: rgba(12, 12, 12, 0.82);
	border: 1px solid rgba(255, 255, 255, 0.27);
	border-radius: 50%;
	color: var(--cs-white);
	display: flex;
	font-size: 24px;
	height: 31px;
	justify-content: center;
	line-height: 1;
	padding: 0 0 3px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background 0.18s ease, border-color 0.18s ease;
	width: 31px;
}

.sidebar-hover-preview__arrow:hover,
.sidebar-hover-preview__arrow:focus-visible {
	background: var(--cs-accent);
	border-color: var(--cs-accent);
	color: #151515;
}

.sidebar-hover-preview__arrow--prev {
	left: 7px;
}

.sidebar-hover-preview__arrow--next {
	right: 7px;
}

.sidebar-hover-preview.has-one-image .sidebar-hover-preview__arrow {
	display: none;
}

.sidebar-hover-preview__dots {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: center;
	min-height: 17px;
	padding: 9px 4px 0;
}

.sidebar-hover-preview__dot {
	background: #767676;
	border: 0;
	border-radius: 50%;
	height: 7px;
	padding: 0;
	transition: background 0.18s ease, transform 0.18s ease;
	width: 7px;
}

.sidebar-hover-preview__dot:hover,
.sidebar-hover-preview__dot.is-active {
	background: var(--cs-accent);
	transform: scale(1.22);
}

.catalog-intro {
	margin-bottom: 14px;
}

.catalog-intro > .eyebrow {
	margin: 0 0 4px;
}

.section-heading--catalog {
	align-items: flex-end;
	margin-bottom: 15px;
}

.section-heading--catalog > div {
	min-width: 0;
}

.section-heading--catalog h2 {
	color: var(--cs-white);
	font-size: clamp(1.35rem, 2.1vw, 1.85rem);
	line-height: 1.2;
	margin: 0 0 6px;
}

.section-heading--catalog h2 > span:first-child {
	color: var(--cs-accent);
	display: inline-block;
	margin-right: 10px;
}

.section-heading--catalog p {
	color: var(--cs-muted);
	font-size: 13px;
	margin: 0;
}

.section-heading--catalog > a {
	color: var(--cs-accent);
	font-size: 13px;
	font-weight: 800;
	padding-bottom: 3px;
	white-space: nowrap;
}

.section-heading--catalog > a:hover {
	color: #ffb24f;
}

.catalog-filters {
	background: #151515;
	border: 1px solid #363636;
	border-radius: 9px;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 18px;
	padding: 11px;
}

.catalog-filters a {
	align-items: center;
	background: #242424;
	border: 1px solid #414141;
	border-radius: 6px;
	color: #e9e9e9;
	display: inline-flex;
	font-size: 13px;
	font-weight: 650;
	gap: 6px;
	min-height: 34px;
	padding: 5px 9px 5px 6px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.catalog-filters a:first-child {
	background: rgba(255, 140, 0, 0.14);
	border-color: rgba(255, 140, 0, 0.72);
	color: var(--cs-white);
}

.catalog-filters a:hover {
	background: #303030;
	border-color: var(--cs-accent);
	color: var(--cs-white);
	transform: translateY(-1px);
}

.catalog-filters__icon {
	align-items: center;
	background: #303030;
	border: 1px solid #474747;
	border-radius: 4px;
	display: inline-flex;
	height: 23px;
	justify-content: center;
	width: 23px;
}

.catalog-filters__icon img {
	filter: brightness(0) invert(1);
	height: 13px;
	object-fit: contain;
	width: 13px;
}

.catalog-filters__icon--category img {
	filter: none;
	height: 19px;
	width: 19px;
}

.catalog-filters a:hover .catalog-filters__icon,
.catalog-filters a:first-child .catalog-filters__icon {
	background: rgba(255, 140, 0, 0.16);
	border-color: var(--cs-accent);
}

.catalog-filters b {
	background: #151515;
	border-radius: 10px;
	color: #c7c7c7;
	font-size: 10px;
	font-weight: 700;
	padding: 1px 5px;
}

.home-build-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-build-card {
	background: linear-gradient(155deg, #1d1d1d, #141519 72%);
	border: 1px solid #3a3a3a;
	border-radius: 8px;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.28);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.home-build-card:hover {
	border-color: rgba(255, 140, 0, 0.68);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.4);
	transform: translateY(-2px);
}

.home-build-card__image {
	background: #0e0e0e;
	display: block;
	overflow: hidden;
	position: relative;
}

.home-build-card__image::after {
	background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, 0.58));
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}

.home-build-card__image > img {
	aspect-ratio: 12 / 7;
	display: block;
	object-fit: cover;
	transition: filter 0.3s ease, transform 0.35s ease;
	width: 100%;
}

.home-build-card:hover .home-build-card__image > img {
	filter: brightness(1.06);
	transform: scale(1.025);
}

.home-build-card__badge {
	align-items: center;
	background: rgba(18, 18, 18, 0.92);
	border: 1px solid rgba(255, 140, 0, 0.72);
	border-radius: 4px;
	color: #f2f2f2;
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	gap: 4px;
	max-width: calc(100% - 16px);
	padding: 3px 6px;
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 1;
}

.home-build-card__badge > span {
	color: var(--cs-accent);
}

.home-build-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 11px 12px 0;
}

.home-build-card__kicker {
	align-items: center;
	color: #d4d4d4;
	display: flex;
	font-size: 10px;
	font-weight: 750;
	gap: 6px;
	letter-spacing: 0.045em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.home-build-card__category-icon {
	align-items: center;
	background: #282828;
	border: 1px solid rgba(255, 140, 0, 0.48);
	border-radius: 4px;
	display: inline-flex;
	flex: 0 0 24px;
	height: 24px;
	justify-content: center;
	width: 24px;
}

.home-build-card__category-icon img {
	display: block;
	filter: none;
	height: 20px;
	object-fit: contain;
	width: 20px;
}

.home-build-card__title {
	font-size: 15px;
	line-height: 1.32;
	margin: 0 0 7px;
}

.home-build-card__title a {
	color: var(--cs-white);
}

.home-build-card__title a:hover {
	color: var(--cs-accent);
}

.home-build-card__description {
	color: #c4c6ca;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 10px;
}

.home-build-card__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
	margin: auto 0 10px;
	padding: 0;
}

.home-build-card__facts li {
	align-items: center;
	background: #222326;
	border: 1px solid #383a3f;
	border-radius: 4px;
	color: #cfd0d4;
	display: inline-flex;
	font-size: 10px;
	gap: 4px;
	line-height: 1.2;
	padding: 4px 6px;
}

.home-build-card__facts li > span {
	color: var(--cs-accent);
}

.home-build-card__actions {
	background: #1f1f1f;
	border-top: 1px solid #383838;
	display: grid;
	gap: 7px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0 -12px;
	padding: 9px 12px 10px;
}

.home-card-button {
	align-items: center;
	border-radius: 14px;
	color: #fff;
	display: flex;
	font-size: 0;
	font-weight: 800;
	height: 46px;
	justify-content: center;
	overflow: hidden;
	padding: 0 9px 0 38px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 2px #6f737a, 0 0 0 #aeb9ce;
	transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
	width: 100%;
}

.home-card-button::after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: width .45s ease;
	width: 34px;
	z-index: 2;
}

.home-card-button__label {
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	position: relative;
	white-space: nowrap;
	z-index: 1;
	transition: opacity .16s ease, transform .16s ease;
}

.home-card-button:hover,
.home-card-button:focus-visible {
	color: #fff;
	transform: translateY(-1px);
}

.home-card-button:hover::after,
.home-card-button:focus-visible::after {
	width: 100%;
}

.home-card-button:hover .home-card-button__label,
.home-card-button:focus-visible .home-card-button__label {
	opacity: 0;
	transform: scale(.96);
}

.home-card-button:focus-visible {
	outline: 3px solid rgba(255, 167, 61, 0.62);
	outline-offset: 2px;
}

.home-card-button--download {
	background: #ff8500;
	border: 1px solid #ff9620;
	box-shadow: 0 0 5px 1px rgba(219, 94, 0, 0.86), 0 10px 22px rgba(255, 117, 0, 0.18);
}

.home-card-button--download::after {
	background-color: #e36a00;
	background-image: url("assets/images/icons/cs16-game-direct-expand.webp");
}

.home-card-button--torrent {
	background: #128a43;
	border: 1px solid #17a24d;
	box-shadow: 0 0 5px 1px rgba(5, 103, 48, 0.82), 0 10px 22px rgba(7, 139, 65, 0.18);
}

.home-card-button--torrent::after {
	background-color: #0b6d35;
	background-image: url("assets/images/icons/cs16-game-torrent-expand.webp");
}

.home-card-button--details {
	background: linear-gradient(180deg, #31343a 0%, #26282d 100%);
	border: 1px solid #4c4f57;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 18px rgba(0, 0, 0, .18);
	text-shadow: none;
}

.home-card-button--details::after {
	align-items: center;
	background: rgba(255, 140, 0, .12);
	background-image: none;
	content: '→';
	color: #ffaf45;
	display: flex;
	font-size: 16px;
	font-weight: 800;
	justify-content: center;
}

.home-card-button--details:hover { border-color: rgba(255, 180, 83, .55); }

.home-catalog__table {
	background: #181818;
	border-color: #444;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
	margin-top: 24px;
	position: relative;
}

.home-catalog__table::before {
	background: linear-gradient(90deg, var(--cs-accent), rgba(255, 140, 0, 0.12) 52%, transparent);
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.versions-table-wrap__header {
	align-items: center;
	background:
		radial-gradient(circle at 100% 0, rgba(255, 140, 0, 0.14), transparent 35%),
		linear-gradient(110deg, #2a2a2a, #202020 56%, #191919);
	border-bottom: 1px solid #464646;
	display: flex;
	gap: 16px;
	padding: 20px 20px 18px;
	position: relative;
}

.versions-table-wrap__header::after {
	background: linear-gradient(90deg, rgba(255, 140, 0, 0.18), transparent 58%);
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.versions-table-wrap__header > * {
	position: relative;
	z-index: 1;
}

.versions-table-wrap__icon {
	align-items: center;
	background: linear-gradient(180deg, #fff, #e9e9e9);
	border: 2px solid rgba(255, 155, 34, 0.92);
	border-radius: 12px;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28), 0 0 0 4px rgba(255, 140, 0, 0.09);
	display: inline-flex;
	flex: 0 0 auto;
	height: 50px;
	justify-content: center;
	width: 50px;
}

.versions-table-wrap__icon img {
	height: 30px;
	width: 30px;
}

.versions-table-wrap__eyebrow {
	color: var(--cs-accent);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: 0.14em;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.versions-table-wrap__header h2 {
	color: var(--cs-white);
	font-size: 21px;
	line-height: 1.2;
	margin: 0;
}

.versions-table-wrap__lead {
	color: #adb1b9;
	font-size: 12px;
	line-height: 1.5;
	margin: 6px 0 0;
	max-width: 690px;
}

.versions-table-wrap__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 11px;
}

.versions-table-wrap__meta span {
	align-items: center;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 999px;
	color: #d3d7de;
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	gap: 7px;
	line-height: 1;
	min-height: 27px;
	padding: 6px 11px;
}

.versions-table-wrap__meta span::before {
	background: var(--cs-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.13);
	content: '';
	height: 6px;
	width: 6px;
}

.home-catalog__table .table-scroll {
	padding: 14px 14px 16px;
}

.home-catalog__table .versions-table {
	border-collapse: separate;
	border-spacing: 0 10px;
	min-width: 860px;
}

.home-catalog__table .versions-table thead th {
	background: transparent;
	border-bottom: 0;
	color: #8f949c;
	padding: 0 14px 8px;
}

.home-catalog__table .versions-table th:first-child {
	border-left: 0;
}

.home-catalog__table .versions-table tbody tr {
	background: transparent;
	transition: transform .18s ease, filter .18s ease;
}

.home-catalog__table .versions-table tbody tr:hover {
	background: transparent;
	filter: brightness(1.03);
	transform: translateY(-1px);
}

.home-catalog__table .versions-table td {
	background: linear-gradient(180deg, #1f1f1f 0%, #191919 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.02);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	padding: 14px 14px;
	position: relative;
}

.home-catalog__table .versions-table td:first-child {
	border-bottom-left-radius: 14px;
	border-left: 1px solid rgba(255, 167, 61, 0.18);
	border-top-left-radius: 14px;
}

.home-catalog__table .versions-table td:last-child {
	border-bottom-right-radius: 14px;
	border-right: 1px solid rgba(255, 167, 61, 0.18);
	border-top-right-radius: 14px;
}

.home-catalog__table .versions-table td:first-child::before {
	background: linear-gradient(180deg, var(--cs-accent), rgba(255, 140, 0, 0.35));
	border-radius: 999px;
	content: '';
	left: 0;
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 3px;
}

.versions-table__game-column,
.versions-table__game-cell {
	text-align: center !important;
	width: 72px;
}

.versions-table__action-column,
.versions-table__action-cell {
	text-align: center !important;
	width: 146px;
}

.versions-table__game-icon {
	align-items: center;
	background: linear-gradient(160deg, #fff, #dfdfdf);
	border: 1px solid rgba(255, 255, 255, 0.82);
	border-radius: 11px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28), 0 0 0 4px rgba(255, 255, 255, 0.03);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.versions-table__game-icon img {
	height: 30px;
	object-fit: contain;
	width: 30px;
}

.versions-table__name-cell {
	min-width: 270px;
}

.versions-table__name-cell a {
	display: inline-block;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.28;
}

.versions-table__name-cell a:hover {
	color: var(--cs-accent);
}

.versions-table__name-cell small {
	color: #9fa4ac;
	display: block;
	font-size: 10.5px;
	font-weight: 700;
	margin-top: 6px;
}

.versions-table__name-cell small > span {
	color: var(--cs-accent);
	margin-right: 5px;
}

.versions-table__languages {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.language-badge,
.versions-table__text-pill,
.versions-table__size {
	align-items: center;
	background: linear-gradient(180deg, #2b2b2b 0%, #232323 100%);
	border: 1px solid #444;
	border-radius: 9px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
	display: inline-flex;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	min-height: 30px;
	padding: 5px 9px;
}

.language-badge {
	gap: 6px;
}

.language-badge img {
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 2px;
	height: 14px;
	object-fit: cover;
	width: 22px;
}

.versions-table__format {
	align-items: center;
	background: rgba(255, 140, 0, 0.08);
	border: 1px solid rgba(255, 140, 0, 0.17);
	border-radius: 999px;
	color: #f0f1f4;
	display: inline-flex;
	font-size: 11px;
	font-weight: 900;
	gap: 8px;
	line-height: 1;
	min-height: 30px;
	padding: 0 12px;
}

.versions-table__format > span {
	background: var(--cs-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.12);
	height: 7px;
	width: 7px;
}

.versions-table__format--collection {
	background: rgba(143, 147, 155, 0.08);
	border-color: rgba(143, 147, 155, 0.22);
}

.versions-table__format--collection > span {
	background: #8f939b;
	box-shadow: 0 0 0 3px rgba(143, 147, 155, 0.12);
}

.versions-table__size {
	background: linear-gradient(180deg, #252525 0%, #202020 100%);
	color: #e0e0e0;
	white-space: nowrap;
}

.home-catalog__table .table-button {
	min-width: 118px;
	padding: 8px 14px;
}

.home-catalog__table .table-button > span {
	align-items: center;
	background: rgba(0, 0, 0, 0.16);
	border-radius: 50%;
	display: inline-flex;
	height: 20px;
	justify-content: center;
	width: 20px;
}

.home-catalog__table .table-button--open {
	background: linear-gradient(145deg, #343434, #252525);
	border-color: rgba(255, 140, 0, 0.72);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 18px rgba(0, 0, 0, .16);
}

.versions-table__preview td {
	color: #c2c2c2;
}
.home-faq {
	background:
		radial-gradient(circle at 100% 0, rgba(255, 140, 0, 0.10), transparent 30%),
		linear-gradient(180deg, #1c1c1c 0%, #171717 100%);
	border: 1px solid #3a3a3a;
	border-top: 2px solid rgba(255, 140, 0, 0.78);
	border-radius: 13px;
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.20);
	margin-top: 26px;
	overflow: hidden;
	padding: 0;
}

.home-faq__header {
	align-items: flex-start;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0));
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
	display: flex;
	gap: 18px;
	justify-content: space-between;
	margin: 0;
	padding: 22px 24px 19px;
}

.home-faq__header .eyebrow {
	margin-bottom: 5px;
}

.home-faq__header h2 {
	font-size: clamp(23px, 2.2vw, 30px);
	line-height: 1.2;
	margin: 0;
}

.home-faq__lead {
	color: #aeb4bd;
	font-size: 12px;
	line-height: 1.65;
	margin: 8px 0 0;
	max-width: 830px;
}

.home-faq__count {
	align-items: baseline;
	background: linear-gradient(180deg, #292929, #202020);
	border: 1px solid rgba(255, 140, 0, 0.24);
	border-radius: 10px;
	color: var(--cs-accent);
	display: inline-flex;
	font-size: 20px;
	font-weight: 900;
	gap: 6px;
	line-height: 1;
	padding: 12px 13px;
	white-space: nowrap;
}

.home-faq__count small {
	color: #aeb2b9;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.home-faq__items {
	align-items: start;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding: 16px 20px 20px;
}

.home-faq__items .accordion {
	background: linear-gradient(180deg, #202020 0%, #1b1b1b 100%);
	border: 1px solid #3a3a3a;
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025), 0 8px 18px rgba(0, 0, 0, 0.13);
	margin: 0;
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.home-faq__items .accordion:hover {
	border-color: rgba(255, 140, 0, 0.32);
	transform: translateY(-1px);
}

.home-faq__items .accordion.is-open {
	border-color: rgba(255, 140, 0, 0.52);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 12px 24px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 140, 0, 0.05);
}

.home-faq__items .accordion__button {
	align-items: center;
	background: transparent;
	border: 0;
	color: #f6f6f6;
	display: grid;
	font-size: 13px;
	font-weight: 850;
	gap: 11px;
	grid-template-columns: 35px minmax(0, 1fr) 32px;
	justify-content: stretch;
	min-height: 62px;
	padding: 10px 11px;
	text-align: left;
	width: 100%;
}

.home-faq__items .accordion__button:hover,
.home-faq__items .accordion.is-open .accordion__button {
	background: linear-gradient(90deg, rgba(255, 140, 0, 0.055), transparent 42%);
}

.home-faq__number {
	align-items: center;
	background: rgba(255, 140, 0, 0.08);
	border: 1px solid rgba(255, 140, 0, 0.30);
	border-radius: 8px;
	color: var(--cs-accent);
	display: inline-flex;
	font-size: 10px;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	letter-spacing: .04em;
	width: 32px;
}

.home-faq__question {
	line-height: 1.38;
}

.home-faq__items .accordion__icon {
	align-items: center;
	background: rgba(255, 140, 0, 0.06);
	border: 1px solid rgba(255, 140, 0, 0.24);
	border-radius: 8px;
	display: inline-flex;
	height: 30px;
	justify-content: center;
	position: relative;
	width: 30px;
}

.home-faq__items .accordion__icon::before,
.home-faq__items .accordion__icon::after {
	background: var(--cs-accent);
	border-radius: 999px;
	content: '';
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .18s ease, transform .18s ease;
}

.home-faq__items .accordion__icon::before {
	height: 2px;
	width: 11px;
}

.home-faq__items .accordion__icon::after {
	height: 11px;
	width: 2px;
}

.home-faq__items .accordion.is-open .accordion__icon::after {
	opacity: 0;
	transform: translate(-50%, -50%) scaleY(.2);
}

.home-faq__items .accordion__panel {
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	color: #cfd3da;
	font-size: 12.5px;
	line-height: 1.7;
	padding: 14px 16px 16px 58px;
}

.home-faq__items .accordion__panel p {
	margin: 0;
}

.home-faq__link {
	align-items: center;
	background: linear-gradient(180deg, rgba(255, 140, 0, 0.10), rgba(255, 140, 0, 0.055));
	border: 1px solid rgba(255, 140, 0, 0.28);
	border-radius: 8px;
	color: #ffb24d;
	display: inline-flex;
	font-size: 11px;
	font-weight: 850;
	gap: 7px;
	margin-top: 12px;
	min-height: 32px;
	padding: 7px 10px;
}

.home-faq__link:hover {
	background: rgba(255, 140, 0, 0.16);
	border-color: rgba(255, 140, 0, 0.55);
	color: #ffc26f;
}

.home-faq__link span {
	font-size: 14px;
	transition: transform .18s ease;
}

.home-faq__link:hover span {
	transform: translateX(2px);
}

@media (max-width: 900px) {
	.home-faq__items {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.home-faq__header {
		align-items: stretch;
		flex-direction: column;
		padding: 18px 14px 15px;
	}
	.home-faq__header h2 { font-size: 22px; }
	.home-faq__count { align-self: flex-start; font-size: 18px; padding: 10px 11px; }
	.home-faq__items { gap: 8px; padding: 12px 10px 14px; }
	.home-faq__items .accordion__button {
		font-size: 12px;
		gap: 8px;
		grid-template-columns: 31px minmax(0, 1fr) 28px;
		min-height: 58px;
		padding: 9px 9px;
	}
	.home-faq__number { height: 28px; width: 28px; }
	.home-faq__items .accordion__icon { height: 27px; width: 27px; }
	.home-faq__items .accordion__panel { font-size: 12px; padding: 12px 12px 14px 48px; }
}

.home-all-versions {
	background:
		linear-gradient(90deg, rgba(255, 140, 0, 0.055), transparent 38%),
		rgba(29, 29, 29, 0.97);
	border: 1px solid #3a3a3a;
	border-top: 2px solid rgba(255, 140, 0, 0.72);
	border-radius: 12px;
	box-shadow: var(--cs-shadow-small);
	margin-top: 28px;
	padding: 19px;
}

.home-all-versions .section-heading--catalog {
	margin-bottom: 16px;
}

.home-build-grid--all {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Intent-led category guide below the build catalog. */
.home-seo-guide {
	background:
		linear-gradient(135deg, rgba(255, 140, 0, 0.055), transparent 34%),
		rgba(29, 29, 29, 0.97);
	border: 1px solid #3b3b3b;
	border-top: 2px solid rgba(255, 140, 0, 0.78);
	border-radius: 12px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
	margin-top: 28px;
	padding: 21px;
}

.home-seo-guide__header {
	max-width: 1050px;
}

.home-seo-guide__header .eyebrow {
	margin-bottom: 5px;
}

.home-seo-guide__header h2 {
	color: var(--cs-white);
	font-size: clamp(1.45rem, 2.3vw, 2rem);
	margin: 0 0 9px;
}

.home-seo-guide__header h2 > span {
	color: var(--cs-accent);
	display: inline-block;
	margin-right: 10px;
}

.home-seo-guide__header > p:last-child {
	color: #c6c6c6;
	font-size: 14px;
	line-height: 1.65;
	margin: 0;
}

.home-seo-guide__toc {
	background: #151515;
	border: 1px solid #393939;
	border-radius: 9px;
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 18px 0;
	padding: 11px;
}

.home-seo-guide__toc a {
	background: #242424;
	border: 1px solid #444;
	border-radius: 5px;
	color: #dedede;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1.25;
	padding: 7px 9px;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.home-seo-guide__toc a:hover {
	background: rgba(255, 140, 0, 0.14);
	border-color: var(--cs-accent);
	color: var(--cs-white);
}

.home-seo-guide__list {
	display: grid;
	gap: 10px;
}

.home-seo-guide__item {
	background: linear-gradient(100deg, #191919, #202020);
	border: 1px solid #3a3a3a;
	border-left: 3px solid var(--cs-accent);
	border-radius: 8px;
	padding: 16px 18px 15px;
	scroll-margin-top: 158px;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.home-seo-guide__item:nth-child(even) {
	background: linear-gradient(100deg, #202020, #181818);
}

.home-seo-guide__item:hover {
	background: #242424;
	border-color: rgba(255, 140, 0, 0.68);
	transform: translateY(-1px);
}

.home-seo-guide__item-header {
	align-items: center;
	display: flex;
	gap: 10px;
	margin-bottom: 9px;
}

.home-seo-guide__icon {
	align-items: center;
	background: #2c2c2c;
	border: 1px solid rgba(255, 140, 0, 0.65);
	border-radius: 6px;
	display: inline-flex;
	flex: 0 0 36px;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.home-seo-guide__icon img {
	filter: brightness(0) invert(1);
	height: 20px;
	object-fit: contain;
	width: 20px;
}

.home-seo-guide__item h3 {
	color: var(--cs-white);
	font-size: clamp(1rem, 1.55vw, 1.2rem);
	line-height: 1.3;
	margin: 0;
}

.home-seo-guide__item p {
	color: #c9c9c9;
	font-size: 13.5px;
	line-height: 1.7;
	margin: 0;
}

.home-seo-guide__links {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 11px;
}

.home-seo-guide__links a {
	align-items: center;
	background: #292929;
	border: 1px solid #484848;
	border-radius: 5px;
	color: #f0f0f0;
	display: inline-flex;
	font-size: 11.5px;
	font-weight: 800;
	gap: 5px;
	min-height: 30px;
	padding: 5px 9px;
}

.home-seo-guide__links a span {
	color: var(--cs-accent);
}

.home-seo-guide__links a:hover {
	background: var(--cs-accent);
	border-color: var(--cs-accent);
	color: var(--cs-white);
}

.home-seo-guide__links a:hover span {
	color: var(--cs-white);
}

/* Archive */
.cs16-breadcrumbs {
	align-items: center;
	color: var(--cs-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	gap: 4px;
	margin-bottom: 28px;
}

.cs16-breadcrumbs a {
	color: var(--cs-muted);
}

.cs16-breadcrumbs a:hover {
	color: var(--cs-accent);
}

.cs16-breadcrumbs__separator {
	color: var(--cs-accent);
	margin: 0 2px;
}

.archive-header {
	margin: 0 auto 34px;
	max-width: 980px;
	text-align: center;
}

.archive-header__icon {
	height: 58px;
	margin: 0 auto 13px;
	width: 58px;
}

.archive-header__icon--collection {
	background: linear-gradient(145deg, #2b2b2b, #1c1c1c);
	border-color: rgba(255, 140, 0, 0.68);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.035);
}

.archive-header__icon img {
	height: 31px;
	width: 31px;
}

.archive-header__icon--collection img {
	filter: none;
	height: 34px;
	width: 34px;
}

.archive-header h1 {
	color: var(--cs-accent-strong);
	margin-bottom: 15px;
}

.archive-header__description {
	color: var(--cs-muted);
	font-size: 16px;
}

.archive-header__description > :last-child {
	margin-bottom: 0;
}

.category-tiles {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-bottom: 30px;
}

.category-tile {
	align-items: center;
	background: #191919;
	border-color: #303238;
	border: 2px solid transparent;
	border-radius: 10px;
	color: var(--cs-white);
	display: flex;
	gap: 8px;
	min-height: 66px;
	overflow: hidden;
	padding: 10px 12px;
	position: relative;
	transition: filter 0.2s ease, transform 0.2s ease;
}

.category-tile:hover,
.category-tile.is-active {
	color: var(--cs-white);
	background: #252525;
	border-color: var(--cs-accent-strong);
	filter: none;
	transform: translateY(-1px);
}

.category-tile.is-active {
	box-shadow: inset 4px 0 0 var(--cs-accent-strong);
}

.category-tile .category-tile__icon {
	align-items: center;
	background: linear-gradient(145deg, #2b2b2b, #202020);
	border: 1px solid #424242;
	border-radius: 7px;
	display: inline-flex;
	flex: 0 0 40px;
	height: 40px;
	justify-content: center;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	width: 40px;
}

.category-tile__icon img {
	display: block;
	filter: none;
	height: 28px;
	object-fit: contain;
	width: 28px;
}

.category-tile:hover .category-tile__icon,
.category-tile.is-active .category-tile__icon {
	background: linear-gradient(145deg, rgba(255, 140, 0, 0.22), #242424);
	border-color: rgba(255, 140, 0, 0.75);
	transform: scale(1.06) rotate(-2deg);
}

.category-tile > span:not(.category-tile__icon) {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
}

.category-tile small {
	background: rgba(255, 140, 0, 0.13);
	color: #ffc36f;
	border-radius: 20px;
	font-size: 10px;
	margin-left: auto;
	padding: 2px 6px;
}

.archive-category-hub {
	display: grid;
	gap: 20px;
	margin: 0 0 32px;
}

.archive-category-section {
	background: rgba(25, 25, 25, 0.97);
	border: 1px solid #343434;
	border-top: 2px solid var(--cs-accent-strong);
	border-radius: var(--cs-radius);
	box-shadow: var(--cs-shadow-small);
	padding: 18px;
}

.archive-category-section__header {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 16px;
}

.archive-category-section__header .eyebrow {
	font-size: 10px;
	margin: 0 0 3px;
}

.archive-category-section__header h2 {
	color: var(--cs-white);
	font-size: 20px;
	margin: 0 0 4px;
}

.archive-category-section__header p:last-child {
	color: var(--cs-muted);
	font-size: 13px;
	margin: 0;
}

.archive-category-section__count {
	background: #111;
	border: 1px solid #3a3a3a;
	border-radius: 8px;
	color: var(--cs-muted);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 11px;
	gap: 6px;
	padding: 7px 10px;
	text-transform: uppercase;
}

.archive-category-section__count b {
	color: var(--cs-accent-strong);
	font-size: 14px;
}

.archive-category-list--visual {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}

.archive-category-item {
	color: var(--cs-text);
	position: relative;
}

.archive-category-list--visual .archive-category-item {
	align-items: center;
	background: linear-gradient(155deg, #222, #121212);
	border: 1px solid #373737;
	border-radius: 9px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	justify-content: flex-start;
	min-height: 136px;
	padding: 12px 8px 10px;
	text-align: center;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.archive-category-list--visual .archive-category-item:hover,
.archive-category-list--visual .archive-category-item.is-active {
	border-color: rgba(255, 140, 0, 0.85);
	box-shadow: inset 0 -3px 0 rgba(255, 140, 0, 0.82), 0 9px 18px rgba(0, 0, 0, 0.24);
	color: var(--cs-white);
	transform: translateY(-2px);
}

.archive-category-list--visual .archive-category-item__icon {
	align-items: center;
	background: radial-gradient(circle at 35% 30%, #363636, #171717 70%);
	border: 1px solid #484848;
	border-radius: 50%;
	display: inline-flex;
	height: 78px;
	justify-content: center;
	overflow: hidden;
	perspective: 500px;
	width: 78px;
}

.archive-category-list--visual .archive-category-item__icon img {
	display: block;
	height: 72px;
	object-fit: contain;
	transition: transform 0.58s cubic-bezier(0.2, 0.7, 0.2, 1);
	width: 72px;
}

.archive-category-list--visual .archive-category-item__icon img[src*="cs16-game-maps-"] {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.archive-category-list--visual .archive-category-item:hover .archive-category-item__icon img,
.archive-category-list--visual .archive-category-item:focus-visible .archive-category-item__icon img,
.archive-category-list--visual .archive-category-item.is-active .archive-category-item__icon img {
	transform: rotateY(360deg) scale(1.05);
}

.archive-category-item__name {
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
}

.archive-category-list--visual .archive-category-item small {
	background: rgba(255, 140, 0, 0.12);
	border-radius: 20px;
	color: #ffc36f;
	font-size: 10px;
	line-height: 1;
	padding: 3px 6px;
}

.archive-category-list--compact {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.archive-category-list--compact .archive-category-item {
	align-items: center;
	background: #222;
	border: 1px solid #404040;
	border-radius: 7px;
	display: inline-flex;
	gap: 7px;
	min-height: 39px;
	padding: 5px 9px 5px 6px;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.archive-category-list--compact .archive-category-item:hover,
.archive-category-list--compact .archive-category-item.is-active {
	background: #2b2b2b;
	border-color: var(--cs-accent-strong);
	color: var(--cs-white);
	transform: translateY(-1px);
}

.archive-category-list--compact .archive-category-item__icon {
	align-items: center;
	background: #303030;
	border: 1px solid #4b4b4b;
	border-radius: 6px;
	display: inline-flex;
	flex: 0 0 29px;
	height: 29px;
	justify-content: center;
	perspective: 300px;
	width: 29px;
}

.archive-category-list--compact .archive-category-item__icon img {
	height: 23px;
	object-fit: contain;
	transition: transform 0.5s ease;
	width: 23px;
}

.archive-category-list--compact .archive-category-item:hover .archive-category-item__icon img,
.archive-category-list--compact .archive-category-item:focus-visible .archive-category-item__icon img {
	transform: rotateY(360deg);
}

.archive-category-list--compact .archive-category-item small {
	color: #f8ad4e;
	font-size: 10px;
	margin-left: 2px;
}

.archive-toolbar {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.archive-toolbar p {
	color: var(--cs-muted);
	font-size: 13px;
	margin: 0;
}

.sort-form select {
	background: #191919;
	border: 1px solid #3a3a3a;
	border-radius: 7px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
	color: var(--cs-text);
	font-size: 14px;
	min-width: 190px;
	padding: 8px 34px 8px 11px;
}

.cs16-pagination {
	margin-top: 34px;
}

.cs16-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cs16-pagination a,
.cs16-pagination span.page-numbers {
	align-items: center;
	background: #191919;
	border: 1px solid var(--cs-line);
	border-radius: 6px;
	color: var(--cs-text);
	display: flex;
	font-size: 14px;
	height: 38px;
	justify-content: center;
	min-width: 38px;
	padding: 0 10px;
}

.cs16-pagination .current {
	background: var(--cs-accent-strong) !important;
	color: var(--cs-white) !important;
}

.archive-seo {
	margin-top: 48px;
	padding: clamp(24px, 4vw, 46px);
}

.empty-state {
	background: #191919;
	border: 1px solid var(--cs-line);
	border-radius: var(--cs-radius);
	padding: 52px 30px;
	text-align: center;
}

.empty-state h2 {
	margin-bottom: 10px;
}

.empty-state p {
	color: var(--cs-muted);
}

/* Articles */
.article-card__body {
	padding: 20px;
}

.article-card__date {
	color: var(--cs-accent-strong);
	font-size: 12px;
	margin-bottom: 8px;
}

.article-card h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

.article-card h2 a {
	color: var(--cs-text);
}

.article-card__body > p:not(.article-card__date) {
	color: var(--cs-muted);
	font-size: 14px;
}

/* Single catalog */
.catalog-single {
	min-width: 0;
	padding: clamp(20px, 3vw, 38px);
}

.catalog-single__header {
	margin-bottom: 27px;
}

.catalog-single__header h1 {
	font-size: clamp(2rem, 3vw, 3.15rem);
}

.catalog-single .cs16-gallery__thumbs {
	grid-auto-columns: minmax(115px, 170px);
}

.material-facts {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 25px;
}

.material-facts > span {
	background: #151515;
	border: 1px solid var(--cs-line);
	border-radius: 9px;
	color: var(--cs-text);
	display: flex;
	flex-direction: column;
	font-size: 15px;
	font-weight: 700;
	min-width: 0;
	padding: 10px 12px;
}

.material-facts small {
	color: var(--cs-muted);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.feature-chips--single {
	margin-top: 20px;
}

.download-actions--single {
	justify-content: center;
	margin: 30px 0 0;
}

.download-actions--single .download-button {
	min-width: 250px;
}

.file-trust {
	align-items: center;
	background: rgba(9, 99, 12, 0.2);
	border: 1px solid rgba(40, 167, 69, 0.42);
	border-radius: 10px;
	display: flex;
	gap: 12px;
	margin-top: 18px;
	padding: 12px 15px;
}

.file-trust__icon {
	align-items: center;
	background: #28a745;
	border-radius: 50%;
	color: var(--cs-white);
	display: flex;
	font-weight: 900;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.file-trust div {
	display: flex;
	flex-direction: column;
}

.file-trust span:not(.file-trust__icon) {
	color: #a7c9aa;
	font-size: 12px;
}

.file-trust--passport {
	align-items: flex-start;
	background: #1b1b1b;
	border-color: #414141;
}

.file-trust--passport .file-trust__icon {
	background: var(--cs-accent-strong);
	color: #171717;
	flex: 0 0 30px;
}

.file-trust--passport span:not(.file-trust__icon) {
	color: var(--cs-muted);
	margin-top: 2px;
}

.file-trust--passport .file-trust__hash {
	word-break: break-all;
}

.file-trust--passport code {
	background: #111;
	border-radius: 4px;
	color: #e8e8e8;
	font-size: 11px;
	padding: 2px 5px;
}

.accordion-stack--single {
	margin-bottom: 24px;
}

.single-taxonomy {
	border-top: 1px solid var(--cs-line);
	color: var(--cs-muted);
	font-size: 13px;
	margin-top: 25px;
	padding-top: 18px;
}

.related-section {
	margin-top: 45px;
}

/* Standard content */
.standard-entry {
	margin: 0 auto;
	max-width: 1100px;
	padding: clamp(28px, 5vw, 64px);
}

.standard-entry__header {
	margin-bottom: 30px;
	text-align: center;
}

.standard-entry__image {
	border-radius: var(--cs-radius);
	margin-bottom: 30px;
	overflow: hidden;
}

.standard-entry__image img {
	display: block;
	width: 100%;
}

.entry-content {
	color: #d6d9df;
	font-size: 16px;
	line-height: 1.72;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	margin-bottom: 14px;
	margin-top: 34px;
}

.entry-content h2:first-child,
.entry-content h3:first-child {
	margin-top: 0;
}

.entry-content a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.entry-content img {
	border-radius: 8px;
}

.entry-content blockquote {
	background: #151515;
	border-left: 5px solid var(--cs-accent);
	margin: 26px 0;
	padding: 18px 22px;
}

.entry-content table {
	border-collapse: collapse;
	display: block;
	overflow-x: auto;
	width: 100%;
}

.entry-content th,
.entry-content td {
	border: 1px solid var(--cs-line);
	padding: 9px 12px;
}

/* Comments and forms */
.comments-area {
	margin: 45px auto 0;
	max-width: 1100px;
	padding: clamp(24px, 4vw, 44px);
}

.comments-title,
.comment-reply-title {
	font-size: 23px;
}

.comment-list {
	list-style: none;
	margin: 0 0 35px;
	padding: 0;
}

.comment-list .comment-body {
	background: #151515;
	border: 1px solid var(--cs-line);
	border-radius: 9px;
	margin: 12px 0;
	padding: 16px;
}

.comment-author img {
	border-radius: 50%;
	margin-right: 8px;
}

.comment-metadata,
.reply {
	font-size: 12px;
}

.comment-form label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 5px;
}

.comment-form input:not([type="submit"]),
.comment-form textarea,
.search-field {
	background: #151515;
	border: 1px solid #3a3a3a;
	border-radius: 6px;
	color: var(--cs-text);
	padding: 10px 12px;
	width: 100%;
}

.comment-form textarea {
	min-height: 140px;
	resize: vertical;
}

.comment-form .submit,
.search-form button {
	background: var(--cs-accent-strong);
	border: 0;
	border-radius: 6px;
	color: var(--cs-white);
	font-weight: 700;
	padding: 10px 20px;
}

.search-form {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin: 24px auto 0;
	max-width: 620px;
}

.search-form label {
	flex: 1;
}

/* 404 */
.error-card {
	margin: 8vh auto;
	max-width: 760px;
	padding: clamp(36px, 7vw, 76px);
	text-align: center;
}

.error-card__code {
	color: var(--cs-accent-strong);
	font-size: clamp(5rem, 15vw, 9rem);
	font-weight: 900;
	letter-spacing: -0.08em;
	line-height: 0.8;
	margin-bottom: 28px;
}

.error-card > p:not(.error-card__code) {
	color: var(--cs-muted);
}

.error-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 25px;
}

/* Footer */
.site-footer {
	background: linear-gradient(180deg, rgba(30, 30, 30, 0.99), rgba(17, 17, 17, 0.995));
	border-top: 2px solid var(--cs-accent);
	box-shadow: 0 -12px 34px rgba(0, 0, 0, 0.38), 0 -1px 18px rgba(255, 140, 0, 0.12);
	color: var(--cs-white);
	padding: 28px clamp(18px, 3vw, 44px) 18px;
	position: relative;
}

.site-footer__inner {
	margin: 0 auto;
	max-width: 1440px;
}

.footer-trust {
	align-items: center;
	background: linear-gradient(135deg, #242424, #1b1b1b);
	border: 1px solid rgba(255, 140, 0, 0.34);
	border-radius: 10px;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 16px 18px;
}

.footer-trust__icon {
	align-items: center;
	background: #171717;
	border: 1px solid rgba(255, 140, 0, 0.5);
	border-radius: 8px;
	color: var(--cs-accent-strong);
	display: inline-flex;
	font-size: 18px;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.footer-trust__copy h2 {
	font-size: 15px;
	margin: 0 0 3px;
}

.footer-trust__copy p {
	color: var(--cs-muted);
	font-size: 12.5px;
	margin: 0;
}

.footer-trust__action {
	align-items: center;
	background: #181818;
	border: 1px solid rgba(255, 140, 0, 0.46);
	border-radius: 7px;
	color: var(--cs-accent-strong);
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
	justify-content: center;
	min-height: 38px;
	padding: 7px 13px;
	white-space: nowrap;
}

.footer-trust__action:hover {
	background: var(--cs-accent);
	border-color: var(--cs-accent);
	color: #121212;
}

.footer-trust__action--pending {
	color: #c8c8c8;
	cursor: default;
}

.footer-trust__action--pending:hover {
	background: #181818;
	border-color: rgba(255, 140, 0, 0.46);
	color: #c8c8c8;
}

.footer-trust__action--pending small {
	background: rgba(255, 140, 0, 0.12);
	border-radius: 100px;
	color: var(--cs-accent-strong);
	font-size: 9px;
	letter-spacing: 0.05em;
	padding: 2px 6px;
	text-transform: uppercase;
}

.site-footer__columns {
	display: grid;
	gap: clamp(20px, 2.4vw, 38px);
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 32px;
}

.footer-column h2 {
	align-items: center;
	color: var(--cs-accent-strong);
	display: flex;
	font-size: 17px;
	gap: 9px;
	margin-bottom: 13px;
	padding-bottom: 11px;
	position: relative;
}

.footer-column h2::after {
	background: linear-gradient(90deg, var(--cs-accent), #555 62%, transparent);
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 54px;
}

.footer-column__icon {
	align-items: center;
	background: #232323;
	border: 1px solid rgba(255, 140, 0, 0.42);
	border-radius: 6px;
	display: inline-flex;
	flex: 0 0 30px;
	height: 30px;
	justify-content: center;
}

.footer-column__icon img {
	filter: brightness(0) invert(1);
	height: 17px;
	object-fit: contain;
	width: 17px;
}

.footer-column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-column li {
	margin: 2px 0;
}

.footer-column a,
.footer-link {
	align-items: center;
	color: #e8e8e8;
	display: flex;
	font-size: 14px;
	gap: 8px;
	line-height: 1.35;
	min-height: 32px;
	width: fit-content;
}

.footer-link__dot,
.footer-menu > li > a:not(.footer-link)::before {
	background: var(--cs-accent);
	border-radius: 50%;
	content: "";
	display: inline-block;
	flex: 0 0 4px;
	height: 4px;
	width: 4px;
}

.footer-link__mark {
	align-items: center;
	background: #272727;
	border: 1px solid #414141;
	border-radius: 6px;
	color: var(--cs-accent-strong);
	display: inline-flex;
	flex: 0 0 27px;
	font-size: 9px;
	font-weight: 900;
	height: 25px;
	justify-content: center;
	letter-spacing: -0.02em;
}

.footer-link__external {
	color: #898989;
	font-size: 12px;
	margin-left: 2px;
}

.footer-column a:hover {
	color: var(--cs-accent);
}

.footer-column a:hover .footer-link__mark {
	border-color: rgba(255, 140, 0, 0.7);
}

.footer-link--pending {
	color: #858585;
	cursor: default;
}

.footer-link--pending .footer-link__dot {
	background: #5d5d5d;
}

.footer-link--pending small {
	background: #252525;
	border: 1px solid #393939;
	border-radius: 100px;
	color: #a6a6a6;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin-left: 1px;
	padding: 2px 5px;
	text-transform: uppercase;
}

.site-footer__legal {
	border-top: 1px solid #343434;
	color: #989898;
	font-size: 12.5px;
	margin-top: 30px;
	padding-top: 20px;
}

.site-footer__legal p {
	margin: 0 0 7px;
	max-width: 1180px;
}

.site-footer__copyright {
	color: #dedede;
	font-weight: 700;
}

.site-footer__email {
	color: var(--cs-accent-strong);
	display: inline-block;
	margin-top: 2px;
}

/* Responsive */
@media (max-width: 1480px) {
	.site-header__inner,
	.section-navigation,
	.site-shell {
		max-width: 1220px;
	}

	.catalog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.catalog-grid--three {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-tiles {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1220px) {
	.sidebar-hover-preview {
		display: none !important;
	}

	.site-header__inner,
	.section-navigation,
	.site-shell {
		max-width: 920px;
	}

	.menu-toggle {
		background: transparent;
		border: 0;
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin-left: auto;
		padding: 10px;
	}

	.menu-toggle > span:not(.screen-reader-text) {
		background: var(--cs-white);
		border-radius: 2px;
		display: block;
		height: 3px;
		width: 27px;
	}

	.menu-close {
		background: transparent;
		border: 0;
		color: var(--cs-white);
		display: block;
		font-size: 38px;
		line-height: 1;
		padding: 12px 18px;
		position: absolute;
		right: 8px;
		top: 4px;
	}

	.primary-navigation {
		background: rgba(25, 25, 25, 0.99);
		bottom: 0;
		box-shadow: -12px 0 35px rgba(0, 0, 0, 0.52);
		max-width: 390px;
		overflow-y: auto;
		padding: 70px 24px 30px;
		position: fixed;
		right: 0;
		top: 0;
		transform: translateX(105%);
		transition: transform 0.25s ease;
		width: min(88vw, 390px);
		z-index: 1002;
	}

	.primary-navigation.is-open {
		transform: translateX(0);
	}

	.primary-navigation::before {
		background: rgba(12, 12, 12, 0.62);
		bottom: 0;
		content: "";
		display: none;
		left: -100vw;
		position: fixed;
		right: 100%;
		top: 0;
	}

	.primary-navigation.is-open::before {
		display: block;
	}

	.cs16-menu,
	.primary-navigation .menu {
		align-items: stretch;
		flex-direction: column;
		gap: 3px;
	}

	.cs16-menu .menu-item > a,
	.primary-navigation .menu-item > a {
		background: #202020;
		border: 1px solid var(--cs-line);
		border-radius: 7px;
		font-size: 16px;
		padding: 10px 12px;
	}

	.cs16-menu .menu-item > a:hover,
	.primary-navigation .menu-item > a:hover,
	.primary-navigation .current-menu-item > a,
	.primary-navigation .current-menu-ancestor > a {
		background: #292929;
		border-color: rgba(255, 140, 0, 0.58);
	}

	.primary-navigation .sub-menu {
		background: #111;
		box-shadow: none;
		display: block;
		margin: 3px 0 8px 20px;
		position: static;
	}

	.home-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-facts li:nth-child(2) {
		border-right: 0;
	}

	.home-facts li:nth-child(-n + 2) {
		border-bottom: 1px solid #3a3a3a;
	}

	.home-catalog,
	.catalog-layout {
		grid-template-columns: 1fr;
	}

	.home-catalog__sidebar,
	.catalog-sidebar {
		order: 2;
	}

	.home-catalog--planet .home-catalog__sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		position: static;
	}

	.home-catalog__main,
	.catalog-single {
		order: 1;
	}

	.catalog-sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-tiles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.site-footer__columns {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	body {
		font-size: 15px;
	}

	.site-header__inner {
		height: 84px;
		padding: 8px 16px;
	}

	.site-branding {
		transform: none;
	}

	.section-navigation {
		padding: 7px 12px;
	}

	.site-shell {
		padding: 154px 16px 46px;
	}

	.admin-bar .site-shell {
		padding-top: 186px;
	}

	.cs16-brand {
		font-size: 20px;
	}

	.cs16-brand__mark {
		font-size: 14px;
		height: 40px;
		width: 40px;
	}

	.cs16-brand__mark::before,
	.cs16-brand__mark::after {
		top: 19px;
	}

	.cs16-brand__mark i::before,
	.cs16-brand__mark i::after {
		left: 19px;
	}

	.custom-logo {
		max-height: 68px;
	}

	.cs16-default-logo-link {
		width: 210px;
	}

	.language-switcher {
		margin-left: 0;
	}

	.home-download {
		padding: 24px 20px;
	}

	.home-download__actions {
		margin-left: auto;
		margin-right: auto;
		max-width: none;
		width: 100%;
	}

	.download-button,
	.download-actions--single .download-button {
		font-size: 16px;
		min-width: 0;
		width: 100%;
	}

	.requirements-grid,
	.material-facts,
	.catalog-sidebar {
		grid-template-columns: 1fr;
	}

	.site-footer__columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.catalog-grid,
	.catalog-grid--three,
	.article-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-build-grid,
	.home-build-grid--all {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.archive-toolbar {
		align-items: stretch;
		flex-direction: column;
		gap: 12px;
	}

	.sort-form select {
		width: 100%;
	}

	.catalog-single {
		padding: 20px 16px;
	}

	.site-footer {
		padding: 28px 22px 14px;
	}

	.site-footer__columns {
		gap: 32px;
	}

	.site-footer__legal {
		margin-top: 28px;
	}
}

@media (max-width: 590px) {
	h1 {
		font-size: 2rem;
	}

	.home-download__header h1,
	.catalog-single__header h1 {
		font-size: 2rem;
	}

	.cs16-brand__copy {
		display: none;
	}

	.cs16-default-logo-link {
		width: 180px;
	}

	.section-navigation {
		padding-inline: 10px;
	}

	.cs16-section-menu .menu-item,
	.section-navigation .menu-item {
		flex-basis: 145px;
	}

	.cs16-section-menu .menu-item > a,
	.section-navigation .menu-item > a {
		font-size: 12.5px;
		min-height: 36px;
		padding: 6px 10px;
	}

	.site-shell {
		padding-top: 154px;
	}

	.footer-trust {
		align-items: start;
		grid-template-columns: auto minmax(0, 1fr);
		padding: 14px;
	}

	.footer-trust__action {
		grid-column: 1 / -1;
		width: 100%;
	}

	.site-footer__columns {
		grid-template-columns: 1fr;
	}

	.cs16-gallery__arrow {
		font-size: 30px;
		height: 40px;
		width: 40px;
	}

	.cs16-gallery__thumbs {
		grid-auto-columns: 105px;
	}

	.accordion__panel {
		padding: 18px 16px;
	}

	.catalog-grid,
	.catalog-grid--three,
	.article-grid,
	.category-tiles,
	.home-build-grid,
	.home-build-grid--all,
	.home-catalog--planet .home-catalog__sidebar {
		grid-template-columns: 1fr;
	}

	.home-catalog--planet,
	.home-all-versions,
	.home-seo-guide {
		border-radius: 9px;
		padding: 13px;
	}

	.home-seo-guide__toc {
		gap: 6px;
		padding: 8px;
	}

	.home-seo-guide__toc a {
		flex: 1 1 160px;
	}

	.home-seo-guide__item {
		padding: 14px 12px;
	}

	.home-seo-guide__item p {
		font-size: 13px;
	}

	.catalog-filters {
		padding: 8px;
	}

	.catalog-filters a {
		flex: 1 1 145px;
	}

	.versions-table-wrap__lead {
		margin: 5px 0 0;
	}

	.category-tile {
		min-height: 58px;
	}

	.archive-category-section {
		padding: 12px;
	}

	.archive-category-section__header {
		align-items: flex-start;
		gap: 12px;
	}

	.archive-category-section__count {
		display: none;
	}

	.archive-category-list--visual {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.archive-category-list--visual .archive-category-item {
		min-height: 126px;
	}

	.archive-category-list--compact .archive-category-item {
		flex: 1 1 145px;
	}

	.section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
	}

	.search-form {
		flex-direction: column;
	}

	.quick-start {
		padding: 16px 12px;
	}

	.quick-start__header {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.quick-start__meta {
		gap: 7px;
		margin-left: 10px;
	}

	.quick-start__badge {
		display: none;
	}
}

@media (max-width: 680px) {
	.home-download__actions {
		align-items: center;
		flex-direction: column;
		gap: 12px;
	}

	.home-download__actions > a {
		margin: 0;
		max-width: min(270px, 100%);
		min-width: min(270px, 100%);
		width: min(270px, 100%);
	}

	.cs16-gallery--vertical {
		display: block;
	}

	.cs16-gallery--vertical .cs16-gallery__thumbs {
		bottom: auto;
		display: grid;
		flex-direction: row;
		grid-auto-columns: 105px;
		grid-auto-flow: column;
		margin-top: 10px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 2px 2px 6px;
		position: static;
		right: auto;
		top: auto;
		width: auto;
	}

	.home-download__intro {
		font-size: 15px;
		padding: 16px;
	}

	.versions-table-wrap__header {
		align-items: flex-start;
		padding: 15px 14px;
	}

	.versions-table-wrap__header h2 {
		font-size: 18px;
	}

	.home-catalog__table .table-scroll {
		overflow: visible;
	}

	.home-catalog__table .versions-table {
		display: block;
		min-width: 0;
	}

	.home-catalog__table .versions-table thead {
		display: none;
	}

	.home-catalog__table .versions-table tbody {
		display: grid;
		gap: 10px;
		padding: 12px;
	}

	.home-catalog__table .versions-table tr {
		border: 1px solid #393939;
		border-left: 3px solid var(--cs-accent);
		border-radius: 9px;
		display: block;
		padding: 12px;
		position: relative;
	}

	.home-catalog__table .versions-table td {
		background: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.07);
		border-top: 0;
		display: flex;
		justify-content: space-between;
		padding: 9px 0;
		text-align: right;
		width: 100%;
	}

	.home-catalog__table .versions-table td::before {
		color: #8f939b;
		content: attr(data-label);
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.07em;
		margin-right: 16px;
		text-transform: uppercase;
	}

	.home-catalog__table .versions-table .versions-table__game-cell {
		border: 0;
		left: 12px;
		padding: 0;
		position: absolute;
		top: 13px;
		width: 42px;
	}

	.home-catalog__table .versions-table .versions-table__game-cell::before,
	.home-catalog__table .versions-table .versions-table__name-cell::before,
	.home-catalog__table .versions-table .versions-table__action-cell::before {
		display: none;
	}

	.home-catalog__table .versions-table .versions-table__name-cell {
		display: block;
		min-height: 48px;
		min-width: 0;
		padding: 2px 0 11px 56px;
		text-align: left;
	}

	.home-catalog__table .versions-table .versions-table__action-cell {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.home-catalog__table .versions-table .table-button {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.home-facts {
		grid-template-columns: 1fr;
	}

	.home-facts li,
	.home-facts li:nth-child(2) {
		border-bottom: 1px solid #3a3a3a;
		border-right: 0;
		justify-content: flex-start;
	}

	.home-facts li:last-child {
		border-bottom: 0;
	}

	.home-facts__item--languages {
		justify-content: center !important;
	}

	.quick-start__copy small {
		display: none;
	}
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}

	.admin-bar .site-shell {
		padding-top: 200px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.sidebar-block--catalog li a:hover .sidebar-collection-icon img,
	.sidebar-block--catalog li a:focus-visible .sidebar-collection-icon img,
	.sidebar-block--catalog li a.is-preview-open .sidebar-collection-icon img {
		transform: none;
	}
}


/* CS16-GAME 2.4.0 — Premium Quick Start SEO hub */
.quick-start--pro {
	background:
		radial-gradient(circle at 100% 0, rgba(255, 140, 0, .10), transparent 30%),
		linear-gradient(180deg, rgba(38, 38, 38, .98), rgba(25, 25, 25, .98));
	border: 1px solid rgba(255, 255, 255, .10);
	border-top: 2px solid rgba(255, 140, 0, .82);
	border-radius: 18px;
	box-shadow: 0 22px 48px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(255, 255, 255, .025);
	padding: 0;
	overflow: hidden;
}
.quick-start__header--pro {
	align-items: flex-start;
	background: linear-gradient(90deg, rgba(255, 140, 0, .045), transparent 58%);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	padding: 24px 26px 21px;
}
.quick-start__heading { max-width: 900px; }
.quick-start__header--pro .eyebrow { color: var(--cs-accent-strong); font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.quick-start__header--pro h2 { color: #fff; font-size: clamp(25px, 2.3vw, 34px); line-height: 1.16; margin-bottom: 8px; }
.quick-start__header--pro p:last-child { color: #aeb2b9; font-size: 14px; line-height: 1.7; max-width: 860px; }
.quick-start__summary { display: grid; flex: 0 0 auto; gap: 7px; min-width: 180px; }
.quick-start__summary span { align-items: center; background: #191919; border: 1px solid #404040; border-radius: 9px; color: #b4b7bd; display: flex; font-size: 11px; font-weight: 750; gap: 9px; padding: 8px 10px; }
.quick-start__summary b { align-items: center; background: rgba(255, 140, 0, .10); border: 1px solid rgba(255, 140, 0, .32); border-radius: 6px; color: var(--cs-accent-strong); display: inline-flex; font-size: 10px; height: 24px; justify-content: center; width: 28px; }
.quick-start__items--pro { padding: 12px 14px 14px; }
.quick-start-card { border-radius: 12px; margin: 8px 0 !important; overflow: hidden; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.quick-start-card:hover { border-color: rgba(255, 140, 0, .38); }
.quick-start-card.is-open { border-color: rgba(255, 140, 0, .52); box-shadow: 0 16px 34px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 140, 0, .06); }
.quick-start-card .accordion__button { background: linear-gradient(180deg, #222, #1a1a1a); min-height: 72px; padding: 12px 14px; }
.quick-start-card .accordion__button:hover { background: linear-gradient(180deg, #26221d, #1d1b18); }
.quick-start-card .accordion__button:focus-visible { box-shadow: inset 0 0 0 1px rgba(255, 163, 52, .48), 0 0 0 3px rgba(255, 140, 0, .12); }
.quick-start-card.is-open .accordion__button { background: linear-gradient(180deg, #2a241f, #1d1b19); }
.quick-start-card--requirements .accordion__button { border-left-color: #49bdea; }
.quick-start-card--settings .accordion__button { border-left-color: #4ed18a; }
.quick-start-card .accordion__section-icon { border-radius: 9px; flex: 0 0 42px; height: 42px; width: 42px; }
.quick-start-card--requirements .accordion__section-icon { background: rgba(73, 189, 234, .09); border-color: rgba(73, 189, 234, .40); }
.quick-start-card--settings .accordion__section-icon { background: rgba(78, 209, 138, .08); border-color: rgba(78, 209, 138, .38); }
.quick-start-card .quick-start__copy strong { color: #f7f7f7; font-size: 16px; line-height: 1.35; }
.quick-start-card .quick-start__copy small { color: #959aa2; font-size: 12px; line-height: 1.45; margin-top: 3px; }
.quick-start-card .quick-start__badge { font-size: 10px; letter-spacing: .04em; padding: 5px 9px; }
.quick-start-card--requirements .quick-start__badge { background: rgba(73, 189, 234, .08); border-color: rgba(73, 189, 234, .34); color: #72cff3; }
.quick-start-card--settings .quick-start__badge { background: rgba(78, 209, 138, .08); border-color: rgba(78, 209, 138, .32); color: #70dea2; }
.quick-start-card .accordion__icon {
	align-items: center;
	align-self: center;
	background: linear-gradient(180deg, rgba(39, 39, 39, .96), rgba(25, 25, 25, .98));
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 13px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 18px rgba(0, 0, 0, .18);
	color: transparent;
	display: inline-flex;
	flex: 0 0 38px;
	font-size: 0;
	height: 38px;
	justify-content: center;
	position: relative;
	transition: transform .24s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
	width: 38px;
}
.quick-start-card .accordion__icon::before,
.quick-start-card .accordion__icon::after {
	background: linear-gradient(90deg, #ffbb58, #ff8c00);
	border-radius: 999px;
	content: '';
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform .22s ease, opacity .22s ease, background .22s ease;
}
.quick-start-card .accordion__icon::before { height: 2px; width: 14px; }
.quick-start-card .accordion__icon::after { height: 14px; width: 2px; }
.quick-start-card .accordion__button:hover .accordion__icon,
.quick-start-card.is-open .accordion__icon {
	background: linear-gradient(180deg, rgba(51, 39, 24, .98), rgba(33, 26, 19, .98));
	border-color: rgba(255, 150, 31, .42);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 22px rgba(0, 0, 0, .22), 0 0 0 1px rgba(255, 140, 0, .08);
}
.quick-start-card.is-open .accordion__icon::after { opacity: 0; transform: translate(-50%, -50%) scaleY(.2); }
.quick-start-card .quick-start__meta { align-items: center; }
.quick-start-panel { background: #171717; border-top-color: rgba(255, 255, 255, .08); padding: 0 !important; }
.qs-panel-intro { border-bottom: 1px solid rgba(255, 255, 255, .07); display: grid; gap: 24px; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr); padding: 24px 26px; }
.qs-panel-intro--settings { grid-template-columns: minmax(300px, .95fr) minmax(0, 1.05fr); }
.qs-panel-kicker { color: var(--cs-accent-strong); display: block; font-size: 10px; font-weight: 900; letter-spacing: .11em; margin-bottom: 7px; text-transform: uppercase; }
.qs-panel-intro h3 { color: #fff; font-size: clamp(20px, 1.9vw, 27px); line-height: 1.25; margin: 0; }
.qs-panel-intro > p { color: #aeb2b8; font-size: 14px; line-height: 1.8; margin: 0; }
.qs-step-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px 26px 10px; }
.qs-step-grid article, .qs-scenario-grid article, .qs-mini-grid article { background: linear-gradient(180deg, #202020, #191919); border: 1px solid #383a3f; border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02); padding: 16px; position: relative; }
.qs-step-grid article::before, .qs-mini-grid article::before { background: linear-gradient(180deg, var(--cs-accent-strong), #9b5200); border-radius: 4px; content: ''; left: 0; position: absolute; top: 16px; bottom: 16px; width: 2px; }
.qs-step-grid article > span { align-items: center; background: rgba(255, 140, 0, .10); border: 1px solid rgba(255, 140, 0, .30); border-radius: 7px; color: var(--cs-accent-strong); display: inline-flex; font-size: 10px; font-weight: 900; height: 27px; justify-content: center; margin-bottom: 10px; width: 34px; }
.qs-step-grid h4, .qs-scenario-grid h4, .qs-mini-grid h5 { color: #f0f1f2; font-size: 15px; line-height: 1.35; margin: 0 0 7px; }
.qs-step-grid p, .qs-scenario-grid p, .qs-mini-grid p { color: #a0a5ac; font-size: 13px; line-height: 1.72; margin: 0; }
.qs-callout { align-items: flex-start; background: rgba(255, 140, 0, .045); border: 1px solid rgba(255, 140, 0, .26); border-radius: 10px; color: #bbbfc5; display: flex; flex-wrap: wrap; font-size: 12px; gap: 6px; line-height: 1.65; margin: 10px 26px 16px; padding: 12px 14px; }
.qs-callout strong { color: #ffb24a; }
.qs-callout a { color: #ffd39a; font-weight: 800; margin-left: auto; text-decoration: none; }
.qs-callout--info { background: rgba(73, 189, 234, .045); border-color: rgba(73, 189, 234, .23); }
.qs-callout--info strong { color: #75d2f5; }
.qs-checklist-block { align-items: end; border-top: 1px solid rgba(255, 255, 255, .06); display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr) auto; padding: 18px 26px 24px; }
.qs-checklist-block h4 { color: #eee; font-size: 16px; margin: 0 0 10px; }
.qs-checklist { list-style: none; margin: 0; padding: 0; }
.qs-checklist li { color: #a5aab0; font-size: 12px; line-height: 1.65; margin: 7px 0; padding-left: 21px; position: relative; }
.qs-checklist li::before { color: #59c8ef; content: '✓'; font-weight: 900; left: 0; position: absolute; top: 0; }
.qs-inline-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.qs-inline-links a { background: linear-gradient(180deg, #303030, #242424); border: 1px solid #46484c; border-radius: 8px; color: #f0f0f0; font-size: 11px; font-weight: 800; padding: 8px 11px; text-decoration: none; }
.qs-inline-links a:hover { border-color: var(--cs-accent-strong); color: #fff; }
.qs-requirements-table { border: 1px solid #3b3e43; border-radius: 12px; margin: 20px 26px 14px; overflow: hidden; }
.qs-requirements-row { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(180px, 1fr) minmax(180px, 1fr); }
.qs-requirements-row > * { border-bottom: 1px solid #303237; color: #adb1b7; font-size: 12px; line-height: 1.5; padding: 11px 13px; }
.qs-requirements-row > * + * { border-left: 1px solid #303237; }
.qs-requirements-row:last-child > * { border-bottom: 0; }
.qs-requirements-row strong { color: #e7e8ea; font-weight: 800; }
.qs-requirements-row--head { background: linear-gradient(90deg, #292929, #222); }
.qs-requirements-row--head > * { color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.qs-scenario-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0 26px 10px; }
.qs-scenario-grid article { padding-left: 17px; }
.qs-scenario-grid article::before { background: #4bbbe8; border-radius: 2px; bottom: 16px; content: ''; left: 0; position: absolute; top: 16px; width: 2px; }
.qs-scenario-icon { color: #6dcaef; display: inline-block; font-size: 16px; margin-bottom: 8px; }
.qs-settings { padding: 0 26px 24px; }
.qs-settings__tabs { border-bottom: 1px solid #33363b; display: flex; flex-wrap: wrap; gap: 7px; padding: 17px 0 12px; }
.qs-settings__tabs button { background: #242424; border: 1px solid #3f4146; border-radius: 8px; color: #dadce0; cursor: pointer; font-size: 11px; font-weight: 800; min-height: 36px; padding: 7px 12px; transition: .18s ease; }
.qs-settings__tabs button:hover { border-color: rgba(255, 140, 0, .55); color: #fff; }
.qs-settings__tabs button.is-active { background: linear-gradient(180deg, #ff9819, #d86e00); border-color: #ff9d2c; box-shadow: 0 6px 16px rgba(255, 122, 0, .16); color: #151515; }
.qs-settings__panel { padding-top: 18px; }
.qs-settings__panel[hidden] { display: none; }
.qs-settings__panel h4 { color: #fff; font-size: 19px; line-height: 1.3; margin: 0 0 8px; }
.qs-settings__panel > p { color: #a8adb4; font-size: 13px; line-height: 1.8; margin: 0 0 15px; }
.qs-mini-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0; }
.qs-mini-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.qs-mini-grid article { padding: 14px 15px; }
.qs-command-list { display: grid; gap: 7px; margin: 14px 0; }
.qs-command-list > div { align-items: center; background: #1c1c1c; border: 1px solid #383b40; border-radius: 9px; display: grid; gap: 12px; grid-template-columns: minmax(150px, 190px) 1fr; padding: 8px 10px; }
.qs-command-list code, .qs-checklist code { background: rgba(255, 140, 0, .08); border: 1px solid rgba(255, 140, 0, .28); border-radius: 6px; color: #ffb24b; font-family: Consolas, Monaco, monospace; font-size: 11px; padding: 6px 8px; }
.qs-command-list span { color: #9da2a9; font-size: 11px; line-height: 1.55; }
.qs-tip { background: rgba(73, 189, 234, .045); border: 1px solid rgba(73, 189, 234, .22); border-radius: 9px; color: #a9afb6; font-size: 12px; line-height: 1.65; margin-top: 14px; padding: 11px 13px; }
.qs-tip strong { color: #6bcdf2; }
.qs-resolution-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0; }
.qs-resolution-list span { background: #222; border: 1px solid #3b3d42; border-radius: 7px; color: #d7d9dc; font-family: Consolas, Monaco, monospace; font-size: 11px; padding: 6px 9px; }

@media (max-width: 980px) {
	.quick-start__header--pro { align-items: stretch; flex-direction: column; }
	.quick-start__summary { grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; }
	.qs-panel-intro, .qs-panel-intro--settings { grid-template-columns: 1fr; gap: 10px; }
	.qs-scenario-grid, .qs-mini-grid--3 { grid-template-columns: 1fr; }
	.qs-checklist-block { align-items: start; grid-template-columns: 1fr; }
	.qs-inline-links { justify-content: flex-start; }
}
@media (max-width: 680px) {
	.quick-start--pro { border-radius: 13px; }
	.quick-start__header--pro { padding: 19px 15px 16px; }
	.quick-start__header--pro h2 { font-size: 24px; }
	.quick-start__header--pro p:last-child { font-size: 13px; }
	.quick-start__summary { grid-template-columns: 1fr; }
	.quick-start__items--pro { padding: 8px; }
	.quick-start-card .accordion__button { align-items: flex-start; min-height: 68px; padding: 10px; }
	.quick-start-card .quick-start__copy strong { font-size: 14px; white-space: normal; }
	.quick-start-card .quick-start__copy small { font-size: 11px; }
	.quick-start-card .quick-start__meta { gap: 6px; margin-left: 7px; }
	.quick-start-card .accordion__icon { border-radius: 12px; flex-basis: 34px; height: 34px; width: 34px; }
	.quick-start-card .accordion__icon::before { width: 12px; }
	.quick-start-card .accordion__icon::after { height: 12px; }
	.quick-start-card .quick-start__badge { display: none; }
	.qs-panel-intro, .qs-step-grid, .qs-scenario-grid, .qs-settings { padding-left: 14px; padding-right: 14px; }
	.qs-panel-intro { padding-top: 18px; padding-bottom: 18px; }
	.qs-step-grid { grid-template-columns: 1fr; padding-top: 14px; }
	.qs-callout { margin-left: 14px; margin-right: 14px; }
	.qs-checklist-block { padding-left: 14px; padding-right: 14px; }
	.qs-requirements-table { margin-left: 14px; margin-right: 14px; overflow-x: auto; }
	.qs-requirements-row { min-width: 620px; }
	.qs-settings__tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; }
	.qs-settings__tabs button { flex: 0 0 auto; }
	.qs-mini-grid, .qs-mini-grid--2, .qs-mini-grid--3 { grid-template-columns: 1fr; }
	.qs-command-list > div { align-items: start; grid-template-columns: 1fr; }
}


@media (max-width: 640px) {
	.home-build-card__actions { gap: 6px; padding: 8px 10px 9px; }
	.home-card-button { border-radius: 11px; height: 32px; padding-left: 35px; }
	.home-card-button::after { background-size: 14px 14px; width: 25px; }
	.home-card-button__label { font-size: 9px; }
}

/* 2.4.0 Config archive premium category hub */
.archive-category-section--config-creators,
.archive-category-section--config-purpose {
	background:
		radial-gradient(circle at 100% 0, rgba(255, 140, 0, .08), transparent 30%),
		linear-gradient(180deg, rgba(31, 31, 31, .98), rgba(22, 22, 22, .98));
	border-color: #3b3b3b;
	box-shadow: 0 18px 36px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .025);
	padding: 20px;
}

.archive-category-section--config-creators .archive-category-section__header,
.archive-category-section--config-purpose .archive-category-section__header {
	margin-bottom: 18px;
}

.archive-category-section--config-creators .archive-category-section__header h2,
.archive-category-section--config-purpose .archive-category-section__header h2 {
	font-size: 22px;
}

.archive-category-section--config-creators .archive-category-section__header p:last-child,
.archive-category-section--config-purpose .archive-category-section__header p:last-child {
	font-size: 13px;
	line-height: 1.55;
	max-width: 760px;
}

.archive-category-section--config-creators .archive-category-list--compact {
	display: grid;
	gap: 9px;
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.archive-category-section--config-creators .archive-category-item {
	align-items: center;
	background: linear-gradient(180deg, #292b2f, #202226);
	border: 1px solid #45484e;
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 18px rgba(0, 0, 0, .15);
	display: flex;
	gap: 9px;
	justify-content: flex-start;
	min-height: 56px;
	padding: 7px 10px 7px 7px;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.archive-category-section--config-creators .archive-category-item:hover,
.archive-category-section--config-creators .archive-category-item.is-active {
	background: linear-gradient(180deg, #b94c09, #933806);
	border-color: rgba(255, 157, 47, .82);
	box-shadow: 0 10px 22px rgba(0, 0, 0, .22), 0 0 0 1px rgba(255, 140, 0, .08);
	color: #fff;
	transform: translateY(-2px);
}

.archive-category-section--config-creators .archive-category-item__icon {
	align-items: center;
	background: rgba(10, 10, 10, .28);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 10px;
	display: inline-flex;
	flex: 0 0 42px;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.archive-category-section--config-creators .archive-category-item__icon img {
	height: 34px;
	object-fit: contain;
	transition: transform .24s ease;
	width: 34px;
}

.archive-category-section--config-creators .archive-category-item:hover .archive-category-item__icon img,
.archive-category-section--config-creators .archive-category-item.is-active .archive-category-item__icon img {
	transform: scale(1.08);
}

.archive-category-section--config-creators .archive-category-item__name {
	font-size: 12px;
	font-weight: 900;
	line-height: 1.18;
}

.archive-category-section--config-creators .archive-category-item small {
	background: rgba(0, 0, 0, .20);
	border-radius: 999px;
	color: rgba(255, 255, 255, .76);
	font-size: 9px;
	margin-left: auto;
	padding: 3px 6px;
}

.archive-category-section--config-purpose .archive-category-list--visual {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item {
	align-items: flex-start;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, 0)),
		linear-gradient(145deg, #232428, #17181b);
	border-color: #3c3f45;
	border-radius: 13px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 12px 24px rgba(0, 0, 0, .15);
	flex-direction: row;
	gap: 12px;
	justify-content: flex-start;
	min-height: 92px;
	padding: 12px;
	position: relative;
	text-align: left;
}

.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item::after {
	background: linear-gradient(90deg, var(--cs-accent), transparent);
	border-radius: 999px;
	bottom: 0;
	content: '';
	height: 2px;
	left: 12px;
	op: auto;
	position: absolute;
	right: 52%;
	op: auto;
	op: unset;
}

.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item:hover,
.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item.is-active {
	background: linear-gradient(145deg, #2b2824, #1b1a18);
	border-color: rgba(255, 140, 0, .72);
	box-shadow: 0 14px 28px rgba(0, 0, 0, .22), inset 0 0 0 1px rgba(255, 140, 0, .05);
	transform: translateY(-2px);
}

.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item__icon {
	background: radial-gradient(circle at 35% 30%, #35383d, #17191d 72%);
	border: 1px solid #4a4d54;
	border-radius: 12px;
	flex: 0 0 62px;
	height: 62px;
	width: 62px;
}

.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item__icon img {
	height: 56px;
	object-fit: contain;
	transition: transform .24s ease;
	width: 56px;
}

.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item:hover .archive-category-item__icon img,
.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item:focus-visible .archive-category-item__icon img,
.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item.is-active .archive-category-item__icon img {
	transform: scale(1.06);
}

.archive-category-section--config-purpose .archive-category-item__name {
	align-self: center;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
	padding-right: 26px;
}

.archive-category-section--config-purpose .archive-category-item small {
	background: rgba(255, 140, 0, .12);
	border: 1px solid rgba(255, 140, 0, .18);
	border-radius: 999px;
	color: #ffc36f;
	font-size: 9px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.config-empty-state {
	background:
		radial-gradient(circle at 50% 0, rgba(255, 140, 0, .10), transparent 36%),
		linear-gradient(180deg, #1e1f22, #171719);
	border-color: #3c3d42;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
	padding: 38px 28px;
}

.config-empty-state .eyebrow {
	color: var(--cs-accent);
	font-size: 10px;
	letter-spacing: .14em;
	margin-bottom: 7px;
}

.config-empty-state h2 {
	font-size: 24px;
}

.config-empty-state > p:not(.eyebrow) {
	line-height: 1.65;
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
}

.config-empty-state__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	margin: 18px 0 4px;
}

.config-empty-state__facts span {
	background: #25262a;
	border: 1px solid #44464c;
	border-radius: 999px;
	color: #d9dce2;
	font-size: 11px;
	font-weight: 800;
	padding: 7px 11px;
}

@media (max-width: 1180px) {
	.archive-category-section--config-creators .archive-category-list--compact {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.archive-category-section--config-purpose .archive-category-list--visual {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.archive-category-section--config-creators,
	.archive-category-section--config-purpose {
		padding: 14px;
	}
	.archive-category-section--config-creators .archive-category-list--compact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.archive-category-section--config-purpose .archive-category-list--visual {
		grid-template-columns: 1fr;
	}
	.archive-category-section--config-creators .archive-category-item {
		min-height: 52px;
	}
	.archive-category-section--config-purpose .archive-category-list--visual .archive-category-item {
		min-height: 82px;
	}
}

@media (max-width: 430px) {
	.archive-category-section--config-creators .archive-category-list--compact {
		grid-template-columns: 1fr;
	}
}


/* 2.4.0 Config creators quick tabs — compact horizontal category navigation */
.archive-category-section--config-creators {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.archive-category-section--config-creators .archive-category-section__header {
	display: none;
}

.archive-category-section--config-creators .archive-category-list--compact {
	display: flex;
	gap: 10px;
	grid-template-columns: none;
	overflow-x: auto;
	padding: 2px 2px 8px;
	scrollbar-color: rgba(255,140,0,.45) rgba(255,255,255,.03);
	scrollbar-width: thin;
}

.archive-category-section--config-creators .archive-category-list--compact::-webkit-scrollbar {
	height: 6px;
}

.archive-category-section--config-creators .archive-category-list--compact::-webkit-scrollbar-track {
	background: rgba(255,255,255,.03);
	border-radius: 999px;
}

.archive-category-section--config-creators .archive-category-list--compact::-webkit-scrollbar-thumb {
	background: rgba(255,140,0,.45);
	border-radius: 999px;
}

.archive-category-section--config-creators .archive-category-item {
	align-items: center;
	background: linear-gradient(180deg, #2a2c30 0%, #222428 100%);
	border: 1px solid #46494f;
	border-radius: 999px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.14);
	display: inline-flex;
	flex: 1 0 auto;
	gap: 9px;
	justify-content: center;
	min-height: 46px;
	min-width: 142px;
	padding: 6px 15px 6px 8px;
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
	white-space: nowrap;
}

.archive-category-section--config-creators .archive-category-item:hover {
	background: linear-gradient(180deg, #32353a 0%, #292b30 100%);
	border-color: rgba(255,140,0,.55);
	box-shadow: 0 10px 22px rgba(0,0,0,.20), 0 0 0 1px rgba(255,140,0,.06);
	color: #fff;
	transform: translateY(-1px);
}

.archive-category-section--config-creators .archive-category-item.is-active {
	background: linear-gradient(180deg, #c45208 0%, #9c3904 100%);
	border-color: rgba(255,166,64,.88);
	box-shadow: 0 10px 24px rgba(0,0,0,.22), 0 0 18px rgba(255,114,0,.13);
	color: #fff;
}

.archive-category-section--config-creators .archive-category-item__icon {
	align-items: center;
	background: rgba(9,10,12,.34);
	border: 1px solid rgba(255,255,255,.10);
	border-radius: 10px;
	display: inline-flex;
	flex: 0 0 31px;
	height: 31px;
	justify-content: center;
	width: 31px;
}

.archive-category-section--config-creators .archive-category-item__icon img {
	height: 25px;
	object-fit: contain;
	width: 25px;
}

.archive-category-section--config-creators .archive-category-item__label {
	align-items: baseline;
	display: inline-flex;
	gap: 5px;
	justify-content: center;
	min-width: 0;
}

.archive-category-section--config-creators .archive-category-item__name {
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.archive-category-section--config-creators .archive-category-item small {
	background: transparent;
	border: 0;
	color: rgba(255,255,255,.72);
	font-size: 10px;
	font-weight: 800;
	margin: 0;
	padding: 0;
	position: static;
}

.archive-category-section--config-creators .archive-category-item small::before { content: '('; }
.archive-category-section--config-creators .archive-category-item small::after { content: ')'; }

.archive-category-section--config-creators .archive-category-item.is-active small,
.archive-category-section--config-creators .archive-category-item:hover small {
	color: rgba(255,255,255,.90);
}

@media (max-width: 1180px) {
	.archive-category-section--config-creators .archive-category-list--compact {
		display: flex;
		grid-template-columns: none;
	}
	.archive-category-section--config-creators .archive-category-item {
		flex: 0 0 auto;
		min-width: 150px;
	}
}

@media (max-width: 720px) {
	.archive-category-section--config-creators {
		padding: 0;
	}
	.archive-category-section--config-creators .archive-category-list--compact {
		display: flex;
		grid-template-columns: none;
		margin-left: -2px;
		padding-bottom: 9px;
	}
	.archive-category-section--config-creators .archive-category-item {
		flex: 0 0 auto;
		min-height: 42px;
		min-width: 136px;
		padding: 5px 13px 5px 7px;
	}
	.archive-category-section--config-creators .archive-category-item__icon {
		flex-basis: 28px;
		height: 28px;
		width: 28px;
	}
	.archive-category-section--config-creators .archive-category-item__icon img {
		height: 22px;
		width: 22px;
	}
	.archive-category-section--config-creators .archive-category-item__name { font-size: 11px; }
}

@media (max-width: 430px) {
	.archive-category-section--config-creators .archive-category-list--compact {
		display: flex;
		grid-template-columns: none;
	}
}

/* 2.4.2 — high-resolution creator/team brand marks */
.archive-category-section--config-creators .archive-category-item__icon {
	position: relative;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border-radius: 11px;
	background:
		radial-gradient(circle at 32% 24%, rgba(255,255,255,.11), transparent 42%),
		linear-gradient(180deg, #181a1e 0%, #111316 100%);
	border-color: rgba(255,255,255,.13);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 5px 12px rgba(0,0,0,.20);
	overflow: hidden;
}

.archive-category-section--config-creators .archive-category-item__icon::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
	pointer-events: none;
}

.archive-category-section--config-creators .archive-category-item__icon img {
	position: relative;
	z-index: 1;
	width: 27px;
	height: 27px;
	max-width: 27px;
	max-height: 27px;
	object-fit: contain;
	image-rendering: auto;
	filter: none;
	transform: translateZ(0);
}

.archive-category-section--config-creators .config-brand--all .archive-category-item__icon img,
.archive-category-section--config-creators .config-brand--configs-pro .archive-category-item__icon img {
	width: 24px;
	height: 24px;
}

.archive-category-section--config-creators .config-brand--configs-youtubers .archive-category-item__icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 14px rgba(255,0,51,.10), 0 5px 12px rgba(0,0,0,.20);
}
.archive-category-section--config-creators .config-brand--configs-youtubers .archive-category-item__icon img {
	width: 24px;
	height: 24px;
}

.archive-category-section--config-creators .config-brand--configs-navi .archive-category-item__icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 14px rgba(255,226,0,.10), 0 5px 12px rgba(0,0,0,.20);
}
.archive-category-section--config-creators .config-brand--configs-navi .archive-category-item__icon img {
	width: 24px;
	height: 24px;
}

.archive-category-section--config-creators .config-brand--configs-virtus-pro .archive-category-item__icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 14px rgba(255,122,0,.11), 0 5px 12px rgba(0,0,0,.20);
}
.archive-category-section--config-creators .config-brand--configs-virtus-pro .archive-category-item__icon img {
	width: 24px;
	height: 24px;
}

.archive-category-section--config-creators .config-brand--configs-sk-gaming .archive-category-item__icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 14px rgba(255,255,255,.07), 0 5px 12px rgba(0,0,0,.20);
}
.archive-category-section--config-creators .config-brand--configs-sk-gaming .archive-category-item__icon img:not(.is-fallback) {
	width: 24px;
	height: 24px;
	filter: brightness(0) invert(1);
}

.archive-category-section--config-creators .config-brand--configs-fnatic .archive-category-item__icon {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 14px rgba(255,92,0,.12), 0 5px 12px rgba(0,0,0,.20);
}
.archive-category-section--config-creators .config-brand--configs-fnatic .archive-category-item__icon img {
	width: 24px;
	height: 24px;
}

.archive-category-section--config-creators .archive-category-item:hover .archive-category-item__icon,
.archive-category-section--config-creators .archive-category-item.is-active .archive-category-item__icon {
	border-color: rgba(255,255,255,.21);
	background:
		radial-gradient(circle at 32% 24%, rgba(255,255,255,.13), transparent 42%),
		linear-gradient(180deg, #1d2024 0%, #121417 100%);
}

@media (max-width: 720px) {
	.archive-category-section--config-creators .archive-category-item__icon {
		flex-basis: 31px;
		width: 31px;
		height: 31px;
	}
	.archive-category-section--config-creators .archive-category-item__icon img {
		max-width: 25px;
		max-height: 25px;
	}
}

/* 2.4.4 — forced premium PNG icons for configs hub */
.archive-header__icon--config {
	background:
		radial-gradient(circle at 30% 22%, rgba(255,255,255,.10), transparent 38%),
		linear-gradient(145deg, #2b2b2b, #171717);
	border-color: rgba(255, 140, 0, .82);
	box-shadow: 0 10px 26px rgba(0,0,0,.30), 0 0 22px rgba(255,140,0,.12), inset 0 1px 0 rgba(255,255,255,.05);
}
.archive-header__icon--config img {
	filter: none !important;
	height: 42px !important;
	width: 42px !important;
}
.archive-category-section--config-creators .config-brand--all .archive-category-item__icon img,
.archive-category-section--config-creators .config-brand--configs-youtubers .archive-category-item__icon img,
.archive-category-section--config-creators .config-brand--configs-pro .archive-category-item__icon img,
.archive-category-section--config-creators .config-brand--configs-navi .archive-category-item__icon img {
	filter: none !important;
	height: 27px !important;
	max-height: 27px !important;
	max-width: 27px !important;
	width: 27px !important;
}
.archive-category-section--config-creators .config-brand--configs-youtubers .archive-category-item__icon {
	border-color: rgba(255, 55, 55, .34);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 16px rgba(255,0,0,.13), 0 5px 12px rgba(0,0,0,.20);
}
.archive-category-section--config-creators .config-brand--configs-navi .archive-category-item__icon {
	border-color: rgba(247, 213, 0, .30);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 16px rgba(247,213,0,.12), 0 5px 12px rgba(0,0,0,.20);
}

/* 2.5.0 — PRE-INDEX SEO / TRUST / PERFORMANCE HARDENING */
.seo-readiness-preview {
	align-items: flex-start;
	background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.12));
	border: 1px solid #3d3d3d;
	border-left: 3px solid #ff8a00;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 14px 0 0;
	padding: 10px 13px;
}
.seo-readiness-preview strong { color: #ff9a22; font-size: 11px; letter-spacing: .035em; }
.seo-readiness-preview span { color: #aeb2b8; font-size: 10px; line-height: 1.45; }
.seo-readiness-preview.is-ready { border-left-color: #23c36b; }
.seo-readiness-preview.is-ready strong { color: #54dc8d; }

.standard-entry--article { max-width: 980px; }
.article-meta {
	align-items: center;
	color: #a8adb5;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 8px 18px;
	margin-top: 12px;
}
.article-meta > * {
	align-items: center;
	display: inline-flex;
	gap: 5px;
}
.article-meta > * + *::before {
	background: #ff8a00;
	border-radius: 50%;
	content: '';
	height: 4px;
	margin-right: 4px;
	width: 4px;
}
.article-meta strong { color: #f1f3f5; }
.article-editorial-note {
	align-items: center;
	background: linear-gradient(135deg, rgba(255,138,0,.08), rgba(255,255,255,.025));
	border: 1px solid rgba(255,145,26,.28);
	border-radius: 11px;
	color: #b9bdc4;
	display: flex;
	flex-wrap: wrap;
	font-size: 11px;
	gap: 7px 12px;
	line-height: 1.55;
	margin-top: 28px;
	padding: 12px 14px;
}
.article-editorial-note strong { color: #ff9b25; }
.article-editorial-note a { color: #eef1f5; font-weight: 750; margin-left: auto; text-decoration: none; }
.article-editorial-note a:hover { color: #ff9b25; }
.article-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.error-card__hubs {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: center;
	margin: 15px 0 20px;
}
.error-card__hubs a {
	background: #242424;
	border: 1px solid #414141;
	border-radius: 999px;
	color: #dfe2e7;
	font-size: 11px;
	font-weight: 750;
	padding: 7px 11px;
	text-decoration: none;
}
.error-card__hubs a:hover { border-color: #ff8a00; color: #ff9a22; }

.cs16-default-logo-link picture { display: block; line-height: 0; }

@media (max-width: 800px) {
	body { background-attachment: scroll !important; }
	.article-grid--three { grid-template-columns: 1fr; }
	.article-meta { align-items: flex-start; flex-direction: column; gap: 6px; }
	.article-meta > * + *::before { display: none; }
	.article-editorial-note { align-items: flex-start; flex-direction: column; }
	.article-editorial-note a { margin-left: 0; }
}