@import url("https://fonts.googleapis.com/css?family=Exo+2:300,400,600,700&family=Open+Sans:300,400,600,700,800&family=Russo+One&subset=cyrillic");

/* ========================================================================== 
   CRDGAME NEWS / Crimson Desert — original structure + Games Hub reuse
   version: 20260917_category_cards_v7_microfix

   ВАЖНО:
   - DOM crd-sections-* сохранён;
   - $BODY$ категорий не пересобирается;
   - кнопки/accordion/card/fade значения взяты из живого Games Hub;
   - без новой архитектуры и без нового header/menu.
   ========================================================================== */

html body.crd-sections-page {
  --crd-games-bg:#111;
  --crd-games-bg-deep:#080706;
  --crd-games-panel:#222;
  --crd-games-gold:#d7b06f;
  --crd-games-gold-2:#c9a261;
  --crd-games-gold-3:#dda54f;
  --crd-games-text:#ececd1;
  --crd-games-muted:#aaa69c;
  --crd-games-line:rgba(215,176,111,.20);
  --crd-games-head:"Russo One",Arial,sans-serif;
  --crd-games-body:"Open Sans",Arial,sans-serif;
  margin:0!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  color:var(--crd-games-text)!important;
  background:#111!important;
  font-family:var(--crd-games-body)!important;
}

html body.crd-sections-page .crd-sections-root,
html body.crd-sections-page .crd-sections-root *,
html body.crd-sections-page .crd-sections-root *::before,
html body.crd-sections-page .crd-sections-root *::after { box-sizing:border-box!important; }

html body.crd-sections-page .crd-sections-root {
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 88px!important;
  overflow:hidden!important;
  color:var(--crd-games-text)!important;
  background:#111!important;
}
html body.crd-sections-page .crd-sections-root a { text-decoration:none; }
html body.crd-sections-page .crd-sec-source[hidden] { display:none!important; }

/* HERO — exact Games Hub vertical fade, no invented blur layer. */
html body.crd-sections-page .crd-sec-hero {
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:clamp(430px,18vw,560px)!important;
  min-height:430px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#111!important;
  border:0!important;
  box-shadow:none!important;
}
html body.crd-sections-page .crd-sec-hero__media,
html body.crd-sections-page .crd-sec-hero__media img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0!important;
}
html body.crd-sections-page .crd-sec-hero__media { z-index:1!important; overflow:hidden!important; }
html body.crd-sections-page .crd-sec-hero__media img {
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  filter:none!important;
  transform:none!important;
}
html body.crd-sections-page .crd-sec-hero__shade { display:none!important; }
html body.crd-sections-page .crd-sec-hero::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(
    180deg,
    rgba(17,17,17,.08) 0%,
    rgba(17,17,17,.08) 46%,
    rgba(17,17,17,.20) 60%,
    rgba(17,17,17,.48) 76%,
    rgba(17,17,17,.82) 91%,
    #111 100%
  )!important;
}

/* Breadcrumbs — restored to the original CRDGAME hero plaque: same scale, palette and top-left position. */
html body.crd-sections-page .crd-sec-breadcrumbs {
  position:absolute!important;
  z-index:30!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  bottom:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  max-width:calc(100% - 24px)!important;
  margin:0!important;
  padding:0 12px!important;
  visibility:visible!important;
  opacity:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  color:#d7d0c4!important;
  background:rgba(0,0,0,.78)!important;
  border:0!important;
  border-right:1px solid rgba(174,137,84,.36)!important;
  border-bottom:1px solid rgba(174,137,84,.36)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:"Russo One","Open Sans",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:34px!important;
  letter-spacing:.3px!important;
  text-transform:uppercase!important;
  transform:none!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
}
html body.crd-sections-page .crd-sec-breadcrumbs a,
html body.crd-sections-page .crd-sec-breadcrumbs a:link,
html body.crd-sections-page .crd-sec-breadcrumbs a:visited {
  display:inline-flex!important;
  align-items:center!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html body.crd-sections-page .crd-sec-breadcrumbs span { color:rgba(215,176,111,.72)!important; padding:0!important; background:transparent!important; }
html body.crd-sections-page .crd-sec-breadcrumbs a:hover { color:#d7b06f!important; }
html body.crd-sections-page .crd-sec-breadcrumbs svg { display:block!important; width:14px!important; height:14px!important; fill:currentColor!important; }

/* SECTION */
html body.crd-sections-page.crd-sections-section .crd-sec-main {
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  margin:-90px 0 0!important;
  padding:0 0 78px!important;
}

html body.crd-sections-page .crd-sec-featured {
  position:relative!important;
  z-index:6!important;
  width:100%!important;
  max-width:2500px!important;
  margin:0 auto!important;
  padding:0 20px!important;
}
html body.crd-sections-page .crd-sec-featured__grid.crd-games-highlights {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* Large cards — exact Games Hub card classes and values. */
html body.crd-sections-page .crd-games-card {
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
html body.crd-sections-page .crd-sec-featured .crd-games-card.is-big {
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  background:linear-gradient(180deg,var(--crd-games-panel) 75%,rgba(17,17,17,0) 100%)!important;
}
html body.crd-sections-page .crd-games-card__media {
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#070707!important;
  border:0!important;
  text-decoration:none!important;
}
html body.crd-sections-page .crd-games-card__media img {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  transform:none!important;
  transition:transform .30s ease,filter .30s ease!important;
}
html body.crd-sections-page .crd-games-card__media::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 66%,rgba(0,0,0,.32) 100%)!important;
}
html body.crd-sections-page .crd-games-card__category-badge {
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:4!important;
  display:block!important;
  max-width:84%!important;
  padding:7px 10px!important;
  color:#f3ede4!important;
  background:rgba(7,8,9,.80)!important;
  font-family:var(--crd-games-body)!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
  text-align:right!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
  pointer-events:none!important;
}
html body.crd-sections-page .crd-games-card:hover .crd-games-card__media img {
  transform:scale(1.025)!important;
  filter:brightness(1.05) contrast(1.03)!important;
}
html body.crd-sections-page .crd-games-card__body { min-width:0!important; padding:0!important; }
html body.crd-sections-page .crd-sec-featured .crd-games-card__body { padding:10px 12px 0 12px!important; }
html body.crd-sections-page .crd-games-card__meta,
html body.crd-sections-page .crd-games-card__desc { display:none!important; }
html body.crd-sections-page .crd-games-card h3 {
  margin:0!important;
  color:var(--crd-games-gold-3)!important;
  font-family:var(--crd-games-body)!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1.2!important;
}
html body.crd-sections-page .crd-sec-featured .crd-games-card h3 { min-height:4.4em!important; }
html body.crd-sections-page .crd-games-card h3 a {
  color:inherit!important;
  text-decoration:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  transition:color .18s ease!important;
}
html body.crd-sections-page .crd-games-card h3 a:hover { color:#f0bd6e!important; }

/* Section category buttons — exact Games Hub accordion panel link styling. */
html body.crd-sections-page .crd-sec-category-nav.crd-games-accordion__panel {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  width:min(1200px,calc(100% - 80px))!important;
  margin:42px auto 0!important;
  padding:20px 0 0!important;
}
html body.crd-sections-page .crd-games-accordion__panel a {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:80px!important;
  margin:0!important;
  padding:14px 18px!important;
  color:#dda54f!important;
  background:transparent!important;
  border:1px solid rgba(221,165,79,.42)!important;
  font-family:var(--crd-games-body)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.35!important;
  text-align:center!important;
  transition:color .18s ease,background-color .18s ease,border-color .18s ease!important;
}
html body.crd-sections-page .crd-games-accordion__panel a:hover,
html body.crd-sections-page .crd-games-accordion__panel a:focus-visible {
  color:#15100a!important;
  background:#dda54f!important;
  border-color:#dda54f!important;
  outline:0!important;
}

html body.crd-sections-page .crd-sec-description {
  width:min(980px,calc(100% - 80px))!important;
  margin:42px auto 62px!important;
  color:var(--crd-games-text)!important;
  font-size:18px!important;
  font-weight:300!important;
  line-height:1.62!important;
  text-align:center!important;
}
html body.crd-sections-page .crd-sec-description p { margin:0!important; }
html body.crd-sections-page .crd-sec-description a { color:var(--crd-games-gold-3)!important; padding:0!important; }

/* Rows retain VULKK-like wide archive geometry; media behavior reuses Games Hub card media. */
html body.crd-sections-page .crd-sec-rows { width:100%!important; padding:0 14px!important; }
html body.crd-sections-page .crd-sec-row { width:100%!important; margin:0 0 36px!important; }
html body.crd-sections-page .crd-sec-row[hidden] { display:none!important; }
html body.crd-sections-page .crd-sec-row__head { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; margin:0 0 14px!important; }
html body.crd-sections-page .crd-sec-row__title { margin:0!important; padding:5px 8px!important; color:#fff!important; background:#30302d!important; font-size:12px!important; font-weight:800!important; line-height:1.15!important; text-transform:uppercase!important; }
html body.crd-sections-page .crd-sec-row__more { color:var(--crd-games-gold-3)!important; font-size:11px!important; text-transform:uppercase!important; white-space:nowrap!important; padding:0!important; }
html body.crd-sections-page .crd-sec-row__grid { display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:20px!important; width:100%!important; }
html body.crd-sections-page .crd-sec-row__grid .crd-games-card.is-small {
  width:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  background:rgba(33,33,33,.60)!important;
  border:1px solid rgba(215,176,111,.16)!important;
  box-shadow:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important;
}
html body.crd-sections-page .crd-sec-row__grid .crd-games-card.is-small:hover {
  background:rgba(36,36,36,.78)!important;
  border-color:rgba(221,165,79,.42)!important;
  box-shadow:0 0 5px rgba(221,165,79,.72)!important;
  transform:none!important;
}
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__media { margin:0!important; }
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__body { display:flex!important; flex-direction:column!important; flex:1 1 auto!important; padding:10px 12px 12px!important; }
html body.crd-sections-page .crd-sec-row__grid .crd-games-card h3 { min-height:4.4em!important; font-size:16.5px!important; font-weight:400!important; line-height:1.28!important; }
/* Main-page lower cards: title -> Author | published/modified + date. */
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__meta {
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  width:100%!important;
  margin:9px 0 0!important;
  padding:0!important;
  color:#7b7b70!important;
  font-family:var(--crd-games-body)!important;
  font-size:10.5px!important;
  font-weight:300!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__meta-author { color:var(--crd-games-gold-3)!important; }
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__meta-sep { margin:0 9px!important; color:rgba(174,137,84,.55)!important; }
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__meta-status,
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__meta-date { color:#7b7b70!important; }
html body.crd-sections-page .crd-sec-row__grid .crd-games-card__meta-date { margin-left:4px!important; }

/* CATEGORY DESCRIPTION — VULKK behavior, CRDGAME typography.
   The category name itself is the disclosure control; the description stays closed by default. */
html body.crd-sections-page .crd-sec-category-intro {
  position:relative!important;
  z-index:6!important;
  width:min(980px,calc(100% - 40px))!important;
  margin:-58px auto 42px!important;
  padding:0!important;
  text-align:center!important;
}
html body.crd-sections-page .crd-sec-category-spoiler {
  display:block!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  color:var(--crd-games-text)!important;
  background:transparent!important;
  border:0!important;
}
html body.crd-sections-page .crd-sec-category-spoiler > summary {
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  cursor:pointer!important;
  list-style:none!important;
  text-align:center!important;
  outline:0!important;
}
html body.crd-sections-page .crd-sec-category-spoiler > summary::-webkit-details-marker { display:none!important; }
html body.crd-sections-page .crd-sec-category-spoiler > summary::marker { content:""!important; }
html body.crd-sections-page .crd-sec-category-intro__title {
  display:inline-block!important;
  margin:0!important;
  padding:0!important;
  color:#f3ede4!important;
  font-family:var(--crd-games-head)!important;
  font-size:clamp(40px,3.45vw,66px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  text-align:center!important;
  text-transform:none!important;
  text-shadow:0 3px 18px rgba(0,0,0,.55)!important;
}
html body.crd-sections-page .crd-sec-category-intro__title::after {
  content:""!important;
  display:block!important;
  width:0!important;
  height:2px!important;
  margin:8px auto 0!important;
  background:var(--crd-games-gold-3)!important;
  transition:width .18s ease!important;
}
html body.crd-sections-page .crd-sec-category-spoiler[open] .crd-sec-category-intro__title::after,
html body.crd-sections-page .crd-sec-category-spoiler > summary:hover .crd-sec-category-intro__title::after,
html body.crd-sections-page .crd-sec-category-spoiler > summary:focus-visible .crd-sec-category-intro__title::after { width:100%!important; }
html body.crd-sections-page .crd-sec-category-spoiler__body {
  max-width:900px!important;
  margin:18px auto 0!important;
  padding:18px 26px 22px!important;
  color:#cbc6b9!important;
  background:linear-gradient(180deg,rgba(34,34,34,.92) 0%,rgba(33,33,33,.72) 58%,rgba(17,17,17,0) 100%)!important;
  font-family:var(--crd-games-body)!important;
  font-size:17px!important;
  font-weight:300!important;
  line-height:1.62!important;
  text-align:center!important;
}
html body.crd-sections-page .crd-sec-category-spoiler:not([open]) > .crd-sec-category-spoiler__body { display:none!important; }
html body.crd-sections-page .crd-sec-category-spoiler__body p { margin:0!important; }
html body.crd-sections-page .crd-sec-category-spoiler__body strong { color:#f3ede4!important; font-weight:800!important; }

/* CATEGORY GRID — native uCoz cards, visually aligned to the audited VULKK category list.
   No bespoke gold frame, no decorative pseudo-lines, no image jump/zoom. */
html body.crd-sections-page.crd-sections-category .crd-sec-category-shell {
  width:min(1120px,calc(100% - 56px))!important;
  max-width:1120px!important;
  margin:0 auto 40px!important;
  padding:0!important;
}
html body.crd-sections-page.crd-sections-category .common_thumb_list {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:26px 24px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.crd-sections-page.crd-sections-category .item_card {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:rgba(33,33,33,.60)!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:box-shadow .30s ease,background-color .30s ease!important;
}
html body.crd-sections-page.crd-sections-category .item_card:hover {
  background:rgba(33,33,33,.60)!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 0 5px 0 #dda54f!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
}
html body.crd-sections-page.crd-sections-category .item_box {
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  color:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
}
/* Kill old archive.css / publ1.css decorative borders and hover overlays that create stray lines. */
html body.crd-sections-page.crd-sections-category .item_card::before,
html body.crd-sections-page.crd-sections-category .item_card::after,
html body.crd-sections-page.crd-sections-category .item_box::before,
html body.crd-sections-page.crd-sections-category .item_box::after,
html body.crd-sections-page.crd-sections-category .common_thumbnail::before,
html body.crd-sections-page.crd-sections-category .common_thumbnail::after,
html body.crd-sections-page.crd-sections-category .cover-image-wrap::before,
html body.crd-sections-page.crd-sections-category .cover-image-wrap::after {
  content:none!important;
  display:none!important;
  opacity:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
}
html body.crd-sections-page.crd-sections-category .common_thumbnail,
html body.crd-sections-page.crd-sections-category .cover-image-wrap {
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#080706!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
}
html body.crd-sections-page.crd-sections-category .common_thumbnail img,
html body.crd-sections-page.crd-sections-category .cover-image-wrap img,
html body.crd-sections-page.crd-sections-category .item_box:hover .common_thumbnail img,
html body.crd-sections-page.crd-sections-category .item_box:hover .cover-image-wrap img,
html body.crd-sections-page.crd-sections-category .item_card:hover .common_thumbnail img,
html body.crd-sections-page.crd-sections-category .item_card:hover .cover-image-wrap img {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
}
html body.crd-sections-page.crd-sections-category .item_category { display:none!important; }
html body.crd-sections-page.crd-sections-category .info_wrap {
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:176px!important;
  margin:0!important;
  padding:13px 14px 14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body.crd-sections-page.crd-sections-category .title {
  display:-webkit-box!important;
  min-height:0!important;
  margin:0 0 9px!important;
  padding:0!important;
  overflow:hidden!important;
  color:var(--crd-games-gold-3)!important;
  font-family:var(--crd-games-body)!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.30!important;
  letter-spacing:0!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
}
html body.crd-sections-page.crd-sections-category .desc {
  display:-webkit-box!important;
  min-height:0!important;
  max-height:6.2em!important;
  margin:0 0 16px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#c7c2b7!important;
  font-family:var(--crd-games-body)!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
}
html body.crd-sections-page.crd-sections-category .desc img,
html body.crd-sections-page.crd-sections-category .desc figure,
html body.crd-sections-page.crd-sections-category .desc picture,
html body.crd-sections-page.crd-sections-category .desc table,
html body.crd-sections-page.crd-sections-category .desc iframe { display:none!important; }
html body.crd-sections-page.crd-sections-category .desc * { color:inherit!important; font:inherit!important; margin:0!important; padding:0!important; background:transparent!important; }
html body.crd-sections-page.crd-sections-category .date,
html body.crd-sections-page.crd-sections-category .crd-material-date,
html body.crd-sections-page.crd-sections-category .crd-archive-card__byline {
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  margin:auto 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  color:#7b7b70!important;
  font-family:var(--crd-games-body)!important;
  font-size:9.5px!important;
  font-weight:300!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body.crd-sections-page.crd-sections-category .date > span,
html body.crd-sections-page.crd-sections-category .crd-material-date > span,
html body.crd-sections-page.crd-sections-category .crd-archive-card__byline > span {
  flex:0 0 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  font-family:var(--crd-games-body)!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body.crd-sections-page.crd-sections-category .crd-archive-card__author { color:var(--crd-games-gold-3)!important; font-weight:600!important; }
html body.crd-sections-page.crd-sections-category .crd-archive-card__separator { margin:0 6px!important; color:rgba(174,137,84,.55)!important; }
html body.crd-sections-page.crd-sections-category .crd-material-date__label { margin:0 3px 0 0!important; color:#7b7b70!important; font-weight:300!important; text-transform:none!important; }
html body.crd-sections-page.crd-sections-category .crd-material-date__value { color:#7b7b70!important; font-weight:300!important; text-transform:none!important; }
html body.crd-sections-page.crd-sections-category .item_moder_panel { position:absolute!important; top:8px!important; left:8px!important; z-index:8!important; }

/* Category pagination — plain centered VULKK-like line, no 42px boxes and no top rule. */
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  width:100%!important;
  margin:36px auto 0!important;
  padding:10px 0 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  text-align:center!important;
  clear:both!important;
}
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 a,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 b,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 span,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 [class*="swch"],
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 [class*="pgSwch"] {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:2px 1px!important;
  color:#c99b52!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  font-family:var(--crd-games-body)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  text-transform:none!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .18s ease!important;
}
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 a:hover { color:#f0bd6e!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; }
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 b,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 .switchActive,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 .swchItemA,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 .swchItemA1,
html body.crd-sections-page.crd-sections-category #pagesBlock1.catPages1 span.pgSwchA { color:#f3ede4!important; font-weight:600!important; }

/* V7 micro-fix: category footer gap is intentionally ~50% of v6. */
html body.crd-sections-page.crd-sections-category .crd-sections-root {
  padding-bottom:44px!important;
}

@media (min-width:1600px) {
  html body.crd-sections-page .crd-sec-featured { padding-left:170px!important; padding-right:170px!important; }
}
@media (max-width:1599px) {
  html body.crd-sections-page .crd-sec-row__grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  html body.crd-sections-page .crd-sec-row__grid > .crd-games-card:nth-child(n+5) { display:none!important; }
}
@media (max-width:1180px) {
  html body.crd-sections-page .crd-sec-row__grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html body.crd-sections-page .crd-sec-row__grid > .crd-games-card:nth-child(n+3) { display:none!important; }
  html body.crd-sections-page.crd-sections-category .common_thumb_list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:1024px) {
  html body.crd-sections-page .crd-sec-category-nav.crd-games-accordion__panel { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:768px) {
  html body.crd-sections-page .crd-sec-breadcrumbs { height:30px!important; min-height:30px!important; max-height:30px!important; padding:0 10px!important; font-size:9px!important; line-height:30px!important; max-width:calc(100% - 12px)!important; }
  html body.crd-sections-page .crd-sec-breadcrumbs a,
  html body.crd-sections-page .crd-sec-breadcrumbs a:link,
  html body.crd-sections-page .crd-sec-breadcrumbs a:visited { height:30px!important; min-height:30px!important; max-height:30px!important; }
  html body.crd-sections-page .crd-sec-breadcrumbs svg { width:13px!important; height:13px!important; }
}
@media (hover:none), (pointer:coarse) {
  html body.crd-sections-page.crd-sections-category .item_card:hover { box-shadow:none!important; }
}
@media (max-width:767px) {
  html body.crd-sections-page .crd-sec-hero { height:370px!important; min-height:370px!important; }
  html body.crd-sections-page .crd-sec-featured__grid.crd-games-highlights { grid-template-columns:1fr!important; }
  html body.crd-sections-page .crd-sec-hero::after { background:linear-gradient(180deg,rgba(17,17,17,.06) 0%,rgba(17,17,17,.06) 40%,rgba(17,17,17,.24) 58%,rgba(17,17,17,.56) 77%,rgba(17,17,17,.86) 92%,#111 100%)!important; }
  html body.crd-sections-page.crd-sections-section .crd-sec-main { margin-top:-28px!important; }
  html body.crd-sections-page .crd-sec-featured { padding:0 20px!important; }
  html body.crd-sections-page .crd-sec-featured__grid.crd-games-highlights { gap:24px!important; }
  html body.crd-sections-page .crd-sec-category-nav.crd-games-accordion__panel { grid-template-columns:1fr!important; gap:8px!important; width:calc(100% - 28px)!important; padding-top:12px!important; }
  html body.crd-sections-page .crd-games-accordion__panel a { min-height:50px!important; padding:10px 12px!important; font-size:12px!important; }
  html body.crd-sections-page .crd-sec-description { width:calc(100% - 28px)!important; font-size:14px!important; text-align:left!important; }
  html body.crd-sections-page .crd-sec-row__grid { grid-template-columns:1fr!important; }
  html body.crd-sections-page .crd-sec-row__grid > .crd-games-card:nth-child(n+2) { display:none!important; }
  html body.crd-sections-page .crd-sec-category-intro { margin:-32px auto 28px!important; width:calc(100% - 28px)!important; }
  html body.crd-sections-page .crd-sec-category-spoiler__body { padding:15px 16px 18px!important; font-size:14px!important; }
  html body.crd-sections-page.crd-sections-category .crd-sec-category-shell { width:calc(100% - 20px)!important; }
  html body.crd-sections-page.crd-sections-category .common_thumb_list { grid-template-columns:1fr!important; gap:24px!important; }
}


/* ========================================================================== 
   V6 LIVE CATEGORY CARD LOCK
   Реальный production /file/archive/archive.css загружается ПОСЛЕ sections-v3.css
   и содержит более специфичные !important hover-правила:
     a.item_box:hover .common_thumbnail { transform: translateY(-6px) }
     a.item_box:hover .common_thumbnail img { transform: scale(1.05) }
   Поэтому ниже намеренно используются production-специфичные селекторы.
   Никакого lift/zoom/filter-jump у карточек категории быть не должно.
   ========================================================================== */
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card:hover {
  transform:none!important;
  translate:none!important;
  scale:none!important;
  animation:none!important;
}

html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box:hover,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box:focus-visible {
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
  animation:none!important;
  box-shadow:none!important;
}

html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .common_thumbnail,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .cover-image-wrap,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box:hover .common_thumbnail,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box:hover .cover-image-wrap,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card:hover .common_thumbnail,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card:hover .cover-image-wrap {
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#111!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
  animation:none!important;
}

html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .common_thumbnail img,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .cover-image-wrap img,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box:hover .common_thumbnail img,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list a.item_box:hover .cover-image-wrap img,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card:hover .common_thumbnail img,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card:hover .cover-image-wrap img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}

html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_moder_panel,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .item_card:hover .item_moder_panel {
  transform:none!important;
  translate:none!important;
  scale:none!important;
  transition:opacity .18s ease!important;
}

/* Более компактная геометрия VULKK-подобной category-card: image ~200px на desktop,
   без искусственных 80px/6em пустых зон в title/description. */
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell {
  width:min(1120px,calc(100% - 56px))!important;
  max-width:1120px!important;
}
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:26px 24px!important;
  align-items:start!important;
}
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .info_wrap {
  min-height:176px!important;
  padding:13px 14px 14px!important;
  gap:0!important;
  background:rgba(33,33,33,.60)!important;
}
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .info_wrap .title,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .info_wrap p.title {
  min-height:0!important;
  max-height:none!important;
  margin:0 0 9px!important;
  padding:0!important;
  color:#dda54f!important;
  font-family:var(--crd-games-body)!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.30!important;
  letter-spacing:0!important;
  -webkit-line-clamp:3!important;
  transition:color .18s ease!important;
}
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .info_wrap .desc,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .info_wrap p.desc {
  min-height:0!important;
  max-height:6.2em!important;
  margin:0 0 16px!important;
  padding:0!important;
  color:#c7c2b7!important;
  font-family:var(--crd-games-body)!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
  -webkit-line-clamp:4!important;
  transition:none!important;
}
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .date,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .crd-material-date {
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:0!important;
  margin:auto 0 0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-family:var(--crd-games-body)!important;
  font-size:9.5px!important;
  font-weight:300!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .date > span,
html body.archive_page.crd-sections-page.crd-sections-category
.crd-sections-root .crd-sec-category-shell .common_thumb_list .crd-material-date > span {
  flex:0 0 auto!important;
  white-space:nowrap!important;
  font-family:var(--crd-games-body)!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

@media (max-width:1180px) {
  html body.archive_page.crd-sections-page.crd-sections-category
  .crd-sections-root .crd-sec-category-shell .common_thumb_list {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:767px) {
  html body.archive_page.crd-sections-page.crd-sections-category
  .crd-sections-root .crd-sec-category-shell {
    width:calc(100% - 20px)!important;
  }
  html body.archive_page.crd-sections-page.crd-sections-category
  .crd-sections-root .crd-sec-category-shell .common_thumb_list {
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  html body.archive_page.crd-sections-page.crd-sections-category
  .crd-sections-root .crd-sec-category-shell .common_thumb_list .info_wrap {
    min-height:0!important;
  }
}

/* ==========================================================================
   CRDGAME SECTIONS — VULKK CATEGORY BUTTONS + DESCRIPTION
   2026-09-20

   Основано на реальном VULKK:
   .vulkk_child_category_buttons_section
   .vulkk_child_category_buttons_section .gb-button
   .dynamic-term-description

   ВАЖНО:
   - количество ссылок может быть 2/3/4/5;
   - $ADD_ENTRY_LINK$ может отсутствовать;
   - группа всегда центрируется по фактически видимым ссылкам;
   - никаких фиксированных grid-колонок и растягивания кнопок.
========================================================================== */

html body.crd-sections-page
.crd-sec-category-nav.crd-games-accordion__panel {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  align-content:center!important;
  column-gap:25px!important;
  row-gap:16px!important;
  width:min(1200px,calc(100% - 48px))!important;
  max-width:1200px!important;
  margin:42px auto 70px!important;
  padding:0!important;
  overflow:visible!important;
}

/* VULKK .vulkk_child_category_buttons_section .gb-button */
html body.crd-sections-page
.crd-sec-category-nav.crd-games-accordion__panel > a {
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:15px 20px!important;

  color:#dd9933!important;
  background:transparent!important;
  border:1px solid #dd9933!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;

  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:.03em!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;

  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  overflow:visible!important;

  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}

/* VULKK hover: #dd9933 background + #ececd1 text */
html body.crd-sections-page
.crd-sec-category-nav.crd-games-accordion__panel > a:hover,
html body.crd-sections-page
.crd-sec-category-nav.crd-games-accordion__panel > a:focus-visible {
  color:#ececd1!important;
  background:#dd9933!important;
  border-color:#dd9933!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
}

/* Кнопка добавления ничем не отличается от остальных:
   если uCoz её не выводит, оставшиеся кнопки автоматически центрируются. */
html body.crd-sections-page
.crd-sec-category-nav.crd-games-accordion__panel > a.crd-games-nav__add {
  order:initial!important;
}

/* VULKK dynamic-term-description */
html body.crd-sections-page .crd-sec-description {
  display:block!important;
  width:min(1200px,calc(100% - 48px))!important;
  max-width:1200px!important;
  margin:0 auto 70px!important;
  padding:0!important;

  color:#ececd1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;

  font-family:"Exo 2",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:20px!important;
  font-weight:300!important;
  line-height:1.618!important;
  letter-spacing:normal!important;
  text-align:center!important;
  text-transform:none!important;
}

html body.crd-sections-page .crd-sec-description p {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  text-align:inherit!important;
}

html body.crd-sections-page .crd-sec-description strong {
  color:#ececd1!important;
  font-weight:700!important;
}

html body.crd-sections-page .crd-sec-description a,
html body.crd-sections-page .crd-sec-description a:link,
html body.crd-sections-page .crd-sec-description a:visited {
  color:#dd9933!important;
  background:transparent!important;
  padding:0!important;
  text-decoration:none!important;
}

html body.crd-sections-page .crd-sec-description a:hover,
html body.crd-sections-page .crd-sec-description a:focus-visible {
  color:#dd9933!important;
  text-decoration:underline!important;
  outline:0!important;
}

/* Перебиваем старые grid/mobile-правила sections-v3.css:
   даже при 3 кнопках или без "Добавить материал" центр остаётся правильным. */
@media (max-width:1024px) {
  html body.crd-sections-page
  .crd-sec-category-nav.crd-games-accordion__panel {
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:center!important;
  }
}

@media (max-width:767px) {
  html body.crd-sections-page
  .crd-sec-category-nav.crd-games-accordion__panel {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    column-gap:12px!important;
    row-gap:12px!important;
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:28px auto 42px!important;
    padding:0!important;
  }

  html body.crd-sections-page
  .crd-sec-category-nav.crd-games-accordion__panel > a {
    display:inline-flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:100%!important;
    min-height:0!important;
    padding:13px 16px!important;
    font-size:14px!important;
    line-height:1.2!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  html body.crd-sections-page .crd-sec-description {
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin:0 auto 48px!important;
    padding:0!important;
    font-size:17px!important;
    line-height:1.618!important;
    text-align:center!important;
  }
}

@media (max-width:479px) {
  html body.crd-sections-page
  .crd-sec-category-nav.crd-games-accordion__panel {
    width:calc(100% - 24px)!important;
    column-gap:10px!important;
    row-gap:10px!important;
  }

  html body.crd-sections-page
  .crd-sec-category-nav.crd-games-accordion__panel > a {
    padding:12px 14px!important;
    font-size:13px!important;
  }

  html body.crd-sections-page .crd-sec-description {
    width:calc(100% - 24px)!important;
    font-size:16px!important;
  }
}

/* Catalogue sections: up to nine materials use the regular archive grid. */
html body.crd-sections-page .crd-sec-featured.is-compact {
  max-width:1200px!important;
  padding:0 20px!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-sec-featured__grid {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-games-card {
  display:flex!important;
  flex-direction:column!important;
  background:#1d1d1d!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-games-card__body {
  display:flex!important;
  flex-direction:column!important;
  flex:1!important;
  padding:12px 14px 14px!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-games-card h3 {
  min-height:0!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-games-card__desc {
  display:block!important;
  margin:10px 0 14px!important;
  font-size:14px!important;
  line-height:1.55!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-games-card__meta {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:auto!important;
  padding-top:14px!important;
  color:var(--crd-games-muted)!important;
  font-size:10px!important;
  line-height:1.5!important;
}
html body.crd-sections-page .crd-sec-featured.is-compact .crd-games-card__meta-author {
  color:var(--crd-games-gold-3)!important;
}
html body.crd-sections-page .crd-sec-native-source[hidden] { display:none!important; }
@media(max-width:1000px) {
  html body.crd-sections-page .crd-sec-featured.is-compact .crd-sec-featured__grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px) {
  html body.crd-sections-page .crd-sec-featured.is-compact .crd-sec-featured__grid {
    grid-template-columns:1fr!important;
  }
}

/* Small sections: category navigation and introduction precede the grid. */
html body.crd-sections-page.crd-sections-section .crd-sections-root.is-compact-section .crd-sec-main {
  margin:0!important;
}
html body.crd-sections-page .crd-sections-root.is-compact-section .crd-sec-category-nav.crd-games-accordion__panel {
  margin:0 auto!important;
}
html body.crd-sections-page .crd-sections-root.is-compact-section .crd-sec-description {
  margin:24px auto 36px!important;
}