@import url("/css/theme.css");
@import url("https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap");

@font-face {
  font-family: "Olympus";
  src: url("/fonts/optima_regular.eot");
  src:
    url("/fonts/optima_regular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/optima_regular.woff") format("woff"),
    url("/fonts/optima_regular.ttf") format("truetype"),
    url("/fonts/optima_regular.svg#webfont") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --anc-bg: #d6c0a0;
  --anc-bg-deep: #b8986d;
  --anc-paper: #ead7b2;
  --anc-paper-soft: #e1c89a;
  --anc-paper-deep: #d0b07a;
  --anc-ink: #312419;
  --anc-ink-soft: #4d3c2c;
  --anc-ink-dim: #786551;
  --anc-accent: #8a6541;
  --anc-accent-strong: #6a482c;
  --anc-accent-soft: #ab8256;
  --anc-edge: #c4b092;
  --anc-edge-soft: rgba(93, 67, 39, 0.14);
  --anc-edge-strong: rgba(93, 67, 39, 0.24);
  --anc-leather: #372414;
  --anc-leather-2: #24180f;
  --anc-shadow: 0 10px 24px rgba(73, 48, 22, 0.14);
  --anc-shadow-soft: 0 6px 14px rgba(73, 48, 22, 0.1);
  --anc-radius-lg: 12px;
  --anc-radius-md: 8px;
  --anc-radius-sm: 6px;
  --anc-container: 1360px;
  --anc-sidebar: 300px;
  --anc-gap: 20px;
  --anc-font-display: "Prata", "Olympus", "Times New Roman", serif;
  --anc-font-body: "Lora", Georgia, serif;
  --anc-font-ui: "Lora", Georgia, serif;
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  background:
    linear-gradient(180deg, #d6c3a4 0%, #c7af88 58%, #b89366 100%);
  color: var(--anc-ink);
  font: 19px/1.72 var(--anc-font-body);
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  opacity: 0.14;
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.65), transparent 16%),
    radial-gradient(circle at 84% 12%, rgba(169, 125, 68, 0.12), transparent 20%),
    radial-gradient(circle at 72% 72%, rgba(122, 84, 43, 0.09), transparent 18%),
    repeating-linear-gradient(0deg, rgba(91, 68, 41, 0.018) 0, rgba(91, 68, 41, 0.018) 1px, transparent 1px, transparent 4px);
  mix-blend-mode: multiply;
}

body::after {
  opacity: 0.08;
  background:
    linear-gradient(90deg, rgba(63, 45, 25, 0.08) 0, transparent 18%, transparent 82%, rgba(63, 45, 25, 0.08) 100%),
    repeating-linear-gradient(90deg, rgba(91, 68, 41, 0.012) 0, rgba(91, 68, 41, 0.012) 2px, transparent 2px, transparent 7px);
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

a {
  color: var(--anc-accent-strong);
  text-decoration: none;
  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

a:hover {
  color: #5f3412;
}

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

textarea {
  resize: vertical;
}

h1,
h2,
h3,
h4,
h5,
h6,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop,
.h_navigator23,
.c3 {
  margin: 0;
  color: var(--anc-ink);
  font-family: var(--anc-font-display);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

h1 {
  font-size: clamp(2.1rem, 2.6vw, 3rem);
}

h2 {
  font-size: clamp(1.55rem, 1.9vw, 2.1rem);
}

h3 {
  font-size: clamp(1.22rem, 1.45vw, 1.45rem);
}

h4,
h5,
h6 {
  font-size: 1.08rem;
}

p {
  margin: 0;
}

hr {
  border: 0;
  border-top: 1px solid var(--anc-edge-soft);
}

#page-bg {
  padding: 0;
  background: none;
}

#page-style {
  width: auto;
  margin: 0;
  background: none;
  box-shadow: none;
}

#header {
  padding: 0;
}

#content {
  width: 100%;
  float: none;
  min-width: 0;
}

.anc-container {
  width: min(calc(100% - 28px), var(--anc-container));
  margin: 0 auto;
}

.anc-header {
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(10px);
}

.anc-topbar-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(52, 36, 23, 0.96), rgba(34, 24, 17, 0.98));
  box-shadow: 0 6px 18px rgba(27, 17, 10, 0.16);
}

.anc-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0;
}

.anc-topbar-brand {
  display: inline-flex;
  align-items: center;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.anc-topbar-brand img {
  display: block;
  width: min(100%, 186px);
  height: auto;
}

.anc-topbar-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.anc-topbar-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 5px 10px;
  border: 1px solid rgba(240, 221, 186, 0.08);
  border-radius: 6px;
  background: rgba(255, 245, 225, 0.03);
  color: #e9d7b7;
  font-family: var(--anc-font-ui);
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.anc-topbar-links a:hover {
  background: rgba(255, 245, 225, 0.08);
  color: #fff6df;
}

.anc-mainnav-wrap {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(113, 83, 49, 0.16);
  background: linear-gradient(180deg, #ebdcc0, #dac39d);
}

.anc-mainnav-wrap::after {
  display: none;
}

.anc-main-menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 10px 0;
  list-style: none;
}

.anc-main-menu a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid rgba(113, 83, 49, 0.14);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(241, 228, 198, 0.92), rgba(224, 202, 160, 0.96));
  color: var(--anc-ink);
  box-shadow: none;
  font-family: var(--anc-font-ui);
  font-size: 0.93rem;
  letter-spacing: 0.02em;
  text-transform: none;
}

.anc-main-menu a:hover {
  border-color: rgba(102, 72, 38, 0.24);
  background: linear-gradient(180deg, rgba(247, 236, 211, 0.98), rgba(230, 208, 166, 0.98));
  color: #4a2d16;
  transform: none;
}

.anc-main-link {
  white-space: nowrap;
}

.anc-nav-ico {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.anc-main-link--civs .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H3zm2-3h2v-7H5zm4 0h2v-7H9zm4 0h2v-7h-2zm4 0h2v-7h-2zM12 3l9 4v2H3V7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 20h18v2H3zm2-3h2v-7H5zm4 0h2v-7H9zm4 0h2v-7h-2zm4 0h2v-7h-2zM12 3l9 4v2H3V7z'/%3E%3C/svg%3E");
}

.anc-main-link--encyclopedia .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4a3 3 0 0 0-3 3v11h13a3 3 0 0 1 3 3V10a3 3 0 0 0-3-3zm0 2h10a1 1 0 0 1 1 1v9.18A2.99 2.99 0 0 0 15 16H4V7a1 1 0 0 1 1-1m13-1v13a1 1 0 0 0 1 1h1V7a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4a3 3 0 0 0-3 3v11h13a3 3 0 0 1 3 3V10a3 3 0 0 0-3-3zm0 2h10a1 1 0 0 1 1 1v9.18A2.99 2.99 0 0 0 15 16H4V7a1 1 0 0 1 1-1m13-1v13a1 1 0 0 0 1 1h1V7a2 2 0 0 0-2-2'/%3E%3C/svg%3E");
}

.anc-main-link--cosmos .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 2.2 5.8L20 10l-5.8 2.2L12 18l-2.2-5.8L4 10l5.8-2.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 2.2 5.8L20 10l-5.8 2.2L12 18l-2.2-5.8L4 10l5.8-2.2z'/%3E%3C/svg%3E");
}

.anc-main-link--prehistoric .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 2 20h20zm0 5 4.8 8H7.2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 2 20h20zm0 5 4.8 8H7.2z'/%3E%3C/svg%3E");
}

.anc-main-link--dinosaurs .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 9c1.6-2.8 4.2-4 7-4 2.4 0 4 1.1 4 3 0 1-.5 1.8-1.3 2.4.9.5 1.3 1.4 1.3 2.6 0 2.8-2.1 4-4.7 4H11l-2 2H7l1.2-2.2C6.3 16.2 5 14.6 5 12.4 5 10.9 5.8 9.6 7 9m6.2-1.2c-1.8 0-3.6.8-4.7 2.5-.3.5-.5 1-.5 1.7 0 1.6 1.2 2.8 3.2 2.8h2.1c1 0 1.7-.5 1.7-1.4 0-.8-.6-1.3-1.7-1.3h-1.1V10h1c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1.5-1.1'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 9c1.6-2.8 4.2-4 7-4 2.4 0 4 1.1 4 3 0 1-.5 1.8-1.3 2.4.9.5 1.3 1.4 1.3 2.6 0 2.8-2.1 4-4.7 4H11l-2 2H7l1.2-2.2C6.3 16.2 5 14.6 5 12.4 5 10.9 5.8 9.6 7 9m6.2-1.2c-1.8 0-3.6.8-4.7 2.5-.3.5-.5 1-.5 1.7 0 1.6 1.2 2.8 3.2 2.8h2.1c1 0 1.7-.5 1.7-1.4 0-.8-.6-1.3-1.7-1.3h-1.1V10h1c.9 0 1.5-.4 1.5-1.1s-.5-1.1-1.5-1.1'/%3E%3C/svg%3E");
}

.anc-main-link--news .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a3 3 0 0 1-3-3V6a1 1 0 0 1 1-1m2 3v2h5V8zm0 4v2h11v-2zm0 4v1h11v-1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a3 3 0 0 1-3-3V6a1 1 0 0 1 1-1m2 3v2h5V8zm0 4v2h11v-2zm0 4v1h11v-1z'/%3E%3C/svg%3E");
}

.anc-main-link--forum .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2m2 4v2h12V9zm0 4v2h8v-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H9l-5 4v-4H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2m2 4v2h12V9zm0 4v2h8v-2z'/%3E%3C/svg%3E");
}

.anc-main-link--quote .anc-nav-ico {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 6C4.8 7.3 3.5 9.2 3 12h4v6H1v-5c0-4 2.2-6.5 6-7zm10 0c-2.2 1.3-3.5 3.2-4 6h4v6h-6v-5c0-4 2.2-6.5 6-7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 6C4.8 7.3 3.5 9.2 3 12h4v6H1v-5c0-4 2.2-6.5 6-7zm10 0c-2.2 1.3-3.5 3.2-4 6h4v6h-6v-5c0-4 2.2-6.5 6-7z'/%3E%3C/svg%3E");
}

.anc-main-wrap {
  padding: 18px 0 32px;
}

.anc-layout {
  display: grid;
  grid-template-columns: minmax(290px, var(--anc-sidebar)) minmax(0, 1fr);
  gap: var(--anc-gap);
  align-items: start;
}

.anc-sidebar,
.anc-content {
  min-width: 0;
}

.anc-sidebar-stack,
.anc-content {
  display: grid;
  gap: 16px;
}

.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable {
  border: 1px solid var(--anc-edge-soft);
  border-radius: var(--anc-radius-lg);
  background: linear-gradient(180deg, rgba(237, 223, 192, 0.98), rgba(219, 197, 153, 0.98));
  box-shadow: var(--anc-shadow);
}

.anc-sidebox,
.anc-module-panel {
  position: relative;
  overflow: hidden;
  padding: 14px;
}

.anc-sidebox::before,
.anc-module-panel::before {
  display: none;
}

.anc-sidebox > *,
.anc-module-panel > * {
  position: relative;
  z-index: 1;
}

.anc-sidebox-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 1.08rem;
  color: var(--anc-ink);
  text-transform: uppercase;
}

.anc-sidebox-title small {
  display: none;
}

.anc-sidebox--atlas {
  border-top: 2px solid #8c5a29;
}

.anc-sidebox--mystery {
  border-top: 2px solid #6d4d2f;
  background: linear-gradient(180deg, rgba(234, 218, 188, 0.98), rgba(214, 192, 149, 0.98));
}

.anc-accordion {
  border: 1px solid rgba(109, 77, 42, 0.15);
  border-radius: var(--anc-radius-md);
  background: rgba(238, 224, 194, 0.7);
}

.anc-accordion summary {
  cursor: pointer;
  list-style: none;
  padding: 11px 12px;
  color: var(--anc-accent-strong);
  font-family: var(--anc-font-display);
  font-size: 0.88rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.anc-accordion summary::-webkit-details-marker {
  display: none;
}

.anc-accordion summary::after {
  content: "+";
  float: right;
  color: var(--anc-accent);
}

.anc-accordion[open] summary::after {
  content: "-";
}

.anc-accordion-body {
  padding: 0 14px 14px;
}

.anc-accordion-body--atlas {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.anc-side-group {
  min-width: 0;
}

.anc-side-group + .anc-side-group {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(109, 77, 42, 0.1);
}

.anc-side-group-title {
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(109, 77, 42, 0.15);
  color: var(--anc-accent-strong);
  font-family: var(--anc-font-display);
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.anc-side-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.anc-side-list a {
  display: block;
  position: relative;
  padding: 9px 12px 9px 18px;
  border: 1px solid rgba(109, 77, 42, 0.14);
  border-radius: var(--anc-radius-sm);
  background: rgba(241, 228, 200, 0.82);
  color: var(--anc-ink-soft);
  font-size: 0.94rem;
  line-height: 1.38;
}

.anc-side-list a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 8px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--anc-accent);
  transform: translateY(-50%);
}

.anc-side-list a:hover {
  border-color: rgba(109, 77, 42, 0.28);
  background: rgba(247, 236, 211, 0.96);
  color: #512f15;
}
.anc-section,
.anc-section-head,
.anc-module-head,
.anc-live-grid,
.anc-live-stack,
.anc-forum-grid {
  display: grid;
}

.anc-section {
  gap: 12px;
}

.anc-section-head {
  gap: 4px;
  padding-bottom: 4px;
}

.anc-section-title {
  max-width: 18ch;
}

.anc-ribbon {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--anc-ink-dim);
  font-family: var(--anc-font-ui);
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

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

.anc-module-panel {
  --anc-role: #8e6230;
  border-top: 2px solid var(--anc-role);
  gap: 12px;
}

.anc-module-head {
  gap: 5px;
}

.anc-module-head--tight p,
.anc-section-head--compact .anc-section-intro {
  display: none;
}

.anc-section--news .anc-ribbon,
.anc-module-panel--catalog {
  --anc-role: #8e6230;
}

.anc-module-panel--reference {
  --anc-role: #6e583e;
}

.anc-module-panel--prehistoric {
  --anc-role: #98653a;
  background: linear-gradient(180deg, rgba(236, 220, 189, 0.98), rgba(216, 192, 148, 0.98));
}

.anc-module-panel--cosmos {
  --anc-role: #6c4b2e;
  background: linear-gradient(180deg, rgba(232, 216, 187, 0.98), rgba(208, 184, 142, 0.98));
}

.anc-module-panel--forum {
  --anc-role: #7a5633;
  background: linear-gradient(180deg, rgba(236, 221, 193, 0.98), rgba(216, 194, 154, 0.98));
}

.anc-live-grid,
.anc-live-stack,
.anc-forum-grid {
  gap: 14px;
}

.anc-live-grid--news {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.anc-live-grid--news > :first-child {
  grid-column: span 2;
}

.anc-feed-card,
.anc-forum-card {
  position: relative;
  overflow: hidden;
  color: var(--anc-ink);
}

.anc-feed-card::before,
.anc-forum-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32);
}

.anc-feed-card:hover,
.anc-forum-card:hover {
  transform: none;
  box-shadow: var(--anc-shadow);
}

.anc-feed-cover {
  display: block;
  position: relative;
  min-height: 165px;
  border-bottom: 1px solid rgba(109, 77, 42, 0.2);
  background-color: #d6c0a0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.anc-feed-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(70, 45, 20, 0.03), rgba(70, 45, 20, 0.1));
}

.anc-feed-cover::after {
  display: none;
}

.anc-feed-body {
  display: grid;
  gap: 9px;
  padding: 15px;
}

.anc-feed-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.anc-feed-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--anc-ink-dim);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.anc-feed-meta span:not(:last-child)::after {
  content: "•";
  margin-left: 8px;
  color: rgba(120, 101, 81, 0.65);
}

.anc-feed-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid rgba(109, 77, 42, 0.12);
  border-radius: 999px;
  background: rgba(241, 228, 199, 0.82);
  color: var(--anc-ink-dim);
  font-size: 0.74rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.anc-feed-title {
  color: var(--anc-ink);
  font-size: 1.08rem;
  line-height: 1.3;
  text-transform: none;
}

.anc-feed-title a {
  color: inherit;
}

.anc-feed-title a:hover {
  color: var(--anc-accent-strong);
}

.anc-feed-excerpt {
  color: var(--anc-ink-soft);
  font-size: 0.95rem;
  line-height: 1.58;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.anc-feed-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(109, 77, 42, 0.14);
}

.anc-feed-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.anc-feed-link {
  color: var(--anc-accent-strong);
  font-family: var(--anc-font-ui);
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.anc-feed-link:hover {
  color: #4c2d16;
}

.anc-feed-card--news .anc-feed-cover {
  min-height: 185px;
}

.anc-live-grid--news > .anc-feed-card:first-child {
  display: grid;
  grid-template-columns: minmax(340px, 1fr) minmax(0, 1.02fr);
  gap: 0;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  min-height: 100%;
  border-bottom: 0;
  border-right: 1px solid rgba(109, 77, 42, 0.2);
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-body {
  padding: 18px;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title {
  font-size: 1.28rem;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-excerpt {
  -webkit-line-clamp: 4;
}

.anc-feed-card--module .anc-feed-cover {
  min-height: 138px;
}

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

.anc-forum-card {
  padding: 15px;
  border-left: 2px solid #8e6230;
  display: grid;
  gap: 8px;
}

.anc-forum-card .anc-feed-title {
  font-size: 1rem;
}

.anc-forum-card .anc-feed-excerpt {
  -webkit-line-clamp: 3;
}

.anc-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(180deg, rgba(58, 39, 23, 0.98), rgba(30, 20, 13, 0.98));
}

.anc-footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 0 32px;
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a {
  color: #e8d8bb;
  font-size: 0.92rem;
}

.anc-article,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable {
  padding: 20px;
}

.anc-breadcrumbs {
  margin-bottom: 14px;
  color: var(--anc-ink-dim);
  font-size: 0.84rem;
}

.anc-breadcrumbs a {
  color: var(--anc-accent-strong);
}

.anc-breadcrumbs a:hover {
  color: #4c2d16;
}

.anc-article-hero {
  position: relative;
  overflow: hidden;
  min-height: 260px;
  margin-bottom: 18px;
  padding: 24px;
  border: 1px solid var(--anc-edge-soft);
  border-radius: var(--anc-radius-lg);
  background:
    linear-gradient(180deg, rgba(65, 44, 25, 0.14), rgba(65, 44, 25, 0.54)),
    radial-gradient(circle at top right, rgba(255, 243, 214, 0.3), transparent 24%),
    linear-gradient(180deg, #e8d6b3, #d8be90);
  display: flex;
  align-items: flex-end;
}

.anc-article-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.anc-article-meta span {
  display: block;
  padding: 10px 12px;
  border: 1px solid rgba(109, 77, 42, 0.14);
  border-radius: var(--anc-radius-sm);
  background: rgba(255, 251, 242, 0.76);
  color: var(--anc-ink-dim);
  font-size: 0.82rem;
  text-transform: uppercase;
}
.anc-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 18px;
  align-items: start;
}

.anc-article-prose {
  display: grid;
  gap: 15px;
  color: var(--anc-ink);
  line-height: 1.8;
}

.anc-dropcap:first-letter {
  float: left;
  margin: 3px 10px 0 0;
  color: var(--anc-accent-strong);
  font-family: var(--anc-font-display);
  font-size: 2.7rem;
  line-height: 1;
}

.anc-article-facts,
.anc-related-grid {
  display: grid;
  gap: 12px;
}

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

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

.anc-fact-card,
.anc-article-sidebar-card,
.anc-related-card {
  border: 1px solid var(--anc-edge-soft);
  border-radius: var(--anc-radius-md);
  background: rgba(255, 252, 245, 0.74);
  box-shadow: var(--anc-shadow-soft);
}

.anc-fact-card,
.anc-article-sidebar-card {
  padding: 14px;
}

.anc-fact-card b,
.anc-article-sidebar-card h3 {
  display: block;
  margin-bottom: 8px;
  color: var(--anc-accent-strong);
  font-family: var(--anc-font-display);
  font-size: 0.84rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.anc-fact-card p,
.anc-article-sidebar-card p {
  color: var(--anc-ink-soft);
  font-size: 0.94rem;
  line-height: 1.62;
}

.anc-pullquote {
  margin: 8px 0;
  padding: 16px 18px;
  border-left: 3px solid var(--anc-accent);
  background: rgba(177, 129, 71, 0.08);
  color: var(--anc-ink);
  font-family: var(--anc-font-display);
  font-size: 1rem;
  line-height: 1.6;
}

.anc-related-card {
  overflow: hidden;
}

.anc-related-card-media {
  min-height: 132px;
  background-color: #b28f5d;
  background-position: center;
  background-size: cover;
}

.anc-related-card-body {
  padding: 13px;
}

.anc-related-card-body a {
  color: var(--anc-ink);
  font-family: var(--anc-font-display);
  font-size: 0.96rem;
}

.anc-related-card-body a:hover {
  color: var(--anc-accent-strong);
}

.anc-related-card-body p {
  margin-top: 6px;
  color: var(--anc-ink-soft);
  font-size: 0.9rem;
  line-height: 1.58;
}

#casing input[type="text"],
#casing input[type="password"],
#casing textarea,
#casing input[type="file"],
#casing select,
#bottom input[type="text"],
#bottom input[type="password"],
#bottom textarea,
#bottom input[type="file"],
#bottom select,
.queryField,
.loginField {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(109, 77, 42, 0.22);
  border-radius: 12px;
  background: rgba(241, 228, 199, 0.86);
  color: var(--anc-ink);
}

#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid rgba(109, 77, 42, 0.24);
  border-radius: 12px;
  background: linear-gradient(180deg, #f2e1bc, #dbb77f);
  color: #4f3118 !important;
  font-family: var(--anc-font-display);
  font-size: 0.84rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover {
  background: linear-gradient(180deg, #f7ebcd, #e1c387);
  color: #43260f !important;
  transform: translateY(-1px);
}

.searchForm form {
  display: grid;
  gap: 10px;
}

.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle {
  margin-bottom: 14px;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(109, 77, 42, 0.18);
  font-size: 1.5rem;
}

.eTitle a,
.sect-ttl a {
  color: inherit;
}

.eDetails,
.eDetails1,
.eDetails2,
.gTableSubTop,
.postTdTop,
.switch,
.pagesInfo {
  padding: 10px 12px !important;
  border: 1px solid rgba(109, 77, 42, 0.12);
  border-radius: 12px;
  background: rgba(239, 225, 195, 0.78);
  color: var(--anc-ink-dim);
  font-size: 0.9rem;
}

.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody,
.commTable {
  color: var(--anc-ink-soft);
  line-height: 1.78;
}

.codeMessage,
.quoteMessage,
.uSpoilerText,
.outputPM,
.inputPM {
  border: 1px solid rgba(109, 77, 42, 0.14) !important;
  border-radius: 12px;
  background: rgba(235, 220, 189, 0.78);
  color: var(--anc-ink-soft);
}

.codeMessage,
.quoteMessage,
.uSpoilerText {
  padding: 14px !important;
}

.gTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.gTableTop {
  padding: 14px 16px;
  background: linear-gradient(180deg, rgba(237, 222, 191, 0.96), rgba(223, 199, 155, 0.98));
  color: var(--anc-ink);
  font-size: 1.16rem;
}

.gTableBody,
.gTableBody1,
.gTableBottom,
.gTableError,
.forumNameTd,
.forumLastPostTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.threadsType,
.postPoll,
.newThreadBlock,
.newPollBlock,
.gTableRight,
.posttdMessage,
.postTdInfo,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.gTableLeft,
.threadIcoTd,
.threadPostTd,
.threadViewTd,
.postBottom,
.postTdTop {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(109, 77, 42, 0.14);
}

.forumNameTd,
.forumThreadTd,
.forumPostTd,
.threadNametd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.postTdInfo {
  border-right: 1px solid rgba(109, 77, 42, 0.14);
}

.forumDescr,
.threadDescr,
.forumLastPostTd,
.forumArchive,
.postip,
.postip a,
.forumNamesBar,
.threadFrmBlock {
  color: var(--anc-ink-dim);
  font-size: 0.9rem;
}

.pagesBlockuz1,
.pagesBlockuz2,
.pagesBlock1,
.pagesBlock2,
.catPages1,
.catPages2,
.plist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.pagesBlockuz1 a,
.pagesBlockuz2 a,
.pagesBlock1 a,
.pagesBlock2 a,
.catPages1 a,
.catPages2 a,
.plist a,
.pagesBlockuz1 b,
.pagesBlockuz2 b,
.pagesBlock1 b,
.pagesBlock2 b,
.catPages1 b,
.catPages2 b,
.plist b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 6px 12px;
  border: 1px solid rgba(109, 77, 42, 0.18);
  border-radius: 999px;
  background: rgba(255, 250, 238, 0.74);
  color: var(--anc-ink-soft);
  font-size: 0.92rem;
}

.pagesBlockuz1 a:hover,
.pagesBlockuz2 a:hover,
.pagesBlock1 a:hover,
.pagesBlock2 a:hover,
.catPages1 a:hover,
.catPages2 a:hover,
.plist a:hover {
  background: rgba(247, 236, 209, 0.98);
  color: var(--anc-accent-strong);
}

.pagesBlockuz1 b,
.pagesBlockuz2 b,
.pagesBlock1 b,
.pagesBlock2 b,
.catPages1 b,
.catPages2 b,
.plist b {
  background: linear-gradient(180deg, #ecd8b0, #dcb87c);
  color: #4d3118;
}

.post-i {
  display: grid;
  gap: 14px;
}

.post-img,
.fpost-img {
  width: 100%;
  min-height: 260px;
  aspect-ratio: 7 / 3;
  overflow: hidden;
  margin: 0;
}

.post-img img,
.fpost-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}
.post-d,
.post-tt,
.post-m,
.fpost-m {
  width: auto;
  float: none;
}

.post-d {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 0 0 12px;
  border-right: 0;
  border-bottom: 1px solid rgba(109, 77, 42, 0.14);
}

.post-d b,
.post-d span {
  width: auto;
  text-align: left;
}

.comm-i {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 14px;
  width: 100%;
}

.comm-ava,
.comm-top,
.comm-txt {
  width: auto;
  float: none;
}

.comm-ava img {
  border: 1px solid rgba(109, 77, 42, 0.18);
  background: rgba(255, 250, 238, 0.74);
}

.cell-poll {
  width: 100%;
  float: none;
  padding: 16px;
  border: 1px solid rgba(109, 77, 42, 0.18);
  border-radius: var(--anc-radius-md);
  background: rgba(255, 250, 238, 0.74);
  color: var(--anc-ink-soft);
}

.cell-poll-title {
  float: none;
  width: 100%;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(109, 77, 42, 0.14);
  color: var(--anc-accent-strong);
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
}

.cell-poll-answers,
.cell-poll-link {
  float: none;
  width: 100%;
}

.answer label {
  color: var(--anc-ink-soft);
}

.progress {
  height: 14px !important;
  margin: 8px 0 10px;
  border-radius: 999px;
  background: rgba(109, 77, 42, 0.08) !important;
  overflow: hidden;
}

.progress-0,
.progress-1,
.progress-2,
.progress-3,
.progress-4,
.progress-5,
.progress-6,
.progress-7,
.progress-8,
.progress-9,
.progress-10,
.progress-11,
.progress-12,
.progress-13,
.progress-14 {
  margin-top: 0;
  border-radius: 999px;
}

.progress-0 { background: #d25aff !important; }
.progress-1 { background: #ffffc3 !important; }
.progress-2 { background: #29e5c9 !important; }
.progress-3 { background: #fb2e84 !important; }
.progress-4 { background: #00ff1d !important; }
.progress-5 { background: #ffe900 !important; }
.progress-6 { background: #007bff !important; }
.progress-7 { background: #b27bff !important; }
.progress-8 { background: #fe9b6f !important; }
.progress-9 { background: #8cc84b !important; }
.progress-10 { background: #dd8cd2 !important; }
.progress-11 { background: #e9eb5b !important; }
.progress-12 { background: #e96465 !important; }
.progress-13 { background: #75d0ed !important; }
.progress-14 { background: #5d9ad3 !important; }

.cell-poll-link {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(109, 77, 42, 0.14);
  color: var(--anc-ink-dim);
  font-size: 0.84rem;
}

.catsTd {
  padding: 10px;
  border: 1px solid rgba(109, 77, 42, 0.14);
  background: rgba(255, 250, 238, 0.74);
  color: var(--anc-ink);
  font-size: 0.92rem;
  font-weight: 700;
}

.catNumData {
  color: var(--anc-accent-strong);
  font-size: 0.88rem;
  font-weight: 400;
}

.catDescr {
  padding-left: 10px;
  color: var(--anc-ink-soft);
  font-size: 0.96rem;
  line-height: 1.5;
}

a.catName:link,
a.catName:visited,
a.catName:hover,
a.catName:active,
a.catNameActive:link,
a.catNameActive:visited,
a.catNameActive:hover,
a.catNameActive:active,
.catName,
.catNameActive {
  color: var(--anc-accent-strong);
  font-size: 0.92rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
}

.c1 {
  color: var(--anc-accent-strong);
}

.c2,
.c3 {
  color: var(--anc-ink);
}

.c3 {
  font-size: 0.92rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.civilization,
.civilization1,
.civilization2,
.civilization3 {
  margin: 0 0 14px;
  padding: 8px 10px;
  border: 1px solid rgba(109, 77, 42, 0.16);
  background: rgba(255, 250, 238, 0.74);
  color: var(--anc-accent-strong);
  font-family: var(--anc-font-display);
  font-size: 0.92rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.civilization3 {
  text-align: center;
  font-weight: 700;
}

.h_navigator2 a,
.h_navigator5 a,
.h_navigator8 a {
  display: block;
  padding: 8px 12px 8px 18px;
  border: 1px solid rgba(109, 77, 42, 0.14);
  border-radius: var(--anc-radius-sm);
  background: rgba(255, 252, 245, 0.74);
  color: var(--anc-ink-soft);
  font-family: var(--anc-font-display);
  font-size: 0.94rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.h_navigator2 a:hover,
.h_navigator5 a:hover,
.h_navigator8 a:hover {
  background: rgba(247, 236, 209, 0.98);
  color: var(--anc-accent-strong);
}

.h_navigator4,
.h_navigator6,
.h_navigator16,
.h_navigator17,
.h_navigator22,
.h_navigator25,
.h_navigator27,
.h_navigator28 {
  color: var(--anc-ink-soft);
  font-family: var(--anc-font-body);
  line-height: 1.7;
}

.h_navigator4,
.h_navigator6,
.h_navigator28 {
  padding: 4px;
}

.h_navigator4 a,
.h_navigator28 a,
.h_navigator6 a {
  color: var(--anc-accent-strong);
}

.h_navigator4 a:hover,
.h_navigator6 a:hover,
.h_navigator28 a:hover {
  color: #4c2d16;
}

.h_navigator23 {
  font-size: 1rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.alert {
  position: relative;
  margin: 14px 0;
  padding: 14px 16px 14px 46px;
  border: 1px solid rgba(109, 77, 42, 0.14);
  border-radius: 14px;
  background: rgba(255, 250, 238, 0.74);
}

.alert::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: var(--anc-accent);
  transform: translateY(-50%);
}

.alert-info {
  color: var(--anc-ink);
}

.addthis_toolbox {
  display: none;
}

@media (max-width: 1180px) {
  .anc-layout,
  .anc-article-layout {
    grid-template-columns: 1fr;
  }

  .anc-sidebar {
    order: 2;
  }

  .anc-content {
    order: 1;
  }

  .anc-article-meta,
  .anc-accordion-body--atlas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .anc-split-grid,
  .anc-forum-grid,
  .anc-related-grid,
  .anc-article-facts,
  .anc-live-grid--news,
  .anc-accordion-body--atlas {
    grid-template-columns: 1fr;
  }

  .anc-live-grid--news > :first-child {
    grid-column: span 1;
  }

  .anc-live-grid--news > .anc-feed-card:first-child {
    grid-template-columns: 1fr;
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
    border-right: 0;
    border-bottom: 1px solid rgba(109, 77, 42, 0.2);
  }

  .anc-topbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .anc-topbar-links {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 18px;
  }

  .anc-container {
    width: min(calc(100% - 18px), var(--anc-container));
  }

  .anc-main-menu ul {
    gap: 6px;
  }

  .anc-main-menu a,
  .anc-topbar-links a {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .anc-sidebox,
  .anc-module-panel,
  .anc-article,
  .eBlock,
  .commTable,
  .replaceTable,
  .uTable,
  .manTable,
  #casing.popuptable {
    padding: 14px;
  }

  .anc-feed-body,
  .anc-related-card-body {
    padding: 12px;
  }

  .anc-article-hero {
    min-height: 220px;
    padding: 18px;
  }

  .anc-article-meta {
    grid-template-columns: 1fr;
  }

  .comm-i {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   ANCIENTCIVS DARK TEMPLE V4
   Тёмный стиль как старый сайт, но современнее
   Вставлено поверх основного CSS
========================================================= */

:root {
  --anc-bg: #11100f;
  --anc-bg-deep: #030303;

  --anc-paper: #171614;
  --anc-paper-soft: #1f1c18;
  --anc-paper-deep: #11100e;

  --anc-ink: #f4dfb8;
  --anc-ink-soft: #d7bd91;
  --anc-ink-dim: #9d835c;

  --anc-accent: #c89a58;
  --anc-accent-strong: #f1d08b;
  --anc-accent-soft: #8c6236;

  --anc-edge-soft: rgba(210, 162, 89, 0.18);
  --anc-edge-strong: rgba(210, 162, 89, 0.36);

  --anc-leather: #1b1917;
  --anc-leather-2: #0c0805;

  --anc-shadow: 0 18px 45px rgba(0, 0, 0, 0.55);
  --anc-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.38);
}

/* ===== Общий фон ===== */

body {
  background:
    radial-gradient(circle at 18% 8%, rgba(151, 94, 36, 0.18), transparent 28%),
    radial-gradient(circle at 86% 20%, rgba(211, 158, 75, 0.10), transparent 24%),
    radial-gradient(circle at 50% 90%, rgba(95, 52, 18, 0.18), transparent 38%),
    linear-gradient(180deg, #0d0b08 0%, #070604 45%, #030303 100%);
  color: var(--anc-ink);
}

/* Текстура старого камня */
body::before {
  opacity: 0.16;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255, 210, 130, 0.025) 0,
      rgba(255, 210, 130, 0.025) 1px,
      transparent 1px,
      transparent 5px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 0,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px,
      transparent 7px
    );
  mix-blend-mode: screen;
}

/* Тёмная виньетка */
body::after {
  opacity: 1;
  background:
    radial-gradient(circle at center, transparent 0%, transparent 52%, rgba(0, 0, 0, 0.58) 100%);
}

/* ===== Верхняя панель ===== */

.anc-topbar-wrap {
  background:
    radial-gradient(circle at 20% 0%, rgba(201, 145, 69, 0.22), transparent 28%),
    linear-gradient(180deg, #2a1a0f 0%, #120c08 62%, #090705 100%);
  border-bottom: 1px solid rgba(220, 169, 93, 0.22);
  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.7),
    inset 0 -1px 0 rgba(255, 216, 145, 0.06);
}

.anc-topbar {
  padding: 12px 0;
}

.anc-topbar-brand img {
  filter:
    drop-shadow(0 3px 8px rgba(0, 0, 0, 0.75))
    drop-shadow(0 0 14px rgba(207, 149, 70, 0.24));
}

/* Верхние ссылки */
.anc-topbar-links a {
  border: 1px solid rgba(211, 160, 86, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(67, 42, 22, 0.88), rgba(29, 19, 12, 0.92));
  color: #e5c18a;
  box-shadow:
    inset 0 1px 0 rgba(255, 225, 160, 0.08),
    0 4px 12px rgba(0, 0, 0, 0.32);
}

.anc-topbar-links a:hover {
  border-color: rgba(241, 204, 139, 0.42);
  background:
    linear-gradient(180deg, rgba(88, 55, 27, 0.96), rgba(38, 24, 14, 0.96));
  color: #ffe3ab;
  transform: translateY(-2px);
}

/* ===== Главное меню ===== */

.anc-mainnav-wrap {
  background:
    linear-gradient(180deg, #11100f 0%, #030303 100%);
  border-top: 1px solid rgba(255, 217, 145, 0.08);
  border-bottom: 1px solid rgba(211, 160, 86, 0.20);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.anc-main-menu ul {
  gap: 10px;
  padding: 14px 0;
}

.anc-main-menu a {
  min-height: 46px;
  padding: 10px 18px;
  border: 1px solid rgba(211, 160, 86, 0.22);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 213, 140, 0.10), transparent 60%),
    linear-gradient(180deg, #2b1b10 0%, #160e09 100%);
  color: #f3d49b;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 170, 0.10),
    inset 0 -1px 0 rgba(0, 0, 0, 0.55),
    0 8px 18px rgba(0, 0, 0, 0.38);
  text-transform: uppercase;
  letter-spacing: 0.045em;
}

.anc-main-menu a:hover {
  border-color: rgba(241, 204, 139, 0.52);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 224, 159, 0.18), transparent 60%),
    linear-gradient(180deg, #3b2514 0%, #1b1009 100%);
  color: #ffe8b8;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 170, 0.16),
    0 12px 26px rgba(0, 0, 0, 0.55);
  transform: translateY(-2px);
}

.anc-nav-ico {
  color: #f0cc8d;
}

/* ===== Основная сетка ===== */

.anc-main-wrap {
  padding: 22px 0 42px;
}

.anc-layout {
  gap: 18px;
}

/* ===== Заголовки ===== */

h1,
h2,
h3,
h4,
h5,
h6,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop,
.h_navigator23,
.c3,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title {
  color: #f6d89d;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.75),
    0 0 18px rgba(199, 145, 69, 0.16);
}

.anc-ribbon {
  color: #b89562;
  letter-spacing: 0.18em;
}

.anc-section-title {
  max-width: none;
  font-size: clamp(2.25rem, 3vw, 3.6rem);
}

.anc-section-title::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  margin-top: 12px;
  background: linear-gradient(90deg, transparent, #d6a45e, transparent);
}

/* ===== Блоки и карточки ===== */

.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable {
  border: 1px solid rgba(201, 145, 69, 0.22);
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 212, 139, 0.055), transparent 48%),
    linear-gradient(180deg, #1a1815 0%, #11100e 100%);
  color: #dec397;
  box-shadow:
    inset 0 1px 0 rgba(255, 231, 174, 0.055),
    inset 0 0 0 1px rgba(255, 255, 255, 0.018),
    0 18px 42px rgba(0, 0, 0, 0.48);
}

/* Золотая верхняя линия */
.anc-sidebox,
.anc-module-panel,
.anc-feed-card {
  position: relative;
}

.anc-sidebox::after,
.anc-module-panel::after,
.anc-feed-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 14px;
  right: 14px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(238, 194, 120, 0.76), transparent);
  pointer-events: none;
}

/* ===== Левая колонка ===== */

.anc-sidebox {
  border-radius: 4px;
  background:
    linear-gradient(180deg, #1c1b18 0%, #11100e 100%);
}

.anc-sidebox-title {
  justify-content: center;
  margin: -14px -14px 12px;
  padding: 13px 10px;
  border-bottom: 1px solid rgba(201, 145, 69, 0.20);
  background:
    linear-gradient(180deg, #21160e 0%, #15100c 100%);
  color: #f4d49a;
  font-size: 0.92rem;
  letter-spacing: 0.16em;
}

.anc-sidebox--atlas {
  border-top: 1px solid rgba(201, 145, 69, 0.30);
}

.anc-side-group-title {
  color: #d1a66a;
  border-bottom-color: rgba(201, 145, 69, 0.18);
  letter-spacing: 0.14em;
}

.anc-side-list {
  gap: 0;
}

.anc-side-list a {
  min-height: 46px;
  padding: 10px 12px 10px 24px;
  border: 0;
  border-bottom: 1px solid rgba(255, 226, 166, 0.055);
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(31, 30, 27, 0.95), rgba(23, 22, 20, 0.95));
  color: #c7a978;
  font-family: var(--anc-font-display);
  font-size: 0.9rem;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.anc-side-list a::before {
  left: 9px;
  width: 7px;
  height: 7px;
  background: linear-gradient(180deg, #f0c77d, #946026);
  box-shadow: 0 0 8px rgba(213, 164, 86, 0.28);
}

.anc-side-list a:hover {
  padding-left: 30px;
  background:
    linear-gradient(180deg, rgba(52, 34, 19, 0.98), rgba(28, 20, 14, 0.98));
  color: #ffe0a7;
}

/* ===== Карточки материалов ===== */

.anc-feed-card {
  border-radius: 4px;
  overflow: hidden;
  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    border-color 0.24s ease;
}

.anc-feed-card:hover {
  transform: translateY(-4px);
  border-color: rgba(239, 201, 128, 0.40);
  box-shadow:
    inset 0 1px 0 rgba(255, 231, 174, 0.08),
    0 26px 58px rgba(0, 0, 0, 0.62);
}

.anc-feed-cover {
  background-color: #050505;
  border-bottom: 1px solid rgba(201, 145, 69, 0.24);
  filter: sepia(0.12) saturate(0.95) contrast(1.08);
}

.anc-feed-card:hover .anc-feed-cover {
  filter: sepia(0.08) saturate(1.12) contrast(1.12);
}

.anc-feed-cover::before {
  background:
    radial-gradient(circle at 50% 10%, rgba(255, 212, 139, 0.12), transparent 45%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.38));
}

.anc-feed-body {
  padding: 17px 18px;
}

.anc-feed-meta span {
  color: #a98b5f;
}

.anc-feed-title {
  color: #f4d49a;
  font-size: 1.22rem;
}

.anc-feed-title a {
  color: inherit;
}

.anc-feed-title a:hover {
  color: #ffe5ad;
}

.anc-feed-excerpt {
  color: #d4bc91;
}

.anc-feed-footer {
  border-top: 1px solid rgba(201, 145, 69, 0.16);
}

.anc-feed-link {
  color: #e7bd79;
  font-weight: 700;
}

.anc-feed-link:hover {
  color: #ffe6b2;
}

.anc-feed-pill {
  border-color: rgba(201, 145, 69, 0.18);
  background:
    linear-gradient(180deg, #2a1c11 0%, #17100b 100%);
  color: #c9a66d;
}

/* Большая первая карточка */
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  min-height: 290px;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title {
  font-size: clamp(1.55rem, 2vw, 2.1rem);
}

/* ===== Внутренние материалы / статьи ===== */

.anc-article {
  border-radius: 4px;
}

.anc-article-prose,
.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody,
.commTable {
  color: #dbc295;
}

.anc-article-prose b,
.eMessage b,
.eText b {
  color: #ffe0a7;
}

.anc-article-hero {
  border-color: rgba(201, 145, 69, 0.25);
  background:
    radial-gradient(circle at 70% 8%, rgba(255, 214, 139, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.62)),
    linear-gradient(180deg, #382213, #0f0b08);
}

/* ===== Форум / таблицы uCoz ===== */

.gTableTop {
  background:
    linear-gradient(180deg, #2b1b10 0%, #16100b 100%);
  color: #f4d49a;
}

.gTableBody,
.gTableBody1,
.gTableBottom,
.gTableError,
.forumNameTd,
.forumLastPostTd,
.threadNametd,
.threadAuthTd,
.threadLastPostTd,
.threadsType,
.postPoll,
.newThreadBlock,
.newPollBlock,
.gTableRight,
.posttdMessage,
.postTdInfo,
.forumIcoTd,
.forumThreadTd,
.forumPostTd,
.gTableLeft,
.threadIcoTd,
.threadPostTd,
.threadViewTd,
.postBottom,
.postTdTop {
  border-bottom-color: rgba(201, 145, 69, 0.14);
}

.forumNameTd,
.forumThreadTd,
.forumPostTd,
.threadNametd,
.threadPostTd,
.threadViewTd,
.threadAuthTd,
.postTdInfo {
  border-right-color: rgba(201, 145, 69, 0.14);
}

/* ===== Формы ===== */

#casing input[type="text"],
#casing input[type="password"],
#casing textarea,
#casing input[type="file"],
#casing select,
#bottom input[type="text"],
#bottom input[type="password"],
#bottom textarea,
#bottom input[type="file"],
#bottom select,
.queryField,
.loginField {
  border-color: rgba(201, 145, 69, 0.24);
  background: #11100e;
  color: #f2d8a8;
}

#casing input[type="text"]:focus,
#casing input[type="password"]:focus,
#casing textarea:focus,
#casing select:focus,
.queryField:focus,
.loginField:focus {
  outline: none;
  border-color: rgba(241, 204, 139, 0.55);
  box-shadow: 0 0 0 3px rgba(201, 145, 69, 0.15);
}

/* Кнопки */
#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  border-color: rgba(241, 204, 139, 0.34);
  background:
    linear-gradient(180deg, #3a2414 0%, #1a1009 100%);
  color: #f4d49a !important;
}

#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover {
  background:
    linear-gradient(180deg, #4b2f18 0%, #21140b 100%);
  color: #ffe3aa !important;
}

/* ===== Пагинация ===== */

.pagesBlockuz1 a,
.pagesBlockuz2 a,
.pagesBlock1 a,
.pagesBlock2 a,
.catPages1 a,
.catPages2 a,
.plist a,
.pagesBlockuz1 b,
.pagesBlockuz2 b,
.pagesBlock1 b,
.pagesBlock2 b,
.catPages1 b,
.catPages2 b,
.plist b {
  border-color: rgba(201, 145, 69, 0.22);
  background:
    linear-gradient(180deg, #1b1917 0%, #11100e 100%);
  color: #d8b982;
}

.pagesBlockuz1 b,
.pagesBlockuz2 b,
.pagesBlock1 b,
.pagesBlock2 b,
.catPages1 b,
.catPages2 b,
.plist b {
  background:
    linear-gradient(180deg, #d2a35f 0%, #704018 100%);
  color: #100904;
}

/* ===== Подвал ===== */

.anc-footer {
  background:
    radial-gradient(circle at 20% 0%, rgba(201, 145, 69, 0.16), transparent 28%),
    linear-gradient(180deg, #1c120b 0%, #080604 100%);
  border-top: 1px solid rgba(201, 145, 69, 0.18);
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a {
  color: #cdae78;
}

/* ===== Мобильная версия ===== */

@media (max-width: 900px) {
  .anc-section-title {
    font-size: clamp(2rem, 8vw, 2.9rem);
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
    min-height: 230px;
  }
}

@media (max-width: 640px) {
  body {
    font-size: 17px;
  }

  .anc-main-menu a,
  .anc-topbar-links a {
    width: 100%;
    justify-content: center;
  }

  .anc-feed-card:hover {
    transform: none;
  }
}

/* =========================================================
   ANCIENTCIVS DARK TEMPLE V5 — layout fix
   Исправляет кривизну: шапка, меню, левую колонку, отступы
========================================================= */

/* убираем системные старые отступы и горизонтальные съезды */
html,
body {
  width: 100%;
  overflow-x: hidden;
}

body.anc-site {
  margin: 0 !important;
  padding: 0 !important;
}

#page-bg,
#page-style,
#header,
#content,
#casing,
#main,
#wrapper {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* контейнер делаем ровнее и чуть уже, как у старого сайта */
.anc-container {
  width: min(calc(100% - 60px), 1320px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* шапка без странных наложений */
.anc-header {
  position: relative !important;
  top: auto !important;
  z-index: 50 !important;
  backdrop-filter: none !important;
}

/* верхняя строка */
.anc-topbar-wrap {
  min-height: 74px;
}

.anc-topbar {
  min-height: 74px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 8px 0 !important;
}

.anc-topbar-brand {
  flex: 0 0 auto !important;
}

.anc-topbar-brand img {
  display: block !important;
  width: 186px !important;
  max-width: 186px !important;
  height: auto !important;
}

.anc-topbar-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* главное меню: кнопки в нормальной сетке, без огромной пустоты */
.anc-mainnav-wrap {
  min-height: auto !important;
}

.anc-main-menu ul {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 14px 0 !important;
}

.anc-main-menu li {
  margin: 0 !important;
  padding: 0 !important;
}

.anc-main-menu a {
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 9px 17px !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

/* основной блок: выравнивание с нормальными отступами */
.anc-main-wrap {
  padding: 34px 0 46px !important;
}

.anc-layout {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

/* левая колонка: фикс обрезанного заголовка */
.anc-sidebar {
  width: 280px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.anc-sidebar-stack {
  display: grid !important;
  gap: 16px !important;
  overflow: visible !important;
}

.anc-sidebox {
  width: 100% !important;
  overflow: hidden !important;
  padding: 14px !important;
  border-radius: 8px !important;
}

/* Заголовок больше не уезжает и не обрезается */
.anc-sidebox-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  margin: -14px -14px 14px !important;
  padding: 12px 12px !important;
  overflow: visible !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.25 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.12em !important;
}

.anc-sidebox-title small {
  display: none !important;
}

/* аккордеон без съезда */
.anc-accordion {
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.anc-accordion summary {
  display: block !important;
  width: 100% !important;
  padding: 13px 14px !important;
  line-height: 1.25 !important;
}

.anc-accordion-body {
  padding: 12px 12px 14px !important;
}

/* пункты левого меню ровные */
.anc-side-group {
  width: 100% !important;
  min-width: 0 !important;
}

.anc-side-group-title {
  text-align: center !important;
  line-height: 1.25 !important;
}

.anc-side-list {
  width: 100% !important;
}

.anc-side-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.anc-side-list a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 8px 10px 8px 24px !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}

.anc-side-list a:hover {
  padding-left: 28px !important;
}

/* контент: больше не прилипает и не залезает */
.anc-content {
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

/* заголовок главной */
.anc-section {
  gap: 16px !important;
}

.anc-section-head {
  padding-top: 0 !important;
  padding-bottom: 14px !important;
}

.anc-section-title {
  margin: 0 !important;
  line-height: 1.08 !important;
  font-size: clamp(2.4rem, 3.2vw, 3.7rem) !important;
}

/* карточки ровнее */
.anc-live-grid,
.anc-live-stack,
.anc-forum-grid {
  gap: 14px !important;
}

.anc-live-grid--news {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.anc-live-grid--news > :first-child {
  grid-column: span 2 !important;
}

.anc-live-grid--news > .anc-feed-card:first-child {
  grid-template-columns: minmax(360px, 1fr) minmax(0, 1.02fr) !important;
}

.anc-feed-card {
  min-width: 0 !important;
}

.anc-feed-cover {
  min-height: 170px !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  min-height: 330px !important;
}

.anc-feed-body {
  min-width: 0 !important;
}

.anc-feed-title {
  overflow-wrap: anywhere !important;
}

/* чтобы uCoz-иконки справа не торчали поверх */
.ucoz-toolbar,
.ucoz-admin-bar,
[id*="uzad"],
[class*="uzad"] {
  max-width: 100% !important;
}

/* планшеты */
@media (max-width: 1180px) {
  .anc-container {
    width: min(calc(100% - 32px), 1320px) !important;
  }

  .anc-layout {
    grid-template-columns: 1fr !important;
  }

  .anc-sidebar {
    width: 100% !important;
    order: 2 !important;
  }

  .anc-content {
    order: 1 !important;
  }

  .anc-accordion-body--atlas {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* мобилки */
@media (max-width: 900px) {
  .anc-topbar {
    align-items: flex-start !important;
  }

  .anc-main-menu ul {
    gap: 8px !important;
  }

  .anc-main-menu a {
    width: auto !important;
  }

  .anc-live-grid--news,
  .anc-split-grid,
  .anc-forum-grid,
  .anc-related-grid,
  .anc-article-facts,
  .anc-accordion-body--atlas {
    grid-template-columns: 1fr !important;
  }

  .anc-live-grid--news > :first-child {
    grid-column: span 1 !important;
  }

  .anc-live-grid--news > .anc-feed-card:first-child {
    grid-template-columns: 1fr !important;
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
    min-height: 240px !important;
  }
}

@media (max-width: 640px) {
  .anc-container {
    width: min(calc(100% - 18px), 1320px) !important;
  }

  .anc-topbar-links,
  .anc-main-menu ul {
    width: 100% !important;
  }

  .anc-topbar-links a,
  .anc-main-menu a {
    width: 100% !important;
    justify-content: center !important;
  }

  .anc-section-title {
    font-size: 2.1rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS DARK TEMPLE V6 — final visual alignment
   Исправляет светлый блок меню, обрезанный логотип, ширину и отступы
========================================================= */

/* ---------- ШАПКА / ЛОГОТИП ---------- */

.anc-topbar-wrap {
  min-height: 78px !important;
  overflow: visible !important;
}

.anc-topbar {
  min-height: 78px !important;
  padding: 10px 0 !important;
  overflow: visible !important;
}

.anc-topbar-brand,
.anc-topbar-brand a {
  display: inline-flex !important;
  align-items: center !important;
  overflow: visible !important;
}

.anc-topbar-brand img {
  width: 186px !important;
  max-width: 186px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* ---------- ОБЩАЯ ШИРИНА САЙТА ---------- */

.anc-container {
  width: min(calc(100% - 56px), 1460px) !important;
}

.anc-main-wrap {
  padding-top: 36px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(207, 149, 70, 0.13), transparent 36%),
    linear-gradient(180deg, rgba(24, 16, 9, 0.94), rgba(7, 6, 4, 0.98)) !important;
}

/* ---------- СЕТКА: левое меню уже, контент шире ---------- */

.anc-layout {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 28px !important;
}

.anc-sidebar {
  width: 300px !important;
}

/* ---------- ЛЕВОЕ МЕНЮ: полностью тёмное, без светлого пятна ---------- */

.anc-sidebox {
  padding: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(212, 162, 88, 0.08), transparent 42%),
    linear-gradient(180deg, #171512 0%, #0d0c0b 100%) !important;
}

.anc-sidebox-title {
  min-height: 56px !important;
  margin: 0 !important;
  padding: 15px 14px !important;
  border-bottom: 1px solid rgba(201, 145, 69, 0.22) !important;
  background:
    linear-gradient(180deg, #2a1a0f 0%, #1b1917 100%) !important;
  color: #f1d08b !important;
  text-align: center !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.12em !important;
}

.anc-sidebox-title small {
  display: none !important;
}

/* сам details */
.anc-accordion {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

.anc-accordion summary {
  margin: 0 !important;
  padding: 15px 18px !important;
  border-bottom: 1px solid rgba(201, 145, 69, 0.18) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 215, 142, 0.08), transparent 58%),
    linear-gradient(180deg, #1b1917 0%, #11100e 100%) !important;
  color: #f0ca86 !important;
  font-size: 0.88rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.09em !important;
}

.anc-accordion summary::after {
  color: #d6a45e !important;
}

/* главный фикс: больше никакой светлой подложки */
.anc-accordion-body,
.anc-accordion-body--atlas {
  padding: 14px 14px 16px !important;
  background:
    linear-gradient(180deg, #141311 0%, #0e0d0c 100%) !important;
  color: #d8bd8d !important;
}

/* группы */
.anc-side-group {
  margin: 0 !important;
  padding: 0 !important;
}

.anc-side-group + .anc-side-group {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(201, 145, 69, 0.11) !important;
}

.anc-side-group-title {
  margin: 0 0 9px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgba(201, 145, 69, 0.13) !important;
  color: #d2a867 !important;
  text-align: center !important;
  font-size: 0.73rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.13em !important;
}

/* пункты меню */
.anc-side-list {
  gap: 0 !important;
  background: transparent !important;
}

.anc-side-list a {
  min-height: 41px !important;
  padding: 9px 12px 9px 26px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 226, 166, 0.055) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(34, 33, 30, 0.98), rgba(24, 23, 21, 0.98)) !important;
  color: #cdb084 !important;
  font-size: 0.88rem !important;
  line-height: 1.22 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.anc-side-list a::before {
  left: 10px !important;
  width: 6px !important;
  height: 6px !important;
  background: linear-gradient(180deg, #f0c77d, #9a6128) !important;
  box-shadow: 0 0 9px rgba(213, 164, 86, 0.34) !important;
}

.anc-side-list a:hover {
  padding-left: 31px !important;
  background:
    linear-gradient(180deg, rgba(58, 37, 20, 0.98), rgba(28, 20, 14, 0.98)) !important;
  color: #ffe0a7 !important;
}

/* Альтернативная история */
.anc-sidebox--mystery {
  background:
    radial-gradient(circle at 50% 0%, rgba(154, 95, 198, 0.10), transparent 42%),
    linear-gradient(180deg, #171318 0%, #0f0d10 100%) !important;
}

.anc-sidebox--mystery .anc-sidebox-title {
  background:
    linear-gradient(180deg, #26162d 0%, #151017 100%) !important;
  border-bottom-color: rgba(170, 113, 210, 0.22) !important;
}

.anc-sidebox--mystery > .anc-side-list {
  padding: 14px !important;
  background:
    linear-gradient(180deg, #141116 0%, #0f0d10 100%) !important;
}

.anc-sidebox--mystery .anc-side-list a::before {
  background: linear-gradient(180deg, #d7b3ff, #7f4fb3) !important;
  box-shadow: 0 0 9px rgba(154, 95, 198, 0.36) !important;
}

/* ---------- КОНТЕНТ ---------- */

.anc-content {
  padding-top: 42px !important;
}

.anc-section-title {
  font-size: clamp(2.65rem, 3.7vw, 4.25rem) !important;
}

.anc-section-title::after {
  width: 136px !important;
  margin-top: 16px !important;
}

/* первая карточка не должна быть слишком огромной */
.anc-live-grid--news > .anc-feed-card:first-child {
  grid-template-columns: minmax(420px, 1fr) minmax(0, 1.05fr) !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  min-height: 310px !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title {
  font-size: clamp(1.55rem, 2.1vw, 2.25rem) !important;
  line-height: 1.24 !important;
}

/* ---------- МОБИЛЬНЫЕ ---------- */

@media (max-width: 1180px) {
  .anc-container {
    width: min(calc(100% - 32px), 1460px) !important;
  }

  .anc-layout {
    grid-template-columns: 1fr !important;
  }

  .anc-sidebar {
    width: 100% !important;
  }

  .anc-content {
    padding-top: 0 !important;
  }

  .anc-accordion-body--atlas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 900px) {
  .anc-live-grid--news > .anc-feed-card:first-child {
    grid-template-columns: 1fr !important;
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
    min-height: 240px !important;
  }

  .anc-accordion-body--atlas {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .anc-container {
    width: min(calc(100% - 18px), 1460px) !important;
  }

  .anc-topbar {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .anc-topbar-links {
    width: 100% !important;
  }

  .anc-topbar-links a,
  .anc-main-menu a {
    width: 100% !important;
    justify-content: center !important;
  }

  .anc-section-title {
    font-size: 2.25rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS V8 CLEAN DARK
   Меньше градиентов, спокойнее золото, более читаемый шрифт
   Финальный слой поверх основного CSS
========================================================= */

:root {
  --anc-font-display: "Cormorant Garamond", Georgia, serif;
  --anc-font-body: "Alegreya", Georgia, serif;
  --anc-font-ui: "Alegreya", Georgia, serif;

  --anc-bg: #090807;
  --anc-bg-soft: #11100e;
  --anc-panel: #171512;
  --anc-panel-2: #1d1915;

  --anc-ink: #ead2a3;
  --anc-ink-soft: #c8ad7c;
  --anc-ink-dim: #9b8058;

  --anc-gold: #c99a58;
  --anc-gold-soft: #e2bd78;
  --anc-border: rgba(201, 154, 88, 0.22);

  --anc-shadow: 0 18px 40px rgba(0, 0, 0, 0.42);
  --anc-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.30);
}

/* общий фон — без лишней “магии” */

body {
  background: #090807 !important;
  color: var(--anc-ink) !important;
  font-family: var(--anc-font-body) !important;
  font-size: 19px;
  line-height: 1.65;
}

body::before {
  opacity: 0.06 !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.04) 0,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 5px
    ) !important;
}

body::after {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(120, 75, 32, 0.18), transparent 34%),
    radial-gradient(circle at center, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.42) 100%) !important;
}

/* шрифты */

h1,
h2,
h3,
h4,
h5,
h6,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop {
  font-family: var(--anc-font-display) !important;
  font-weight: 600 !important;
  letter-spacing: 0.035em !important;
  color: #f0d49d !important;
  text-shadow: none !important;
}

.anc-section-title {
  font-size: clamp(2.55rem, 3.4vw, 4rem) !important;
  line-height: 1.05 !important;
}

.anc-module-panel .anc-section-title {
  font-size: clamp(2.1rem, 2.7vw, 3.25rem) !important;
}

.anc-feed-title {
  font-size: 1.25rem !important;
  line-height: 1.28 !important;
}

.anc-feed-title a {
  color: inherit !important;
}

.anc-feed-title a:hover {
  color: #ffe0a3 !important;
}

/* убираем лишний орнамент, если он мешает */

.anc-section-title::before {
  content: none !important;
}

.anc-section-title::after {
  width: 92px !important;
  height: 1px !important;
  margin-top: 12px !important;
  background: #c99a58 !important;
  opacity: 0.75 !important;
}

/* верхняя панель */

.anc-topbar-wrap {
  background: #11100f !important;
  border-bottom: 1px solid var(--anc-border) !important;
  box-shadow: var(--anc-shadow-soft) !important;
}

.anc-topbar-links a {
  background: #1d140d !important;
  border: 1px solid rgba(201, 154, 88, 0.24) !important;
  color: #d9ba82 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.anc-topbar-links a:hover {
  background: #211d1b !important;
  color: #f2d39a !important;
}

/* главное меню — без сильного градиента */

.anc-mainnav-wrap {
  background: #11100f !important;
  border-top: 1px solid rgba(201, 154, 88, 0.12) !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.18) !important;
  box-shadow: none !important;
}

.anc-main-menu a {
  border-radius: 8px !important;
  background: #1b1917 !important;
  border: 1px solid rgba(201, 154, 88, 0.26) !important;
  color: #dcbc82 !important;
  box-shadow: none !important;
  text-transform: uppercase;
  letter-spacing: 0.04em !important;
}

.anc-main-menu a:hover {
  background: #211d1b !important;
  border-color: rgba(226, 189, 120, 0.42) !important;
  color: #f5d89f !important;
  transform: translateY(-1px);
}

/* основная область */

.anc-main-wrap {
  padding-top: 22px !important;
  background: #0b0907 !important;
}

.anc-content {
  padding-top: 10px !important;
}

/* блоки и карточки — почти без градиента */

.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable {
  background: #171512 !important;
  border: 1px solid rgba(201, 154, 88, 0.22) !important;
  color: var(--anc-ink-soft) !important;
  box-shadow: var(--anc-shadow-soft) !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(226, 189, 120, 0.38) !important;
  box-shadow: var(--anc-shadow) !important;
  transform: translateY(-2px);
}

/* левая колонка */

.anc-sidebox {
  background: #14120f !important;
}

.anc-sidebox-title {
  background: #1d140d !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.22) !important;
  color: #e6c486 !important;
}

.anc-accordion {
  background: transparent !important;
}

.anc-accordion summary {
  background: #16120e !important;
  color: #d9b878 !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.16) !important;
}

.anc-accordion-body,
.anc-accordion-body--atlas {
  background: #11100e !important;
}

.anc-side-group-title {
  color: #c99a58 !important;
  border-bottom-color: rgba(201, 154, 88, 0.16) !important;
}

.anc-side-list a {
  background: #181715 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
  color: #c7ab79 !important;
  box-shadow: none !important;
}

.anc-side-list a:hover {
  background: #23170e !important;
  color: #efd099 !important;
}

/* картинки */

.anc-feed-cover {
  background-color: #050505 !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.20) !important;
  filter: contrast(1.04) saturate(0.96) !important;
}

.anc-feed-card:hover .anc-feed-cover {
  filter: contrast(1.08) saturate(1.04) !important;
}

.anc-feed-cover::before {
  background: rgba(0, 0, 0, 0.10) !important;
}

/* текст карточек */

.anc-feed-meta span {
  color: #987b52 !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.06em !important;
}

.anc-feed-excerpt {
  color: #c8ad7c !important;
  font-size: 1rem !important;
}

.anc-feed-footer {
  border-top: 1px solid rgba(201, 154, 88, 0.14) !important;
}

.anc-feed-link {
  color: #d9b878 !important;
}

.anc-feed-link:hover {
  color: #f2d39a !important;
}

.anc-feed-pill {
  background: #20160e !important;
  border: 1px solid rgba(201, 154, 88, 0.20) !important;
  color: #c5a36a !important;
}

/* первая большая новость */

.anc-live-grid--news > .anc-feed-card:first-child {
  border-color: rgba(201, 154, 88, 0.30) !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title {
  font-size: clamp(1.65rem, 2.15vw, 2.35rem) !important;
  color: #f1d49c !important;
  text-shadow: none !important;
}

/* формы */

#casing input[type="text"],
#casing input[type="password"],
#casing textarea,
#casing input[type="file"],
#casing select,
#bottom input[type="text"],
#bottom input[type="password"],
#bottom textarea,
#bottom input[type="file"],
#bottom select,
.queryField,
.loginField {
  background: #11100e !important;
  border: 1px solid rgba(201, 154, 88, 0.24) !important;
  color: #ead2a3 !important;
}

#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  background: #24170d !important;
  border: 1px solid rgba(201, 154, 88, 0.30) !important;
  color: #e6c486 !important;
  box-shadow: none !important;
}

#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover {
  background: #332012 !important;
  color: #f4d49a !important;
}

/* подвал */

.anc-footer {
  background: #100b07 !important;
  border-top: 1px solid rgba(201, 154, 88, 0.18) !important;
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a {
  color: #bfa06d !important;
}

/* =========================================================
   ANCIENTCIVS V9 FINAL POLISH
   1) меньше пустоты сверху
   2) компактнее верхнее меню
   3) аккуратнее заголовок "Свежие материалы"
   4) левая колонка чуть уже
   5) главная новость витриннее
   6) тонкая музейная рамка вокруг контента
========================================================= */


/* 1. МЕНЬШЕ РАССТОЯНИЕ МЕЖДУ МЕНЮ И КОНТЕНТОМ */

.anc-main-wrap {
  padding-top: 16px !important;
}

.anc-content {
  padding-top: 4px !important;
}


/* 2. ВЕРХНЕЕ МЕНЮ КОМПАКТНЕЕ */

.anc-main-menu ul {
  padding: 10px 0 !important;
  gap: 9px !important;
}

.anc-main-menu a {
  min-height: 38px !important;
  padding: 8px 15px !important;
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
}


/* 3. ЗАГОЛОВОК "СВЕЖИЕ МАТЕРИАЛЫ" СПОКОЙНЕЕ */

.anc-section-title {
  letter-spacing: 0.02em !important;
}

.anc-section--news .anc-section-title {
  font-size: clamp(2.35rem, 3.1vw, 3.55rem) !important;
}


/* 4. ЛЕВАЯ КОЛОНКА ЧУТЬ УЖЕ */

.anc-layout {
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 26px !important;
}

.anc-sidebar {
  width: 280px !important;
}


/* 5. ГЛАВНАЯ НОВОСТЬ БОЛЕЕ ВИТРИННАЯ */

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  min-height: 340px !important;
}


/* 6. ТОНКАЯ МУЗЕЙНАЯ РАМКА ВОКРУГ КОНТЕНТА */

.anc-content {
  position: relative !important;
}

.anc-content::before {
  content: "";
  position: absolute;
  inset: -14px;
  border: 1px solid rgba(201, 154, 88, 0.08);
  pointer-events: none;
  z-index: 0;
}

.anc-content > * {
  position: relative;
  z-index: 1;
}


/* Адаптив: на планшетах и телефонах рамку и фикс ширины убираем */

@media (max-width: 1180px) {
  .anc-layout {
    grid-template-columns: 1fr !important;
  }

  .anc-sidebar {
    width: 100% !important;
  }

  .anc-content::before {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .anc-main-wrap {
    padding-top: 14px !important;
  }

  .anc-content {
    padding-top: 0 !important;
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
    min-height: 240px !important;
  }
}

@media (max-width: 640px) {
  .anc-main-menu a {
    min-height: 40px !important;
    padding: 9px 14px !important;
    font-size: 0.86rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS V10 — spacing + ornament + mystery color fix
   Больше воздуха между блоками, аккуратный орнамент,
   альтернативная история больше не выбивается по цветам
========================================================= */


/* 1. БОЛЬШЕ ВОЗДУХА МЕЖДУ ОСНОВНЫМИ СЕКЦИЯМИ */

.anc-content {
  display: grid !important;
  gap: 22px !important;
}

.anc-section {
  margin: 0 !important;
}

.anc-section + .anc-section {
  margin-top: 4px !important;
}

.anc-split-grid {
  gap: 22px !important;
}

.anc-live-grid,
.anc-live-stack,
.anc-forum-grid {
  gap: 18px !important;
}

.anc-module-panel {
  padding: 18px !important;
}

.anc-module-head {
  margin-bottom: 12px !important;
}

.anc-feed-card {
  margin: 0 !important;
}


/* 2. КАРТОЧКИ НЕ СЛИПАЮТСЯ ВНУТРИ СЕТОК */

.anc-live-grid--news {
  gap: 18px !important;
}

.anc-feed-card--compact {
  margin-bottom: 0 !important;
}

.anc-feed-body {
  padding: 18px !important;
}

.anc-feed-footer {
  margin-top: 4px !important;
  padding-top: 12px !important;
}


/* 3. АККУРАТНЫЙ ДРЕВНИЙ ОРНАМЕНТ В ЗАГОЛОВКАХ */

.anc-section-title::before {
  content: "※" !important;
  display: inline-block !important;
  margin-right: 12px !important;
  color: #c99a58 !important;
  font-size: 0.52em !important;
  line-height: 1 !important;
  vertical-align: 0.08em !important;
  opacity: 0.82 !important;
  text-shadow: none !important;
}

.anc-module-panel .anc-section-title::before {
  margin-right: 10px !important;
  font-size: 0.48em !important;
}

.anc-section-title::after {
  content: "" !important;
  display: block !important;
  width: 112px !important;
  height: 1px !important;
  margin-top: 12px !important;
  background:
    linear-gradient(90deg, transparent, rgba(201, 154, 88, 0.88), transparent) !important;
  opacity: 1 !important;
}

.anc-module-panel .anc-section-title::after {
  width: 86px !important;
  margin-top: 10px !important;
}


/* 4. ТОНКИЕ ОРНАМЕНТАЛЬНЫЕ РАЗДЕЛИТЕЛИ У МОДУЛЕЙ */

.anc-module-panel {
  position: relative !important;
}

.anc-module-panel::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 10px !important;
  left: 18px !important;
  right: 18px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent, rgba(201, 154, 88, 0.34), transparent) !important;
  opacity: 0.8 !important;
  pointer-events: none !important;
}

.anc-module-panel > * {
  position: relative !important;
  z-index: 1 !important;
}


/* 5. ЛЕВОЕ МЕНЮ: НЕМНОГО БОЛЬШЕ ВОЗДУХА */

.anc-sidebar-stack {
  gap: 18px !important;
}

.anc-sidebox {
  margin-bottom: 0 !important;
}

.anc-accordion-body,
.anc-accordion-body--atlas {
  padding: 16px 14px 18px !important;
}

.anc-side-group + .anc-side-group {
  margin-top: 18px !important;
  padding-top: 16px !important;
}

.anc-side-list a {
  min-height: 40px !important;
}


/* 6. АЛЬТЕРНАТИВНАЯ ИСТОРИЯ — ОТЛИЧАЕТСЯ, НО НЕ ВЫБИВАЕТСЯ */

.anc-sidebox--mystery {
  border-color: rgba(201, 154, 88, 0.24) !important;
  background: #14120f !important;
  box-shadow: var(--anc-shadow-soft) !important;
}

.anc-sidebox--mystery .anc-sidebox-title {
  background: #1b1917 !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.22) !important;
  color: #e6c486 !important;
}

.anc-sidebox--mystery .anc-sidebox-title::before {
  content: "◆";
  margin-right: 8px;
  color: #b89458;
  font-size: 0.7em;
  opacity: 0.8;
}

.anc-sidebox--mystery > .anc-side-list {
  padding: 14px !important;
  background: #11100e !important;
}

.anc-sidebox--mystery .anc-side-list a {
  background: #181715 !important;
  color: #c7ab79 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
}

.anc-sidebox--mystery .anc-side-list a::before {
  background: linear-gradient(180deg, #d3a860, #8e5a27) !important;
  box-shadow: 0 0 8px rgba(201, 154, 88, 0.30) !important;
}

.anc-sidebox--mystery .anc-side-list a:hover {
  background: #23170e !important;
  color: #efd099 !important;
}


/* 7. ФОРУМНЫЙ БЛОК НЕ ПРИЛИПАЕТ К ПРЕДЫДУЩИМ */

.anc-section--forum {
  margin-top: 8px !important;
}

.anc-forum-grid {
  padding-top: 4px !important;
}


/* 8. НА МОБИЛЬНЫХ ОРНАМЕНТ НЕ ДОЛЖЕН ЛОМАТЬ ЗАГОЛОВКИ */

@media (max-width: 900px) {
  .anc-content {
    gap: 18px !important;
  }

  .anc-split-grid,
  .anc-live-grid,
  .anc-live-stack,
  .anc-forum-grid {
    gap: 16px !important;
  }

  .anc-module-panel {
    padding: 16px !important;
  }
}

@media (max-width: 640px) {
  .anc-section-title::before {
    margin-right: 8px !important;
    font-size: 0.46em !important;
  }

  .anc-section-title::after {
    width: 78px !important;
  }
}

/* =========================================================
   ANCIENTCIVS V11 — spacing fix + mystery same style
   Альтернативная история как остальные блоки.
   Блоки больше не прилипают друг к другу снизу.
========================================================= */


/* 1. ГЛАВНАЯ СТРАНИЦА: БОЛЬШЕ ВОЗДУХА МЕЖДУ ВСЕМИ СЕКЦИЯМИ */

.anc-content {
  display: block !important;
}

.anc-section {
  display: block !important;
  margin: 0 0 28px 0 !important;
}

.anc-section:last-child {
  margin-bottom: 0 !important;
}

.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum {
  margin-bottom: 28px !important;
}


/* 2. ВНУТРИ СЕКЦИЙ ТОЖЕ ДАЁМ ОТСТУПЫ */

.anc-section-head {
  margin-bottom: 18px !important;
  padding-bottom: 0 !important;
}

.anc-split-grid {
  gap: 24px !important;
}

.anc-live-grid,
.anc-live-grid--news,
.anc-live-stack,
.anc-forum-grid {
  gap: 22px !important;
}


/* 3. КАРТОЧКИ НЕ ДОЛЖНЫ СЛИПАТЬСЯ НИ СВЕРХУ, НИ СНИЗУ */

.anc-feed-card,
.anc-forum-card,
.anc-module-panel {
  margin: 0 !important;
}

.anc-feed-card + .anc-feed-card,
.anc-forum-card + .anc-forum-card {
  margin-top: 0 !important;
}

.anc-module-panel {
  padding: 20px !important;
  border-radius: 8px !important;
}


/* 4. ОСОБЕННО: ПЕРВАЯ НОВОСТЬ НЕ ПРИЛИПАЕТ К НИЖНИМ БЛОКАМ */

.anc-live-grid--news > .anc-feed-card:first-child {
  margin-bottom: 0 !important;
}

.anc-live-grid--news > .anc-feed-card:nth-child(2),
.anc-live-grid--news > .anc-feed-card:nth-child(3) {
  margin-top: 0 !important;
}


/* 5. ЕСЛИ GRID УПИРАЕТСЯ В БОРДЕРЫ, ДЕЛАЕМ ВИЗУАЛЬНЫЙ ЗАЗОР ЧЕРЕЗ OUTLINE */

.anc-feed-card {
  outline: 1px solid rgba(0, 0, 0, 0.18) !important;
  outline-offset: -1px !important;
}


/* 6. АЛЬТЕРНАТИВНАЯ ИСТОРИЯ — ТОЧНО КАК ОСТАЛЬНЫЕ БЛОКИ */

.anc-sidebox--mystery {
  border: 1px solid rgba(201, 154, 88, 0.22) !important;
  background: #14120f !important;
  box-shadow: var(--anc-shadow-soft) !important;
}

.anc-sidebox--mystery .anc-sidebox-title {
  background: #1d140d !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.22) !important;
  color: #e6c486 !important;
}

.anc-sidebox--mystery .anc-sidebox-title::before {
  content: none !important;
}

.anc-sidebox--mystery > .anc-side-list {
  padding: 14px !important;
  background: #11100e !important;
}

.anc-sidebox--mystery .anc-side-list a {
  background: #181715 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
  color: #c7ab79 !important;
}

.anc-sidebox--mystery .anc-side-list a::before {
  background: linear-gradient(180deg, #f0c77d, #9a6128) !important;
  box-shadow: 0 0 9px rgba(213, 164, 86, 0.30) !important;
}

.anc-sidebox--mystery .anc-side-list a:hover {
  background: #23170e !important;
  color: #efd099 !important;
}


/* 7. ЛЕВАЯ КОЛОНКА: ОДИНАКОВЫЕ ОТСТУПЫ МЕЖДУ БЛОКАМИ */

.anc-sidebar-stack {
  display: grid !important;
  gap: 22px !important;
}

.anc-sidebox {
  margin: 0 !important;
}


/* 8. ФОРУМНЫЙ БЛОК И НИЖНИЕ МОДУЛИ НЕ ПРИЛИПАЮТ */

.anc-section--forum {
  margin-top: 0 !important;
}

.anc-section--forum .anc-module-panel {
  margin-top: 0 !important;
}


/* 9. УБИРАЕМ ЛИШНИЕ ОТСТУПЫ, КОТОРЫЕ МОГЛИ КОНФЛИКТОВАТЬ */

.anc-section--knowledge,
.anc-section--special {
  margin-top: 0 !important;
}

.anc-module-panel .anc-section-title {
  margin-bottom: 0 !important;
}


/* 10. МОБИЛЬНАЯ ВЕРСИЯ */

@media (max-width: 900px) {
  .anc-section,
  .anc-section--news,
  .anc-section--knowledge,
  .anc-section--special,
  .anc-section--forum {
    margin-bottom: 22px !important;
  }

  .anc-split-grid,
  .anc-live-grid,
  .anc-live-grid--news,
  .anc-live-stack,
  .anc-forum-grid {
    gap: 18px !important;
  }

  .anc-module-panel {
    padding: 17px !important;
  }
}

@media (max-width: 640px) {
  .anc-section,
  .anc-section--news,
  .anc-section--knowledge,
  .anc-section--special,
  .anc-section--forum {
    margin-bottom: 18px !important;
  }

  .anc-split-grid,
  .anc-live-grid,
  .anc-live-grid--news,
  .anc-live-stack,
  .anc-forum-grid {
    gap: 16px !important;
  }
}

/* =========================================================
   ANCIENTCIVS V12 — 4 columns layout + compact SEO
   Материалы по 4 в ряд, ровные карточки, компактный SEO-блок
========================================================= */


/* ---------- SEO-БЛОК НА ГЛАВНОЙ — КОМПАКТНЕЕ ---------- */

.anc-section--seo-intro {
  margin-bottom: 22px !important;
}

.anc-seo-hero {
  position: relative !important;
  overflow: hidden !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(201, 154, 88, 0.22) !important;
  border-radius: 8px !important;
  background: #171512 !important;
  color: #c8ad7c !important;
  box-shadow: var(--anc-shadow-soft) !important;
}

.anc-seo-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(201, 154, 88, 0.10), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(201, 154, 88, 0.06), transparent 28%) !important;
}

.anc-seo-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.anc-seo-title {
  max-width: 980px !important;
  margin: 6px 0 12px !important;
  color: #f0d49d !important;
  font-family: var(--anc-font-display) !important;
  font-size: clamp(1.85rem, 2.55vw, 2.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: 0.02em !important;
}

.anc-seo-title::after {
  content: "" !important;
  display: block !important;
  width: 100px !important;
  height: 1px !important;
  margin-top: 12px !important;
  background: linear-gradient(90deg, rgba(201, 154, 88, 0.9), transparent) !important;
}

.anc-seo-text {
  display: grid !important;
  gap: 10px !important;
  max-width: 980px !important;
  color: #c8ad7c !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

.anc-seo-text strong {
  color: #efd099 !important;
}

.anc-seo-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 14px !important;
}

.anc-seo-tags a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(201, 154, 88, 0.22) !important;
  border-radius: 999px !important;
  background: #20160e !important;
  color: #d9b878 !important;
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
}

.anc-seo-tags a:hover {
  border-color: rgba(226, 189, 120, 0.42) !important;
  background: #211d1b !important;
  color: #f2d39a !important;
}


/* ---------- РАЗДЕЛЫ НА ГЛАВНОЙ — ОДИН ПОД ДРУГИМ ---------- */

.anc-split-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 30px !important;
}

.anc-module-panel {
  width: 100% !important;
}


/* ---------- МАТЕРИАЛЫ ПО 4 В РЯД ---------- */

.anc-live-stack,
.anc-live-grid--news,
.anc-forum-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}


/* убираем большую первую новость */
.anc-live-grid--news > :first-child {
  grid-column: auto !important;
}

.anc-live-grid--news > .anc-feed-card:first-child {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
}


/* ---------- РОВНЫЕ КАРТОЧКИ ---------- */

.anc-feed-card,
.anc-forum-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.anc-feed-footer {
  margin-top: auto !important;
}


/* картинки компактнее для 4 колонок */
.anc-feed-cover,
.anc-feed-card--news .anc-feed-cover,
.anc-feed-card--module .anc-feed-cover,
.anc-feed-card--compact .anc-feed-cover,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.20) !important;
  background-size: cover !important;
  background-position: center !important;
}


/* заголовок максимум 2 строки */
.anc-feed-title {
  min-height: 2.55em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-size: 1.12rem !important;
  line-height: 1.28 !important;
}


/* описание максимум 3 строки */
.anc-feed-excerpt {
  min-height: 4.65em !important;
  max-height: 4.65em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}


/* мета-строка компактнее */
.anc-feed-meta {
  min-height: 2.1em !important;
  overflow: hidden !important;
}

.anc-feed-meta span {
  white-space: nowrap !important;
  font-size: 0.72rem !important;
}


/* ссылки и плашки не ломают карточку */
.anc-feed-links {
  min-width: 0 !important;
}

.anc-feed-link,
.anc-feed-pill {
  white-space: nowrap !important;
}


/* ---------- АЛЬТЕРНАТИВНАЯ ИСТОРИЯ — КАК ОСТАЛЬНЫЕ БЛОКИ ---------- */

.anc-sidebox--mystery {
  border: 1px solid rgba(201, 154, 88, 0.22) !important;
  background: #14120f !important;
  box-shadow: var(--anc-shadow-soft) !important;
}

.anc-sidebox--mystery .anc-sidebox-title {
  background: #1d140d !important;
  border-bottom: 1px solid rgba(201, 154, 88, 0.22) !important;
  color: #e6c486 !important;
}

.anc-sidebox--mystery .anc-sidebox-title::before {
  content: none !important;
}

.anc-sidebox--mystery > .anc-side-list {
  padding: 14px !important;
  background: #11100e !important;
}

.anc-sidebox--mystery .anc-side-list a {
  background: #181715 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.045) !important;
  color: #c7ab79 !important;
}

.anc-sidebox--mystery .anc-side-list a::before {
  background: linear-gradient(180deg, #f0c77d, #9a6128) !important;
  box-shadow: 0 0 9px rgba(213, 164, 86, 0.30) !important;
}

.anc-sidebox--mystery .anc-side-list a:hover {
  background: #23170e !important;
  color: #efd099 !important;
}


/* ---------- АДАПТИВ ---------- */

/* Если экран не очень широкий — 3 колонки */
@media (max-width: 1500px) {
  .anc-live-stack,
  .anc-live-grid--news,
  .anc-forum-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .anc-feed-cover,
  .anc-feed-card--news .anc-feed-cover,
  .anc-feed-card--module .anc-feed-cover,
  .anc-feed-card--compact .anc-feed-cover {
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
  }
}

/* Планшеты — 2 колонки */
@media (max-width: 1180px) {
  .anc-live-stack,
  .anc-live-grid--news,
  .anc-forum-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Телефоны — 1 колонка */
@media (max-width: 700px) {
  .anc-live-stack,
  .anc-live-grid--news,
  .anc-forum-grid {
    grid-template-columns: 1fr !important;
  }

  .anc-feed-cover,
  .anc-feed-card--news .anc-feed-cover,
  .anc-feed-card--module .anc-feed-cover,
  .anc-feed-card--compact .anc-feed-cover {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .anc-feed-title,
  .anc-feed-excerpt {
    min-height: auto !important;
    max-height: none !important;
  }

  .anc-seo-hero {
    padding: 20px 16px !important;
  }

  .anc-seo-title {
    font-size: 2rem !important;
  }

  .anc-seo-tags a {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* =========================================================
   ANCIENTCIVS V13 — Chocolate Sand Premium
   Тёмный шаблон + шоколадные панели + песочные линии/ссылки
   Более красивый фон сайта, спокойные орнаменты, без лишнего глянца
========================================================= */

:root {
  --anc-choco-0: #070504;
  --anc-choco-1: #0d0906;
  --anc-choco-2: #130d09;
  --anc-choco-3: #1a120c;
  --anc-choco-4: #22170f;
  --anc-choco-5: #211d1b;

  --anc-sand-1: #b99159;
  --anc-sand-2: #cda66e;
  --anc-sand-3: #e3c38a;
  --anc-sand-4: #f0d7a0;

  --anc-line-soft: rgba(205, 166, 110, 0.16);
  --anc-line-mid: rgba(205, 166, 110, 0.26);
  --anc-line-strong: rgba(227, 195, 138, 0.38);

  --anc-ink: #ead1a0;
  --anc-ink-soft: #c8aa78;
  --anc-ink-dim: #97784e;

  --anc-shadow: 0 22px 52px rgba(0, 0, 0, 0.48);
  --anc-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.34);
}


/* =========================================================
   1. ФОН САЙТА — шоколадный камень + песочная дымка
========================================================= */

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(205, 166, 110, 0.13), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(116, 72, 32, 0.16), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(92, 54, 22, 0.18), transparent 42%),
    linear-gradient(180deg, #1b1917 0%, #070504 52%, #040302 100%) !important;
  color: var(--anc-ink) !important;
}

/* песочная микротекстура */
body::before {
  opacity: 0.11 !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255, 226, 170, 0.035) 0,
      rgba(255, 226, 170, 0.035) 1px,
      transparent 1px,
      transparent 6px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.018) 0,
      rgba(255, 255, 255, 0.018) 1px,
      transparent 1px,
      transparent 8px
    ) !important;
  mix-blend-mode: screen !important;
}

/* мягкая виньетка + глубина */
body::after {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 18%, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.38) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.34), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.34)) !important;
}


/* =========================================================
   2. КОНТЕНТНАЯ ОБЛАСТЬ — тёмный архив с песочным свечением
========================================================= */

.anc-main-wrap {
  background:
    radial-gradient(circle at 50% 0%, rgba(205, 166, 110, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(17, 11, 7, 0.96), rgba(5, 4, 3, 0.98)) !important;
}

.anc-content::before {
  border-color: rgba(205, 166, 110, 0.10) !important;
  box-shadow:
    inset 0 0 42px rgba(205, 166, 110, 0.025),
    0 0 60px rgba(0, 0, 0, 0.32) !important;
}


/* =========================================================
   3. ШАПКА И ВЕРХНИЕ КНОПКИ
========================================================= */

.anc-topbar-wrap {
  background:
    radial-gradient(circle at 15% 0%, rgba(205, 166, 110, 0.12), transparent 30%),
    linear-gradient(180deg, #1d130b 0%, #100a06 100%) !important;
  border-bottom: 1px solid var(--anc-line-soft) !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.42),
    inset 0 -1px 0 rgba(227, 195, 138, 0.045) !important;
}

.anc-topbar-links a {
  background: #1b1917 !important;
  border-color: rgba(205, 166, 110, 0.24) !important;
  color: #d6b579 !important;
}

.anc-topbar-links a:hover {
  background: #211d1b !important;
  border-color: rgba(227, 195, 138, 0.44) !important;
  color: #f0d7a0 !important;
}


/* =========================================================
   4. ГЛАВНОЕ МЕНЮ — шоколадные плитки
========================================================= */

.anc-mainnav-wrap {
  background:
    linear-gradient(180deg, #0c0805 0%, #060403 100%) !important;
  border-top: 1px solid rgba(227, 195, 138, 0.07) !important;
  border-bottom: 1px solid rgba(205, 166, 110, 0.18) !important;
}

.anc-main-menu a {
  background:
    linear-gradient(180deg, #22160e 0%, #1b1917 100%) !important;
  border: 1px solid rgba(205, 166, 110, 0.28) !important;
  color: #dec089 !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.065),
    0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

.anc-main-menu a:hover {
  background:
    linear-gradient(180deg, #342214 0%, #1b1109 100%) !important;
  border-color: rgba(240, 215, 160, 0.48) !important;
  color: #f4d99e !important;
}

.anc-nav-ico {
  color: #d8b679 !important;
}


/* =========================================================
   5. ПАНЕЛИ И КАРТОЧКИ — шоколад + песочная рамка
========================================================= */

.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable,
.anc-seo-hero {
  background:
    linear-gradient(180deg, #17120d 0%, #12100d 100%) !important;
  border: 1px solid rgba(205, 166, 110, 0.23) !important;
  color: #c8aa78 !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.045),
    0 14px 32px rgba(0, 0, 0, 0.34) !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(240, 215, 160, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.06),
    0 22px 46px rgba(0, 0, 0, 0.48) !important;
}


/* тонкие песочные линии сверху у панелей */
.anc-sidebox::after,
.anc-module-panel::after,
.anc-feed-card::after {
  background:
    linear-gradient(90deg, transparent, rgba(227, 195, 138, 0.48), transparent) !important;
}


/* =========================================================
   6. ОРНАМЕНТЫ — песочный стиль, аккуратно
========================================================= */

.anc-section-title::before {
  content: "※" !important;
  color: #cda66e !important;
  opacity: 0.82 !important;
}

.anc-section-title::after,
.anc-module-panel .anc-section-title::after {
  background:
    linear-gradient(90deg, transparent, rgba(227, 195, 138, 0.82), transparent) !important;
}

.anc-module-panel::before {
  background:
    linear-gradient(90deg, transparent, rgba(205, 166, 110, 0.28), transparent) !important;
}

.anc-ribbon {
  color: #a88354 !important;
}


/* =========================================================
   7. ЗАГОЛОВКИ И ТЕКСТ
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop {
  color: #f0d7a0 !important;
}

.anc-feed-title a:hover,
a:hover {
  color: #f6dfad !important;
}

.anc-feed-excerpt,
.anc-seo-text,
.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody {
  color: #c5a675 !important;
}

.anc-feed-meta span {
  color: #96774d !important;
}


/* =========================================================
   8. ЛЕВОЕ МЕНЮ — темнее, но теплее
========================================================= */

.anc-sidebox {
  background:
    linear-gradient(180deg, #17110c 0%, #0f0d0a 100%) !important;
}

.anc-sidebox-title {
  background:
    linear-gradient(180deg, #24170e 0%, #11100f 100%) !important;
  border-bottom-color: rgba(205, 166, 110, 0.24) !important;
  color: #e6c486 !important;
}

.anc-accordion summary {
  background: #16110c !important;
  border-bottom-color: rgba(205, 166, 110, 0.16) !important;
  color: #d4b374 !important;
}

.anc-accordion-body,
.anc-accordion-body--atlas,
.anc-sidebox--mystery > .anc-side-list {
  background: #100e0b !important;
}

.anc-side-group-title {
  color: #bd9358 !important;
  border-bottom-color: rgba(205, 166, 110, 0.15) !important;
}

.anc-side-list a,
.anc-sidebox--mystery .anc-side-list a {
  background:
    linear-gradient(180deg, #1a1815 0%, #15130f 100%) !important;
  color: #c8aa78 !important;
  border-bottom: 1px solid rgba(240, 215, 160, 0.045) !important;
}

.anc-side-list a::before,
.anc-sidebox--mystery .anc-side-list a::before {
  background: linear-gradient(180deg, #dfbd7b, #8f5d2d) !important;
  box-shadow: 0 0 8px rgba(205, 166, 110, 0.28) !important;
}

.anc-side-list a:hover,
.anc-sidebox--mystery .anc-side-list a:hover {
  background:
    linear-gradient(180deg, #2a1c12 0%, #1b120c 100%) !important;
  color: #f0d7a0 !important;
}


/* альтернативная история — такая же, как остальные */
.anc-sidebox--mystery,
.anc-sidebox--mystery .anc-sidebox-title {
  border-color: rgba(205, 166, 110, 0.23) !important;
}


/* =========================================================
   9. SEO-БЛОК — шоколадно-песочный
========================================================= */

.anc-seo-hero {
  background:
    radial-gradient(circle at 15% 0%, rgba(205, 166, 110, 0.08), transparent 34%),
    linear-gradient(180deg, #19130e 0%, #12100d 100%) !important;
}

.anc-seo-title {
  color: #f0d7a0 !important;
}

.anc-seo-title::after {
  background:
    linear-gradient(90deg, rgba(227, 195, 138, 0.85), transparent) !important;
}

.anc-seo-tags a {
  background: #1b1917 !important;
  border-color: rgba(205, 166, 110, 0.24) !important;
  color: #d8b679 !important;
}

.anc-seo-tags a:hover {
  background: #211d1b !important;
  border-color: rgba(240, 215, 160, 0.42) !important;
  color: #f0d7a0 !important;
}


/* =========================================================
   10. КАРТИНКИ — мягче, теплее
========================================================= */

.anc-feed-cover {
  filter: sepia(0.08) contrast(1.05) saturate(0.96) !important;
}

.anc-feed-card:hover .anc-feed-cover {
  filter: sepia(0.04) contrast(1.09) saturate(1.04) !important;
}

.anc-feed-cover::before {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(48, 27, 12, 0.15)) !important;
}


/* =========================================================
   11. ССЫЛКИ, КНОПКИ, ПЛАШКИ
========================================================= */

.anc-feed-link {
  color: #d6b579 !important;
}

.anc-feed-link:hover {
  color: #f0d7a0 !important;
}

.anc-feed-pill {
  background: #1b1917 !important;
  border-color: rgba(205, 166, 110, 0.22) !important;
  color: #c8a66c !important;
}

#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  background: #24170d !important;
  border-color: rgba(205, 166, 110, 0.30) !important;
  color: #e3c38a !important;
}

#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover {
  background: #322014 !important;
  color: #f0d7a0 !important;
}


/* =========================================================
   12. ПОДВАЛ
========================================================= */

.anc-footer {
  background:
    linear-gradient(180deg, #100b07 0%, #070504 100%) !important;
  border-top: 1px solid rgba(205, 166, 110, 0.18) !important;
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a {
  color: #a98958 !important;
}

/* =========================================================
   ANCIENTCIVS V14 — darker cards + better card borders
   Карточки темнее, выделены лучше, убрана неприятная светлая рамка
========================================================= */


/* МОДУЛЬНЫЕ ПАНЕЛИ — фон чуть теплее, чтобы карточки на них читались лучше */
.anc-module-panel {
  background:
    linear-gradient(180deg, #18120d 0%, #11100f 100%) !important;
  border: 1px solid rgba(189, 145, 89, 0.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.035),
    0 18px 34px rgba(0, 0, 0, 0.34) !important;
}


/* САМИ КАРТОЧКИ — темнее и выразительнее */
.anc-feed-card,
.anc-forum-card {
  background:
    linear-gradient(180deg, #100c09 0%, #0a0806 100%) !important;
  border: 1px solid rgba(168, 126, 75, 0.22) !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 214, 0.020),
    inset 0 0 0 1px rgba(255, 255, 255, 0.015),
    0 10px 24px rgba(0, 0, 0, 0.28) !important;
  border-radius: 7px !important;
  overflow: hidden !important;
}

/* На всякий случай убираем старый светлый outline, если он остался из прошлых патчей */
.anc-feed-card,
.anc-forum-card,
.anc-feed-card *,
.anc-forum-card * {
  outline-color: transparent !important;
}

/* Лёгкое выделение карточек при наведении */
.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(214, 181, 121, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 214, 0.035),
    inset 0 0 0 1px rgba(255, 255, 255, 0.020),
    0 18px 36px rgba(0, 0, 0, 0.42) !important;
  transform: translateY(-1px);
}


/* ВНУТРЕННОСТЬ КАРТОЧКИ — ещё чуть темнее для контраста */
.anc-feed-body {
  background:
    linear-gradient(180deg, #110d0a 0%, #0c0907 100%) !important;
}

/* Разделитель между картинкой и текстом — не белый, а песочно-тёмный */
.anc-feed-cover,
.anc-feed-card--news .anc-feed-cover,
.anc-feed-card--module .anc-feed-cover,
.anc-feed-card--compact .anc-feed-cover,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  border-bottom: 1px solid rgba(186, 141, 84, 0.20) !important;
}

/* Очень мягкая затемняющая вуаль на превью для глубины */
.anc-feed-cover::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(31, 18, 8, 0.10) 100%) !important;
  pointer-events: none !important;
}


/* ШАПКА КАРТОЧКИ / мета-информация */
.anc-feed-meta {
  color: #8f734d !important;
}

.anc-feed-meta span {
  color: #92744d !important;
}

/* Заголовки карточек чуть светлее на тёмном фоне */
.anc-feed-title,
.anc-feed-title a {
  color: #edd19a !important;
}

.anc-feed-title a:hover {
  color: #f6dfad !important;
}

/* Текст описания */
.anc-feed-excerpt {
  color: #ba9b6c !important;
}

/* Нижняя часть карточки */
.anc-feed-footer {
  border-top: 1px solid rgba(186, 141, 84, 0.14) !important;
}

/* Ссылки внутри карточек */
.anc-feed-link {
  color: #caa56c !important;
}

.anc-feed-link:hover {
  color: #f0d7a0 !important;
}

/* Плашки просмотров / автора — тоже темнее */
.anc-feed-pill {
  background:
    linear-gradient(180deg, #1d140d 0%, #11100f 100%) !important;
  border: 1px solid rgba(186, 141, 84, 0.18) !important;
  color: #c39b62 !important;
  box-shadow: none !important;
}


/* ФОРУМНЫЕ КАРТОЧКИ — такой же стиль */
.anc-forum-card .anc-feed-footer {
  border-top: 1px solid rgba(186, 141, 84, 0.14) !important;
}


/* Если где-то проскакивает слишком светлая рамка у сеток — приглушаем */
.anc-live-stack,
.anc-live-grid--news,
.anc-forum-grid {
  outline: none !important;
}


/* На мобильных оставляем тот же стиль */
@media (max-width: 700px) {
  .anc-feed-card,
  .anc-forum-card {
    border-radius: 6px !important;
  }
}

/* =========================================================
   ANCIENTCIVS V15 — chocolate card contour fix
   Убираем светлый контур вокруг карточек и делаем
   тёмную шоколадную окантовку в стиле сайта
========================================================= */

/* САМА КАРТОЧКА — более тёмный внешний контур */
.anc-feed-card,
.anc-forum-card {
  background: linear-gradient(180deg, #0f0b08 0%, #090705 100%) !important;
  border: 1px solid rgba(98, 66, 36, 0.92) !important;
  outline: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(49, 32, 17, 0.95),
    0 0 0 1px rgba(22, 14, 9, 0.9),
    0 12px 24px rgba(0, 0, 0, 0.30) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Убираем возможный белёсый отблеск от старых inset-эффектов */
.anc-feed-card::before,
.anc-forum-card::before {
  background: none !important;
  box-shadow: none !important;
}

/* Мягкий hover без осветления рамки */
.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(126, 86, 47, 0.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(62, 40, 21, 0.96),
    0 0 0 1px rgba(27, 17, 11, 0.95),
    0 16px 30px rgba(0, 0, 0, 0.38) !important;
  transform: translateY(-1px);
}

/* Внутренняя текстовая область — тоже в шоколадной гамме */
.anc-feed-body {
  background: linear-gradient(180deg, #110c09 0%, #0b0806 100%) !important;
}

/* Разделитель между изображением и текстом — не светлый, а тёплый тёмный */
.anc-feed-cover,
.anc-feed-card--news .anc-feed-cover,
.anc-feed-card--module .anc-feed-cover,
.anc-feed-card--compact .anc-feed-cover,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  border-bottom: 1px solid rgba(92, 62, 35, 0.90) !important;
}

/* Верхняя мета-строка и нижний разделитель — приглушаем */
.anc-feed-footer {
  border-top: 1px solid rgba(81, 54, 31, 0.72) !important;
}

/* Плашка просмотров — тоже темнее */
.anc-feed-pill {
  background: linear-gradient(180deg, #1b120b 0%, #120c08 100%) !important;
  border: 1px solid rgba(98, 66, 36, 0.76) !important;
  color: #c59c60 !important;
}

/* Если где-то контур рисуется на ссылке-картинке, убираем лишнее */
.anc-feed-cover,
.anc-feed-cover:link,
.anc-feed-cover:visited {
  outline: none !important;
  box-shadow: none !important;
}

/* =========================================================
   ANCIENTCIVS V16 — ultra soft card border
   Рамка карточек почти незаметная, очень мягкая
========================================================= */

/* Карточки: почти без видимой рамки, только мягкое шоколадное отделение */
.anc-feed-card,
.anc-forum-card {
  border: 1px solid rgba(120, 82, 48, 0.32) !important;
  outline: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 220, 160, 0.018),
    0 10px 22px rgba(0, 0, 0, 0.24) !important;
}

/* Полностью убираем белёсый внутренний контур */
.anc-feed-card::before,
.anc-forum-card::before {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

/* Hover тоже мягкий, без яркого подсвечивания */
.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(159, 111, 65, 0.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 220, 160, 0.025),
    0 14px 28px rgba(0, 0, 0, 0.32) !important;
}

/* Разделитель картинки и текста — тёмный и очень спокойный */
.anc-feed-cover,
.anc-feed-card--news .anc-feed-cover,
.anc-feed-card--module .anc-feed-cover,
.anc-feed-card--compact .anc-feed-cover,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover {
  border-bottom: 1px solid rgba(120, 82, 48, 0.34) !important;
}

/* Нижняя линия внутри карточки тоже мягкая */
.anc-feed-footer {
  border-top: 1px solid rgba(120, 82, 48, 0.28) !important;
}

/* Плашки просмотров — без резкой рамки */
.anc-feed-pill {
  border-color: rgba(120, 82, 48, 0.34) !important;
  box-shadow: none !important;
}

/* Панели разделов можно оставить чуть заметнее, а карточки внутри мягче */
.anc-module-panel {
  border-color: rgba(205, 166, 110, 0.18) !important;
}

/* На тёмном фоне карточки выделяются фоном, а не контуром */
.anc-feed-card,
.anc-forum-card,
.anc-feed-body {
}

.anc-feed-card,
.anc-forum-card {
  background-color: #0d0a07 !important;
}

.anc-feed-body {
  background-color: #0f0b08 !important;
}

/* =========================================================
   ANCIENTCIVS V17 — premium atmosphere pack
   1) фон древняя стена/камень
   2) верхний hero-баннер
   3) музейные карточки
   4) иконки-разделители у рубрик
   5) свежие материалы как витрина
   6) улучшенное левое меню
   7) более красивый footer
========================================================= */


/* =========================================================
   1. ФОН САЙТА — древняя стена / тёмный камень / песочная дымка
========================================================= */

body {
  background:
    radial-gradient(circle at 18% 0%, rgba(203, 160, 96, 0.13), transparent 31%),
    radial-gradient(circle at 88% 14%, rgba(91, 55, 25, 0.18), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(71, 42, 20, 0.22), transparent 45%),
    linear-gradient(180deg, #0e0a07 0%, #070504 52%, #030302 100%) !important;
}

/* мягкая каменная микротекстура */
body::before {
  opacity: 0.13 !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(238, 205, 146, 0.030) 0,
      rgba(238, 205, 146, 0.030) 1px,
      transparent 1px,
      transparent 6px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.014) 0,
      rgba(255, 255, 255, 0.014) 1px,
      transparent 1px,
      transparent 9px
    ),
    radial-gradient(circle at 20% 35%, rgba(203, 160, 96, 0.06), transparent 22%),
    radial-gradient(circle at 80% 62%, rgba(203, 160, 96, 0.045), transparent 24%) !important;
  mix-blend-mode: screen !important;
}

/* глубокая виньетка по краям */
body::after {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 16%, transparent 0%, transparent 48%, rgba(0, 0, 0, 0.42) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.38), transparent 19%, transparent 81%, rgba(0, 0, 0, 0.38)) !important;
}

.anc-main-wrap {
  background:
    radial-gradient(circle at 50% 0%, rgba(203, 160, 96, 0.095), transparent 35%),
    linear-gradient(180deg, rgba(15, 10, 7, 0.96), rgba(5, 4, 3, 0.985)) !important;
}


/* =========================================================
   2. ВЕРХНИЙ HERO-БАННЕР / SEO-БЛОК
   Работает с .anc-seo-hero, если он уже добавлен на главную
========================================================= */

.anc-section--seo-intro {
  margin-bottom: 24px !important;
}

.anc-seo-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: 146px !important;
  padding: 26px 30px !important;
  border: 1px solid rgba(203, 160, 96, 0.20) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(231, 195, 126, 0.105), transparent 34%),
    radial-gradient(circle at 92% 20%, rgba(86, 49, 20, 0.20), transparent 34%),
    linear-gradient(180deg, #1b140f 0%, #11100f 100%) !important;
  color: #c8aa78 !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.045),
    0 16px 34px rgba(0, 0, 0, 0.32) !important;
}

/* едва заметный “архивный” орнамент на hero */
.anc-seo-hero::after {
  content: "ANCIENTCIVS" !important;
  position: absolute !important;
  right: 28px !important;
  bottom: 16px !important;
  color: rgba(203, 160, 96, 0.045) !important;
  font-family: var(--anc-font-display) !important;
  font-size: clamp(2.4rem, 5vw, 5.8rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.10em !important;
  pointer-events: none !important;
}

.anc-seo-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.anc-seo-title {
  max-width: 900px !important;
  margin: 6px 0 12px !important;
  color: #f0d7a0 !important;
  font-size: clamp(1.9rem, 2.65vw, 2.95rem) !important;
  line-height: 1.08 !important;
}

.anc-seo-title::after {
  width: 116px !important;
  background: linear-gradient(90deg, rgba(227, 195, 138, 0.80), transparent) !important;
}

.anc-seo-text {
  max-width: 980px !important;
  color: #c8aa78 !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

.anc-seo-tags a {
  background: #20160e !important;
  border-color: rgba(203, 160, 96, 0.22) !important;
  color: #d7b678 !important;
}

.anc-seo-tags a:hover {
  background: #2a1b10 !important;
  color: #f0d7a0 !important;
}


/* =========================================================
   3. МУЗЕЙНЫЕ КАРТОЧКИ — без белой рамки, но с верхней песочной линией
========================================================= */

.anc-feed-card,
.anc-forum-card {
  position: relative !important;
  border: 1px solid rgba(116, 80, 48, 0.30) !important;
  background: #0d0a07 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 220, 160, 0.012),
    0 10px 22px rgba(0, 0, 0, 0.26) !important;
}

.anc-feed-card::before,
.anc-forum-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 14px !important;
  right: 14px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.30), transparent) !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(155, 109, 66, 0.42) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 220, 160, 0.018),
    0 14px 28px rgba(0, 0, 0, 0.34) !important;
}

.anc-feed-body {
  background: #0f0b08 !important;
}

.anc-feed-cover {
  border-bottom-color: rgba(116, 80, 48, 0.34) !important;
}


/* =========================================================
   4. ИКОНКИ-РАЗДЕЛИТЕЛИ У РУБРИК
========================================================= */

.anc-module-panel--catalog .anc-section-title::before {
  content: "◈" !important;
}

.anc-module-panel--reference .anc-section-title::before {
  content: "◇" !important;
}

.anc-module-panel--prehistoric .anc-section-title::before {
  content: "𐄂" !important;
}

.anc-module-panel--cosmos .anc-section-title::before {
  content: "✦" !important;
}

.anc-module-panel--forum .anc-section-title::before {
  content: "☉" !important;
}

.anc-section--news .anc-section-title::before {
  content: "※" !important;
}

.anc-section-title::before {
  color: #cda66e !important;
  opacity: 0.82 !important;
  margin-right: 10px !important;
  font-size: 0.48em !important;
  vertical-align: 0.08em !important;
}

.anc-section-title::after,
.anc-module-panel .anc-section-title::after {
  background:
    linear-gradient(90deg, transparent, rgba(227, 195, 138, 0.78), transparent) !important;
}


/* =========================================================
   5. “СВЕЖИЕ МАТЕРИАЛЫ” КАК ВИТРИНА
========================================================= */

.anc-section--news {
  position: relative !important;
}

.anc-section--news .anc-section-head {
  margin-bottom: 18px !important;
}

.anc-section--news .anc-feed-card {
  background: #0c0906 !important;
}

.anc-section--news .anc-feed-cover {
  height: 160px !important;
  min-height: 160px !important;
  max-height: 160px !important;
}

.anc-section--news .anc-feed-title {
  color: #f0d7a0 !important;
}

.anc-section--news .anc-feed-card::after {
  content: "НОВОЕ" !important;
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  min-height: 20px !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(203, 160, 96, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(13, 9, 6, 0.78) !important;
  color: #d7b678 !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
  letter-spacing: 0.08em !important;
  pointer-events: none !important;
  z-index: 3 !important;
}


/* =========================================================
   6. УЛУЧШЕННОЕ ЛЕВОЕ МЕНЮ
========================================================= */

.anc-sidebar-stack {
  gap: 20px !important;
}

.anc-sidebox {
  border-color: rgba(203, 160, 96, 0.20) !important;
  background:
    linear-gradient(180deg, #17110c 0%, #0f0d0a 100%) !important;
}

.anc-sidebox-title {
  background:
    linear-gradient(180deg, #23170e 0%, #11100f 100%) !important;
  color: #e6c486 !important;
  letter-spacing: 0.105em !important;
}

.anc-accordion summary {
  background: #16110c !important;
  color: #d7b678 !important;
}

.anc-side-group-title {
  color: #bd9358 !important;
}

.anc-side-list a {
  min-height: 38px !important;
  color: #c8aa78 !important;
  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    padding-left 0.18s ease,
    border-color 0.18s ease !important;
}

.anc-side-list a::before {
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease !important;
}

.anc-side-list a:hover {
  padding-left: 30px !important;
  color: #f0d7a0 !important;
}

.anc-side-list a:hover::before {
  transform: translateY(-50%) scale(1.16) !important;
  box-shadow: 0 0 10px rgba(203, 160, 96, 0.40) !important;
}

/* sticky только на широких экранах */
@media (min-width: 1181px) {
  .anc-sidebar {
    position: sticky !important;
    top: 14px !important;
    align-self: start !important;
  }
}


/* =========================================================
   7. БОЛЕЕ КРАСИВЫЙ FOOTER
========================================================= */

.anc-footer {
  position: relative !important;
  margin-top: 32px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(203, 160, 96, 0.08), transparent 34%),
    linear-gradient(180deg, #11100f 0%, #070504 100%) !important;
  border-top: 1px solid rgba(203, 160, 96, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(240, 215, 160, 0.035) !important;
}

.anc-footer::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.45), transparent) !important;
  pointer-events: none !important;
}

.anc-footer-inner {
  padding: 26px 0 34px !important;
}

.anc-footer-copy {
  color: #bfa06d !important;
  line-height: 1.6 !important;
}

.anc-footer-copy::before {
  content: "☉ ";
  color: #cda66e;
  opacity: 0.75;
}

.anc-footer-meta,
#footer,
#footer a {
  color: #9d8056 !important;
}

.anc-footer a:hover,
#footer a:hover {
  color: #f0d7a0 !important;
}


/* =========================================================
   АДАПТИВНЫЕ ПРАВКИ
========================================================= */

@media (max-width: 1180px) {
  .anc-sidebar {
    position: static !important;
  }

  .anc-seo-hero::after {
    font-size: 3rem !important;
    opacity: 0.6 !important;
  }
}

@media (max-width: 700px) {
  .anc-seo-hero {
    padding: 22px 18px !important;
  }

  .anc-seo-hero::after {
    display: none !important;
  }

  .anc-section--news .anc-feed-cover {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }
}

/* =========================================================
   ANCIENTCIVS V18 — SEO bottom + unified cards
   2) нижний SEO-блок
   5) единый архивный фильтр картинок
   6) лёгкая анимация карточек
   Карточки: категория, название, краткое описание, внизу просмотры
========================================================= */


/* =========================================================
   НИЖНИЙ SEO-БЛОК НА ГЛАВНОЙ
========================================================= */

.anc-section--seo-bottom {
  margin: 30px 0 0 !important;
}

.anc-seo-bottom {
  position: relative !important;
  overflow: hidden !important;
  padding: 24px 26px !important;
  border: 1px solid rgba(203, 160, 96, 0.18) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(203, 160, 96, 0.075), transparent 34%),
    linear-gradient(180deg, #17110c 0%, #100c08 100%) !important;
  color: #c8aa78 !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.035),
    0 14px 30px rgba(0, 0, 0, 0.28) !important;
}

.anc-seo-bottom::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  top: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.34), transparent) !important;
  pointer-events: none !important;
}

.anc-seo-bottom > * {
  position: relative !important;
  z-index: 1 !important;
}

.anc-seo-bottom-title {
  margin: 6px 0 12px !important;
  color: #f0d7a0 !important;
  font-family: var(--anc-font-display) !important;
  font-size: clamp(1.6rem, 2.25vw, 2.35rem) !important;
  font-weight: 600 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.02em !important;
}

.anc-seo-bottom-title::after {
  content: "" !important;
  display: block !important;
  width: 92px !important;
  height: 1px !important;
  margin-top: 12px !important;
  background: linear-gradient(90deg, rgba(227, 195, 138, 0.76), transparent) !important;
}

.anc-seo-bottom-text {
  display: grid !important;
  gap: 10px !important;
  max-width: 1080px !important;
  color: #c8aa78 !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

.anc-seo-bottom-text strong {
  color: #e7c98e !important;
}

.anc-seo-bottom-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 15px !important;
}

.anc-seo-bottom-links a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 6px 11px !important;
  border: 1px solid rgba(203, 160, 96, 0.20) !important;
  border-radius: 999px !important;
  background: #20160e !important;
  color: #d7b678 !important;
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
}

.anc-seo-bottom-links a:hover {
  background: #2a1b10 !important;
  border-color: rgba(227, 195, 138, 0.40) !important;
  color: #f0d7a0 !important;
}


/* =========================================================
   ЕДИНЫЙ АРХИВНЫЙ ФИЛЬТР ДЛЯ КАРТИНОК
========================================================= */

.anc-feed-cover {
  filter: sepia(0.10) contrast(1.08) saturate(0.92) brightness(0.92) !important;
}

.anc-feed-card:hover .anc-feed-cover {
  filter: sepia(0.07) contrast(1.11) saturate(1.00) brightness(0.96) !important;
}


/* =========================================================
   ЛЁГКАЯ АНИМАЦИЯ ПОЯВЛЕНИЯ КАРТОЧЕК
========================================================= */

.anc-feed-card,
.anc-forum-card {
  animation: ancCardFadeUp 0.45s ease both;
}

.anc-live-stack .anc-feed-card:nth-child(2),
.anc-live-grid--news .anc-feed-card:nth-child(2),
.anc-forum-grid .anc-forum-card:nth-child(2) {
  animation-delay: 0.04s;
}

.anc-live-stack .anc-feed-card:nth-child(3),
.anc-live-grid--news .anc-feed-card:nth-child(3),
.anc-forum-grid .anc-forum-card:nth-child(3) {
  animation-delay: 0.08s;
}

.anc-live-stack .anc-feed-card:nth-child(4),
.anc-live-grid--news .anc-feed-card:nth-child(4),
.anc-forum-grid .anc-forum-card:nth-child(4) {
  animation-delay: 0.12s;
}

@keyframes ancCardFadeUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =========================================================
   ЕДИНАЯ ВЫСОТА И СТРУКТУРА КАРТОЧЕК
   Категория -> Название -> Краткое описание -> Просмотры внизу
========================================================= */

.anc-feed-card,
.anc-forum-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* Категория вверху карточки */
.anc-feed-meta {
  display: flex !important;
  align-items: center !important;
  min-height: 1.55em !important;
  max-height: 1.55em !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}

.anc-feed-meta span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

/* если в шаблоне останутся лишние span, показываем только первый */
.anc-feed-meta span:nth-child(n+2) {
  display: none !important;
}

/* Название одинаковой высоты */
.anc-feed-title {
  min-height: 2.55em !important;
  max-height: 2.55em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* Краткое описание одинаковой высоты */
.anc-feed-excerpt {
  min-height: 4.65em !important;
  max-height: 4.65em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

/* Низ карточки всегда внизу */
.anc-feed-footer {
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(120, 82, 48, 0.28) !important;
}

/* Внутри футера оставляем только просмотры/плашку */
.anc-feed-footer {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.anc-feed-links {
  display: none !important;
}

.anc-feed-pill {
  margin-left: auto !important;
  white-space: nowrap !important;
}


/* Форумные карточки тоже приводим к общей логике */
.anc-forum-card .anc-feed-title {
  min-height: 2.55em !important;
  max-height: 2.55em !important;
}

.anc-forum-card .anc-feed-excerpt {
  min-height: 3.1em !important;
  max-height: 3.1em !important;
  -webkit-line-clamp: 2 !important;
}


/* На мобильных тексту можно дать немного больше свободы */
@media (max-width: 700px) {
  .anc-feed-title {
    min-height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 3 !important;
  }

  .anc-feed-excerpt {
    min-height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 4 !important;
  }

  .anc-seo-bottom {
    padding: 20px 16px !important;
  }

  .anc-seo-bottom-links a {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* =========================================================
   ANCIENTCIVS V19/V20 — clean cards + scrollbar + backtop + image style
   1) категория сверху тонкой строкой
   2) описание мягче и короче
   3) просмотры тихой строкой
   4) убрана метка "НОВОЕ"
   5) тонкая верхняя песочная линия карточки
   8) единый стиль изображений
   + красивый боковой скролл
   + кнопка "наверх"
========================================================= */


/* =========================================================
   КАРТОЧКИ: категория сверху, название, описание, просмотры
========================================================= */

.anc-feed-meta {
  display: flex !important;
  align-items: center !important;
  min-height: 1.45em !important;
  max-height: 1.45em !important;
  margin-bottom: 8px !important;
  overflow: hidden !important;
}

.anc-feed-meta span {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  color: #b99159 !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* показываем только категорию, если в информере остались дата/автор/комментарии */
.anc-feed-meta span:nth-child(n+2) {
  display: none !important;
}

.anc-feed-meta span::before {
  content: "◆";
  margin-right: 7px;
  color: #8f6338;
  font-size: 0.68em;
}

.anc-feed-title {
  min-height: 2.55em !important;
  max-height: 2.55em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.anc-feed-excerpt {
  color: #bfa06d !important;
  font-size: 0.93rem !important;
  line-height: 1.5 !important;
  min-height: 4.5em !important;
  max-height: 4.5em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

.anc-feed-card,
.anc-forum-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  border-color: rgba(120, 82, 48, 0.26) !important;
}

.anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.anc-feed-footer {
  margin-top: auto !important;
  padding-top: 11px !important;
  border-top: 1px solid rgba(120, 82, 48, 0.24) !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* скрываем ссылки "читать/комментарии", оставляем просмотры */
.anc-feed-links {
  display: none !important;
}

.anc-feed-pill {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8f724b !important;
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
}

.anc-feed-pill::before {
  content: "◷";
  margin-right: 6px;
  color: #a88354;
  font-size: 0.95em;
}

/* убираем метку "НОВОЕ" */
.anc-section--news .anc-feed-card::after {
  display: none !important;
  content: none !important;
}

/* тонкая верхняя песочная линия карточки */
.anc-feed-card::before,
.anc-forum-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 18px !important;
  right: 18px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.34), transparent) !important;
  pointer-events: none !important;
  z-index: 2 !important;
  box-shadow: none !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover {
  border-color: rgba(155, 109, 66, 0.36) !important;
}


/* =========================================================
   ЕДИНЫЙ СТИЛЬ ИЗОБРАЖЕНИЙ КАРТОЧЕК
========================================================= */

.anc-feed-cover {
  position: relative !important;
  overflow: hidden !important;
  background-color: #080604 !important;
  background-size: cover !important;
  background-position: center !important;
  filter:
    sepia(0.10)
    contrast(1.08)
    saturate(0.92)
    brightness(0.92) !important;
}

.anc-feed-card:hover .anc-feed-cover {
  filter:
    sepia(0.07)
    contrast(1.12)
    saturate(1.02)
    brightness(0.96) !important;
}

.anc-feed-cover::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(227, 195, 138, 0.10), transparent 42%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(42, 24, 10, 0.18)) !important;
}


/* =========================================================
   КРАСИВЫЙ БОКОВОЙ СКРОЛЛ СПРАВА
========================================================= */

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #8f6338 #070504;
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}

::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, #070504 0%, #120c08 50%, #070504 100%);
  border-left: 1px solid rgba(203, 160, 96, 0.10);
}

::-webkit-scrollbar-thumb {
  border: 3px solid #070504;
  border-radius: 999px;
  background:
    linear-gradient(180deg, #cda66e 0%, #8f6338 48%, #5d3b1f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 232, 176, 0.28),
    inset 0 -1px 0 rgba(0, 0, 0, 0.45);
}

::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg, #e3c38a 0%, #a97843 48%, #704823 100%);
}

::-webkit-scrollbar-corner {
  background: #070504;
}


/* =========================================================
   КНОПКА "НАВЕРХ"
========================================================= */

.anc-backtop {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(203, 160, 96, 0.30);
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 0%, rgba(227, 195, 138, 0.12), transparent 62%),
    linear-gradient(180deg, #1b1917 0%, #1b1917 100%);
  color: #d7b678;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.44);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition:
    opacity 0.22s ease,
    visibility 0.22s ease,
    transform 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease,
    color 0.22s ease;
}

.anc-backtop::before {
  content: "↑";
  font-family: Georgia, serif;
  font-size: 1.45rem;
  line-height: 1;
  transform: translateY(-1px);
}

.anc-backtop:hover {
  border-color: rgba(240, 215, 160, 0.48);
  background:
    radial-gradient(circle at 50% 0%, rgba(240, 215, 160, 0.16), transparent 62%),
    linear-gradient(180deg, #2c1c11 0%, #140d08 100%);
  color: #f0d7a0;
  transform: translateY(6px);
}

.anc-backtop.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 700px) {
  .anc-backtop {
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
  }

  .anc-feed-title {
    min-height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 3 !important;
  }

  .anc-feed-excerpt {
    min-height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 4 !important;
  }
}

/* =========================================================
   ANCIENTCIVS V21 — final underline fix
   Полностью убираем лишние подчёркивания внутри карточек
========================================================= */

/* Ссылки внутри карточек без подчёркиваний */
.anc-feed-card a,
.anc-feed-card a:link,
.anc-feed-card a:visited,
.anc-feed-card a:hover,
.anc-feed-card a:active,
.anc-forum-card a,
.anc-forum-card a:link,
.anc-forum-card a:visited,
.anc-forum-card a:hover,
.anc-forum-card a:active {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Убираем подчёркивание у всего текста внутри описания, заголовка и мета */
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-feed-excerpt a,
.anc-feed-excerpt a *,
.anc-feed-title,
.anc-feed-title *,
.anc-feed-title a,
.anc-feed-title a *,
.anc-feed-meta,
.anc-feed-meta *,
.anc-feed-footer,
.anc-feed-footer * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Если в описании попали теги <u> */
.anc-feed-card u,
.anc-feed-card u *,
.anc-feed-excerpt u,
.anc-feed-excerpt u * {
  text-decoration: none !important;
}

/* Если uCoz или старый шаблон даёт inline-стили */
.anc-feed-excerpt [style*="text-decoration"],
.anc-feed-title [style*="text-decoration"],
.anc-feed-card [style*="text-decoration"] {
  text-decoration: none !important;
}

/* Если подчёркивание идёт псевдоэлементом или фоновой линией */
.anc-feed-excerpt a::before,
.anc-feed-excerpt a::after,
.anc-feed-title a::before,
.anc-feed-title a::after,
.anc-feed-card a::before,
.anc-feed-card a::after,
.anc-forum-card a::before,
.anc-forum-card a::after {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Заголовок и описание только меняют цвет при наведении */
.anc-feed-title a:hover,
.anc-feed-excerpt a:hover {
  color: #f0d7a0 !important;
}

/* =========================================================
   ANCIENTCIVS V22 — image restore after underline fix
   Важно: .anc-feed-cover — это ссылка с background-image.
   Нельзя обнулять background-image у всех ссылок внутри карточек.
========================================================= */

/* Восстанавливаем нормальную работу превью-картинок */
.anc-feed-cover,
.anc-feed-cover:link,
.anc-feed-cover:visited,
.anc-feed-cover:hover,
.anc-feed-cover:active {
  display: block !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(120, 82, 48, 0.34) !important;
}

/* Подчёркивания убираем безопасно, не трогая background-image самих ссылок */
.anc-feed-card a,
.anc-feed-card a:link,
.anc-feed-card a:visited,
.anc-feed-card a:hover,
.anc-feed-card a:active,
.anc-forum-card a,
.anc-forum-card a:link,
.anc-forum-card a:visited,
.anc-forum-card a:hover,
.anc-forum-card a:active {
  text-decoration: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

/* А вот псевдоэлементы ссылок можно обнулить — они не хранят картинки */
.anc-feed-excerpt a::before,
.anc-feed-excerpt a::after,
.anc-feed-title a::before,
.anc-feed-title a::after,
.anc-feed-card a:not(.anc-feed-cover)::before,
.anc-feed-card a:not(.anc-feed-cover)::after,
.anc-forum-card a::before,
.anc-forum-card a::after {
  content: none !important;
  display: none !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Описание и заголовки без подчёркивания */
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-feed-title,
.anc-feed-title *,
.anc-feed-meta,
.anc-feed-meta * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


/* =========================================================
   ANCIENTCIVS — фикс прыгающего $MESSAGE$ в карточках новостей
========================================================= */

.anc-feed-excerpt {
  display: block !important;
  min-height: 4.45em !important;
  max-height: 4.45em !important;
  overflow: hidden !important;
  color: #bfa06d !important;
  font-size: 0.93rem !important;
  line-height: 1.48 !important;
}

.anc-feed-excerpt p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

.anc-feed-excerpt p::after {
  content: " ";
}

.anc-feed-excerpt p:nth-of-type(n+2) {
  display: none !important;
}

.anc-feed-excerpt * {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
}

.anc-feed-excerpt a {
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================================
   ANCIENTCIVS — первая новость такая же, как остальные
========================================================= */

/* Убираем особый стиль первой новости */
.anc-live-grid--news > .anc-feed-card:first-child {
  display: flex !important;
  flex-direction: column !important;
  grid-column: auto !important;
  grid-row: auto !important;
  grid-template-columns: none !important;
}

/* Первая картинка такая же, как у остальных */
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover,
.anc-section--news .anc-feed-card:first-child .anc-feed-cover {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
  width: 100% !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(120, 82, 48, 0.34) !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Заголовок первой новости такой же, как у остальных */
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title a,
.anc-section--news .anc-feed-card:first-child .anc-feed-title,
.anc-section--news .anc-feed-card:first-child .anc-feed-title a {
  font-size: 1.18rem !important;
  line-height: 1.28 !important;
  min-height: 3.05em !important;
  max-height: 3.05em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* Описание первой новости такое же */
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-excerpt,
.anc-section--news .anc-feed-card:first-child .anc-feed-excerpt {
  font-size: 0.92rem !important;
  line-height: 1.48 !important;
  min-height: 4.35em !important;
  max-height: 4.35em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

/* Тело первой карточки одинаковое */
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-body,
.anc-section--news .anc-feed-card:first-child .anc-feed-body {
  padding: 18px 18px 16px !important;
}

/* Сетка новостей строго 4 равные колонки */
.anc-live-grid--news {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* Все карточки новостей одинаковой высоты */
.anc-section--news .anc-feed-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.anc-section--news .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.anc-section--news .anc-feed-footer {
  margin-top: auto !important;
}

/* Адаптив */
@media (max-width: 1500px) {
  .anc-live-grid--news {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  .anc-live-grid--news {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .anc-live-grid--news {
    grid-template-columns: 1fr !important;
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover,
  .anc-section--news .anc-feed-card:first-child .anc-feed-cover {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — фикс просмотров внизу карточек новостей
========================================================= */

/* Все карточки новостей одинаково растягиваются */
.anc-section--news .anc-feed-card,
.anc-live-grid--news .anc-feed-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Тело карточки занимает всё доступное место */
.anc-section--news .anc-feed-body,
.anc-live-grid--news .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* Категория не растягивает карточку */
.anc-section--news .anc-feed-meta,
.anc-live-grid--news .anc-feed-meta {
  flex: 0 0 auto !important;
}

/* Заголовок фиксированной высоты */
.anc-section--news .anc-feed-title,
.anc-live-grid--news .anc-feed-title {
  flex: 0 0 auto !important;
  min-height: 3.05em !important;
  max-height: 3.05em !important;
}

/* Описание всегда занимает одинаковое место */
.anc-section--news .anc-feed-excerpt,
.anc-live-grid--news .anc-feed-excerpt {
  flex: 0 0 auto !important;
  min-height: 4.35em !important;
  max-height: 4.35em !important;
}

/* Просмотры всегда в самый низ */
.anc-section--news .anc-feed-footer,
.anc-live-grid--news .anc-feed-footer {
  margin-top: auto !important;
  flex: 0 0 auto !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

/* Плашка просмотров не прыгает */
.anc-section--news .anc-feed-pill,
.anc-live-grid--news .anc-feed-pill {
  margin-left: auto !important;
  align-self: flex-end !important;
}

/* =========================================================
   ANCIENTCIVS — FINAL FIX FROM CURRENT CSS
   Исправляет:
   1) первую новость, чтобы она была как остальные карточки;
   2) просмотры, чтобы они всегда были внизу;
   3) $MESSAGE$ с абзацами <p>, чтобы карточки не прыгали;
   4) картинки, чтобы background-image не пропадал;
   5) подчёркивания внутри карточек;
========================================================= */


/* ---------- КАРТИНКИ В КАРТОЧКАХ НЕ ТРОГАЕМ КАК ОБЫЧНЫЕ ССЫЛКИ ---------- */

.anc-feed-cover,
.anc-feed-cover:link,
.anc-feed-cover:visited,
.anc-feed-cover:hover,
.anc-feed-cover:active {
  display: block !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-decoration: none !important;
  box-shadow: none !important;
}


/* ---------- СЕТКА НОВОСТЕЙ: 4 РАВНЫЕ КОЛОНКИ ---------- */

.anc-live-grid--news {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}


/* ---------- ПЕРВАЯ НОВОСТЬ ТАКАЯ ЖЕ, КАК ОСТАЛЬНЫЕ ---------- */

.anc-live-grid--news > :first-child,
.anc-live-grid--news > .anc-feed-card:first-child,
.anc-section--news .anc-feed-card:first-child {
  grid-column: auto !important;
  grid-row: auto !important;
}

.anc-live-grid--news > .anc-feed-card:first-child,
.anc-section--news .anc-feed-card:first-child {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 0 !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover,
.anc-section--news .anc-feed-card:first-child .anc-feed-cover,
.anc-section--news .anc-feed-cover {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
  width: 100% !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(120, 82, 48, 0.34) !important;
  background-size: cover !important;
  background-position: center !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-body,
.anc-section--news .anc-feed-card:first-child .anc-feed-body,
.anc-section--news .anc-feed-body {
  padding: 18px 18px 16px !important;
}


/* ---------- НОВОСТНЫЕ КАРТОЧКИ ОДНОЙ ВЫСОТЫ ---------- */

.anc-section--news .anc-feed-card,
.anc-live-grid--news .anc-feed-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}

.anc-section--news .anc-feed-body,
.anc-live-grid--news .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
}


/* ---------- КАТЕГОРИЯ СВЕРХУ ---------- */

.anc-section--news .anc-feed-meta,
.anc-live-grid--news .anc-feed-meta {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-height: 1.45em !important;
  max-height: 1.45em !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

.anc-section--news .anc-feed-meta span,
.anc-live-grid--news .anc-feed-meta span {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  color: #b99159 !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.anc-section--news .anc-feed-meta span:nth-child(n+2),
.anc-live-grid--news .anc-feed-meta span:nth-child(n+2) {
  display: none !important;
}

.anc-section--news .anc-feed-meta span::before,
.anc-live-grid--news .anc-feed-meta span::before {
  content: "◆";
  margin-right: 7px;
  color: #8f6338;
  font-size: 0.68em;
}


/* ---------- ЗАГОЛОВКИ НОВОСТЕЙ ОДИНАКОВЫЕ ---------- */

.anc-section--news .anc-feed-title,
.anc-section--news .anc-feed-title a,
.anc-live-grid--news .anc-feed-title,
.anc-live-grid--news .anc-feed-title a,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title a {
  font-size: 1.18rem !important;
  line-height: 1.28 !important;
  min-height: 3.05em !important;
  max-height: 3.05em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  flex: 0 0 auto !important;
}


/* ---------- $MESSAGE$ С АБЗАЦАМИ НЕ ДОЛЖЕН ЛОМАТЬ ВЫСОТУ ---------- */

.anc-section--news .anc-feed-excerpt,
.anc-live-grid--news .anc-feed-excerpt {
  display: block !important;
  flex: 0 0 auto !important;
  min-height: 4.35em !important;
  max-height: 4.35em !important;
  overflow: hidden !important;
  color: #bfa06d !important;
  font-size: 0.92rem !important;
  line-height: 1.48 !important;
  text-decoration: none !important;
}

/* Берём только первый абзац из $MESSAGE$ */
.anc-section--news .anc-feed-excerpt p,
.anc-live-grid--news .anc-feed-excerpt p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.anc-section--news .anc-feed-excerpt p::after,
.anc-live-grid--news .anc-feed-excerpt p::after {
  content: " ";
}

.anc-section--news .anc-feed-excerpt p:nth-of-type(n+2),
.anc-live-grid--news .anc-feed-excerpt p:nth-of-type(n+2) {
  display: none !important;
}

.anc-section--news .anc-feed-excerpt *,
.anc-live-grid--news .anc-feed-excerpt * {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
}


/* ---------- ПРОСМОТРЫ ВСЕГДА ВНИЗУ ---------- */

.anc-section--news .anc-feed-footer,
.anc-live-grid--news .anc-feed-footer {
  margin-top: auto !important;
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding-top: 11px !important;
  border-top: 1px solid rgba(120, 82, 48, 0.24) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

.anc-section--news .anc-feed-links,
.anc-live-grid--news .anc-feed-links {
  display: none !important;
}

.anc-section--news .anc-feed-pill,
.anc-live-grid--news .anc-feed-pill {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8f724b !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
}

.anc-section--news .anc-feed-pill::before,
.anc-live-grid--news .anc-feed-pill::before {
  content: "◷";
  margin-right: 6px;
  color: #a88354;
  font-size: 0.95em;
}


/* ---------- УБИРАЕМ ПОДЧЁРКИВАНИЯ, НЕ ЛОМАЯ КАРТИНКИ ---------- */

.anc-feed-card a:not(.anc-feed-cover),
.anc-feed-card a:not(.anc-feed-cover):link,
.anc-feed-card a:not(.anc-feed-cover):visited,
.anc-feed-card a:not(.anc-feed-cover):hover,
.anc-feed-card a:not(.anc-feed-cover):active,
.anc-forum-card a,
.anc-forum-card a:link,
.anc-forum-card a:visited,
.anc-forum-card a:hover,
.anc-forum-card a:active {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.anc-feed-title,
.anc-feed-title *,
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-feed-meta,
.anc-feed-meta * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.anc-feed-card a:not(.anc-feed-cover)::before,
.anc-feed-card a:not(.anc-feed-cover)::after,
.anc-forum-card a::before,
.anc-forum-card a::after {
  background: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


/* ---------- АДАПТИВ ---------- */

@media (max-width: 1500px) {
  .anc-live-grid--news {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  .anc-live-grid--news {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .anc-live-grid--news {
    grid-template-columns: 1fr !important;
  }

  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover,
  .anc-section--news .anc-feed-card:first-child .anc-feed-cover,
  .anc-section--news .anc-feed-cover {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .anc-section--news .anc-feed-title,
  .anc-live-grid--news .anc-feed-title {
    min-height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 3 !important;
  }

  .anc-section--news .anc-feed-excerpt,
  .anc-live-grid--news .anc-feed-excerpt {
    min-height: auto !important;
    max-height: none !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V23 menu + cards + section polish
   1) активный пункт главного меню
   3) мягкое движение карточек
   4) красивая строка категории
   5) архивные разделители между секциями
========================================================= */


/* =========================================================
   1. АКТИВНЫЙ ПУНКТ ГЛАВНОГО МЕНЮ
========================================================= */

.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA,
.anc-main-menu li.active > a {
  position: relative !important;
  border-color: rgba(240, 215, 160, 0.52) !important;
  background:
    linear-gradient(180deg, #3a2515 0%, #1a1009 100%) !important;
  color: #f0d7a0 !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.76),
    0 10px 20px rgba(0, 0, 0, 0.36) !important;
}

.anc-main-menu a.uMenuItemA::after,
.anc-main-menu a.active::after,
.anc-main-menu .uMenuItemA::after,
.anc-main-menu li.active > a::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 4px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent, rgba(240, 215, 160, 0.72), transparent) !important;
  pointer-events: none !important;
}

.anc-main-menu a.uMenuItemA .anc-nav-ico,
.anc-main-menu a.active .anc-nav-ico,
.anc-main-menu li.active > a .anc-nav-ico {
  color: #f0d7a0 !important;
  opacity: 1 !important;
}


/* =========================================================
   3. КАРТОЧКИ ПРИ НАВЕДЕНИИ ЧУТЬ ЖИВЕЕ
========================================================= */

.anc-feed-card,
.anc-forum-card {
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover {
  transform: translateY(-2px) !important;
}

.anc-feed-cover {
  transition:
    filter 0.22s ease,
    opacity 0.22s ease !important;
}

.anc-feed-card:hover .anc-feed-cover {
  filter:
    sepia(0.06)
    contrast(1.12)
    saturate(1.02)
    brightness(0.97) !important;
}


/* =========================================================
   4. КРАСИВАЯ СТРОКА КАТЕГОРИИ В КАРТОЧКАХ
========================================================= */

.anc-feed-meta {
  position: relative !important;
}

.anc-feed-meta span {
  position: relative !important;
}

/* маленький знак перед категорией */
.anc-feed-meta span::before {
  content: "◆" !important;
  margin-right: 7px !important;
  color: #8f6338 !important;
  font-size: 0.68em !important;
}

/* тонкая песочная линия после категории */
.anc-feed-meta span::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: -42px !important;
  bottom: -4px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, rgba(203, 160, 96, 0.34), transparent) !important;
  pointer-events: none !important;
}

/* если старые стили добавляли точку-разделитель после span, убираем конфликт */
.anc-feed-meta span:not(:last-child)::after {
  content: "" !important;
}


/* =========================================================
   5. АРХИВНЫЕ РАЗДЕЛИТЕЛИ МЕЖДУ БОЛЬШИМИ СЕКЦИЯМИ
========================================================= */

.anc-section + .anc-section {
  position: relative !important;
  padding-top: 14px !important;
}

.anc-section + .anc-section::before {
  content: "" !important;
  display: block !important;
  height: 1px !important;
  margin-bottom: 20px !important;
  background:
    linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.22), transparent) !important;
}

/* у SEO-блоков разделитель делаем чуть спокойнее */
.anc-section--seo-bottom::before,
.anc-section--seo-intro + .anc-section::before {
  opacity: 0.75 !important;
}


/* =========================================================
   ДОПОЛНИТЕЛЬНО: чтобы разделители не ломали мобильную версию
========================================================= */

@media (max-width: 700px) {
  .anc-section + .anc-section {
    padding-top: 10px !important;
  }

  .anc-section + .anc-section::before {
    margin-bottom: 16px !important;
  }

  .anc-feed-card:hover,
  .anc-forum-card:hover {
    transform: none !important;
  }
}

/* =========================================================
   ANCIENTCIVS V24 — premium horizontal navigation
   Более красивое главное горизонтальное меню:
   тёмная шоколадная плита, песочные линии, компактные кнопки,
   мягкий hover и активный пункт
========================================================= */


/* ---------- ОБЩАЯ ПАНЕЛЬ ГЛАВНОГО МЕНЮ ---------- */

.anc-mainnav-wrap {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(229, 194, 129, 0.12), transparent 42%),
    linear-gradient(180deg, #21150d 0%, #110b07 52%, #070504 100%) !important;
  border-top: 1px solid rgba(229, 194, 129, 0.16) !important;
  border-bottom: 1px solid rgba(146, 96, 50, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(244, 218, 162, 0.055),
    inset 0 -1px 0 rgba(0, 0, 0, 0.72),
    0 14px 30px rgba(0, 0, 0, 0.42) !important;
}

/* Верхняя песочная линия */
.anc-mainnav-wrap::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent, rgba(229, 194, 129, 0.60), transparent) !important;
  pointer-events: none !important;
}

/* Едва заметный орнамент/текстура внутри панели */
.anc-mainnav-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.16 !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(244, 218, 162, 0.035) 0,
      rgba(244, 218, 162, 0.035) 1px,
      transparent 1px,
      transparent 10px
    ) !important;
}


/* ---------- СПИСОК МЕНЮ ---------- */

.anc-main-menu {
  position: relative !important;
  z-index: 1 !important;
}

.anc-main-menu ul {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  list-style: none !important;
}


/* ---------- КНОПКИ МЕНЮ ---------- */

.anc-main-menu a {
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 40px !important;
  padding: 8px 15px !important;
  border-radius: 7px !important;
  border: 1px solid rgba(203, 160, 96, 0.28) !important;
  background:
    linear-gradient(180deg, #2c1d12 0%, #1a110a 52%, #100a06 100%) !important;
  color: #dcc083 !important;
  box-shadow:
    inset 0 1px 0 rgba(244, 218, 162, 0.10),
    inset 0 -1px 0 rgba(0, 0, 0, 0.75),
    0 7px 15px rgba(0, 0, 0, 0.30) !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.80rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

/* Песочная линия внутри кнопки */
.anc-main-menu a::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: 0 !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent, rgba(244, 218, 162, 0.42), transparent) !important;
  pointer-events: none !important;
}

/* Мягкий нижний отблеск */
.anc-main-menu a::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 4px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.00), transparent) !important;
  pointer-events: none !important;
  transition: background 0.18s ease !important;
}

/* Hover */
.anc-main-menu a:hover {
  border-color: rgba(244, 218, 162, 0.48) !important;
  background:
    linear-gradient(180deg, #3a2617 0%, #21150d 52%, #140d08 100%) !important;
  color: #f2d79b !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(244, 218, 162, 0.14),
    inset 0 -1px 0 rgba(0, 0, 0, 0.78),
    0 10px 22px rgba(0, 0, 0, 0.38) !important;
}

.anc-main-menu a:hover::after {
  background:
    linear-gradient(90deg, transparent, rgba(244, 218, 162, 0.58), transparent) !important;
}


/* ---------- ИКОНКИ В МЕНЮ ---------- */

.anc-main-menu .anc-nav-ico {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  color: #cda66e !important;
  opacity: 0.92 !important;
  transition:
    color 0.18s ease,
    opacity 0.18s ease,
    transform 0.18s ease !important;
}

.anc-main-menu a:hover .anc-nav-ico {
  color: #f2d79b !important;
  opacity: 1 !important;
  transform: scale(1.08) !important;
}


/* ---------- АКТИВНЫЙ ПУНКТ ---------- */

.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  border-color: rgba(244, 218, 162, 0.58) !important;
  background:
    linear-gradient(180deg, #432b19 0%, #24170e 52%, #150d08 100%) !important;
  color: #f4dca7 !important;
  box-shadow:
    inset 0 1px 0 rgba(244, 218, 162, 0.18),
    inset 0 -1px 0 rgba(0, 0, 0, 0.78),
    0 10px 22px rgba(0, 0, 0, 0.40) !important;
}

.anc-main-menu a.uMenuItemA::after,
.anc-main-menu a.active::after,
.anc-main-menu .uMenuItemA::after,
.anc-main-menu li.active > a::after {
  background:
    linear-gradient(90deg, transparent, rgba(244, 218, 162, 0.76), transparent) !important;
}

.anc-main-menu a.uMenuItemA .anc-nav-ico,
.anc-main-menu a.active .anc-nav-ico,
.anc-main-menu li.active > a .anc-nav-ico {
  color: #f4dca7 !important;
  opacity: 1 !important;
}


/* ---------- ПЕРВЫЙ ПУНКТ ЧУТЬ БОЛЕЕ ПРЕМИУМ ---------- */

.anc-main-menu li:first-child a {
  border-color: rgba(229, 194, 129, 0.40) !important;
}


/* ---------- АДАПТИВ ---------- */

@media (max-width: 900px) {
  .anc-main-menu ul {
    gap: 7px !important;
    padding: 10px 0 !important;
  }

  .anc-main-menu a {
    min-height: 39px !important;
    padding: 8px 13px !important;
    font-size: 0.78rem !important;
  }
}

@media (max-width: 700px) {
  .anc-main-menu ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .anc-main-menu a {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* =========================================================
   ANCIENTCIVS V25 — sticky horizontal menu + restored background
   Исправляет:
   1) залипает только горизонтальное меню;
   2) фон сайта снова шоколадно-песочный, не слишком чёрный;
   3) плашка меню светлее, без лишнего градиента;
   4) кнопки меню темнее плашки.
========================================================= */


/* =========================================================
   ФОН САЙТА — возвращаем красивый шоколадно-песочный фон
========================================================= */

body {
  background:
    radial-gradient(circle at 14% 0%, rgba(203, 160, 96, 0.18), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(123, 78, 39, 0.18), transparent 32%),
    radial-gradient(circle at 50% 100%, rgba(92, 56, 28, 0.22), transparent 46%),
    linear-gradient(180deg, #140d08 0%, #0e0906 48%, #090604 100%) !important;
  color: var(--anc-ink) !important;
}

/* Мягкая песочная текстура, не чёрная */
body::before {
  opacity: 0.12 !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(240, 215, 160, 0.030) 0,
      rgba(240, 215, 160, 0.030) 1px,
      transparent 1px,
      transparent 6px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.012) 0,
      rgba(255, 255, 255, 0.012) 1px,
      transparent 1px,
      transparent 9px
    ) !important;
  mix-blend-mode: screen !important;
}

/* Виньетка мягче */
body::after {
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 18%, transparent 0%, transparent 54%, rgba(0, 0, 0, 0.30) 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.26), transparent 20%, transparent 80%, rgba(0, 0, 0, 0.26)) !important;
}

/* Область под меню больше не убивает фон чёрной заливкой */
.anc-main-wrap {
  background:
    radial-gradient(circle at 50% 0%, rgba(203, 160, 96, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(18, 12, 8, 0.72), rgba(9, 6, 4, 0.82)) !important;
}


/* =========================================================
   ЗАЛИПАНИЕ ТОЛЬКО ГОРИЗОНТАЛЬНОГО МЕНЮ
   Важно: header делаем display: contents, чтобы sticky у меню
   работал относительно страницы, а не ограничивался высотой header.
========================================================= */

.anc-header {
  display: contents !important;
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  backdrop-filter: none !important;
}

.anc-topbar-wrap {
  position: relative !important;
  z-index: 80 !important;
}

/* Липнет только эта панель */
.anc-mainnav-wrap {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;

  background: #11100f !important;
  border-top: 1px solid rgba(203, 160, 96, 0.18) !important;
  border-bottom: 1px solid rgba(203, 160, 96, 0.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.055),
    0 12px 26px rgba(0, 0, 0, 0.42) !important;
}

/* Без градиентной текстуры у самой плашки */
.anc-mainnav-wrap::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Тонкая линия сверху */
.anc-mainnav-wrap::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 1px !important;
  background: rgba(203, 160, 96, 0.30) !important;
  opacity: 0.80 !important;
  pointer-events: none !important;
}


/* =========================================================
   КНОПКИ ГОРИЗОНТАЛЬНОГО МЕНЮ — темнее плашки
========================================================= */

.anc-main-menu ul {
  padding: 10px 0 !important;
  gap: 8px !important;
}

.anc-main-menu a {
  background: #1b1917 !important;
  border-color: rgba(145, 96, 50, 0.36) !important;
  color: #cda66e !important;
  box-shadow:
    inset 0 1px 0 rgba(229, 194, 129, 0.055),
    inset 0 -1px 0 rgba(0, 0, 0, 0.82),
    0 7px 15px rgba(0, 0, 0, 0.34) !important;
}

/* Внутренняя линия кнопки мягкая */
.anc-main-menu a::before {
  background:
    linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.22), transparent) !important;
}

/* Hover */
.anc-main-menu a:hover {
  background: #211d1b !important;
  border-color: rgba(203, 160, 96, 0.46) !important;
  color: #f0d7a0 !important;
}

/* Активный пункт */
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  background: #27231f !important;
  border-color: rgba(229, 194, 129, 0.50) !important;
  color: #f0d7a0 !important;
}

.anc-main-menu .anc-nav-ico {
  color: #b99159 !important;
}

.anc-main-menu a:hover .anc-nav-ico,
.anc-main-menu a.uMenuItemA .anc-nav-ico,
.anc-main-menu a.active .anc-nav-ico,
.anc-main-menu li.active > a .anc-nav-ico {
  color: #e7c98e !important;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 700px) {
  .anc-mainnav-wrap {
    position: sticky !important;
    top: 0 !important;
  }

  .anc-main-menu ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .anc-main-menu a {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}


/* =========================================================
   ANCIENTCIVS — надёжное залипание горизонтального меню
   Через класс .anc-mainnav-wrap.is-fixed
========================================================= */

/* Возвращаем обычную шапку */
.anc-header {
  position: relative !important;
  top: auto !important;
  z-index: 100 !important;
  display: block !important;
  backdrop-filter: none !important;
}

/* Верхняя часть с логотипом не залипает */
.anc-topbar-wrap {
  position: relative !important;
  z-index: 90 !important;
}

/* Меню в обычном состоянии */
.anc-mainnav-wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 95 !important;

  background: #11100f !important;
  border-top: 1px solid rgba(203, 160, 96, 0.18) !important;
  border-bottom: 1px solid rgba(203, 160, 96, 0.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.055),
    0 12px 26px rgba(0, 0, 0, 0.42) !important;
}

/* Когда меню прилипло */
.anc-mainnav-wrap.is-fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;

  background: #11100f !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.055),
    0 12px 28px rgba(0, 0, 0, 0.56) !important;
}

/* Заглушка, чтобы страница не прыгала, когда меню становится fixed */
.anc-mainnav-placeholder {
  display: none;
  height: 0;
}

.anc-mainnav-placeholder.is-visible {
  display: block;
}

/* Убираем лишнюю текстуру у плашки меню */
.anc-mainnav-wrap::after {
  display: none !important;
  content: none !important;
}

/* Кнопки меню */
.anc-main-menu ul {
  padding: 10px 0 !important;
  gap: 8px !important;
}

.anc-main-menu a {
  background: #1b1917 !important;
  border-color: rgba(145, 96, 50, 0.36) !important;
  color: #cda66e !important;
}

.anc-main-menu a:hover {
  background: #211d1b !important;
  border-color: rgba(203, 160, 96, 0.46) !important;
  color: #f0d7a0 !important;
}

/* Активный пункт */
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  background: #27231f !important;
  border-color: rgba(229, 194, 129, 0.50) !important;
  color: #f0d7a0 !important;
}


/* =========================================================
   ANCIENTCIVS — левое меню без градиента + sticky menu fix
========================================================= */


/* =========================
   ЛЕВОЕ МЕНЮ БЕЗ ГРАДИЕНТА
========================= */

.anc-sidebox,
.anc-sidebox--atlas,
.anc-sidebox--mystery {
  background: #1b1917 !important;
  border: 1px solid rgba(145, 96, 50, 0.30) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.30) !important;
}

/* Убираем все декоративные переливы */
.anc-sidebox::before,
.anc-sidebox::after,
.anc-sidebox--atlas::before,
.anc-sidebox--atlas::after,
.anc-sidebox--mystery::before,
.anc-sidebox--mystery::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Заголовки блоков */
.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title {
  background: #1d140d !important;
  border-bottom: 1px solid rgba(145, 96, 50, 0.32) !important;
  color: #d9b878 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Аккордеон */
.anc-accordion {
  background: #11100f !important;
  border: 1px solid rgba(145, 96, 50, 0.22) !important;
  box-shadow: none !important;
}

.anc-accordion summary {
  background: #18110b !important;
  border-bottom: 1px solid rgba(145, 96, 50, 0.22) !important;
  color: #cda66e !important;
  box-shadow: none !important;
}

.anc-accordion summary::after {
  color: #b99159 !important;
}

/* Внутренняя область */
.anc-accordion-body,
.anc-accordion-body--atlas,
.anc-sidebox--mystery > .anc-side-list {
  background: #100b07 !important;
}

/* Группы */
.anc-side-group-title {
  color: #b99159 !important;
  border-bottom: 1px solid rgba(145, 96, 50, 0.20) !important;
}

/* Пункты меню */
.anc-side-list a,
.anc-sidebox--mystery .anc-side-list a {
  background: #18110b !important;
  border: 1px solid rgba(145, 96, 50, 0.18) !important;
  color: #c8aa78 !important;
  box-shadow: none !important;
}

.anc-side-list a::before,
.anc-sidebox--mystery .anc-side-list a::before {
  background: #b99159 !important;
  box-shadow: 0 0 6px rgba(203, 160, 96, 0.22) !important;
}

.anc-side-list a:hover,
.anc-sidebox--mystery .anc-side-list a:hover {
  background: #21160e !important;
  border-color: rgba(203, 160, 96, 0.32) !important;
  color: #f0d7a0 !important;
}

.anc-side-group + .anc-side-group {
  border-top: 1px solid rgba(145, 96, 50, 0.18) !important;
}


/* =========================
   ГОРИЗОНТАЛЬНОЕ МЕНЮ
   ОБЫЧНОЕ СОСТОЯНИЕ
========================= */

.anc-header {
  position: relative !important;
  top: auto !important;
  z-index: 100 !important;
  display: block !important;
  backdrop-filter: none !important;
}

.anc-topbar-wrap {
  position: relative !important;
  z-index: 90 !important;
}

/* В обычном состоянии меню стоит на месте */
.anc-mainnav-wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 95 !important;

  background: #11100f !important;
  border-top: 1px solid rgba(203, 160, 96, 0.18) !important;
  border-bottom: 1px solid rgba(203, 160, 96, 0.34) !important;

  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.055),
    0 12px 26px rgba(0, 0, 0, 0.42) !important;
}

/* Убираем текстуру/градиент у плашки */
.anc-mainnav-wrap::after {
  display: none !important;
  content: none !important;
  background: none !important;
}


/* =========================
   ФИКСИРОВАННОЕ МЕНЮ
   КЛАСС ДОБАВЛЯЕТ JS
========================= */

body.anc-nav-fixed .anc-mainnav-wrap {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;

  background: #11100f !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.055),
    0 12px 28px rgba(0, 0, 0, 0.58) !important;
}

/* Заглушка высоты, чтобы страница не прыгала */
.anc-nav-spacer {
  display: none;
  height: 0;
}

body.anc-nav-fixed .anc-nav-spacer {
  display: block;
}


/* Кнопки меню */
.anc-main-menu ul {
  padding: 10px 0 !important;
  gap: 8px !important;
}

.anc-main-menu a {
  background: #1b1917 !important;
  border-color: rgba(145, 96, 50, 0.36) !important;
  color: #cda66e !important;
}

.anc-main-menu a:hover {
  background: #211d1b !important;
  border-color: rgba(203, 160, 96, 0.46) !important;
  color: #f0d7a0 !important;
}

.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  background: #27231f !important;
  border-color: rgba(229, 194, 129, 0.50) !important;
  color: #f0d7a0 !important;
}

/* =========================================================
   ANCIENTCIVS — FINAL PATCH
   Исправления:
   1) H1 в верхнем SEO-блоке меньше и аккуратнее;
   2) левое меню в стиле сайта, без градиентов;
   3) горизонтальное меню без sticky-хаоса, обычное стабильное;
   4) плашка горизонтального меню светлее, кнопки темнее;
   5) новости: первая карточка как остальные, просмотры внизу;
   6) $MESSAGE$ в карточках не ломает высоту;
========================================================= */


/* =========================================================
   H1 В ВЕРХНЕМ SEO-БЛОКЕ
========================================================= */

.anc-seo-hero {
  padding: 26px 30px 24px !important;
}

.anc-seo-title,
.anc-seo-hero h1 {
  max-width: 900px !important;
  margin: 8px 0 14px !important;
  font-size: clamp(1.85rem, 2.25vw, 2.75rem) !important;
  line-height: 1.14 !important;
  letter-spacing: 0.018em !important;
}

.anc-seo-text {
  max-width: 1080px !important;
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

.anc-seo-tags {
  margin-top: 16px !important;
}

@media (max-width: 700px) {
  .anc-seo-hero {
    padding: 20px 16px !important;
  }

  .anc-seo-title,
  .anc-seo-hero h1 {
    font-size: clamp(1.55rem, 7vw, 2.05rem) !important;
    line-height: 1.15 !important;
  }

  .anc-seo-text {
    font-size: 0.96rem !important;
  }
}


/* =========================================================
   ЛЕВОЕ МЕНЮ БЕЗ ГРАДИЕНТОВ, В СТИЛЕ САЙТА
========================================================= */

.anc-sidebox,
.anc-sidebox--atlas,
.anc-sidebox--mystery {
  background: #1b1917 !important;
  border: 1px solid rgba(145, 96, 50, 0.30) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.30) !important;
}

.anc-sidebox::before,
.anc-sidebox::after,
.anc-sidebox--atlas::before,
.anc-sidebox--atlas::after,
.anc-sidebox--mystery::before,
.anc-sidebox--mystery::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title {
  background: #1d140d !important;
  border-bottom: 1px solid rgba(145, 96, 50, 0.32) !important;
  color: #d9b878 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.anc-accordion {
  background: #11100f !important;
  border: 1px solid rgba(145, 96, 50, 0.22) !important;
  box-shadow: none !important;
}

.anc-accordion summary {
  background: #18110b !important;
  border-bottom: 1px solid rgba(145, 96, 50, 0.22) !important;
  color: #cda66e !important;
  box-shadow: none !important;
}

.anc-accordion summary::after {
  color: #b99159 !important;
}

.anc-accordion-body,
.anc-accordion-body--atlas,
.anc-sidebox--mystery > .anc-side-list {
  background: #100b07 !important;
}

.anc-side-group-title {
  color: #b99159 !important;
  border-bottom: 1px solid rgba(145, 96, 50, 0.20) !important;
}

.anc-side-list a,
.anc-sidebox--mystery .anc-side-list a {
  background: #18110b !important;
  border: 1px solid rgba(145, 96, 50, 0.18) !important;
  color: #c8aa78 !important;
  box-shadow: none !important;
}

.anc-side-list a::before,
.anc-sidebox--mystery .anc-side-list a::before {
  background: #b99159 !important;
  box-shadow: 0 0 6px rgba(203, 160, 96, 0.22) !important;
}

.anc-side-list a:hover,
.anc-sidebox--mystery .anc-side-list a:hover {
  background: #21160e !important;
  border-color: rgba(203, 160, 96, 0.32) !important;
  color: #f0d7a0 !important;
}

.anc-side-group + .anc-side-group {
  border-top: 1px solid rgba(145, 96, 50, 0.18) !important;
}


/* =========================================================
   ГОРИЗОНТАЛЬНОЕ МЕНЮ: СТАБИЛЬНО, БЕЗ STICKY
========================================================= */

.anc-header {
  position: relative !important;
  top: auto !important;
  z-index: 100 !important;
  display: block !important;
  backdrop-filter: none !important;
}

.anc-topbar-wrap {
  position: relative !important;
  z-index: 90 !important;
}

.anc-mainnav-wrap {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 95 !important;
  background: #11100f !important;
  border-top: 1px solid rgba(203, 160, 96, 0.18) !important;
  border-bottom: 1px solid rgba(203, 160, 96, 0.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(240, 215, 160, 0.055),
    0 12px 26px rgba(0, 0, 0, 0.42) !important;
}

.anc-mainnav-wrap::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.anc-mainnav-wrap::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 1px !important;
  background: rgba(203, 160, 96, 0.30) !important;
  opacity: 0.80 !important;
  pointer-events: none !important;
}

.anc-main-menu ul {
  padding: 10px 0 !important;
  gap: 8px !important;
}

.anc-main-menu a {
  background: #1b1917 !important;
  border-color: rgba(145, 96, 50, 0.36) !important;
  color: #cda66e !important;
  border-radius: 7px !important;
  box-shadow:
    inset 0 1px 0 rgba(229, 194, 129, 0.055),
    inset 0 -1px 0 rgba(0, 0, 0, 0.82),
    0 7px 15px rgba(0, 0, 0, 0.34) !important;
}

.anc-main-menu a::before {
  background:
    linear-gradient(90deg, transparent, rgba(203, 160, 96, 0.22), transparent) !important;
}

.anc-main-menu a:hover {
  background: #211d1b !important;
  border-color: rgba(203, 160, 96, 0.46) !important;
  color: #f0d7a0 !important;
}

.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  background: #27231f !important;
  border-color: rgba(229, 194, 129, 0.50) !important;
  color: #f0d7a0 !important;
}

.anc-main-menu .anc-nav-ico {
  color: #b99159 !important;
}

.anc-main-menu a:hover .anc-nav-ico,
.anc-main-menu a.uMenuItemA .anc-nav-ico,
.anc-main-menu a.active .anc-nav-ico,
.anc-main-menu li.active > a .anc-nav-ico {
  color: #e7c98e !important;
}


/* =========================================================
   НОВОСТИ: ПЕРВАЯ КАРТОЧКА ТАКАЯ ЖЕ, КАК ОСТАЛЬНЫЕ
========================================================= */

.anc-live-grid--news {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.anc-live-grid--news > :first-child,
.anc-live-grid--news > .anc-feed-card:first-child,
.anc-section--news .anc-feed-card:first-child {
  grid-column: auto !important;
  grid-row: auto !important;
}

.anc-live-grid--news > .anc-feed-card:first-child,
.anc-section--news .anc-feed-card:first-child,
.anc-section--news .anc-feed-card,
.anc-live-grid--news .anc-feed-card {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
}

.anc-feed-cover,
.anc-feed-cover:link,
.anc-feed-cover:visited,
.anc-feed-cover:hover,
.anc-feed-cover:active {
  display: block !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover,
.anc-section--news .anc-feed-card:first-child .anc-feed-cover,
.anc-section--news .anc-feed-cover {
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
  width: 100% !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(120, 82, 48, 0.34) !important;
  background-size: cover !important;
  background-position: center !important;
}

.anc-section--news .anc-feed-body,
.anc-live-grid--news .anc-feed-body,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 18px 18px 16px !important;
}

.anc-section--news .anc-feed-meta,
.anc-live-grid--news .anc-feed-meta {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-height: 1.45em !important;
  max-height: 1.45em !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

.anc-section--news .anc-feed-meta span,
.anc-live-grid--news .anc-feed-meta span {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  color: #b99159 !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.anc-section--news .anc-feed-meta span:nth-child(n+2),
.anc-live-grid--news .anc-feed-meta span:nth-child(n+2) {
  display: none !important;
}

.anc-section--news .anc-feed-meta span::before,
.anc-live-grid--news .anc-feed-meta span::before {
  content: "◆";
  margin-right: 7px;
  color: #8f6338;
  font-size: 0.68em;
}

.anc-section--news .anc-feed-title,
.anc-section--news .anc-feed-title a,
.anc-live-grid--news .anc-feed-title,
.anc-live-grid--news .anc-feed-title a,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-title a {
  font-size: 1.18rem !important;
  line-height: 1.28 !important;
  min-height: 3.05em !important;
  max-height: 3.05em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  flex: 0 0 auto !important;
}

.anc-section--news .anc-feed-excerpt,
.anc-live-grid--news .anc-feed-excerpt {
  display: block !important;
  flex: 0 0 auto !important;
  min-height: 4.35em !important;
  max-height: 4.35em !important;
  overflow: hidden !important;
  color: #bfa06d !important;
  font-size: 0.92rem !important;
  line-height: 1.48 !important;
  text-decoration: none !important;
}

.anc-section--news .anc-feed-excerpt p,
.anc-live-grid--news .anc-feed-excerpt p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.anc-section--news .anc-feed-excerpt p::after,
.anc-live-grid--news .anc-feed-excerpt p::after {
  content: " ";
}

.anc-section--news .anc-feed-excerpt p:nth-of-type(n+2),
.anc-live-grid--news .anc-feed-excerpt p:nth-of-type(n+2) {
  display: none !important;
}

.anc-section--news .anc-feed-excerpt *,
.anc-live-grid--news .anc-feed-excerpt * {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
}

.anc-section--news .anc-feed-footer,
.anc-live-grid--news .anc-feed-footer {
  margin-top: auto !important;
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding-top: 11px !important;
  border-top: 1px solid rgba(120, 82, 48, 0.24) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

.anc-section--news .anc-feed-links,
.anc-live-grid--news .anc-feed-links {
  display: none !important;
}

.anc-section--news .anc-feed-pill,
.anc-live-grid--news .anc-feed-pill {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8f724b !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
}

.anc-section--news .anc-feed-pill::before,
.anc-live-grid--news .anc-feed-pill::before {
  content: "◷";
  margin-right: 6px;
  color: #a88354;
  font-size: 0.95em;
}


/* =========================================================
   УБИРАЕМ ПОДЧЁРКИВАНИЯ, НЕ ЛОМАЯ КАРТИНКИ
========================================================= */

.anc-feed-card a:not(.anc-feed-cover),
.anc-feed-card a:not(.anc-feed-cover):link,
.anc-feed-card a:not(.anc-feed-cover):visited,
.anc-feed-card a:not(.anc-feed-cover):hover,
.anc-feed-card a:not(.anc-feed-cover):active,
.anc-forum-card a,
.anc-forum-card a:link,
.anc-forum-card a:visited,
.anc-forum-card a:hover,
.anc-forum-card a:active {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.anc-feed-title,
.anc-feed-title *,
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-feed-meta,
.anc-feed-meta * {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


/* =========================================================
   АДАПТИВ
========================================================= */

@media (max-width: 1500px) {
  .anc-live-grid--news {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  .anc-live-grid--news {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .anc-live-grid--news {
    grid-template-columns: 1fr !important;
  }

  .anc-section--news .anc-feed-cover,
  .anc-live-grid--news > .anc-feed-card:first-child .anc-feed-cover,
  .anc-section--news .anc-feed-card:first-child .anc-feed-cover {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .anc-section--news .anc-feed-title,
  .anc-live-grid--news .anc-feed-title {
    min-height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 3 !important;
  }

  .anc-section--news .anc-feed-excerpt,
  .anc-live-grid--news .anc-feed-excerpt {
    min-height: auto !important;
    max-height: none !important;
  }
}



/* =========================================================
   ANCIENTCIVS — жёсткий фикс размера H1 на главной
========================================================= */

body.anc-site .anc-content .anc-section--seo-intro .anc-seo-hero h1.anc-seo-title,
body.anc-site .anc-content .anc-section--seo-intro h1.anc-seo-title,
body.anc-site h1.anc-seo-title {
  max-width: 820px !important;
  margin: 8px 0 14px !important;

  font-size: 42px !important;
  line-height: 1.12 !important;
  letter-spacing: 0.015em !important;
}

/* На средних экранах */
@media (max-width: 1200px) {
  body.anc-site .anc-content .anc-section--seo-intro .anc-seo-hero h1.anc-seo-title,
  body.anc-site .anc-content .anc-section--seo-intro h1.anc-seo-title,
  body.anc-site h1.anc-seo-title {
    font-size: 36px !important;
  }
}

/* На телефонах */
@media (max-width: 700px) {
  body.anc-site .anc-content .anc-section--seo-intro .anc-seo-hero h1.anc-seo-title,
  body.anc-site .anc-content .anc-section--seo-intro h1.anc-seo-title,
  body.anc-site h1.anc-seo-title {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }
}


/* =========================================================
   ANCIENTCIVS — уменьшаем заголовки секций
========================================================= */

/* Все крупные заголовки разделов */
body.anc-site .anc-section-title,
body.anc-site .anc-module-head .anc-section-title,
body.anc-site .anc-section-head .anc-section-title {
font-size: clamp(1.7rem, 2vw, 2.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.018em !important;
}

/* Конкретно "Свежие материалы" ещё спокойнее */
body.anc-site .anc-section--news .anc-section-title {
font-size: clamp(1.7rem, 2vw, 2.45rem) !important;
}

/* Орнамент перед заголовком меньше */
body.anc-site .anc-section-title::before {
  font-size: 0.42em !important;
  margin-right: 10px !important;
  vertical-align: 0.08em !important;
}

/* Линия под заголовком короче */
body.anc-site .anc-section-title::after {
  width: 92px !important;
  height: 1px !important;
  margin-top: 10px !important;
}

/* На мобильных */
@media (max-width: 700px) {
  body.anc-site .anc-section-title,
  body.anc-site .anc-module-head .anc-section-title,
  body.anc-site .anc-section-head .anc-section-title {
font-size: clamp(1.7rem, 2vw, 2.45rem) !important;
  }
}


/* =========================================================
   ANCIENTCIVS — таблица цивилизаций в стиле сайта
========================================================= */

.anc-civ-page {
  display: grid;
  gap: 18px;
}

.anc-civ-page h1 {
  font-size: clamp(2rem, 2.5vw, 3rem) !important;
  line-height: 1.12 !important;
  margin: 0 0 8px !important;
}

.anc-civ-intro {
  padding: 16px 18px;
  border: 1px solid rgba(145, 96, 50, 0.26);
  border-radius: 10px;
  background: #1b1917;
  color: #c8aa78;
  font-size: 1rem;
  line-height: 1.65;
}

.anc-civ-table-wrap {
  overflow-x: auto;
  padding-bottom: 4px;
}

.anc-civ-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 14px;
}

.anc-civ-table td {
  width: 33.333%;
  vertical-align: top;
  padding: 0;
}

.anc-civ-card {
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(145, 96, 50, 0.28);
  border-radius: 10px;
  background: #11100f;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}

.anc-civ-card__top {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border-bottom: 1px solid rgba(145, 96, 50, 0.24);
  background: #1d140d;
  text-align: center;
}

.anc-civ-card__top a,
.anc-civ-card__top span {
  color: #d9b878;
  font-family: var(--anc-font-display);
  font-size: 0.88rem;
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
}

.anc-civ-card__top a:hover {
  color: #f0d7a0;
}

.anc-civ-card__image {
  display: block;
  height: 190px;
  overflow: hidden;
  border-bottom: 1px solid rgba(145, 96, 50, 0.22);
  background: #080604;
}

.anc-civ-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter:
    sepia(0.08)
    contrast(1.06)
    saturate(0.92)
    brightness(0.9);
}

.anc-civ-card__body {
  padding: 16px 16px 18px;
  text-align: center;
}

.anc-civ-card__body h2,
.anc-civ-card__body h3 {
  margin: 0 0 10px !important;
  color: #f0d7a0 !important;
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
}

.anc-civ-card__body p {
  margin: 0;
  color: #c8aa78;
  font-size: 0.98rem;
  line-height: 1.62;
}

.anc-civ-card:hover {
  border-color: rgba(203, 160, 96, 0.40);
}

.anc-civ-card:hover .anc-civ-card__image img {
  filter:
    sepia(0.04)
    contrast(1.1)
    saturate(1)
    brightness(0.96);
}

@media (max-width: 1000px) {
  .anc-civ-table,
  .anc-civ-table tbody,
  .anc-civ-table tr,
  .anc-civ-table td {
    display: block;
    width: 100%;
  }

  .anc-civ-table {
    border-spacing: 0;
  }

  .anc-civ-table tr {
    display: grid;
    gap: 14px;
    margin-bottom: 14px;
  }
}


.anc-region-intro {
 position: relative;
 margin: 0 0 26px;
 padding: 26px 28px 24px;
 background:
  linear-gradient(180deg, rgba(44,24,12,.38) 0%, rgba(18,10,6,.92) 100%);
 border: 1px solid rgba(173,120,62,.32);
 border-radius: 18px;
 box-shadow:
  0 0 0 1px rgba(255,214,150,.04) inset,
  0 16px 36px rgba(0,0,0,.34);
 overflow: hidden;
}

.anc-region-intro::before {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
  radial-gradient(circle at top right, rgba(214,169,102,.08), transparent 34%),
  radial-gradient(circle at bottom left, rgba(214,169,102,.05), transparent 30%);
}

.anc-region-intro__title {
 margin: 8px 0 0;
 font-size: 40px;
 line-height: 1.12;
 font-weight: 400;
 color: #efd8a7;
 letter-spacing: .02em;
}

.anc-region-intro__ornament {
 display: flex;
 align-items: center;
 gap: 14px;
 margin: 16px 0 18px;
}

.anc-region-intro__ornament::before,
.anc-region-intro__ornament::after {
 content: "";
 flex: 1 1 auto;
 height: 1px;
 background: linear-gradient(90deg, rgba(214,169,102,0), rgba(214,169,102,.55), rgba(214,169,102,0));
}

.anc-region-intro__ornament span {
 position: relative;
 flex: 0 0 auto;
 width: 16px;
 height: 16px;
 transform: rotate(45deg);
 border: 1px solid rgba(214,169,102,.72);
 border-radius: 2px;
 background: rgba(214,169,102,.08);
 box-shadow: 0 0 10px rgba(214,169,102,.10);
}

.anc-region-intro__text {
 max-width: 960px;
}

.anc-region-intro__text p {
 margin: 0;
 font-size: 18px;
 line-height: 1.75;
 color: #d7be92;
}

.anc-region-intro__listTitle {
 margin: 18px 0 12px;
 font-size: 12px;
 line-height: 1.2;
 letter-spacing: .24em;
 text-transform: uppercase;
 color: #c89d61;
}

.anc-region-intro__civs {
 display: flex;
 flex-wrap: wrap;
 gap: 10px 10px;
}

.anc-region-intro__civs a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 42px;
 padding: 10px 16px;
 border-radius: 999px;
 border: 1px solid rgba(173,120,62,.42);
 background: rgba(33,18,10,.88);
 color: #e6c78f;
 text-decoration: none;
 font-size: 14px;
 line-height: 1.2;
 transition: .25s ease;
 box-shadow: 0 0 0 1px rgba(255,214,150,.03) inset;
}

.anc-region-intro__civs a:hover {
 background: rgba(56,30,16,.96);
 border-color: rgba(214,169,102,.62);
 color: #f6deb0;
 transform: translateY(-1px);
 box-shadow: 0 8px 18px rgba(0,0,0,.22);
}

@media (max-width: 900px) {
 .anc-region-intro {
  padding: 22px 18px 20px;
  border-radius: 14px;
 }

 .anc-region-intro__title {
  font-size: 31px;
 }

 .anc-region-intro__text p {
  font-size: 16px;
  line-height: 1.65;
 }

 .anc-region-intro__civs a {
  min-height: 38px;
  padding: 9px 13px;
  font-size: 13px;
 }
}

@media (max-width: 640px) {
 .anc-region-intro__title {
  font-size: 26px;
 }

 .anc-region-intro__listTitle {
  letter-spacing: .16em;
 }

 .anc-region-intro__civs {
  gap: 8px;
 }
}



/* FIX: делаем span в верхнем списке такими же плашками, как ссылки */

.anc-region-intro__civs span {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 42px;
 padding: 10px 16px;
 border-radius: 999px;
 border: 1px solid rgba(173,120,62,.42);
 background: rgba(33,18,10,.88);
 color: #e6c78f;
 text-decoration: none;
 font-size: 14px;
 line-height: 1.2;
 transition: .25s ease;
 box-shadow: 0 0 0 1px rgba(255,214,150,.03) inset;
}

@media (max-width: 900px) {
 .anc-region-intro__civs span {
  min-height: 38px;
  padding: 9px 13px;
  font-size: 13px;
 }
}

/* =========================================================
   ANCIENTCIVS — SOFTER DARK TEMPLE V5
   Возвращаемся к этому стилю, но делаем его НЕ таким тёмным:
   - фон остаётся тёмным и дорогим;
   - блоки становятся светлее: тёмный шоколад + бронза;
   - левое меню легче;
   - карточки читаемее;
   - золото не такое кислотное.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-bg: #1b1917 !important;
  --anc-bg-deep: #1b1917 !important;

  --anc-paper: #241f19 !important;
  --anc-paper-soft: #2d261e !important;
  --anc-paper-deep: #1b1712 !important;

  --anc-ink: #f1d9aa !important;
  --anc-ink-soft: #d8bc89 !important;
  --anc-ink-dim: #ad8d5f !important;

  --anc-accent: #c99a56 !important;
  --anc-accent-strong: #f0cf8f !important;
  --anc-accent-soft: #9b7040 !important;

  --anc-edge-soft: rgba(218, 168, 94, 0.20) !important;
  --anc-edge-strong: rgba(238, 196, 125, 0.38) !important;

  --anc-leather: #312217 !important;
  --anc-leather-2: #1b1917 !important;

  --anc-shadow: 0 16px 38px rgba(0, 0, 0, 0.44) !important;
  --anc-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.30) !important;
}

/* ===== общий фон: светлее, но всё ещё тёмный ===== */

body {
  background:
    radial-gradient(circle at 18% 8%, rgba(178, 118, 55, 0.22), transparent 30%),
    radial-gradient(circle at 86% 20%, rgba(222, 170, 92, 0.13), transparent 25%),
    radial-gradient(circle at 50% 90%, rgba(118, 72, 34, 0.20), transparent 40%),
    linear-gradient(180deg, #1e1711 0%, #1b1917 48%, #1b1917 100%) !important;
  color: var(--anc-ink) !important;
}

body::before {
  opacity: 0.12 !important;
}

body::after {
  opacity: 0.72 !important;
  background:
    radial-gradient(circle at center, transparent 0%, transparent 58%, rgba(0, 0, 0, 0.42) 100%) !important;
}

/* ===== верхняя панель: меньше чёрного ===== */

.anc-topbar-wrap {
  background:
    radial-gradient(circle at 20% 0%, rgba(201, 145, 69, 0.18), transparent 30%),
    linear-gradient(180deg, #1b1917 0%, #11100f 100%) !important;
  border-bottom: 1px solid rgba(220, 169, 93, 0.24) !important;
  box-shadow:
    0 10px 28px rgba(0, 0, 0, 0.48),
    inset 0 -1px 0 rgba(255, 216, 145, 0.07) !important;
}

.anc-topbar-links a {
  background:
    linear-gradient(180deg, rgba(84, 55, 31, 0.92), rgba(45, 31, 21, 0.96)) !important;
  border-color: rgba(224, 176, 104, 0.22) !important;
  color: #ecd1a0 !important;
}

.anc-topbar-links a:hover {
  background:
    linear-gradient(180deg, rgba(104, 69, 38, 0.96), rgba(58, 39, 26, 0.98)) !important;
  color: #ffe6b4 !important;
}

/* ===== главное меню: остаётся тёмным, но не глухим ===== */

.anc-mainnav-wrap {
  background:
    linear-gradient(180deg, #17110d 0%, #1b1917 100%) !important;
  border-top: 1px solid rgba(255, 217, 145, 0.10) !important;
  border-bottom: 1px solid rgba(211, 160, 86, 0.24) !important;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.anc-main-menu a {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 213, 140, 0.11), transparent 60%),
    linear-gradient(180deg, #1b1917 0%, #1b1917 100%) !important;
  border-color: rgba(211, 160, 86, 0.25) !important;
  color: #f0cf98 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 170, 0.12),
    0 7px 16px rgba(0, 0, 0, 0.32) !important;
}

.anc-main-menu a:hover {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 224, 159, 0.18), transparent 60%),
    linear-gradient(180deg, #4a321f 0%, #2a1b10 100%) !important;
  border-color: rgba(241, 204, 139, 0.50) !important;
  color: #ffe8b8 !important;
}

/* ===== основные блоки: светлее и читаемее ===== */

.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 218, 150, 0.065), transparent 48%),
    linear-gradient(180deg, #28221b 0%, #1c1712 100%) !important;
  border-color: rgba(216, 168, 94, 0.24) !important;
  color: #dcc293 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 231, 174, 0.07),
    inset 0 0 0 1px rgba(255, 255, 255, 0.018),
    0 16px 38px rgba(0, 0, 0, 0.40) !important;
}

/* ===== заголовки: не такие яркие и не такие тёмные вокруг ===== */

h1,
h2,
h3,
h4,
h5,
h6,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop,
.h_navigator23,
.c3,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title {
  color: #f1d19a !important;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.55),
    0 0 14px rgba(199, 145, 69, 0.12) !important;
}

.anc-ribbon {
  color: #c7a06a !important;
}

/* ===== левая колонка: меньше чёрного ===== */

.anc-sidebox {
  background:
    linear-gradient(180deg, #2c241c 0%, #1b1611 100%) !important;
  border-color: rgba(216, 168, 94, 0.24) !important;
}

.anc-sidebox-title {
  background:
    linear-gradient(180deg, #332215 0%, #1b1917 100%) !important;
  border-bottom-color: rgba(216, 168, 94, 0.22) !important;
  color: #f1d19a !important;
}

.anc-side-list a {
  background:
    linear-gradient(180deg, rgba(48, 39, 30, 0.96), rgba(36, 30, 24, 0.96)) !important;
  border-bottom-color: rgba(255, 226, 166, 0.07) !important;
  color: #d3b581 !important;
}

.anc-side-list a:hover {
  background:
    linear-gradient(180deg, rgba(70, 51, 32, 0.98), rgba(45, 34, 24, 0.98)) !important;
  color: #ffe0a6 !important;
}

/* ===== hero/seo: чуть светлее остальных, чтобы не проваливался ===== */

.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background:
    radial-gradient(circle at 80% 20%, rgba(214, 164, 84, 0.12), transparent 28%),
    linear-gradient(180deg, #2b241b 0%, #211a14 100%) !important;
  border-color: rgba(216, 168, 94, 0.26) !important;
}

.anc-seo-title,
.anc-region-intro__title {
  color: #f3d6a2 !important;
}

.anc-seo-text,
.anc-seo-text p,
.anc-seo-bottom-text,
.anc-seo-bottom-text p,
.anc-region-intro__text,
.anc-region-intro__text p {
  color: #d9bf91 !important;
}

/* ===== карточки: чуть светлее панели, чтобы не сливались ===== */

.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 218, 150, 0.08), transparent 46%),
    linear-gradient(180deg, #1b1917 0%, #211b15 100%) !important;
  border-color: rgba(216, 168, 94, 0.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 231, 174, 0.075),
    0 14px 30px rgba(0, 0, 0, 0.36) !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover {
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 224, 159, 0.12), transparent 48%),
    linear-gradient(180deg, #1b1917 0%, #271f18 100%) !important;
  border-color: rgba(241, 204, 139, 0.42) !important;
}

.anc-feed-cover {
  background-color: #1b1917 !important;
  filter:
    sepia(0.08)
    saturate(0.96)
    contrast(1.03)
    brightness(0.92) !important;
}

.anc-feed-body {
  background: transparent !important;
}

.anc-feed-title,
.anc-feed-title a {
  color: #efd09a !important;
}

.anc-feed-excerpt,
.anc-feed-excerpt *,
.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody,
.commTable {
  color: #d4b88b !important;
}

.anc-feed-meta span {
  color: #b99763 !important;
}

.anc-feed-pill {
  background: rgba(255, 220, 150, 0.055) !important;
  border-color: rgba(216, 168, 94, 0.18) !important;
  color: #b99763 !important;
}

/* ===== uCoz системные блоки ===== */

.eDetails,
.eDetails1,
.eDetails2,
.gTableSubTop,
.postTdTop,
.switch,
.pagesInfo,
.codeMessage,
.quoteMessage,
.uSpoilerText,
.outputPM,
.inputPM,
.cell-poll,
.catsTd,
.civilization,
.civilization1,
.civilization2,
.civilization3,
.alert {
  background: rgba(255, 224, 170, 0.055) !important;
  border-color: rgba(216, 168, 94, 0.18) !important;
  color: #d4b88b !important;
}

.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl {
  background:
    linear-gradient(180deg, rgba(255, 224, 170, 0.055), rgba(0, 0, 0, 0.08)) !important;
  border-bottom-color: rgba(216, 168, 94, 0.20) !important;
}

/* ===== футер ===== */

.anc-footer {
  background:
    linear-gradient(180deg, rgba(58, 39, 23, 0.96), rgba(31, 23, 17, 0.98)) !important;
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a {
  color: #e0c79a !important;
}

/* =========================================================
   ANCIENTCIVS — NO GRADIENTS OVERRIDE
   Убираем градиенты: оставляем тот же тёмный храмовый стиль,
   но все основные фоны заменены на ровные цвета.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-bg: #1b1917 !important;
  --anc-bg-deep: #1b1917 !important;

  --anc-paper: #28221b !important;
  --anc-paper-soft: #1b1917 !important;
  --anc-paper-deep: #1c1712 !important;

  --anc-ink: #f1d9aa !important;
  --anc-ink-soft: #d8bc89 !important;
  --anc-ink-dim: #ad8d5f !important;

  --anc-accent: #c99a56 !important;
  --anc-accent-strong: #f0cf8f !important;
  --anc-accent-soft: #9b7040 !important;

  --anc-edge-soft: rgba(218, 168, 94, 0.20) !important;
  --anc-edge-strong: rgba(238, 196, 125, 0.38) !important;

  --anc-leather: #312217 !important;
  --anc-leather-2: #1b1917 !important;

  --anc-shadow: 0 16px 38px rgba(0, 0, 0, 0.44) !important;
  --anc-shadow-soft: 0 8px 22px rgba(0, 0, 0, 0.30) !important;
}

/* ===== общий фон без градиентов ===== */

html,
body,
body.anc-site {
  background: #1b1917 !important;
  color: var(--anc-ink) !important;
}

body::before,
body::after,
body.anc-site::before,
body.anc-site::after {
  background: none !important;
  opacity: 0 !important;
}

/* ===== верх ===== */

.anc-header {
  background: transparent !important;
}

.anc-topbar-wrap {
  background: #11100f !important;
  border-bottom: 1px solid rgba(220, 169, 93, 0.24) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42) !important;
}

.anc-topbar-links a {
  background: #1b1917 !important;
  border-color: rgba(224, 176, 104, 0.22) !important;
  color: #ecd1a0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

.anc-topbar-links a:hover {
  background: #211d1b !important;
  color: #ffe6b4 !important;
}

/* ===== горизонтальное меню без градиентов ===== */

.anc-mainnav-wrap {
  background: #1b1917 !important;
  border-top: 1px solid rgba(255, 217, 145, 0.10) !important;
  border-bottom: 1px solid rgba(211, 160, 86, 0.24) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.44) !important;
}

.anc-mainnav-wrap::before,
.anc-mainnav-wrap::after {
  background: rgba(211, 160, 86, 0.26) !important;
}

.anc-main-menu a,
.anc-main-link {
  background: #1b1917 !important;
  border-color: rgba(211, 160, 86, 0.25) !important;
  color: #f0cf98 !important;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.26) !important;
}

.anc-main-menu a:hover,
.anc-main-link:hover,
.anc-main-link:focus {
  background: #1b1917 !important;
  border-color: rgba(241, 204, 139, 0.50) !important;
  color: #ffe8b8 !important;
}

.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  background: #1b1917 !important;
  color: #ffe8b8 !important;
}

/* ===== основной фон сайта ===== */

.anc-main-wrap {
  background: transparent !important;
}

.anc-content {
  background: #1b1712 !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42) !important;
}

/* ===== общие блоки без градиентов ===== */

.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable {
  background: #28221b !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  color: #dcc293 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.36) !important;
}

.anc-sidebox::after,
.anc-module-panel::after,
.anc-feed-card::after,
.anc-sidebox::before,
.anc-module-panel::before,
.anc-feed-card::before,
.anc-forum-card::before,
.anc-forum-card::after {
  background: none !important;
  box-shadow: none !important;
}

/* ===== заголовки ===== */

h1,
h2,
h3,
h4,
h5,
h6,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop,
.h_navigator23,
.c3,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title {
  color: #f1d19a !important;
  text-shadow: none !important;
}

.anc-section-title::after {
  background: #c99a56 !important;
}

/* ===== левое меню без градиентов ===== */

.anc-sidebox {
  background: #211c16 !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
}

.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title {
  background: #1b1917 !important;
  border-bottom-color: rgba(218, 168, 94, 0.22) !important;
  color: #f1d19a !important;
}

.anc-accordion,
.anc-accordion-body,
.anc-accordion-body--atlas,
.anc-sidebox--mystery > .anc-side-list {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.18) !important;
}

.anc-accordion summary {
  background: #1b1917 !important;
  color: #f1d19a !important;
  border-bottom-color: rgba(218, 168, 94, 0.18) !important;
}

.anc-side-list a,
.anc-sidebox--mystery .anc-side-list a {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.14) !important;
  border-bottom-color: rgba(255, 226, 166, 0.07) !important;
  color: #d3b581 !important;
  box-shadow: none !important;
}

.anc-side-list li:nth-child(even) a {
  background: #1b1917 !important;
}

.anc-side-list a:hover,
.anc-sidebox--mystery .anc-side-list a:hover {
  background: #1b1917 !important;
  color: #ffe0a6 !important;
}

.anc-side-list a::before,
.anc-sidebox--mystery .anc-side-list a::before {
  background: #c99a56 !important;
  box-shadow: none !important;
}

/* ===== hero / seo без градиентов ===== */

.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background: #2b241b !important;
  border-color: rgba(218, 168, 94, 0.26) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.34) !important;
}

.anc-seo-hero::before,
.anc-seo-hero::after,
.anc-region-intro::before,
.anc-region-intro::after {
  background: none !important;
  box-shadow: none !important;
}

.anc-seo-title,
.anc-region-intro__title {
  color: #f3d6a2 !important;
  text-shadow: none !important;
}

.anc-seo-text,
.anc-seo-text p,
.anc-seo-bottom-text,
.anc-seo-bottom-text p,
.anc-region-intro__text,
.anc-region-intro__text p {
  color: #d9bf91 !important;
}

/* ===== карточки без градиентов ===== */

.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.26) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32) !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover {
  background: #1b1917 !important;
  border-color: rgba(241, 204, 139, 0.42) !important;
}

.anc-feed-cover,
.anc-civ-card__image,
.anc-related-card-media {
  background-color: #1b1917 !important;
  filter: sepia(0.08) saturate(0.96) contrast(1.03) brightness(0.92) !important;
}

.anc-feed-cover::before,
.anc-feed-cover::after {
  background: none !important;
}

.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  background: transparent !important;
}

.anc-feed-meta,
.anc-civ-card__top,
.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl {
  background: #1b1917 !important;
  border-bottom-color: rgba(218, 168, 94, 0.20) !important;
}

.anc-feed-title,
.anc-feed-title a,
.anc-civ-card__body h2,
.anc-civ-card__body h3 {
  color: #efd09a !important;
  text-shadow: none !important;
}

.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-civ-card__body p,
.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody,
.commTable {
  color: #d4b88b !important;
}

.anc-feed-meta span,
.anc-feed-meta *,
.anc-civ-card__top a,
.anc-civ-card__top span {
  color: #b99763 !important;
}

.anc-feed-pill,
.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-intro__civs a,
.anc-region-intro__civs span {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.18) !important;
  color: #caa66d !important;
  box-shadow: none !important;
}

.anc-seo-tags a:hover,
.anc-seo-bottom-links a:hover,
.anc-region-intro__civs a:hover {
  background: #1b1917 !important;
  color: #ffe0a6 !important;
}

/* ===== системные блоки без градиентов ===== */

.eDetails,
.eDetails1,
.eDetails2,
.gTableSubTop,
.postTdTop,
.switch,
.pagesInfo,
.codeMessage,
.quoteMessage,
.uSpoilerText,
.outputPM,
.inputPM,
.cell-poll,
.catsTd,
.civilization,
.civilization1,
.civilization2,
.civilization3,
.alert {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.18) !important;
  color: #d4b88b !important;
}

/* ===== формы без градиентов ===== */

#casing input[type="text"],
#casing input[type="password"],
#casing textarea,
#casing input[type="file"],
#casing select,
#bottom input[type="text"],
#bottom input[type="password"],
#bottom textarea,
#bottom input[type="file"],
#bottom select,
.queryField,
.loginField {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.22) !important;
  color: #f1d9aa !important;
}

#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  color: #f1d19a !important;
  box-shadow: none !important;
}

#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover {
  background: #1b1917 !important;
  color: #ffe8b8 !important;
}

/* ===== футер без градиентов ===== */

.anc-footer {
  background: #1b1917 !important;
  border-top-color: rgba(218, 168, 94, 0.18) !important;
  box-shadow: none !important;
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a {
  color: #e0c79a !important;
}

/* ===== скролл / кнопка наверх без градиентов ===== */

::-webkit-scrollbar-track {
  background: #1b1917 !important;
}

::-webkit-scrollbar-thumb {
  background: #8f6332 !important;
  border: 3px solid #1b1917 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #b07a3d !important;
}

.anc-backtop {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  color: #f1d19a !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.30) !important;
}

.anc-backtop:hover {
  background: #1b1917 !important;
  color: #ffe8b8 !important;
}

/* =========================================================
   ANCIENTCIVS — NEWS CARDS + COCOA SECOND COLOR FIX
   Правка:
   - карточки новостей делаем ближе к обычным карточкам;
   - второй коричневый цвет делаем благороднее, ближе к карточкам;
   - при этом плашки остаются чуть темнее, чтобы не сливались.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-card-bg: #1b1917 !important;
  --anc-card-bg-alt: #1b1917 !important;
  --anc-card-bg-hover: #1b1917 !important;

  --anc-cocoa-bar: #1b1917 !important;
  --anc-cocoa-bar-dark: #1b1917 !important;
  --anc-cocoa-bar-hover: #1b1917 !important;

  --anc-cocoa-line: rgba(218, 168, 94, 0.22) !important;
  --anc-cocoa-line-strong: rgba(241, 204, 139, 0.36) !important;
}

/* Общий второй коричневый цвет — ближе к карточкам, без рыжего пятна */
.anc-feed-meta,
.anc-civ-card__top,
.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl,
.anc-ribbon {
  background: var(--anc-cocoa-bar) !important;
  border-color: var(--anc-cocoa-line) !important;
  color: #d8bc89 !important;
}

/* Карточки новостей — такие же по тону, как остальные карточки */
.anc-section--news .anc-feed-card,
.anc-live-grid--news .anc-feed-card,
.anc-feed-card--news {
  background: var(--anc-card-bg) !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32) !important;
}

/* Тело новостных карточек — не чернее остальных */
.anc-section--news .anc-feed-body,
.anc-live-grid--news .anc-feed-body,
.anc-feed-card--news .anc-feed-body {
  background: var(--anc-card-bg) !important;
}

/* Чередование/оттенок для карточек внутри других секций */
.anc-live-stack .anc-feed-card,
.anc-module-panel .anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background: var(--anc-card-bg-alt) !important;
}

/* Но тело у всех карточек держим ровным */
.anc-live-stack .anc-feed-body,
.anc-module-panel .anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  background: transparent !important;
}

/* Верхняя плашка карточек: темнее самой карточки, но не чёрная */
.anc-section--news .anc-feed-meta,
.anc-live-grid--news .anc-feed-meta,
.anc-feed-card--news .anc-feed-meta,
.anc-live-stack .anc-feed-meta,
.anc-module-panel .anc-feed-meta,
.anc-civ-card__top {
  background: var(--anc-cocoa-bar-dark) !important;
  border-bottom: 1px solid var(--anc-cocoa-line) !important;
}

/* Hover — мягко светлее, без резкого контраста */
.anc-section--news .anc-feed-card:hover,
.anc-live-grid--news .anc-feed-card:hover,
.anc-feed-card--news:hover,
.anc-live-stack .anc-feed-card:hover,
.anc-module-panel .anc-feed-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover {
  background: var(--anc-card-bg-hover) !important;
  border-color: var(--anc-cocoa-line-strong) !important;
}

/* Hover для плашек */
.anc-feed-card:hover .anc-feed-meta,
.anc-civ-card:hover .anc-civ-card__top {
  background: var(--anc-cocoa-bar-hover) !important;
}

/* Текст на плашках чуть ярче, но спокойно */
.anc-feed-meta span,
.anc-feed-meta *,
.anc-civ-card__top a,
.anc-civ-card__top span,
.gTableTop a,
.sidetitle a,
.eTitle a,
.sect-ttl a {
  color: #d2b784 !important;
}

/* Заголовки и описание в новостных карточках */
.anc-section--news .anc-feed-title,
.anc-section--news .anc-feed-title a,
.anc-live-grid--news .anc-feed-title,
.anc-live-grid--news .anc-feed-title a,
.anc-feed-card--news .anc-feed-title,
.anc-feed-card--news .anc-feed-title a {
  color: #efd09a !important;
}

.anc-section--news .anc-feed-excerpt,
.anc-section--news .anc-feed-excerpt *,
.anc-live-grid--news .anc-feed-excerpt,
.anc-live-grid--news .anc-feed-excerpt *,
.anc-feed-card--news .anc-feed-excerpt,
.anc-feed-card--news .anc-feed-excerpt * {
  color: #d4b88b !important;
}

/* Просмотры — ближе к общей карточке */
.anc-feed-pill {
  background: #1b1917 !important;
  border-color: rgba(218, 168, 94, 0.18) !important;
  color: #b99763 !important;
}

/* Картинки не затемняем слишком сильно */
.anc-section--news .anc-feed-cover,
.anc-live-grid--news .anc-feed-cover,
.anc-feed-card--news .anc-feed-cover {
  background-color: #1b1917 !important;
  filter: sepia(0.06) saturate(0.98) contrast(1.04) brightness(0.94) !important;
}

/* =========================================================
   ANCIENTCIVS — HEADER COLOR TO MENU COCOA
   Меняем цвет верхней шапки и всех похожих верхних/служебных
   кнопок на цвет как у горизонтального меню.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-menu-cocoa: #1b1917 !important;
  --anc-menu-cocoa-hover: #1b1917 !important;
  --anc-menu-cocoa-dark: #1b1917 !important;
  --anc-menu-cocoa-line: rgba(211, 160, 86, 0.25) !important;
  --anc-menu-cocoa-line-hover: rgba(241, 204, 139, 0.50) !important;
  --anc-menu-gold-text: #f0cf98 !important;
  --anc-menu-gold-text-hover: #ffe8b8 !important;
}

/* Верхняя шапка — теперь ближе к цвету меню */
.anc-topbar-wrap {
  background: #1b1917 !important;
  border-bottom: 1px solid var(--anc-menu-cocoa-line) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.42) !important;
}

/* Кнопки справа в шапке — как горизонтальное меню */
.anc-topbar-links a {
  background: var(--anc-menu-cocoa) !important;
  border-color: var(--anc-menu-cocoa-line) !important;
  color: var(--anc-menu-gold-text) !important;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.26) !important;
}

.anc-topbar-links a:hover {
  background: var(--anc-menu-cocoa-hover) !important;
  border-color: var(--anc-menu-cocoa-line-hover) !important;
  color: var(--anc-menu-gold-text-hover) !important;
}

/* Все служебные тёмно-коричневые плашки приводим к тому же цвету */
.anc-feed-meta,
.anc-civ-card__top,
.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl,
.anc-ribbon,
.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title,
.anc-accordion summary {
  background: var(--anc-menu-cocoa) !important;
  border-color: var(--anc-menu-cocoa-line) !important;
  color: var(--anc-menu-gold-text) !important;
}

/* Ссылки и текст внутри таких плашек */
.anc-feed-meta span,
.anc-feed-meta *,
.anc-civ-card__top a,
.anc-civ-card__top span,
.gTableTop a,
.sidetitle a,
.popuptitle a,
.eTitle a,
.sect-ttl a,
.anc-sidebox-title,
.anc-sidebox-title *,
.anc-accordion summary,
.anc-accordion summary * {
  color: var(--anc-menu-gold-text) !important;
}

/* Hover для плашек-карточек */
.anc-feed-card:hover .anc-feed-meta,
.anc-civ-card:hover .anc-civ-card__top {
  background: var(--anc-menu-cocoa-hover) !important;
  border-color: var(--anc-menu-cocoa-line-hover) !important;
}

.anc-feed-card:hover .anc-feed-meta span,
.anc-feed-card:hover .anc-feed-meta *,
.anc-civ-card:hover .anc-civ-card__top a,
.anc-civ-card:hover .anc-civ-card__top span {
  color: var(--anc-menu-gold-text-hover) !important;
}

/* Кнопки/теги тоже ближе к меню */
.anc-feed-pill,
.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-intro__civs a,
.anc-region-intro__civs span,
#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton,
.anc-backtop {
  background: var(--anc-menu-cocoa) !important;
  border-color: var(--anc-menu-cocoa-line) !important;
  color: var(--anc-menu-gold-text) !important;
  box-shadow: none !important;
}

.anc-feed-pill:hover,
.anc-seo-tags a:hover,
.anc-seo-bottom-links a:hover,
.anc-region-intro__civs a:hover,
#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover,
.anc-backtop:hover {
  background: var(--anc-menu-cocoa-hover) !important;
  border-color: var(--anc-menu-cocoa-line-hover) !important;
  color: var(--anc-menu-gold-text-hover) !important;
}

/* Футер — тоже в той же семье, но чуть темнее */
.anc-footer {
  background: var(--anc-menu-cocoa-dark) !important;
  border-top-color: var(--anc-menu-cocoa-line) !important;
}

/* Если где-то остался старый рыжеватый второй цвет */
.anc-module-head .anc-ribbon,
.anc-section-head .anc-ribbon,
.anc-region-intro .anc-ribbon,
.anc-seo-hero .anc-ribbon,
.anc-seo-bottom .anc-ribbon {
  background: var(--anc-menu-cocoa) !important;
  color: var(--anc-menu-gold-text) !important;
  border-color: var(--anc-menu-cocoa-line) !important;
}

/* =========================================================
   ANCIENTCIVS — FINAL COLOR REPLACE
   Используем #1b1917 вместо коричневого оттенка.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-main-brown: #1b1917 !important;
  --anc-main-brown-hover: #1b1917 !important;
  --anc-main-brown-dark: #1b1917 !important;
  --anc-main-brown-line: rgba(218, 168, 94, 0.24) !important;
  --anc-main-brown-line-hover: rgba(241, 204, 139, 0.46) !important;
  --anc-main-gold-text: #f0cf98 !important;
  --anc-main-gold-text-hover: #ffe8b8 !important;
}

/* Верхняя шапка */
.anc-topbar-wrap {
  background: var(--anc-main-brown) !important;
  border-bottom-color: var(--anc-main-brown-line) !important;
}

/* Кнопки справа в шапке */
.anc-topbar-links a {
  background: var(--anc-main-brown) !important;
  border-color: var(--anc-main-brown-line) !important;
  color: var(--anc-main-gold-text) !important;
}

.anc-topbar-links a:hover {
  background: var(--anc-main-brown-hover) !important;
  border-color: var(--anc-main-brown-line-hover) !important;
  color: var(--anc-main-gold-text-hover) !important;
}

/* Горизонтальное меню */
.anc-mainnav-wrap {
  background: var(--anc-main-brown-dark) !important;
}

.anc-main-menu a,
.anc-main-link {
  background: var(--anc-main-brown) !important;
  border-color: var(--anc-main-brown-line) !important;
  color: var(--anc-main-gold-text) !important;
}

.anc-main-menu a:hover,
.anc-main-link:hover,
.anc-main-link:focus,
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  background: var(--anc-main-brown-hover) !important;
  border-color: var(--anc-main-brown-line-hover) !important;
  color: var(--anc-main-gold-text-hover) !important;
}

/* Все коричневые плашки и заголовочные зоны */
.anc-feed-meta,
.anc-civ-card__top,
.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl,
.anc-ribbon,
.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title,
.anc-accordion summary,
.anc-module-head .anc-ribbon,
.anc-section-head .anc-ribbon,
.anc-region-intro .anc-ribbon,
.anc-seo-hero .anc-ribbon,
.anc-seo-bottom .anc-ribbon {
  background: var(--anc-main-brown) !important;
  border-color: var(--anc-main-brown-line) !important;
  color: var(--anc-main-gold-text) !important;
}

/* Текст внутри плашек */
.anc-feed-meta span,
.anc-feed-meta *,
.anc-civ-card__top a,
.anc-civ-card__top span,
.gTableTop a,
.sidetitle a,
.popuptitle a,
.eTitle a,
.sect-ttl a,
.anc-sidebox-title,
.anc-sidebox-title *,
.anc-accordion summary,
.anc-accordion summary * {
  color: var(--anc-main-gold-text) !important;
}

/* Hover у плашек карточек */
.anc-feed-card:hover .anc-feed-meta,
.anc-civ-card:hover .anc-civ-card__top {
  background: var(--anc-main-brown-hover) !important;
  border-color: var(--anc-main-brown-line-hover) !important;
}

/* Кнопки, теги, просмотры, формы */
.anc-feed-pill,
.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-intro__civs a,
.anc-region-intro__civs span,
#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton,
.anc-backtop {
  background: var(--anc-main-brown) !important;
  border-color: var(--anc-main-brown-line) !important;
  color: var(--anc-main-gold-text) !important;
}

.anc-feed-pill:hover,
.anc-seo-tags a:hover,
.anc-seo-bottom-links a:hover,
.anc-region-intro__civs a:hover,
#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover,
.anc-backtop:hover {
  background: var(--anc-main-brown-hover) !important;
  border-color: var(--anc-main-brown-line-hover) !important;
  color: var(--anc-main-gold-text-hover) !important;
}

/* Футер */
.anc-footer {
  background: var(--anc-main-brown-dark) !important;
  border-top-color: var(--anc-main-brown-line) !important;
}

/* Если старые коричневые цвета где-то остались напрямую */
[style*="#1b1917"],
[style*="#1b1917"],
[style*="#1b1917"] {
  background-color: var(--anc-main-brown) !important;
}

/* =========================================================
   ANCIENTCIVS — FINAL UNIVERSAL BROWN REPLACE
   Старый коричневый заменён на #1b1917.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-main-brown: #1b1917 !important;
  --anc-main-brown-hover: #1b1917 !important;
  --anc-main-brown-dark: #1b1917 !important;
  --anc-menu-cocoa: #1b1917 !important;
  --anc-menu-cocoa-hover: #1b1917 !important;
  --anc-menu-cocoa-dark: #1b1917 !important;
  --anc-card-bg: #1b1917 !important;
  --anc-card-bg-alt: #1b1917 !important;
  --anc-card-bg-hover: #1b1917 !important;
  --anc-cocoa-bar: #1b1917 !important;
  --anc-cocoa-bar-dark: #1b1917 !important;
  --anc-cocoa-bar-hover: #1b1917 !important;
}

/* Шапка, меню, футер */
.anc-topbar-wrap,
.anc-mainnav-wrap,
.anc-footer {
  background: #1b1917 !important;
}

/* Кнопки и меню */
.anc-topbar-links a,
.anc-main-menu a,
.anc-main-link,
.anc-feed-pill,
.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-intro__civs a,
.anc-region-intro__civs span,
.anc-backtop {
  background: #1b1917 !important;
}

/* Плашки и заголовочные полосы */
.anc-feed-meta,
.anc-civ-card__top,
.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl,
.anc-ribbon,
.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title,
.anc-accordion summary,
.anc-module-head .anc-ribbon,
.anc-section-head .anc-ribbon,
.anc-region-intro .anc-ribbon,
.anc-seo-hero .anc-ribbon,
.anc-seo-bottom .anc-ribbon {
  background: #1b1917 !important;
}

/* Карточки и внутренние панели */
.anc-content,
.anc-sidebox,
.anc-module-panel,
.anc-feed-card,
.anc-forum-card,
.anc-article,
.anc-article-sidebar-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable,
.anc-civ-card,
.anc-related-card,
.anc-fact-card,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro,
.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  background-color: #1b1917 !important;
}

/* Формы и системные блоки */
.eDetails,
.eDetails1,
.eDetails2,
.gTableSubTop,
.postTdTop,
.switch,
.pagesInfo,
.codeMessage,
.quoteMessage,
.uSpoilerText,
.outputPM,
.inputPM,
.cell-poll,
.catsTd,
.civilization,
.civilization1,
.civilization2,
.civilization3,
.alert,
#casing input[type="text"],
#casing input[type="password"],
#casing textarea,
#casing input[type="file"],
#casing select,
#bottom input[type="text"],
#bottom input[type="password"],
#bottom textarea,
#bottom input[type="file"],
#bottom select,
.queryField,
.loginField,
#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  background: #1b1917 !important;
}

/* Hover тоже без старого коричневого */
.anc-topbar-links a:hover,
.anc-main-menu a:hover,
.anc-main-link:hover,
.anc-main-link:focus,
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA,
.anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover,
.anc-feed-card:hover .anc-feed-meta,
.anc-civ-card:hover .anc-civ-card__top,
.anc-feed-pill:hover,
.anc-seo-tags a:hover,
.anc-seo-bottom-links a:hover,
.anc-region-intro__civs a:hover,
.anc-backtop:hover {
  background: #1b1917 !important;
}

/* =========================================================
   ANCIENTCIVS — V6 RICH DARK BASE / NO MERGE
   Играем с #1b1917:
   - подложка сайта темнее и богаче;
   - кнопки и меню темнее;
   - карточки/панели чуть светлее подложки, чтобы не сливались;
   - плашки темнее карточек, но не проваливаются в чёрный.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-base-dark: #12100f !important;
  --anc-base: #1b1917 !important;
  --anc-base-soft: #211f1c !important;
  --anc-base-panel: #24211e !important;
  --anc-base-card: #29251f !important;
  --anc-base-card-hover: #302b24 !important;

  --anc-menu-dark: #151311 !important;
  --anc-menu: #1b1917 !important;
  --anc-menu-hover: #25221f !important;

  --anc-line-gold: rgba(218, 168, 94, 0.24) !important;
  --anc-line-gold-strong: rgba(241, 204, 139, 0.42) !important;

  --anc-text-gold: #f0cf98 !important;
  --anc-text-gold-soft: #d4b88b !important;
  --anc-text-muted: #b99763 !important;
}

/* ===== общий внешний фон / подложка сайта ===== */

html,
body,
body.anc-site {
  background: #0e0d0c !important;
  color: var(--anc-text-gold-soft) !important;
}

/* возвращаем очень мягкую богатую фактуру, но без ярких градиентов */
body::before,
body.anc-site::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.18 !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(218, 168, 94, 0.10), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(120, 82, 46, 0.12), transparent 28%),
    repeating-linear-gradient(
      0deg,
      rgba(255, 230, 170, 0.014) 0,
      rgba(255, 230, 170, 0.014) 1px,
      transparent 1px,
      transparent 6px
    ) !important;
  mix-blend-mode: screen !important;
}

body::after,
body.anc-site::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.70 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.38), transparent 20%, transparent 80%, rgba(0,0,0,0.38)),
    radial-gradient(circle at center, transparent 0%, transparent 58%, rgba(0,0,0,0.42) 100%) !important;
}

/* ===== шапка и верхняя подложка ===== */

.anc-topbar-wrap {
  background: var(--anc-menu-dark) !important;
  border-bottom: 1px solid var(--anc-line-gold) !important;
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 230, 170, 0.035) !important;
}

.anc-mainnav-wrap {
  background: #0f0e0d !important;
  border-top: 1px solid rgba(218, 168, 94, 0.14) !important;
  border-bottom: 1px solid rgba(218, 168, 94, 0.24) !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.54),
    inset 0 1px 0 rgba(255, 230, 170, 0.035) !important;
}

/* ===== меню и кнопки: темнее, но читаемо ===== */

.anc-topbar-links a,
.anc-main-menu a,
.anc-main-link,
.anc-feed-pill,
.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-intro__civs a,
.anc-region-intro__civs span,
.anc-backtop,
#casing input[type="submit"],
#casing input[type="reset"],
#casing input[type="button"],
#casing button,
#bottom input[type="submit"],
#bottom input[type="reset"],
#bottom input[type="button"],
#bottom button,
.ph-but,
.pollBut,
.searchSbmFl,
.commSbmFl,
.signButton {
  background: var(--anc-menu) !important;
  border: 1px solid var(--anc-line-gold) !important;
  color: var(--anc-text-gold) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 170, 0.04),
    0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

.anc-topbar-links a:hover,
.anc-main-menu a:hover,
.anc-main-link:hover,
.anc-main-link:focus,
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA,
.anc-feed-pill:hover,
.anc-seo-tags a:hover,
.anc-seo-bottom-links a:hover,
.anc-region-intro__civs a:hover,
.anc-backtop:hover,
#casing input[type="submit"]:hover,
#casing input[type="reset"]:hover,
#casing input[type="button"]:hover,
#casing button:hover,
#bottom input[type="submit"]:hover,
#bottom input[type="reset"]:hover,
#bottom input[type="button"]:hover,
#bottom button:hover,
.ph-but:hover,
.pollBut:hover,
.searchSbmFl:hover,
.commSbmFl:hover,
.signButton:hover {
  background: var(--anc-menu-hover) !important;
  border-color: var(--anc-line-gold-strong) !important;
  color: #ffe8b8 !important;
}

/* ===== основная внутренняя подложка: темнее и богаче ===== */

.anc-content {
  background: var(--anc-base) !important;
  border: 1px solid rgba(218, 168, 94, 0.22) !important;
  box-shadow:
    0 26px 68px rgba(0, 0, 0, 0.52),
    inset 0 1px 0 rgba(255, 230, 170, 0.035) !important;
}

/* ===== секции: чуть светлее основной подложки ===== */

.anc-section,
.anc-module-panel,
.anc-article,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
#casing.popuptable,
.gTable {
  background: var(--anc-base-panel) !important;
  border: 1px solid rgba(218, 168, 94, 0.22) !important;
  color: var(--anc-text-gold-soft) !important;
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 230, 170, 0.035) !important;
}

/* hero/seo чуть отдельным тоном */
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background: #26221d !important;
  border-color: rgba(218, 168, 94, 0.26) !important;
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.40),
    inset 0 1px 0 rgba(255, 230, 170, 0.04) !important;
}

/* ===== карточки: светлее секций, чтобы не сливались ===== */

.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background: var(--anc-base-card) !important;
  border: 1px solid rgba(218, 168, 94, 0.25) !important;
  color: var(--anc-text-gold-soft) !important;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 230, 170, 0.04) !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover {
  background: var(--anc-base-card-hover) !important;
  border-color: var(--anc-line-gold-strong) !important;
  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 230, 170, 0.055) !important;
}

/* тело карточек */
.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  background: transparent !important;
}

/* ===== плашки: темнее карточек, но не сливаются с фоном ===== */

.anc-feed-meta,
.anc-civ-card__top,
.gTableTop,
.sidetitle,
.popuptitle,
.eTitle,
.sect-ttl,
.anc-ribbon,
.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title,
.anc-accordion summary,
.anc-module-head .anc-ribbon,
.anc-section-head .anc-ribbon,
.anc-region-intro .anc-ribbon,
.anc-seo-hero .anc-ribbon,
.anc-seo-bottom .anc-ribbon {
  background: #1f1c19 !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  color: var(--anc-text-gold) !important;
}

.anc-feed-card:hover .anc-feed-meta,
.anc-civ-card:hover .anc-civ-card__top {
  background: #27231f !important;
  border-color: var(--anc-line-gold-strong) !important;
}

/* ===== левое меню: отдельный слой, чтобы не было каши ===== */

.anc-sidebox,
.anc-sidebox--atlas,
.anc-sidebox--mystery {
  background: #201d1a !important;
  border-color: rgba(218, 168, 94, 0.24) !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 230, 170, 0.035) !important;
}

.anc-accordion,
.anc-accordion-body,
.anc-accordion-body--atlas,
.anc-sidebox--mystery > .anc-side-list {
  background: #25211d !important;
  border-color: rgba(218, 168, 94, 0.16) !important;
}

.anc-side-list a,
.anc-sidebox--mystery .anc-side-list a {
  background: #29251f !important;
  border-color: rgba(218, 168, 94, 0.14) !important;
  color: #d0b47f !important;
}

.anc-side-list li:nth-child(even) a {
  background: #26221d !important;
}

.anc-side-list a:hover,
.anc-sidebox--mystery .anc-side-list a:hover {
  background: #312b24 !important;
  border-color: rgba(241, 204, 139, 0.34) !important;
  color: #ffe0a6 !important;
}

/* ===== текст ===== */

h1,
h2,
h3,
h4,
h5,
h6,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop,
.h_navigator23,
.c3,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title,
.anc-feed-title a,
.anc-civ-card__body h2,
.anc-civ-card__body h3 {
  color: var(--anc-text-gold) !important;
  text-shadow: none !important;
}

p,
td,
li,
.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody,
.commTable,
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-civ-card__body p,
.anc-seo-text,
.anc-seo-text p,
.anc-seo-bottom-text,
.anc-seo-bottom-text p,
.anc-region-intro__text,
.anc-region-intro__text p {
  color: var(--anc-text-gold-soft) !important;
}

.anc-feed-meta span,
.anc-feed-meta *,
.anc-civ-card__top a,
.anc-civ-card__top span {
  color: var(--anc-text-muted) !important;
}

/* ===== системные элементы ===== */

.eDetails,
.eDetails1,
.eDetails2,
.gTableSubTop,
.postTdTop,
.switch,
.pagesInfo,
.codeMessage,
.quoteMessage,
.uSpoilerText,
.outputPM,
.inputPM,
.cell-poll,
.catsTd,
.civilization,
.civilization1,
.civilization2,
.civilization3,
.alert,
#casing input[type="text"],
#casing input[type="password"],
#casing textarea,
#casing input[type="file"],
#casing select,
#bottom input[type="text"],
#bottom input[type="password"],
#bottom textarea,
#bottom input[type="file"],
#bottom select,
.queryField,
.loginField {
  background: #25211d !important;
  border-color: rgba(218, 168, 94, 0.18) !important;
  color: var(--anc-text-gold-soft) !important;
}

/* ===== футер и скролл ===== */

.anc-footer {
  background: #151311 !important;
  border-top-color: rgba(218, 168, 94, 0.22) !important;
}

::-webkit-scrollbar-track {
  background: #0e0d0c !important;
}

::-webkit-scrollbar-thumb {
  background: #3a3026 !important;
  border: 3px solid #0e0d0c !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #4a3b2c !important;
}


/* =========================================================
   ANCIENTCIVS — V7 SPACING + GRADIENT BACKGROUND FIX
   - убираем слипание блоков;
   - добавляем больше воздуха между секциями;
   - делаем задний фон сайта с богатым градиентом;
   - усиливаем отделение внутренних панелей друг от друга.
   Этот блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-bg-top: #120f0e !important;
  --anc-bg-mid: #090909 !important;
  --anc-bg-side: #050505 !important;
  --anc-panel-gap: 26px !important;
  --anc-panel-gap-small: 18px !important;
}

html,
body,
body.anc-site {
  background:
    radial-gradient(circle at 50% 0%, rgba(86, 59, 41, 0.34) 0%, rgba(30, 23, 20, 0.24) 22%, rgba(10, 10, 10, 0) 52%),
    linear-gradient(180deg, #171210 0%, #0e0d0c 26%, #090909 62%, #040404 100%) !important;
  background-attachment: fixed !important;
}

body::before,
body.anc-site::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.28 !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(164, 118, 72, 0.12), transparent 24%),
    radial-gradient(circle at 82% 10%, rgba(130, 90, 56, 0.10), transparent 22%),
    radial-gradient(circle at 50% 78%, rgba(255, 210, 145, 0.04), transparent 26%),
    linear-gradient(90deg, rgba(255,255,255,0.02), rgba(0,0,0,0) 16%, rgba(0,0,0,0) 84%, rgba(255,255,255,0.02)) !important;
  mix-blend-mode: screen !important;
}

body::after,
body.anc-site::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.85 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.52) 0%, rgba(0,0,0,0.12) 14%, rgba(0,0,0,0.10) 86%, rgba(0,0,0,0.52) 100%),
    radial-gradient(circle at center, transparent 0%, transparent 62%, rgba(0,0,0,0.36) 100%) !important;
}

/* центральный контейнер чуть яснее отделяем от фона */
.anc-content {
  background: #181614 !important;
  border: 1px solid rgba(214, 166, 97, 0.20) !important;
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(255, 221, 167, 0.03),
    inset 0 1px 0 rgba(255, 230, 170, 0.035) !important;
}

/* убираем слипание верхних секций и контентных блоков */
.anc-section,
.anc-module-panel,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro,
.anc-article,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
.gTable {
  position: relative !important;
  margin-bottom: var(--anc-panel-gap) !important;
}

/* чтобы последние блоки не прилипали к низу */
.anc-section:last-child,
.anc-module-panel:last-child,
.eBlock:last-child,
.commTable:last-child,
.replaceTable:last-child,
.uTable:last-child,
.manTable:last-child,
.gTable:last-child {
  margin-bottom: 0 !important;
}

/* если идут блоки внутри секций — добавляем сеточные зазоры */
.anc-split-grid,
.anc-live-grid,
.anc-live-stack,
.anc-forum-grid,
.anc-civ-grid,
.anc-related-grid {
  gap: var(--anc-panel-gap-small) !important;
}

/* внутренние секции отделяем мягкой рамкой и небольшой подложкой */
.anc-section,
.anc-module-panel {
  background: #211e1b !important;
  border: 1px solid rgba(214, 166, 97, 0.20) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 232, 187, 0.03) !important;
}

/* заголовочные SEO-блоки чуть светлее остальных */
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background: #26221f !important;
  border: 1px solid rgba(214, 166, 97, 0.24) !important;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 232, 187, 0.04) !important;
}

/* дополнительные отступы между секциями на главной */
.anc-section--seo-intro,
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-section--seo-bottom {
  margin-bottom: 28px !important;
}

/* между заголовком секции и сеткой материалов */
.anc-section-head,
.anc-module-head {
  margin-bottom: 16px !important;
}

/* левое меню отделяем от центральной колонки */
.anc-layout,
.anc-main-grid,
.anc-page-grid,
.anc-shell {
  column-gap: 24px !important;
}

/* сайдбарные блоки тоже не должны слипаться */
.anc-sidebox,
.anc-sidebox--atlas,
.anc-sidebox--mystery {
  margin-bottom: 20px !important;
}

/* усиливаем визуальный разрыв между карточками и фоном секции */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background: #27231f !important;
  border: 1px solid rgba(214, 166, 97, 0.22) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,0.30),
    0 0 0 1px rgba(255, 223, 180, 0.02),
    inset 0 1px 0 rgba(255, 232, 187, 0.035) !important;
}

/* нижняя липкая полоса не должна резать карточки */
.anc-bottom-sticky,
.anc-sticky-nav,
.anc-mobile-nav,
.anc-mainnav-wrap.is-sticky,
.anc-mainnav-wrap.sticky {
  box-shadow: 0 -1px 0 rgba(214, 166, 97, 0.16), 0 -10px 24px rgba(0,0,0,0.30) !important;
}

/* на мобильных сохраняем воздух */
@media (max-width: 980px) {
  .anc-section,
  .anc-module-panel,
  .anc-seo-hero,
  .anc-seo-bottom,
  .anc-region-intro,
  .anc-article,
  .eBlock,
  .commTable,
  .replaceTable,
  .uTable,
  .manTable,
  .gTable {
    margin-bottom: 18px !important;
  }

  .anc-split-grid,
  .anc-live-grid,
  .anc-live-stack,
  .anc-forum-grid,
  .anc-civ-grid,
  .anc-related-grid {
    gap: 14px !important;
  }
}


/* =========================================================
   V8 — sticky menu color / section spacing / cleaner layering
   Правки по замечаниям:
   1) липкое верхнее меню без старого коричневого оттенка;
   2) заголовки блоков не прилипают к левому краю;
   3) лучшее разделение по цветам;
   4) убраны лишние подложки и лишние разделители.
========================================================= */

:root {
  --anc-tone-bg: #090909 !important;
  --anc-tone-shell: #11100f !important;
  --anc-tone-panel: #191715 !important;
  --anc-tone-panel-2: #1f1c1a !important;
  --anc-tone-card: #221f1d !important;
  --anc-tone-card-2: #262320 !important;
  --anc-tone-menu: #1b1917 !important;
  --anc-tone-menu-2: #211d1b !important;
  --anc-tone-stroke: rgba(212, 170, 104, 0.17) !important;
  --anc-tone-stroke-strong: rgba(212, 170, 104, 0.24) !important;
}

/* задний фон делаем богаче, но спокойнее */
html,
body,
body.anc-site {
  background:
    radial-gradient(circle at 50% 0%, rgba(90, 63, 40, 0.22) 0%, rgba(33, 25, 20, 0.16) 22%, rgba(0,0,0,0) 48%),
    linear-gradient(180deg, #161311 0%, #0d0c0b 18%, #080808 52%, #050505 100%) !important;
  background-attachment: fixed !important;
}

/* центральная часть сайта */
.anc-content {
  background: var(--anc-tone-shell) !important;
  border: 1px solid var(--anc-tone-stroke) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,0.54),
    inset 0 1px 0 rgba(255,229,182,0.03) !important;
  gap: 20px !important;
}

/* левый сайдбар */
.anc-sidebox {
  background: var(--anc-tone-panel) !important;
  border: 1px solid var(--anc-tone-stroke) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,0.30) !important;
}

/* большие секции — отдельный уровень темнее/светлее, чтобы не сливались */
.anc-section,
.anc-module-panel {
  background: var(--anc-tone-panel-2) !important;
  border: 1px solid var(--anc-tone-stroke) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,231,188,0.025) !important;
}

/* SEO hero и нижний SEO-блок чуть отдельнее */
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background: #211e1b !important;
  border: 1px solid var(--anc-tone-stroke-strong) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.32),
    inset 0 1px 0 rgba(255,231,188,0.035) !important;
}

/* карточки — единый цвет, чуть заметно отличаются от секции */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card,
.eBlock,
.commTable,
.replaceTable,
.uTable,
.manTable,
.gTable {
  background: linear-gradient(180deg, var(--anc-tone-card), var(--anc-tone-card-2)) !important;
  border: 1px solid rgba(212, 170, 104, 0.18) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,0.24),
    inset 0 1px 0 rgba(255,230,180,0.03) !important;
}

/* новости делаем того же семейства цвета, что и остальные карточки */
.anc-feed-card .anc-feed-body,
.anc-feed-card .anc-feed-footer,
.anc-feed-card .anc-feed-meta,
.anc-feed-card .anc-feed-title,
.anc-feed-card .anc-feed-excerpt {
  background: transparent !important;
}

/* убираем старые светлые/коричневые подложки у меню и sticky-состояния */
.anc-mainnav-wrap,
.anc-mainnav-wrap.is-sticky,
.anc-mainnav-wrap.sticky,
.anc-sticky-nav,
.anc-bottom-sticky,
.anc-mobile-nav {
  background: linear-gradient(180deg, #1b1917 0%, #151311 100%) !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
  border-bottom: 1px solid rgba(212,170,104,0.14) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.30) !important;
}

.anc-mainnav-wrap::before,
.anc-mainnav-wrap::after,
.anc-sticky-nav::before,
.anc-sticky-nav::after,
.anc-bottom-sticky::before,
.anc-bottom-sticky::after {
  display: none !important;
  content: none !important;
}

/* сами кнопки верхнего меню */
.anc-main-menu a,
.anc-sticky-nav a,
.anc-bottom-sticky a,
.anc-mobile-nav a {
  background: #211d1b !important;
  border: 1px solid rgba(212,170,104,0.18) !important;
  color: #e2c890 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,232,190,0.04),
    0 6px 14px rgba(0,0,0,0.20) !important;
}

.anc-main-menu a:hover,
.anc-sticky-nav a:hover,
.anc-bottom-sticky a:hover,
.anc-mobile-nav a:hover,
.anc-main-menu .current a,
.anc-main-menu li.active a {
  background: #272320 !important;
  border-color: rgba(212,170,104,0.28) !important;
  color: #f0dab2 !important;
}

/* верхняя служебная панель тоже уводим в этот же тон */
.anc-topbar-wrap {
  background: linear-gradient(180deg, #261d17 0%, #1b1917 100%) !important;
  border-bottom: 1px solid rgba(212,170,104,0.12) !important;
}

.anc-topbar-links a {
  background: #2a221d !important;
  border: 1px solid rgba(212,170,104,0.16) !important;
}

/* заголовки секций не должны прилипать влево */
.anc-section-head,
.anc-module-head {
  padding: 14px 18px 6px 18px !important;
  margin: -14px -14px 8px -14px !important;
  border-bottom: 1px solid rgba(212,170,104,0.08) !important;
}

/* сама сетка материалов чуть с внутренним отступом */
.anc-live-grid,
.anc-live-stack,
.anc-forum-grid,
.anc-split-grid,
.anc-civ-grid,
.anc-related-grid {
  padding: 0 8px 8px !important;
}

/* ленты/титулы делаем не на самом краю */
.anc-ribbon,
.anc-section-title,
.anc-section-intro,
.anc-module-head .anc-section-title,
.anc-module-head .anc-ribbon {
  margin-left: 2px !important;
}

/* убираем лишние разделители между большими секциями */
.anc-section + .anc-section {
  padding-top: 0 !important;
}

.anc-section + .anc-section::before,
.anc-section--seo-bottom::before,
.anc-section--seo-intro + .anc-section::before {
  display: none !important;
  content: none !important;
}

/* убираем лишние фоновые подложки у обёрток, чтобы не плодились слои */
.anc-main-wrap,
.anc-layout,
.anc-sidebar-stack,
.anc-content > .anc-section,
.anc-content > .anc-module-panel {
  background-image: none !important;
}

/* побольше воздуха между блоками */
.anc-section,
.anc-module-panel,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  margin-bottom: 22px !important;
}

/* в секциях не даём контенту прилипать к краям */
.anc-section,
.anc-module-panel {
  padding: 14px !important;
}

/* но карточкам внутри сохраняем аккуратную геометрию */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  overflow: hidden !important;
}

/* если у каких-то подложек старый коричневый фон — принудительно заменяем */
[class*="brown"],
[class*="cocoa"] {
  background-color: transparent;
}

@media (max-width: 980px) {
  .anc-section-head,
  .anc-module-head {
    padding: 12px 14px 6px 14px !important;
    margin: -14px -14px 8px -14px !important;
  }

  .anc-live-grid,
  .anc-live-stack,
  .anc-forum-grid,
  .anc-split-grid,
  .anc-civ-grid,
  .anc-related-grid {
    padding: 0 2px 2px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V9 REAL MENU BROWN CLEANUP
   Нашёл и убрал старые коричневые цвета меню:
   #17100a, #0f0a06, #1f140c, #26180f и похожие.
   Этот блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-nav-bg-final: #11100f !important;
  --anc-nav-btn-final: #1b1917 !important;
  --anc-nav-btn-hover-final: #211d1b !important;
  --anc-nav-btn-active-final: #27231f !important;
  --anc-nav-border-final: rgba(212, 170, 104, 0.18) !important;
  --anc-nav-border-hover-final: rgba(212, 170, 104, 0.30) !important;
  --anc-nav-text-final: #e2c890 !important;
  --anc-nav-text-hover-final: #f0dab2 !important;
}

/* Вся верхняя sticky-зона, включая родителя */
.anc-header,
body.anc-nav-fixed .anc-header,
.anc-mainnav-wrap,
body.anc-nav-fixed .anc-mainnav-wrap,
.anc-mainnav-wrap.is-fixed,
.anc-mainnav-wrap.is-sticky,
.anc-mainnav-wrap.sticky,
.anc-mainnav,
.anc-mainnav-holder,
.anc-mainnav-panel,
.anc-nav-shell,
.anc-nav-wrap,
.anc-sticky-nav,
.anc-bottom-sticky,
.anc-mobile-nav,
.uMenuRoot,
.uMenuV,
.uMenuH {
  background: var(--anc-nav-bg-final) !important;
  background-color: var(--anc-nav-bg-final) !important;
  background-image: none !important;
  border-color: var(--anc-nav-border-final) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.34) !important;
}

/* Убираем декоративные старые слои у меню */
.anc-header::before,
.anc-header::after,
.anc-mainnav-wrap::before,
.anc-mainnav-wrap::after,
.anc-mainnav::before,
.anc-mainnav::after,
.anc-mainnav-holder::before,
.anc-mainnav-holder::after,
.anc-mainnav-panel::before,
.anc-mainnav-panel::after,
.anc-nav-shell::before,
.anc-nav-shell::after,
.anc-nav-wrap::before,
.anc-nav-wrap::after,
.anc-sticky-nav::before,
.anc-sticky-nav::after,
.anc-bottom-sticky::before,
.anc-bottom-sticky::after,
.uMenuRoot::before,
.uMenuRoot::after,
.uMenuV::before,
.uMenuV::after,
.uMenuH::before,
.uMenuH::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Кнопки меню */
.anc-main-menu a,
.anc-main-menu li a,
.anc-mainnav a,
.anc-mainnav li a,
.anc-sticky-nav a,
.anc-bottom-sticky a,
.anc-mobile-nav a,
.uMenuRoot a,
.uMenuV a,
.uMenuH a {
  background: var(--anc-nav-btn-final) !important;
  background-color: var(--anc-nav-btn-final) !important;
  background-image: none !important;
  border: 1px solid var(--anc-nav-border-final) !important;
  color: var(--anc-nav-text-final) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,232,190,0.04),
    0 6px 14px rgba(0,0,0,0.20) !important;
}

/* Hover / active */
.anc-main-menu a:hover,
.anc-main-menu li a:hover,
.anc-mainnav a:hover,
.anc-mainnav li a:hover,
.anc-sticky-nav a:hover,
.anc-bottom-sticky a:hover,
.anc-mobile-nav a:hover,
.uMenuRoot a:hover,
.uMenuV a:hover,
.uMenuH a:hover,
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA,
.uMenuRoot .uMenuItemA,
.uMenuV .uMenuItemA,
.uMenuH .uMenuItemA {
  background: var(--anc-nav-btn-hover-final) !important;
  background-color: var(--anc-nav-btn-hover-final) !important;
  background-image: none !important;
  border-color: var(--anc-nav-border-hover-final) !important;
  color: var(--anc-nav-text-hover-final) !important;
}

/* Активный пункт чуть светлее, но не коричневый */
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a,
.anc-main-menu li.uWithSubmenu > a.uMenuItemA,
.uMenuRoot .uMenuItemA,
.uMenuV .uMenuItemA,
.uMenuH .uMenuItemA {
  background: var(--anc-nav-btn-active-final) !important;
  background-color: var(--anc-nav-btn-active-final) !important;
}

/* Если скрипт добавляет фиксированному меню inline/class оболочку */
body.anc-nav-fixed .anc-mainnav-wrap,
body.anc-nav-fixed .anc-mainnav,
body.anc-nav-fixed .anc-main-menu,
body.anc-nav-fixed .uMenuRoot,
body.anc-nav-fixed .uMenuH {
  background: var(--anc-nav-bg-final) !important;
  background-color: var(--anc-nav-bg-final) !important;
  background-image: none !important;
}

/* =========================================================
   ANCIENTCIVS — UNIFIED LIGHTER TEXT COLOR
   Делаем шрифт чуть светлее и единым по всему сайту.
   ВАЖНО: блок должен быть в самом конце CSS.
========================================================= */

:root {
  --anc-unified-text: #e7d0a3 !important;
  --anc-unified-text-hover: #f3dfb6 !important;
  --anc-unified-muted: #cdb17d !important;
}

/* Единый цвет основного текста везде */
body,
body.anc-site,
p,
span,
div,
td,
th,
li,
label,
small,
em,
strong,
b,
i,
blockquote,
figcaption,
legend,
summary,
.eMessage,
.eText,
.cMessage,
.posttdMessage,
.popupbody,
.commTable,
.eDetails,
.eDetails1,
.eDetails2,
.gTableSubTop,
.postTdTop,
.switch,
.pagesInfo,
.codeMessage,
.quoteMessage,
.uSpoilerText,
.outputPM,
.inputPM,
.cell-poll,
.catsTd,
.civilization,
.civilization1,
.civilization2,
.civilization3,
.alert,
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-civ-card__body p,
.anc-seo-text,
.anc-seo-text p,
.anc-seo-bottom-text,
.anc-seo-bottom-text p,
.anc-region-intro__text,
.anc-region-intro__text p,
.anc-footer-copy,
.anc-footer-meta,
#footer {
  color: var(--anc-unified-text) !important;
  text-shadow: none !important;
}

/* Заголовки тоже в единой светлой гамме */
h1,
h2,
h3,
h4,
h5,
h6,
.eTitle,
.sect-ttl,
.sidetitle,
.popuptitle,
.gTableTop,
.h_navigator23,
.c3,
.anc-section-title,
.anc-module-head h2,
.anc-sidebox-title,
.anc-feed-title,
.anc-feed-title a,
.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-seo-title,
.anc-region-intro__title {
  color: var(--anc-unified-text) !important;
  text-shadow: none !important;
}

/* Ссылки — почти тот же цвет, только hover чуть светлее */
a,
body.anc-site a,
.anc-feed-title a,
.anc-feed-link,
.anc-feed-links a,
.anc-side-list a,
.anc-main-menu a,
.anc-main-link,
.anc-topbar-links a,
.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-intro__civs a,
.anc-civ-card__top a,
.gTableTop a,
.sidetitle a,
.popuptitle a,
.eTitle a,
.sect-ttl a,
#footer a,
.anc-footer a {
  color: var(--anc-unified-text) !important;
  text-shadow: none !important;
}

a:hover,
body.anc-site a:hover,
.anc-feed-title a:hover,
.anc-feed-link:hover,
.anc-feed-links a:hover,
.anc-side-list a:hover,
.anc-main-menu a:hover,
.anc-main-link:hover,
.anc-topbar-links a:hover,
.anc-seo-tags a:hover,
.anc-seo-bottom-links a:hover,
.anc-region-intro__civs a:hover,
.anc-civ-card__top a:hover,
.gTableTop a:hover,
.sidetitle a:hover,
.popuptitle a:hover,
.eTitle a:hover,
.sect-ttl a:hover,
#footer a:hover,
.anc-footer a:hover {
  color: var(--anc-unified-text-hover) !important;
}

/* Мелкие подписи, категории, просмотры — тоже единый цвет, но можно чуть спокойнее */
.anc-ribbon,
.anc-feed-meta,
.anc-feed-meta span,
.anc-feed-meta *,
.anc-civ-card__top,
.anc-civ-card__top span,
.anc-feed-pill,
.anc-side-group-title,
.anc-nav-ico,
.anc-main-menu .anc-nav-ico {
  color: var(--anc-unified-text) !important;
  text-shadow: none !important;
}

/* Формы */
input,
textarea,
select,
button,
.queryField,
.loginField {
  color: var(--anc-unified-text) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--anc-unified-muted) !important;
  opacity: 1 !important;
}

/* =========================================================
   ANCIENTCIVS — LIGHTER RICHER BACKGROUND + TOP EXHIBIT GLOW
   Фон чуть светлее, богаче, с эффектом верхней подсветки как в музее.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-bg-deep-rich: #0f0d0c;
  --anc-bg-rich: #151210;
  --anc-bg-soft: #1d1916;
  --anc-panel-rich: #211d1a;
  --anc-panel-rich-2: #27221f;
  --anc-panel-border-rich: #4d3d31;
  --anc-panel-border-soft: #3a2f27;
  --anc-lamp-glow: rgba(220, 184, 118, 0.16);
  --anc-lamp-glow-strong: rgba(239, 205, 144, 0.22);
}

html,
body,
body.anc-site {
  background: var(--anc-bg-deep-rich) !important;
}

body {
  position: relative !important;
  background-color: var(--anc-bg-deep-rich) !important;
}

/* Задний фон — чуть светлее и богаче */
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: -2 !important;
  background:
    radial-gradient(circle at 14% 0%, var(--anc-lamp-glow) 0%, rgba(220, 184, 118, 0.08) 12%, rgba(0,0,0,0) 34%),
    radial-gradient(circle at 50% -2%, var(--anc-lamp-glow-strong) 0%, rgba(239, 205, 144, 0.10) 14%, rgba(0,0,0,0) 38%),
    radial-gradient(circle at 86% 0%, var(--anc-lamp-glow) 0%, rgba(220, 184, 118, 0.08) 12%, rgba(0,0,0,0) 34%),
    linear-gradient(180deg, #1c1714 0%, #14110f 22%, #0f0d0c 55%, #0b0908 100%) !important;
}

/* Лёгкая текстура и затемнение по краям */
body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  background:
    radial-gradient(circle at center, rgba(0,0,0,0) 48%, rgba(0,0,0,0.22) 100%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.010) 0,
      rgba(255,255,255,0.010) 1px,
      rgba(0,0,0,0) 1px,
      rgba(0,0,0,0) 96px
    );
  opacity: 1 !important;
}

/* Подсветка сверху как от музейных ламп */
#header,
.anc-header,
.anc-mainnav-wrap {
  position: relative !important;
}

#header::after,
.anc-header::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -18px;
  width: min(1200px, 96%);
  height: 170px;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 18% 0%, rgba(244, 214, 157, 0.14) 0%, rgba(244, 214, 157, 0.08) 18%, rgba(0,0,0,0) 46%),
    radial-gradient(ellipse at 50% 0%, rgba(244, 214, 157, 0.20) 0%, rgba(244, 214, 157, 0.10) 22%, rgba(0,0,0,0) 52%),
    radial-gradient(ellipse at 82% 0%, rgba(244, 214, 157, 0.14) 0%, rgba(244, 214, 157, 0.08) 18%, rgba(0,0,0,0) 46%);
  opacity: 1;
}

/* Основные панели делаем чуть различимее */
#header,
#wrapper,
.anc-main-wrap,
.anc-mainnav-wrap,
.anc-sidebox,
.anc-accordion-body,
.anc-accordion-body--atlas,
.anc-section,
.anc-module-panel,
.anc-seo-hero,
.anc-seo-bottom,
.anc-feed-card,
.anc-related-card,
.anc-forum-topic,
.anc-region-intro,
.anc-civ-card,
.anc-live-grid--news > .anc-feed-card:first-child .anc-feed-body {
  background-color: var(--anc-panel-rich) !important;
  border-color: var(--anc-panel-border-soft) !important;
}

/* Внутренние подложки чуть светлее, чтобы было разделение */
.anc-feed-body,
.anc-related-card-body,
.anc-civ-card__body,
.anc-forum-topic__body,
.anc-seo-text,
.anc-seo-bottom-text,
.anc-region-intro__text,
.anc-side-list a,
.anc-side-list li,
.anc-side-section,
.anc-side-group {
  background-color: rgba(36, 31, 27, 0.42) !important;
}

/* Новости и обычные карточки слегка разделяем по тону */
.anc-feed-card,
.anc-related-card,
.anc-forum-topic,
.anc-civ-card {
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.26),
    inset 0 0 0 1px rgba(95, 74, 56, 0.22) !important;
}

.anc-section,
.anc-module-panel,
.anc-seo-hero,
.anc-seo-bottom,
.anc-sidebox,
.anc-accordion-body,
.anc-accordion-body--atlas {
  box-shadow:
    0 18px 34px rgba(0,0,0,0.22),
    inset 0 0 0 1px rgba(82, 66, 52, 0.18) !important;
}

/* Немного осветляем крупные световые области контента, но без слияния */
.anc-main-wrap {
  background-color: rgba(20, 17, 15, 0.92) !important;
}

.anc-section {
  margin-bottom: 26px !important;
}

/* =========================================================
   ANCIENTCIVS — V12 FINAL MUSEUM POLISH
   Добавлено по пунктам 1–9:
   1) карточки-витрины;
   2) левое меню как атлас;
   3) мягкие орнаменты в углах;
   4) разные оттенки разделов;
   5) улучшенные заголовки блоков;
   6) единый фильтр изображений;
   7) музейная подсветка секций/карточек;
   8) более тонкое sticky-меню;
   9) улучшенный футер.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-v12-bg: #0f0d0c;
  --anc-v12-panel: #211d1a;
  --anc-v12-panel-2: #26211e;
  --anc-v12-panel-3: #2a2521;
  --anc-v12-card: #29241f;
  --anc-v12-card-hover: #302a25;
  --anc-v12-menu: #191715;
  --anc-v12-menu-soft: #211e1b;
  --anc-v12-line: rgba(214, 166, 97, 0.20);
  --anc-v12-line-soft: rgba(214, 166, 97, 0.11);
  --anc-v12-line-strong: rgba(233, 197, 133, 0.34);
  --anc-v12-gold: #e7d0a3;
  --anc-v12-gold-soft: #cdb17d;
  --anc-v12-glow: rgba(233, 197, 133, 0.10);
}

/* =========================================================
   1. КАРТОЧКИ-ВИТРИНЫ
========================================================= */

.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, #2a2622 0%, #241f1c 100%) !important;
  border: 1px solid var(--anc-v12-line) !important;
  box-shadow:
    0 18px 34px rgba(0, 0, 0, 0.30),
    inset 0 1px 0 rgba(255, 236, 190, 0.045),
    inset 0 0 0 1px rgba(255, 236, 190, 0.025) !important;
}

.anc-feed-card::before,
.anc-forum-card::before,
.anc-civ-card::before,
.anc-related-card::before,
.anc-fact-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  display: block !important;
  pointer-events: none !important;
  border: 1px solid rgba(233, 197, 133, 0.055) !important;
  border-radius: inherit !important;
  background: none !important;
  box-shadow: none !important;
  z-index: 2 !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover,
.anc-fact-card:hover {
  transform: translateY(-3px) !important;
  background:
    linear-gradient(180deg, #312b26 0%, #29241f 100%) !important;
  border-color: var(--anc-v12-line-strong) !important;
  box-shadow:
    0 24px 46px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(233, 197, 133, 0.05),
    inset 0 1px 0 rgba(255, 236, 190, 0.065) !important;
}

.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  padding-top: 18px !important;
  background:
    linear-gradient(180deg, rgba(255, 236, 190, 0.018), rgba(0, 0, 0, 0)) !important;
}

/* =========================================================
   2. ЛЕВОЕ МЕНЮ — АТЛАС ЦИВИЛИЗАЦИЙ
========================================================= */

.anc-sidebox,
.anc-sidebox--atlas,
.anc-sidebox--mystery {
  background:
    linear-gradient(180deg, #24201d 0%, #1c1917 100%) !important;
  border-color: var(--anc-v12-line) !important;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 236, 190, 0.035) !important;
}

.anc-sidebox-title,
.anc-sidebox--mystery .anc-sidebox-title {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 14px !important;
  background: #191715 !important;
  border-bottom: 1px solid var(--anc-v12-line) !important;
  color: var(--anc-v12-gold) !important;
  letter-spacing: 0.10em !important;
}

.anc-accordion summary {
  background: #211e1b !important;
  color: var(--anc-v12-gold) !important;
  border: 1px solid rgba(214, 166, 97, 0.14) !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
}

.anc-side-group-title {
  padding: 8px 10px !important;
  margin: 8px 0 8px !important;
  color: var(--anc-v12-gold) !important;
  background: rgba(233, 197, 133, 0.045) !important;
  border: 1px solid rgba(214, 166, 97, 0.10) !important;
  border-radius: 7px !important;
  text-align: center !important;
  letter-spacing: 0.08em !important;
}

.anc-side-list {
  gap: 7px !important;
}

.anc-side-list a,
.anc-sidebox--mystery .anc-side-list a {
  min-height: 38px !important;
  padding: 8px 12px 8px 28px !important;
  background: #28231f !important;
  border: 1px solid rgba(214, 166, 97, 0.13) !important;
  border-radius: 7px !important;
  color: var(--anc-v12-gold-soft) !important;
}

.anc-side-list li:nth-child(even) a {
  background: #24211e !important;
}

.anc-side-list a::before,
.anc-sidebox--mystery .anc-side-list a::before {
  width: 5px !important;
  height: 5px !important;
  background: var(--anc-v12-gold-soft) !important;
  box-shadow: 0 0 10px rgba(233, 197, 133, 0.22) !important;
}

.anc-side-list a:hover,
.anc-sidebox--mystery .anc-side-list a:hover {
  background: #302a25 !important;
  border-color: rgba(233, 197, 133, 0.28) !important;
  color: var(--anc-v12-gold) !important;
}

/* =========================================================
   3. МЯГКИЕ ОРНАМЕНТЫ В УГЛАХ
========================================================= */

.anc-section,
.anc-module-panel,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  position: relative !important;
  overflow: hidden !important;
}

.anc-section::after,
.anc-module-panel::after,
.anc-seo-hero::after,
.anc-seo-bottom::after,
.anc-region-intro::after {
  content: "" !important;
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  width: 78px !important;
  height: 78px !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 0.075 !important;
  border-top: 2px solid var(--anc-v12-gold) !important;
  border-right: 2px solid var(--anc-v12-gold) !important;
  background:
    linear-gradient(135deg, transparent 0 58%, rgba(231, 208, 163, 0.48) 58% 60%, transparent 60%),
    linear-gradient(45deg, transparent 0 66%, rgba(231, 208, 163, 0.40) 66% 68%, transparent 68%) !important;
  box-shadow: none !important;
  z-index: 0 !important;
}

.anc-section > *,
.anc-module-panel > *,
.anc-seo-hero > *,
.anc-seo-bottom > *,
.anc-region-intro > * {
  position: relative !important;
  z-index: 1 !important;
}

/* =========================================================
   4. РАЗНЫЕ ОТТЕНКИ РАЗДЕЛОВ
========================================================= */

.anc-section--news {
  background: #211e1b !important;
}

.anc-section--knowledge,
.anc-module-panel--catalog {
  background: #24201d !important;
}

.anc-module-panel--reference {
  background: #201d1b !important;
}

.anc-section--special,
.anc-module-panel--prehistoric {
  background: #26211d !important;
}

.anc-module-panel--cosmos {
  background: #202022 !important;
  border-color: rgba(186, 178, 128, 0.18) !important;
}

.anc-module-panel--forum,
.anc-section--forum {
  background: #221f1c !important;
}

.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background:
    radial-gradient(circle at 50% 0%, rgba(233, 197, 133, 0.055), transparent 46%),
    #26221f !important;
}

/* =========================================================
   5. ДОРАБОТКА ЗАГОЛОВКОВ БЛОКОВ
========================================================= */

.anc-section-head,
.anc-module-head {
  padding: 15px 18px 10px !important;
  margin: -14px -14px 12px !important;
  border-bottom: 1px solid rgba(214, 166, 97, 0.12) !important;
  background: rgba(0, 0, 0, 0.055) !important;
}

.anc-section-title,
.anc-module-head h2 {
  position: relative !important;
  padding-left: 18px !important;
  color: var(--anc-v12-gold) !important;
}

.anc-section-title::before,
.anc-module-head h2::before {
  content: "◆" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.12em !important;
  color: var(--anc-v12-gold-soft) !important;
  font-size: 0.42em !important;
  line-height: 1 !important;
}

.anc-section-title::after,
.anc-module-head h2::after {
  content: "" !important;
  display: block !important;
  width: min(280px, 100%) !important;
  height: 1px !important;
  margin-top: 10px !important;
  background: linear-gradient(90deg, rgba(233, 197, 133, 0.42), rgba(233, 197, 133, 0)) !important;
}

.anc-ribbon {
  margin-bottom: 8px !important;
  color: var(--anc-v12-gold-soft) !important;
}

/* =========================================================
   6. ЕДИНЫЙ ФИЛЬТР ИЗОБРАЖЕНИЙ
========================================================= */

.anc-feed-cover,
.anc-civ-card__image img,
.anc-related-card-media,
.anc-article img,
.eMessage img,
.eText img {
  filter:
    sepia(0.10)
    saturate(0.92)
    contrast(1.06)
    brightness(0.92) !important;
}

.anc-feed-card:hover .anc-feed-cover,
.anc-civ-card:hover .anc-civ-card__image img,
.anc-related-card:hover .anc-related-card-media {
  filter:
    sepia(0.06)
    saturate(1.02)
    contrast(1.08)
    brightness(0.98) !important;
}

.anc-feed-cover,
.anc-civ-card__image,
.anc-related-card-media {
  position: relative !important;
}

.anc-feed-cover::after,
.anc-civ-card__image::after,
.anc-related-card-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255, 236, 190, 0.055), rgba(0, 0, 0, 0.16)) !important;
  opacity: 1 !important;
}

/* =========================================================
   7. МУЗЕЙНАЯ ПОДСВЕТКА СЕКЦИЙ И КАРТОЧЕК
========================================================= */

.anc-section,
.anc-module-panel,
.anc-feed-card,
.anc-civ-card,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(233, 197, 133, 0.055), transparent 42%) !important;
}

.anc-feed-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover {
  box-shadow:
    0 22px 44px rgba(0, 0, 0, 0.40),
    0 0 26px rgba(233, 197, 133, 0.050),
    inset 0 1px 0 rgba(255, 236, 190, 0.065) !important;
}

/* =========================================================
   8. БОЛЕЕ ТОНКОЕ STICKY-МЕНЮ
========================================================= */

.anc-mainnav-wrap,
.anc-mainnav-wrap.is-fixed,
.anc-mainnav-wrap.is-sticky,
.anc-mainnav-wrap.sticky,
body.anc-nav-fixed .anc-mainnav-wrap {
  background: rgba(17, 16, 15, 0.96) !important;
  backdrop-filter: blur(10px) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(214, 166, 97, 0.16) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34) !important;
}

.anc-main-menu ul {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.anc-main-menu a,
.anc-main-link {
  min-height: 34px !important;
  padding: 7px 12px !important;
  border-radius: 7px !important;
  background: #1b1917 !important;
  border-color: rgba(214, 166, 97, 0.16) !important;
}

.anc-main-menu a:hover,
.anc-main-link:hover,
.anc-main-menu a.uMenuItemA,
.anc-main-menu a.active,
.anc-main-menu .uMenuItemA,
.anc-main-menu li.active > a {
  background: #25211e !important;
  border-color: rgba(233, 197, 133, 0.28) !important;
}

/* =========================================================
   9. ФУТЕР КАК АРХИВНАЯ ПОДПИСЬ
========================================================= */

.anc-footer {
  position: relative !important;
  margin-top: 28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(233, 197, 133, 0.055), transparent 42%),
    #151311 !important;
  border-top: 1px solid rgba(214, 166, 97, 0.22) !important;
  box-shadow:
    0 -14px 34px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 236, 190, 0.035) !important;
}

.anc-footer::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  width: min(760px, 70%) !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(233, 197, 133, 0.36), transparent) !important;
}

.anc-footer-copy,
.anc-footer-meta,
#footer,
#footer a,
.anc-footer a {
  color: var(--anc-v12-gold-soft) !important;
}

/* =========================================================
   ANCIENTCIVS — V13 UNIFIED SECTION STYLE LIKE NEWS
   Единый стиль всех секций как у блока "Свежие материалы":
   - убран лишний орнамент, который залезал на "Энциклопедию";
   - все большие блоки приведены к одному стилю;
   - заголовки разделов одинаковые;
   - аккуратные отступы слева;
   - без лишних подложек.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

/* 1. Убираем лишние орнаменты и декоративные наложения */
.anc-section::before,
.anc-section::after,
.anc-module-panel::before,
.anc-module-panel::after,
.anc-seo-hero::before,
.anc-seo-hero::after,
.anc-seo-bottom::before,
.anc-seo-bottom::after,
.anc-region-intro::before,
.anc-region-intro::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 2. Все основные секции — единый стиль как у новостей */
.anc-section,
.anc-module-panel,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  position: relative !important;
  overflow: hidden !important;
  background: #24201d !important;
  border: 1px solid rgba(214,166,97,0.16) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,236,190,0.03) !important;
}

/* 3. У всех разделов одинаковая шапка */
.anc-section-head,
.anc-module-head {
  display: block !important;
  margin: 0 0 18px 0 !important;
  padding: 18px 22px 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* 4. Рубрика / маленький верхний текст */
.anc-ribbon {
  display: inline-block !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: #b99761 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* 5. Единый вид заголовков разделов */
.anc-section-title,
.anc-module-head h2 {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 14px 20px !important;
  background: none !important;
  border: 0 !important;
  color: #e6cf9e !important;
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* 6. Ромбик слева */
.anc-section-title::before,
.anc-module-head h2::before {
  content: "◈" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  color: #b99761 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 7. Единая линия под заголовком */
.anc-section-title::after,
.anc-module-head h2::after {
  content: "" !important;
  display: block !important;
  width: 96px !important;
  height: 1px !important;
  margin-top: 12px !important;
  background: rgba(214,166,97,0.28) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 8. Внутренние отступы больших блоков */
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-section--seo-intro,
.anc-section--seo-bottom,
.anc-module-panel--catalog,
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  padding: 0 18px 18px !important;
  background: #24201d !important;
  border: 1px solid rgba(214,166,97,0.16) !important;
}

/* 9. Сетка материалов не прилипает к краям */
.anc-live-grid,
.anc-live-grid--news,
.anc-live-stack,
.anc-forum-grid,
.anc-split-grid {
  padding: 0 4px 4px !important;
}

/* 10. Точная чистка блока Энциклопедии */
.anc-module-panel--reference .anc-module-head,
.anc-module-panel--reference .anc-section-title,
.anc-module-panel--reference .anc-module-head h2 {
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* 11. Запрещаем декоративные наложения внутри шапок секций */
.anc-module-head *::before,
.anc-module-head *::after,
.anc-section-head *::before,
.anc-section-head *::after {
  box-shadow: none !important;
}

/* Но ромбик и линия у самих заголовков должны остаться */
.anc-section-head .anc-section-title::before,
.anc-section-head .anc-section-title::after,
.anc-module-head h2::before,
.anc-module-head h2::after {
  display: block !important;
}

/* 12. Сохраняем аккуратный внешний вид карточек */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background: #29241f !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
}

/* 13. Мобильная адаптация */
@media (max-width: 700px) {
  .anc-section-head,
  .anc-module-head {
    padding: 15px 16px 10px !important;
  }

  .anc-section-title,
  .anc-module-head h2 {
    font-size: 21px !important;
  }

  .anc-section--news,
  .anc-section--knowledge,
  .anc-section--special,
  .anc-section--forum,
  .anc-section--seo-intro,
  .anc-section--seo-bottom,
  .anc-module-panel--catalog,
  .anc-module-panel--reference,
  .anc-module-panel--prehistoric,
  .anc-module-panel--cosmos,
  .anc-module-panel--forum {
    padding: 0 12px 14px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V14 ALL MODULES LIKE NEWS BLOCK
   Все остальные блоки приводим к виду блока "Свежие материалы":
   - единая большая тёмная секция;
   - одинаковая шапка с ribbon + крупный заголовок;
   - одинаковые отступы;
   - карточки внутри одинакового типа;
   - убираем разный стиль у Цивилизации/Энциклопедия/Доистория/Космос/Форум.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-news-section-bg: #24201d !important;
  --anc-news-section-border: rgba(214,166,97,0.18) !important;
  --anc-news-card-bg: #1f1c19 !important;
  --anc-news-card-bg-2: #201d1a !important;
  --anc-news-card-border: rgba(214,166,97,0.20) !important;
  --anc-news-title: #e7d0a3 !important;
  --anc-news-muted: #b99761 !important;
  --anc-news-text: #d8bf92 !important;
}

/* =========================================================
   1. ВСЕ БОЛЬШИЕ БЛОКИ КАК "СВЕЖИЕ МАТЕРИАЛЫ"
========================================================= */

.anc-section,
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-section--seo-intro,
.anc-section--seo-bottom,
.anc-module-panel,
.anc-module-panel--catalog,
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background: var(--anc-news-section-bg) !important;
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(233,197,133,0.045), transparent 44%) !important;
  border: 1px solid var(--anc-news-section-border) !important;
  border-radius: 12px !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
  padding: 0 28px 28px !important;
  margin-bottom: 28px !important;
  overflow: hidden !important;
}

/* Убираем индивидуальные оттенки разных разделов */
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-module-panel--catalog,
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  background-color: var(--anc-news-section-bg) !important;
}

/* =========================================================
   2. ШАПКА КАЖДОГО БЛОКА — КАК У НОВОСТЕЙ
========================================================= */

.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight {
  display: block !important;
  margin: 0 0 26px 0 !important;
  padding: 30px 0 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Маленькая надпись сверху */
.anc-ribbon,
.anc-section-head .anc-ribbon,
.anc-module-head .anc-ribbon,
.anc-module-head--tight .anc-ribbon {
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--anc-news-muted) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* Заголовок */
.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2 {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 18px 26px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--anc-news-title) !important;
  font-size: clamp(2.1rem, 2.55vw, 3.15rem) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* Ромбик/орнамент слева как у новостей */
.anc-section-title::before,
.anc-module-head h2::before,
.anc-module-head--tight h2::before {
  content: "※" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.08em !important;
  width: auto !important;
  height: auto !important;
  color: var(--anc-news-muted) !important;
  font-size: 0.62em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Линия под заголовком */
.anc-section-title::after,
.anc-module-head h2::after,
.anc-module-head--tight h2::after {
  content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 1px !important;
  margin-top: 14px !important;
  background: rgba(214,166,97,0.28) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   3. СЕТКИ ВНУТРИ ВСЕХ БЛОКОВ — ОДИНАКОВАЯ ЛОГИКА
========================================================= */

.anc-live-grid,
.anc-live-grid--news,
.anc-live-stack,
.anc-forum-grid {
  padding: 0 !important;
  gap: 24px !important;
}

/* split-grid больше не должен визуально ломать стиль */
.anc-split-grid {
  display: grid !important;
  gap: 28px !important;
}

/* Внутренние module-panel внутри split-grid тоже выглядят как отдельные news-секции */
.anc-split-grid > .anc-module-panel {
  padding: 0 28px 28px !important;
  margin-bottom: 0 !important;
}

/* =========================================================
   4. ВСЕ КАРТОЧКИ КАК В НОВОСТЯХ
========================================================= */

.anc-feed-card,
.anc-feed-card--news,
.anc-live-stack .anc-feed-card,
.anc-module-panel .anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background: var(--anc-news-card-bg) !important;
  background-image:
    linear-gradient(180deg, rgba(255,236,190,0.018), rgba(0,0,0,0)) !important;
  border: 1px solid var(--anc-news-card-border) !important;
  border-radius: 10px !important;
  box-shadow:
    0 16px 32px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
  overflow: hidden !important;
}

.anc-feed-card:hover,
.anc-feed-card--news:hover,
.anc-live-stack .anc-feed-card:hover,
.anc-module-panel .anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover,
.anc-fact-card:hover {
  background: #27231f !important;
  border-color: rgba(233,197,133,0.32) !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 22px 42px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,236,190,0.045) !important;
}

.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  background: transparent !important;
  padding: 22px 22px 18px !important;
}

/* Категория внутри карточек — одинаковая */
.anc-feed-meta,
.anc-civ-card__top {
  margin: -22px -22px 18px !important;
  padding: 12px 22px !important;
  background: #211d1a !important;
  border-bottom: 1px solid rgba(214,166,97,0.16) !important;
  color: var(--anc-news-muted) !important;
}

/* Заголовки карточек */
.anc-feed-title,
.anc-feed-title a,
.anc-civ-card__body h2,
.anc-civ-card__body h3 {
  color: var(--anc-news-title) !important;
  font-size: 1.32rem !important;
  line-height: 1.28 !important;
  text-shadow: none !important;
}

/* Описание карточек */
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-civ-card__body p {
  color: var(--anc-news-text) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

/* Низ карточки */
.anc-feed-footer {
  margin-top: auto !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(214,166,97,0.12) !important;
}

.anc-feed-pill {
  background: #1b1917 !important;
  border: 1px solid rgba(214,166,97,0.16) !important;
  color: var(--anc-news-muted) !important;
}

/* =========================================================
   5. КАРТИНКИ В КАРТОЧКАХ — ОДИНАКОВО
========================================================= */

.anc-feed-cover,
.anc-civ-card__image {
  height: 210px !important;
  min-height: 210px !important;
  background-color: #11100f !important;
  border-bottom: 1px solid rgba(214,166,97,0.16) !important;
}

.anc-feed-cover,
.anc-civ-card__image img {
  filter:
    sepia(0.08)
    saturate(0.96)
    contrast(1.06)
    brightness(0.94) !important;
}

/* =========================================================
   6. УБИРАЕМ ВСЁ, ЧТО ЛОМАЛО ЕДИНЫЙ СТИЛЬ
========================================================= */

.anc-section::before,
.anc-section::after,
.anc-module-panel::before,
.anc-module-panel::after,
.anc-seo-hero::before,
.anc-seo-hero::after,
.anc-seo-bottom::before,
.anc-seo-bottom::after,
.anc-region-intro::before,
.anc-region-intro::after {
  content: none !important;
  display: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Убираем разные внутренние подложки */
.anc-module-panel--reference,
.anc-module-panel--catalog,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum {
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(233,197,133,0.045), transparent 44%) !important;
}

/* =========================================================
   7. МОБИЛЬНАЯ АДАПТАЦИЯ
========================================================= */

@media (max-width: 900px) {
  .anc-section,
  .anc-section--news,
  .anc-section--knowledge,
  .anc-section--special,
  .anc-section--forum,
  .anc-section--seo-intro,
  .anc-section--seo-bottom,
  .anc-module-panel,
  .anc-module-panel--catalog,
  .anc-module-panel--reference,
  .anc-module-panel--prehistoric,
  .anc-module-panel--cosmos,
  .anc-module-panel--forum,
  .anc-seo-hero,
  .anc-seo-bottom,
  .anc-region-intro {
    padding: 0 16px 18px !important;
  }

  .anc-section-head,
  .anc-section-head--compact,
  .anc-module-head,
  .anc-module-head--tight {
    padding-top: 22px !important;
    margin-bottom: 18px !important;
  }

  .anc-section-title,
  .anc-module-head h2,
  .anc-module-head--tight h2 {
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
  }

  .anc-live-grid,
  .anc-live-grid--news,
  .anc-live-stack,
  .anc-forum-grid {
    gap: 18px !important;
  }

  .anc-feed-cover,
  .anc-civ-card__image {
    height: 180px !important;
    min-height: 180px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V15 ORNAMENT RETURN, BUT CLEAN
   Возвращаем красивый орнамент, но без лишних подложек:
   - орнамент только в шапке секции;
   - не залезает на заголовок;
   - все блоки остаются в стиле "Свежие материалы";
   - подложка в подложке не возвращается.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

/* Шапка секции — место для орнамента */
.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight {
  position: relative !important;
  overflow: hidden !important;
  padding: 30px 0 0 !important;
  margin: 0 0 26px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Красивый слабый орнамент справа за заголовком */
.anc-section-head::after,
.anc-section-head--compact::after,
.anc-module-head::after,
.anc-module-head--tight::after {
  content: "" !important;
  position: absolute !important;
  right: 8px !important;
  top: 12px !important;
  width: 190px !important;
  height: 86px !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 0.11 !important;
  background:
    linear-gradient(45deg, transparent 0 43%, rgba(231,208,163,0.42) 43% 45%, transparent 45% 100%),
    linear-gradient(-45deg, transparent 0 43%, rgba(231,208,163,0.32) 43% 45%, transparent 45% 100%),
    radial-gradient(circle at 18px 18px, rgba(231,208,163,0.38) 0 2px, transparent 3px),
    radial-gradient(circle at 58px 18px, rgba(231,208,163,0.26) 0 2px, transparent 3px),
    radial-gradient(circle at 98px 18px, rgba(231,208,163,0.30) 0 2px, transparent 3px),
    linear-gradient(90deg, rgba(231,208,163,0.32), rgba(231,208,163,0.05), transparent) !important;
  background-size:
    28px 28px,
    28px 28px,
    40px 40px,
    40px 40px,
    40px 40px,
    100% 1px !important;
  background-position:
    0 0,
    0 0,
    0 42px,
    0 42px,
    0 42px,
    0 74px !important;
  background-repeat: repeat, repeat, repeat, repeat, repeat, no-repeat !important;
  z-index: 0 !important;
}

/* Левый маленький декоративный знак у заголовка */
.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2,
.anc-seo-bottom-title {
  position: relative !important;
  z-index: 2 !important;
  padding-left: 30px !important;
}

.anc-section-title::before,
.anc-module-head h2::before,
.anc-module-head--tight h2::before,
.anc-seo-bottom-title::before {
  content: "※" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.08em !important;
  display: block !important;
  color: #b99761 !important;
  font-size: 0.62em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Линия под заголовком остаётся как у новостей */
.anc-section-title::after,
.anc-module-head h2::after,
.anc-module-head--tight h2::after,
.anc-seo-bottom-title::after {
  content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 1px !important;
  margin-top: 14px !important;
  background: rgba(214,166,97,0.28) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Ribbon поверх орнамента */
.anc-ribbon,
.anc-section-head .anc-ribbon,
.anc-module-head .anc-ribbon {
  position: relative !important;
  z-index: 2 !important;
}

/* Внутри hero и нижнего SEO-блока — свой аккуратный орнамент, не подложка */
.anc-section--seo-intro,
.anc-section--seo-bottom {
  position: relative !important;
  overflow: hidden !important;
}

.anc-section--seo-intro::after,
.anc-section--seo-bottom::after {
  content: "" !important;
  position: absolute !important;
  right: 24px !important;
  bottom: 18px !important;
  width: 260px !important;
  height: 90px !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 0.075 !important;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(231,208,163,0.28) 0,
      rgba(231,208,163,0.28) 1px,
      transparent 1px,
      transparent 12px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(231,208,163,0.20) 0,
      rgba(231,208,163,0.20) 1px,
      transparent 1px,
      transparent 12px
    ) !important;
  mask-image: radial-gradient(ellipse at center, #000 0%, transparent 72%) !important;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, transparent 72%) !important;
  z-index: 0 !important;
}

/* Контент секции всегда поверх орнамента */
.anc-section > *,
.anc-module-panel > *,
.anc-seo-hero > *,
.anc-seo-bottom > *,
.anc-region-intro > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Убираем только старые проблемные орнаменты у самих панелей, но не у head */
.anc-section:not(.anc-section--seo-intro):not(.anc-section--seo-bottom)::before,
.anc-module-panel::before,
.anc-seo-hero::before,
.anc-region-intro::before {
  content: none !important;
  display: none !important;
}

/* На мобильных орнамент меньше, чтобы не мешал */
@media (max-width: 700px) {
  .anc-section-head::after,
  .anc-section-head--compact::after,
  .anc-module-head::after,
  .anc-module-head--tight::after {
    right: -20px !important;
    top: 12px !important;
    width: 140px !important;
    height: 70px !important;
    opacity: 0.07 !important;
  }

  .anc-section-title,
  .anc-module-head h2,
  .anc-module-head--tight h2,
  .anc-seo-bottom-title {
    padding-left: 24px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V16 CARD TITLES FIX
   Исправляет спрятанные названия внутри карточек материалов:
   - возвращает нормальную видимость верхней плашки карточки;
   - убирает отрицательные margin у .anc-civ-card__top;
   - название больше не уезжает под картинку/за край;
   - для карточек цивилизаций плашка идёт аккуратно под изображением.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

/* Карточка не должна обрезать верхнее название */
.anc-civ-card,
.anc-feed-card,
.anc-related-card,
.anc-fact-card {
  position: relative !important;
  overflow: hidden !important;
}

/* Главное исправление: убираем отрицательные отступы у названий цивилизаций */
.anc-civ-card__top {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 42px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 10px 18px !important;
  background: #211d1a !important;
  border-top: 1px solid rgba(214,166,97,0.14) !important;
  border-bottom: 1px solid rgba(214,166,97,0.16) !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

/* Текст в верхней плашке карточки */
.anc-civ-card__top a,
.anc-civ-card__top span {
  display: inline !important;
  max-width: 100% !important;
  color: #d8bf92 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Маленький маркер перед названием */
.anc-civ-card__top a::before,
.anc-civ-card__top span::before {
  content: "◆" !important;
  display: inline-block !important;
  margin-right: 8px !important;
  color: #b99761 !important;
  font-size: 0.72em !important;
  vertical-align: 0.08em !important;
}

/* Картинка не должна наезжать на название */
.anc-civ-card__image {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  margin: 0 !important;
  height: 210px !important;
  min-height: 210px !important;
  overflow: hidden !important;
  background: #11100f !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(214,166,97,0.16) !important;
  transform: none !important;
}

/* Если в шаблоне название стоит ДО картинки — всё равно показываем нормально */
.anc-civ-card > .anc-civ-card__top:first-child {
  border-top: 0 !important;
  border-bottom: 1px solid rgba(214,166,97,0.16) !important;
}

/* Если название стоит ПОСЛЕ картинки — будет как красивая плашка под изображением */
.anc-civ-card__image + .anc-civ-card__top {
  margin-top: 0 !important;
}

/* Тело карточки не должно перекрывать плашку */
.anc-civ-card__body {
  position: relative !important;
  z-index: 2 !important;
  padding: 22px 22px 18px !important;
  margin: 0 !important;
  background: transparent !important;
  transform: none !important;
}

/* Убираем старые правила, которые могли прятать заголовки */
.anc-civ-card__top *,
.anc-civ-card__body *,
.anc-feed-meta *,
.anc-feed-title * {
  transform: none !important;
}

/* Для обычных новостных карточек meta остаётся как было */
.anc-feed-meta {
  position: relative !important;
  z-index: 3 !important;
}

/* На всякий случай: если uCoz вставляет title в первые ссылки карточки */
.anc-civ-card > a:not(.anc-civ-card__image),
.anc-civ-card__body > a:first-child {
  color: #e7d0a3 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card__top {
    min-height: 38px !important;
    padding: 9px 14px !important;
  }

  .anc-civ-card__top a,
  .anc-civ-card__top span {
    font-size: 11px !important;
    letter-spacing: 0.07em !important;
  }

  .anc-civ-card__image {
    height: 180px !important;
    min-height: 180px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V17 SEO BLOCK INDENTS + ORNAMENT
   Исправляет верхний и нижний SEO-блок:
   - верхняя надпись больше не прилипает к краю;
   - у SEO-блоков появляется такой же аккуратный орнамент;
   - заголовок, текст и кнопки получают нормальные внутренние отступы;
   - без лишней вложенной подложки.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-seo-pad-x: 42px;
  --anc-seo-pad-y: 34px;
  --anc-seo-ornament: rgba(231, 208, 163, 0.12);
  --anc-seo-line: rgba(214,166,97,0.28);
}

/* Общая геометрия SEO-блоков */
.anc-section--seo-intro,
.anc-section--seo-bottom {
  position: relative !important;
  overflow: hidden !important;
  padding: var(--anc-seo-pad-y) var(--anc-seo-pad-x) 36px !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(233,197,133,0.055), transparent 46%),
    #24201d !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  border-radius: 12px !important;
}

/* Убираем старые псевдоэлементы, которые могли мешать */
.anc-section--seo-intro::before,
.anc-section--seo-bottom::before {
  content: none !important;
  display: none !important;
}

/* Возвращаем чистый орнамент справа, не наезжающий на текст */
.anc-section--seo-intro::after,
.anc-section--seo-bottom::after {
  content: "" !important;
  position: absolute !important;
  right: 34px !important;
  top: 24px !important;
  width: 310px !important;
  height: 150px !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 0.13 !important;
  background:
    linear-gradient(45deg, transparent 0 44%, rgba(231,208,163,0.42) 44% 46%, transparent 46% 100%),
    linear-gradient(-45deg, transparent 0 44%, rgba(231,208,163,0.30) 44% 46%, transparent 46% 100%),
    radial-gradient(circle at 18px 18px, rgba(231,208,163,0.34) 0 2px, transparent 3px),
    radial-gradient(circle at 58px 18px, rgba(231,208,163,0.25) 0 2px, transparent 3px),
    linear-gradient(90deg, rgba(231,208,163,0.28), rgba(231,208,163,0.05), transparent) !important;
  background-size:
    30px 30px,
    30px 30px,
    40px 40px,
    40px 40px,
    100% 1px !important;
  background-position:
    0 0,
    0 0,
    0 74px,
    0 74px,
    0 118px !important;
  background-repeat: repeat, repeat, repeat, repeat, no-repeat !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 72%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 72%, transparent 100%) !important;
  z-index: 0 !important;
}

/* Контент всегда поверх орнамента */
.anc-section--seo-intro > *,
.anc-section--seo-bottom > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Верхняя маленькая надпись в SEO-блоках — с нормальным отступом */
.anc-section--seo-intro > .anc-ribbon,
.anc-section--seo-bottom > .anc-ribbon,
.anc-section--seo-intro .anc-ribbon:first-child,
.anc-section--seo-bottom .anc-ribbon:first-child {
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #b99761 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Заголовок верхнего SEO-блока */
.anc-section--seo-intro .anc-seo-title,
.anc-section--seo-intro h1.anc-section-title,
.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section--seo-bottom h2.anc-section-title {
  position: relative !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 20px 32px !important;
  max-width: 920px !important;
  color: #e7d0a3 !important;
  font-size: clamp(2.45rem, 3.1vw, 4rem) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-shadow: none !important;
}

/* Орнамент-знак слева у SEO-заголовков */
.anc-section--seo-intro .anc-seo-title::before,
.anc-section--seo-intro h1.anc-section-title::before,
.anc-section--seo-bottom .anc-seo-bottom-title::before,
.anc-section--seo-bottom h2.anc-section-title::before {
  content: "※" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.08em !important;
  display: block !important;
  color: #b99761 !important;
  font-size: 0.54em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Линия под SEO-заголовками */
.anc-section--seo-intro .anc-seo-title::after,
.anc-section--seo-intro h1.anc-section-title::after,
.anc-section--seo-bottom .anc-seo-bottom-title::after,
.anc-section--seo-bottom h2.anc-section-title::after {
  content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 1px !important;
  margin-top: 18px !important;
  background: var(--anc-seo-line) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Текст SEO-блоков */
.anc-section--seo-intro .anc-seo-text,
.anc-section--seo-bottom .anc-seo-bottom-text {
  max-width: 1120px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-section--seo-intro .anc-seo-text p,
.anc-section--seo-bottom .anc-seo-bottom-text p {
  color: #e7d0a3 !important;
  font-size: 1.08rem !important;
  line-height: 1.75 !important;
}

/* Кнопки/теги SEO-блоков */
.anc-section--seo-intro .anc-seo-tags,
.anc-section--seo-bottom .anc-seo-bottom-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 22px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-section--seo-intro .anc-seo-tags a,
.anc-section--seo-bottom .anc-seo-bottom-links a {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #1b1917 !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  color: #e7d0a3 !important;
}

.anc-section--seo-intro .anc-seo-tags a:hover,
.anc-section--seo-bottom .anc-seo-bottom-links a:hover {
  background: #25211e !important;
  border-color: rgba(233,197,133,0.30) !important;
  color: #f3dfb6 !important;
}

/* На случай, если внутри ещё остались старые обёртки .anc-seo-hero/.anc-seo-bottom */
.anc-section--seo-intro .anc-seo-hero,
.anc-section--seo-bottom > .anc-seo-bottom {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  :root {
    --anc-seo-pad-x: 18px;
    --anc-seo-pad-y: 24px;
  }

  .anc-section--seo-intro::after,
  .anc-section--seo-bottom::after {
    right: -35px !important;
    top: 18px !important;
    width: 210px !important;
    height: 120px !important;
    opacity: 0.08 !important;
  }

  .anc-section--seo-intro .anc-seo-title,
  .anc-section--seo-intro h1.anc-section-title,
  .anc-section--seo-bottom .anc-seo-bottom-title,
  .anc-section--seo-bottom h2.anc-section-title {
    padding-left: 26px !important;
    font-size: clamp(1.9rem, 8vw, 2.55rem) !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V18 SAME ORNAMENT FOR SEO AS OTHER BLOCKS
   Исправление:
   - у верхнего и нижнего SEO-блока орнамент теперь такой же,
     как у остальных секций;
   - убран отдельный сеточный орнамент SEO, который выбивался;
   - орнамент стоит справа в шапке блока и не лезет на текст.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

/* SEO-блоки больше не используют отдельный большой сеточный орнамент */
.anc-section--seo-intro::after,
.anc-section--seo-bottom::after {
  content: none !important;
  display: none !important;
  background: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* Делаем у SEO-блоков такую же внутреннюю шапку, как у остальных блоков */
.anc-section--seo-intro > .anc-ribbon,
.anc-section--seo-bottom > .anc-ribbon {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b99761 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* Один и тот же орнамент справа, как у обычных секций */
.anc-section--seo-intro > .anc-ribbon::after,
.anc-section--seo-bottom > .anc-ribbon::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: -4px !important;
  width: 190px !important;
  height: 86px !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 0.11 !important;
  background:
    linear-gradient(45deg, transparent 0 43%, rgba(231,208,163,0.42) 43% 45%, transparent 45% 100%),
    linear-gradient(-45deg, transparent 0 43%, rgba(231,208,163,0.32) 43% 45%, transparent 45% 100%),
    radial-gradient(circle at 18px 18px, rgba(231,208,163,0.38) 0 2px, transparent 3px),
    radial-gradient(circle at 58px 18px, rgba(231,208,163,0.26) 0 2px, transparent 3px),
    radial-gradient(circle at 98px 18px, rgba(231,208,163,0.30) 0 2px, transparent 3px),
    linear-gradient(90deg, rgba(231,208,163,0.32), rgba(231,208,163,0.05), transparent) !important;
  background-size:
    28px 28px,
    28px 28px,
    40px 40px,
    40px 40px,
    40px 40px,
    100% 1px !important;
  background-position:
    0 0,
    0 0,
    0 42px,
    0 42px,
    0 42px,
    0 74px !important;
  background-repeat: repeat, repeat, repeat, repeat, repeat, no-repeat !important;
  z-index: -1 !important;
}

/* SEO-заголовки: как у остальных секций, но крупнее */
.anc-section--seo-intro .anc-seo-title,
.anc-section--seo-intro h1.anc-section-title,
.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section--seo-bottom h2.anc-section-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 20px 32px !important;
  color: #e7d0a3 !important;
  text-shadow: none !important;
}

/* Левый знак SEO-заголовка такой же, как у других секций */
.anc-section--seo-intro .anc-seo-title::before,
.anc-section--seo-intro h1.anc-section-title::before,
.anc-section--seo-bottom .anc-seo-bottom-title::before,
.anc-section--seo-bottom h2.anc-section-title::before {
  content: "※" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.08em !important;
  display: block !important;
  color: #b99761 !important;
  font-size: 0.54em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Линия под SEO-заголовком */
.anc-section--seo-intro .anc-seo-title::after,
.anc-section--seo-intro h1.anc-section-title::after,
.anc-section--seo-bottom .anc-seo-bottom-title::after,
.anc-section--seo-bottom h2.anc-section-title::after {
  content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 1px !important;
  margin-top: 18px !important;
  background: rgba(214,166,97,0.28) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Если у SEO-блока осталась старая внутренняя обёртка, она не рисует свой декор */
.anc-section--seo-intro .anc-seo-hero::before,
.anc-section--seo-intro .anc-seo-hero::after,
.anc-section--seo-bottom > .anc-seo-bottom::before,
.anc-section--seo-bottom > .anc-seo-bottom::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* На мобильных орнамент SEO такой же компактный, как у секций */
@media (max-width: 700px) {
  .anc-section--seo-intro > .anc-ribbon::after,
  .anc-section--seo-bottom > .anc-ribbon::after {
    right: -24px !important;
    top: -2px !important;
    width: 140px !important;
    height: 70px !important;
    opacity: 0.07 !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V19 SEO BLOCKS NO ORNAMENT + SAME STYLE
   Правка:
   - полностью убираем орнамент с верхнего и нижнего SEO-блока;
   - нижний SEO-блок приводим к стилю верхнего SEO-блока;
   - размер заголовка, текста, отступы и кнопки одинаковые;
   - убираем слишком крупный нижний заголовок.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-seo-title-size: clamp(2.45rem, 3.1vw, 4rem);
  --anc-seo-text-size: 1.08rem;
  --anc-seo-pad-x: 42px;
  --anc-seo-pad-y: 34px;
}

/* =========================================================
   1. ПОЛНОСТЬЮ УБИРАЕМ ОРНАМЕНТ С SEO-БЛОКОВ
========================================================= */

.anc-section--seo-intro::before,
.anc-section--seo-intro::after,
.anc-section--seo-bottom::before,
.anc-section--seo-bottom::after,
.anc-section--seo-intro > .anc-ribbon::before,
.anc-section--seo-intro > .anc-ribbon::after,
.anc-section--seo-bottom > .anc-ribbon::before,
.anc-section--seo-bottom > .anc-ribbon::after,
.anc-section--seo-intro .anc-seo-title::before,
.anc-section--seo-intro .anc-seo-title::after,
.anc-section--seo-intro h1.anc-section-title::before,
.anc-section--seo-intro h1.anc-section-title::after,
.anc-section--seo-bottom .anc-seo-bottom-title::before,
.anc-section--seo-bottom .anc-seo-bottom-title::after,
.anc-section--seo-bottom h2.anc-section-title::before,
.anc-section--seo-bottom h2.anc-section-title::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* =========================================================
   2. ВЕРХНИЙ И НИЖНИЙ SEO-БЛОК — ОДИНАКОВАЯ ГЕОМЕТРИЯ
========================================================= */

.anc-section--seo-intro,
.anc-section--seo-bottom {
  position: relative !important;
  overflow: hidden !important;
  padding: var(--anc-seo-pad-y) var(--anc-seo-pad-x) 36px !important;
  margin-bottom: 28px !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(233,197,133,0.045), transparent 46%),
    #24201d !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  border-radius: 12px !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
}

/* Если внутри остались старые обёртки — они прозрачные */
.anc-section--seo-intro .anc-seo-hero,
.anc-section--seo-bottom > .anc-seo-bottom {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================
   3. ВЕРХНЯЯ МАЛЕНЬКАЯ НАДПИСЬ — ОДИНАКОВАЯ
========================================================= */

.anc-section--seo-intro > .anc-ribbon,
.anc-section--seo-bottom > .anc-ribbon,
.anc-section--seo-intro .anc-ribbon:first-child,
.anc-section--seo-bottom .anc-ribbon:first-child {
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b99761 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* =========================================================
   4. ЗАГОЛОВКИ SEO-БЛОКОВ — ОДИНАКОВЫЙ РАЗМЕР И ОТСТУПЫ
========================================================= */

.anc-section--seo-intro .anc-seo-title,
.anc-section--seo-intro h1.anc-section-title,
.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section--seo-bottom h2.anc-section-title {
  display: block !important;
  position: relative !important;
  max-width: 920px !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 20px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #e7d0a3 !important;
  font-size: var(--anc-seo-title-size) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
}

/* Единая линия под заголовком, без орнамент-знака */
.anc-section--seo-intro .anc-seo-title {
  border-bottom: 1px solid rgba(214,166,97,0.28) !important;
}

.anc-section--seo-intro h1.anc-section-title,
.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section--seo-bottom h2.anc-section-title {
  border-bottom: 1px solid rgba(214,166,97,0.28) !important;
}

/* Линия не во всю ширину — делаем через background-size */
.anc-section--seo-intro .anc-seo-title,
.anc-section--seo-intro h1.anc-section-title,
.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section--seo-bottom h2.anc-section-title {
  border-bottom: 0 !important;
}

.anc-section--seo-intro .anc-seo-title::after,
.anc-section--seo-intro h1.anc-section-title::after,
.anc-section--seo-bottom .anc-seo-bottom-title::after,
.anc-section--seo-bottom h2.anc-section-title::after {
  content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 1px !important;
  margin-top: 18px !important;
  background: rgba(214,166,97,0.28) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   5. ТЕКСТ SEO-БЛОКОВ — ОДИНАКОВЫЙ
========================================================= */

.anc-section--seo-intro .anc-seo-text,
.anc-section--seo-bottom .anc-seo-bottom-text {
  max-width: 1120px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-section--seo-intro .anc-seo-text p,
.anc-section--seo-bottom .anc-seo-bottom-text p {
  margin: 0 0 18px 0 !important;
  color: #e7d0a3 !important;
  font-size: var(--anc-seo-text-size) !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

.anc-section--seo-intro .anc-seo-text p:last-child,
.anc-section--seo-bottom .anc-seo-bottom-text p:last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   6. КНОПКИ/ССЫЛКИ SEO-БЛОКОВ — ОДИНАКОВЫЕ
========================================================= */

.anc-section--seo-intro .anc-seo-tags,
.anc-section--seo-bottom .anc-seo-bottom-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 22px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-section--seo-intro .anc-seo-tags a,
.anc-section--seo-bottom .anc-seo-bottom-links a {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #1b1917 !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  color: #e7d0a3 !important;
  font-size: 0.94rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.anc-section--seo-intro .anc-seo-tags a:hover,
.anc-section--seo-bottom .anc-seo-bottom-links a:hover {
  background: #25211e !important;
  border-color: rgba(233,197,133,0.30) !important;
  color: #f3dfb6 !important;
}

/* =========================================================
   7. МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 700px) {
  :root {
    --anc-seo-pad-x: 18px;
    --anc-seo-pad-y: 24px;
  }

  .anc-section--seo-intro .anc-seo-title,
  .anc-section--seo-intro h1.anc-section-title,
  .anc-section--seo-bottom .anc-seo-bottom-title,
  .anc-section--seo-bottom h2.anc-section-title {
    font-size: clamp(1.9rem, 8vw, 2.55rem) !important;
  }

  .anc-section--seo-intro .anc-seo-text p,
  .anc-section--seo-bottom .anc-seo-bottom-text p {
    font-size: 1rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V20 HARD SEO FIX
   Жёсткое исправление SEO-блоков:
   - полностью убирает орнамент и псевдоэлементы внутри верхнего/нижнего SEO;
   - нижний SEO-блок делает 1-в-1 как верхний;
   - линия под заголовком сделана без ::after, чтобы не считалась орнаментом;
   - перебивает старые .anc-section-title::before / ::after.
   ВАЖНО: этот блок должен быть самым последним в CSS.
========================================================= */

:root {
  --anc-seo-final-title: clamp(2.45rem, 3.1vw, 4rem);
  --anc-seo-final-text: 1.08rem;
  --anc-seo-final-pad-x: 42px;
  --anc-seo-final-pad-y: 34px;
}

/* 1. SEO-блоки: единая оболочка */
.anc-section.anc-section--seo-intro,
.anc-section.anc-section--seo-bottom {
  position: relative !important;
  overflow: hidden !important;
  padding: var(--anc-seo-final-pad-y) var(--anc-seo-final-pad-x) 36px !important;
  margin: 0 0 28px 0 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(233,197,133,0.045), transparent 46%),
    #24201d !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  border-radius: 12px !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
}

/* 2. Полностью убираем ВСЕ орнаменты/псевдоэлементы внутри SEO */
.anc-section.anc-section--seo-intro::before,
.anc-section.anc-section--seo-intro::after,
.anc-section.anc-section--seo-bottom::before,
.anc-section.anc-section--seo-bottom::after,
.anc-section.anc-section--seo-intro *::before,
.anc-section.anc-section--seo-intro *::after,
.anc-section.anc-section--seo-bottom *::before,
.anc-section.anc-section--seo-bottom *::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* 3. Если внутри остались старые обёртки, они прозрачные */
.anc-section.anc-section--seo-intro .anc-seo-hero,
.anc-section.anc-section--seo-bottom > .anc-seo-bottom {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* 4. Верхняя маленькая надпись — одинаково сверху и снизу */
.anc-section.anc-section--seo-intro > .anc-ribbon,
.anc-section.anc-section--seo-bottom > .anc-ribbon,
.anc-section.anc-section--seo-intro .anc-ribbon:first-child,
.anc-section.anc-section--seo-bottom .anc-ribbon:first-child {
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #b99761 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}

/* 5. Заголовки верхнего и нижнего SEO — абсолютно одинаковые */
.anc-section.anc-section--seo-intro .anc-seo-title,
.anc-section.anc-section--seo-intro h1.anc-section-title,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section.anc-section--seo-bottom h2.anc-section-title {
  display: block !important;
  position: relative !important;
  max-width: 920px !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 20px 0 !important;
  color: #e7d0a3 !important;
  font-family: var(--anc-font-title, Georgia, "Times New Roman", serif) !important;
  font-size: var(--anc-seo-final-title) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
  background:
    linear-gradient(rgba(214,166,97,0.28), rgba(214,166,97,0.28)) left bottom / 150px 1px no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 6. Текст верхнего и нижнего SEO — одинаковый */
.anc-section.anc-section--seo-intro .anc-seo-text,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-text {
  max-width: 1120px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-section.anc-section--seo-intro .anc-seo-text p,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-text p {
  margin: 0 0 18px 0 !important;
  color: #e7d0a3 !important;
  font-size: var(--anc-seo-final-text) !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

.anc-section.anc-section--seo-intro .anc-seo-text p:last-child,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-text p:last-child {
  margin-bottom: 0 !important;
}

/* 7. Кнопки верхнего и нижнего SEO — одинаковые */
.anc-section.anc-section--seo-intro .anc-seo-tags,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 22px 0 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-section.anc-section--seo-intro .anc-seo-tags a,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-links a {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: #1b1917 !important;
  background-image: none !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  color: #e7d0a3 !important;
  font-size: 0.94rem !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.anc-section.anc-section--seo-intro .anc-seo-tags a:hover,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-links a:hover {
  background: #25211e !important;
  border-color: rgba(233,197,133,0.30) !important;
  color: #f3dfb6 !important;
}

/* 8. Мобильная версия */
@media (max-width: 700px) {
  :root {
    --anc-seo-final-pad-x: 18px;
    --anc-seo-final-pad-y: 24px;
  }

  .anc-section.anc-section--seo-intro .anc-seo-title,
  .anc-section.anc-section--seo-intro h1.anc-section-title,
  .anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
  .anc-section.anc-section--seo-bottom h2.anc-section-title {
    font-size: clamp(1.9rem, 8vw, 2.55rem) !important;
  }

  .anc-section.anc-section--seo-intro .anc-seo-text p,
  .anc-section.anc-section--seo-bottom .anc-seo-bottom-text p {
    font-size: 1rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V21 SEO TITLE SAME AS OTHER BLOCKS
   SEO-заголовки больше не гигантские:
   - верхний H1 и нижний SEO H2 сделаны как заголовки остальных блоков;
   - убран огромный clamp(2.45rem...);
   - шрифт, линия и отступы приведены к общему стилю.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-seo-final-title: clamp(2.1rem, 2.55vw, 3.15rem) !important;
  --anc-seo-final-text: 1.08rem !important;
}

/* SEO-заголовки — как остальные заголовки блоков */
.anc-section.anc-section--seo-intro .anc-seo-title,
.anc-section.anc-section--seo-intro h1.anc-section-title,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section.anc-section--seo-bottom h2.anc-section-title {
  max-width: 920px !important;
  margin: 0 0 26px 0 !important;
  padding: 0 0 18px 0 !important;
  color: #e7d0a3 !important;
  font-family: var(--anc-font-title, Georgia, "Times New Roman", serif) !important;
  font-size: clamp(2.1rem, 2.55vw, 3.15rem) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-shadow: none !important;
  background:
    linear-gradient(rgba(214,166,97,0.28), rgba(214,166,97,0.28)) left bottom / 150px 1px no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Убираем любые старые декоративные знаки у SEO-заголовков */
.anc-section.anc-section--seo-intro .anc-seo-title::before,
.anc-section.anc-section--seo-intro .anc-seo-title::after,
.anc-section.anc-section--seo-intro h1.anc-section-title::before,
.anc-section.anc-section--seo-intro h1.anc-section-title::after,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-title::before,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-title::after,
.anc-section.anc-section--seo-bottom h2.anc-section-title::before,
.anc-section.anc-section--seo-bottom h2.anc-section-title::after {
  content: none !important;
  display: none !important;
}

/* Текст SEO-блоков оставляем нормального размера */
.anc-section.anc-section--seo-intro .anc-seo-text p,
.anc-section.anc-section--seo-bottom .anc-seo-bottom-text p {
  font-size: 1.08rem !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-section.anc-section--seo-intro .anc-seo-title,
  .anc-section.anc-section--seo-intro h1.anc-section-title,
  .anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
  .anc-section.anc-section--seo-bottom h2.anc-section-title {
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
  }

  .anc-section.anc-section--seo-intro .anc-seo-text p,
  .anc-section.anc-section--seo-bottom .anc-seo-bottom-text p {
    font-size: 1rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V22 HARD SEO TITLE SIZE FIX
   Если SEO-заголовок всё ещё огромный, значит его перебивает
   более общее правило .anc-seo-title / h1.
   Этот блок принудительно делает H1/H2 SEO такого же размера,
   как обычные заголовки блоков.
   ВАЖНО: блок должен быть последним в CSS.
========================================================= */

:root {
  --anc-section-title-final-size: clamp(1.9rem, 2.05vw, 2.55rem) !important;
  --anc-section-title-final-line: 1.12 !important;
}

/* Максимально жёсткий селектор для верхнего SEO H1 */
html body .anc-content .anc-section.anc-section--seo-intro h1,
html body .anc-content .anc-section.anc-section--seo-intro h1.anc-seo-title,
html body .anc-content .anc-section.anc-section--seo-intro h1.anc-section-title,
html body .anc-content .anc-section.anc-section--seo-intro .anc-seo-title,
html body .anc-section.anc-section--seo-intro h1,
html body .anc-section.anc-section--seo-intro h1.anc-seo-title,
html body .anc-section.anc-section--seo-intro h1.anc-section-title,
html body .anc-section.anc-section--seo-intro .anc-seo-title {
  font-size: var(--anc-section-title-final-size) !important;
  line-height: var(--anc-section-title-final-line) !important;
  font-weight: 700 !important;
  max-width: 860px !important;
  margin: 0 0 24px 0 !important;
  padding: 0 0 18px 0 !important;
  color: #e7d0a3 !important;
  text-shadow: none !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  background:
    linear-gradient(rgba(214,166,97,0.28), rgba(214,166,97,0.28)) left bottom / 150px 1px no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Нижний SEO-заголовок — такой же размер */
html body .anc-content .anc-section.anc-section--seo-bottom h2,
html body .anc-content .anc-section.anc-section--seo-bottom h2.anc-seo-bottom-title,
html body .anc-content .anc-section.anc-section--seo-bottom h2.anc-section-title,
html body .anc-content .anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
html body .anc-section.anc-section--seo-bottom h2,
html body .anc-section.anc-section--seo-bottom h2.anc-seo-bottom-title,
html body .anc-section.anc-section--seo-bottom h2.anc-section-title,
html body .anc-section.anc-section--seo-bottom .anc-seo-bottom-title {
  font-size: var(--anc-section-title-final-size) !important;
  line-height: var(--anc-section-title-final-line) !important;
  font-weight: 700 !important;
  max-width: 860px !important;
  margin: 0 0 24px 0 !important;
  padding: 0 0 18px 0 !important;
  color: #e7d0a3 !important;
  text-shadow: none !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  background:
    linear-gradient(rgba(214,166,97,0.28), rgba(214,166,97,0.28)) left bottom / 150px 1px no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Убираем декоративные ::before/::after у SEO-заголовков, чтобы не добавляли высоту */
html body .anc-section.anc-section--seo-intro h1::before,
html body .anc-section.anc-section--seo-intro h1::after,
html body .anc-section.anc-section--seo-intro .anc-seo-title::before,
html body .anc-section.anc-section--seo-intro .anc-seo-title::after,
html body .anc-section.anc-section--seo-bottom h2::before,
html body .anc-section.anc-section--seo-bottom h2::after,
html body .anc-section.anc-section--seo-bottom .anc-seo-bottom-title::before,
html body .anc-section.anc-section--seo-bottom .anc-seo-bottom-title::after {
  content: none !important;
  display: none !important;
}

/* Если старые правила .anc-section-title делают все H2 крупнее — SEO перебиваем отдельно */
html body .anc-section--seo-intro .anc-section-title,
html body .anc-section--seo-bottom .anc-section-title {
  font-size: var(--anc-section-title-final-size) !important;
  line-height: var(--anc-section-title-final-line) !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  :root {
    --anc-section-title-final-size: clamp(1.55rem, 7vw, 2.05rem) !important;
  }

  html body .anc-section.anc-section--seo-intro h1,
  html body .anc-section.anc-section--seo-intro .anc-seo-title,
  html body .anc-section.anc-section--seo-bottom h2,
  html body .anc-section.anc-section--seo-bottom .anc-seo-bottom-title {
    max-width: 100% !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V23 SMALLER SEO TITLE
   Делаем SEO-заголовки ещё меньше:
   - верхний H1;
   - нижний SEO H2;
   - на мобильных тоже аккуратно уменьшаем.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

:root {
  --anc-section-title-final-size: clamp(1.65rem, 1.65vw, 2.15rem) !important;
  --anc-section-title-final-line: 1.14 !important;
}

/* Верхний SEO-заголовок */
html body .anc-content .anc-section.anc-section--seo-intro h1,
html body .anc-content .anc-section.anc-section--seo-intro h1.anc-seo-title,
html body .anc-content .anc-section.anc-section--seo-intro h1.anc-section-title,
html body .anc-content .anc-section.anc-section--seo-intro .anc-seo-title,
html body .anc-section.anc-section--seo-intro h1,
html body .anc-section.anc-section--seo-intro h1.anc-seo-title,
html body .anc-section.anc-section--seo-intro h1.anc-section-title,
html body .anc-section.anc-section--seo-intro .anc-seo-title {
  font-size: clamp(1.65rem, 1.65vw, 2.15rem) !important;
  line-height: 1.14 !important;
  max-width: 760px !important;
  margin-bottom: 22px !important;
  padding-bottom: 16px !important;
}

/* Нижний SEO-заголовок */
html body .anc-content .anc-section.anc-section--seo-bottom h2,
html body .anc-content .anc-section.anc-section--seo-bottom h2.anc-seo-bottom-title,
html body .anc-content .anc-section.anc-section--seo-bottom h2.anc-section-title,
html body .anc-content .anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
html body .anc-section.anc-section--seo-bottom h2,
html body .anc-section.anc-section--seo-bottom h2.anc-seo-bottom-title,
html body .anc-section.anc-section--seo-bottom h2.anc-section-title,
html body .anc-section.anc-section--seo-bottom .anc-seo-bottom-title {
  font-size: clamp(1.65rem, 1.65vw, 2.15rem) !important;
  line-height: 1.14 !important;
  max-width: 760px !important;
  margin-bottom: 22px !important;
  padding-bottom: 16px !important;
}

/* Если класс anc-section-title снова перебивает размер */
html body .anc-section--seo-intro .anc-section-title,
html body .anc-section--seo-bottom .anc-section-title {
  font-size: clamp(1.65rem, 1.65vw, 2.15rem) !important;
  line-height: 1.14 !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  :root {
    --anc-section-title-final-size: clamp(1.35rem, 6vw, 1.85rem) !important;
  }

  html body .anc-section.anc-section--seo-intro h1,
  html body .anc-section.anc-section--seo-intro .anc-seo-title,
  html body .anc-section.anc-section--seo-bottom h2,
  html body .anc-section.anc-section--seo-bottom .anc-seo-bottom-title,
  html body .anc-section--seo-intro .anc-section-title,
  html body .anc-section--seo-bottom .anc-section-title {
    font-size: clamp(1.35rem, 6vw, 1.85rem) !important;
    line-height: 1.16 !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V24
   ВСЕ ОСТАЛЬНЫЕ КАРТОЧКИ ДЕЛАЕМ ТОЧНО В СТИЛЕ НОВОСТЕЙ
   Пользовательская правка:
   - карточки в разделах "Цивилизации", "Энциклопедия",
     "Доистория", "Космос и боги" и похожих блоках
     должны выглядеть как карточки новостей;
   - те же шрифты, те же отступы, тот же вид просмотров.
   ВАЖНО: этот блок должен быть самым последним в CSS.
========================================================= */

/* Базовая карточка в остальных секциях */
.anc-live-stack .anc-feed-card,
.anc-module-panel .anc-feed-card,
.anc-section--knowledge .anc-feed-card,
.anc-section--special .anc-feed-card,
.anc-section--compact .anc-live-stack .anc-feed-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  background: #1b1917 !important;
  border: 1px solid rgba(218, 168, 94, 0.24) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.30) !important;
}

/* Картинка как у новостей */
.anc-live-stack .anc-feed-card .anc-feed-cover,
.anc-module-panel .anc-feed-card .anc-feed-cover,
.anc-section--knowledge .anc-feed-card .anc-feed-cover,
.anc-section--special .anc-feed-card .anc-feed-cover {
  display: block !important;
  width: 100% !important;
  height: 170px !important;
  min-height: 170px !important;
  max-height: 170px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(120, 82, 48, 0.34) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

/* Тело карточки как у новостей */
.anc-live-stack .anc-feed-card .anc-feed-body,
.anc-module-panel .anc-feed-card .anc-feed-body,
.anc-section--knowledge .anc-feed-card .anc-feed-body,
.anc-section--special .anc-feed-card .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 18px 18px 16px !important;
  background: #1b1917 !important;
}

/* Верхняя строка категории — один в один как у новостей */
.anc-live-stack .anc-feed-card .anc-feed-meta,
.anc-module-panel .anc-feed-card .anc-feed-meta,
.anc-section--knowledge .anc-feed-card .anc-feed-meta,
.anc-section--special .anc-feed-card .anc-feed-meta {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-height: 1.45em !important;
  max-height: 1.45em !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
}

.anc-live-stack .anc-feed-card .anc-feed-meta span,
.anc-module-panel .anc-feed-card .anc-feed-meta span,
.anc-section--knowledge .anc-feed-card .anc-feed-meta span,
.anc-section--special .anc-feed-card .anc-feed-meta span {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  color: #b99159 !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.anc-live-stack .anc-feed-card .anc-feed-meta span:nth-child(n+2),
.anc-module-panel .anc-feed-card .anc-feed-meta span:nth-child(n+2),
.anc-section--knowledge .anc-feed-card .anc-feed-meta span:nth-child(n+2),
.anc-section--special .anc-feed-card .anc-feed-meta span:nth-child(n+2) {
  display: none !important;
}

.anc-live-stack .anc-feed-card .anc-feed-meta span::before,
.anc-module-panel .anc-feed-card .anc-feed-meta span::before,
.anc-section--knowledge .anc-feed-card .anc-feed-meta span::before,
.anc-section--special .anc-feed-card .anc-feed-meta span::before {
  content: "◆";
  margin-right: 7px;
  color: #8f6338;
  font-size: 0.68em;
}

/* Заголовок — такой же, как у новостей */
.anc-live-stack .anc-feed-card .anc-feed-title,
.anc-live-stack .anc-feed-card .anc-feed-title a,
.anc-module-panel .anc-feed-card .anc-feed-title,
.anc-module-panel .anc-feed-card .anc-feed-title a,
.anc-section--knowledge .anc-feed-card .anc-feed-title,
.anc-section--knowledge .anc-feed-card .anc-feed-title a,
.anc-section--special .anc-feed-card .anc-feed-title,
.anc-section--special .anc-feed-card .anc-feed-title a {
  font-size: 1.18rem !important;
  line-height: 1.28 !important;
  min-height: 3.05em !important;
  max-height: 3.05em !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  flex: 0 0 auto !important;
  color: #e5ca95 !important;
  text-decoration: none !important;
}

/* Краткое описание — как у новостей */
.anc-live-stack .anc-feed-card .anc-feed-excerpt,
.anc-module-panel .anc-feed-card .anc-feed-excerpt,
.anc-section--knowledge .anc-feed-card .anc-feed-excerpt,
.anc-section--special .anc-feed-card .anc-feed-excerpt {
  display: block !important;
  flex: 0 0 auto !important;
  min-height: 4.35em !important;
  max-height: 4.35em !important;
  overflow: hidden !important;
  color: #bfa06d !important;
  font-size: 0.92rem !important;
  line-height: 1.48 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.anc-live-stack .anc-feed-card .anc-feed-excerpt p,
.anc-module-panel .anc-feed-card .anc-feed-excerpt p,
.anc-section--knowledge .anc-feed-card .anc-feed-excerpt p,
.anc-section--special .anc-feed-card .anc-feed-excerpt p {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

.anc-live-stack .anc-feed-card .anc-feed-excerpt p::after,
.anc-module-panel .anc-feed-card .anc-feed-excerpt p::after,
.anc-section--knowledge .anc-feed-card .anc-feed-excerpt p::after,
.anc-section--special .anc-feed-card .anc-feed-excerpt p::after {
  content: " ";
}

.anc-live-stack .anc-feed-card .anc-feed-excerpt p:nth-of-type(n+2),
.anc-module-panel .anc-feed-card .anc-feed-excerpt p:nth-of-type(n+2),
.anc-section--knowledge .anc-feed-card .anc-feed-excerpt p:nth-of-type(n+2),
.anc-section--special .anc-feed-card .anc-feed-excerpt p:nth-of-type(n+2) {
  display: none !important;
}

.anc-live-stack .anc-feed-card .anc-feed-excerpt *,
.anc-module-panel .anc-feed-card .anc-feed-excerpt *,
.anc-section--knowledge .anc-feed-card .anc-feed-excerpt *,
.anc-section--special .anc-feed-card .anc-feed-excerpt * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  text-decoration: none !important;
}

/* Низ карточки и просмотры — точно как у новостей */
.anc-live-stack .anc-feed-card .anc-feed-footer,
.anc-module-panel .anc-feed-card .anc-feed-footer,
.anc-section--knowledge .anc-feed-card .anc-feed-footer,
.anc-section--special .anc-feed-card .anc-feed-footer {
  margin-top: auto !important;
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding-top: 11px !important;
  border-top: 1px solid rgba(120, 82, 48, 0.24) !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  background: transparent !important;
}

.anc-live-stack .anc-feed-card .anc-feed-pill,
.anc-module-panel .anc-feed-card .anc-feed-pill,
.anc-section--knowledge .anc-feed-card .anc-feed-pill,
.anc-section--special .anc-feed-card .anc-feed-pill {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #8f724b !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  align-self: flex-end !important;
  border-radius: 0 !important;
}

.anc-live-stack .anc-feed-card .anc-feed-pill::before,
.anc-module-panel .anc-feed-card .anc-feed-pill::before,
.anc-section--knowledge .anc-feed-card .anc-feed-pill::before,
.anc-section--special .anc-feed-card .anc-feed-pill::before {
  content: "◷";
  margin-right: 6px;
  color: #a88354;
  font-size: 0.95em;
}

/* Убираем у обычных карточек лишние старые стили, которые отличали их от новостей */
.anc-live-stack .anc-feed-card .anc-feed-links,
.anc-module-panel .anc-feed-card .anc-feed-links,
.anc-section--knowledge .anc-feed-card .anc-feed-links,
.anc-section--special .anc-feed-card .anc-feed-links {
  display: none !important;
}

/* Hover тоже в новостном стиле */
.anc-live-stack .anc-feed-card:hover,
.anc-module-panel .anc-feed-card:hover,
.anc-section--knowledge .anc-feed-card:hover,
.anc-section--special .anc-feed-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(240, 205, 141, 0.34) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, 0.36) !important;
}

/* Мобильная адаптация */
@media (max-width: 700px) {
  .anc-live-stack .anc-feed-card .anc-feed-cover,
  .anc-module-panel .anc-feed-card .anc-feed-cover,
  .anc-section--knowledge .anc-feed-card .anc-feed-cover,
  .anc-section--special .anc-feed-card .anc-feed-cover {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
  }

  .anc-live-stack .anc-feed-card .anc-feed-title,
  .anc-live-stack .anc-feed-card .anc-feed-title a,
  .anc-module-panel .anc-feed-card .anc-feed-title,
  .anc-module-panel .anc-feed-card .anc-feed-title a,
  .anc-section--knowledge .anc-feed-card .anc-feed-title,
  .anc-section--knowledge .anc-feed-card .anc-feed-title a,
  .anc-section--special .anc-feed-card .anc-feed-title,
  .anc-section--special .anc-feed-card .anc-feed-title a {
    min-height: auto !important;
    max-height: none !important;
  }

  .anc-live-stack .anc-feed-card .anc-feed-excerpt,
  .anc-module-panel .anc-feed-card .anc-feed-excerpt,
  .anc-section--knowledge .anc-feed-card .anc-feed-excerpt,
  .anc-section--special .anc-feed-card .anc-feed-excerpt {
    min-height: auto !important;
    max-height: none !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V25 COSMOS BLOCK ACCENT RETURN
   Возвращаем красивое цветовое выделение блока "Космос и боги",
   но аккуратно, чтобы он оставался в общем стиле сайта.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

/* Сам блок "Космос и боги" — лёгкий холодный космический оттенок */
.anc-section--cosmos,
.anc-module-panel--cosmos {
  background:
    radial-gradient(circle at 82% 12%, rgba(67, 116, 112, 0.12), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(185, 153, 92, 0.055), transparent 32%),
    linear-gradient(180deg, #202322 0%, #1b1d1c 100%) !important;
  border-color: rgba(132, 170, 146, 0.24) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.32),
    inset 0 1px 0 rgba(210, 238, 210, 0.035) !important;
}

/* Заголовочная зона блока */
.anc-section--cosmos .anc-section-head,
.anc-module-panel--cosmos .anc-module-head {
  background: transparent !important;
  border-bottom-color: rgba(132, 170, 146, 0.13) !important;
}

/* Маленькая надпись "Тайны и космос" */
.anc-section--cosmos .anc-ribbon,
.anc-module-panel--cosmos .anc-ribbon {
  color: #9bb89d !important;
}

/* Заголовок "Космос и боги" */
.anc-section--cosmos .anc-section-title,
.anc-module-panel--cosmos .anc-section-title,
.anc-module-panel--cosmos h2 {
  color: #e2d4a9 !important;
}

/* Линия под заголовком */
.anc-section--cosmos .anc-section-title::after,
.anc-module-panel--cosmos .anc-section-title::after,
.anc-module-panel--cosmos h2::after {
  background: linear-gradient(90deg, rgba(132,170,146,0.46), rgba(132,170,146,0)) !important;
}

/* Знак слева у заголовка */
.anc-section--cosmos .anc-section-title::before,
.anc-module-panel--cosmos .anc-section-title::before,
.anc-module-panel--cosmos h2::before {
  color: #9bb89d !important;
}

/* Карточки внутри "Космос и боги" — чуть отличимые, но как новости */
.anc-section--cosmos .anc-feed-card,
.anc-module-panel--cosmos .anc-feed-card,
.anc-section--cosmos .anc-civ-card,
.anc-module-panel--cosmos .anc-civ-card {
  background:
    linear-gradient(180deg, #202421 0%, #191c1a 100%) !important;
  border-color: rgba(132, 170, 146, 0.22) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.32),
    inset 0 1px 0 rgba(210,238,210,0.035) !important;
}

/* Тело карточки */
.anc-section--cosmos .anc-feed-body,
.anc-module-panel--cosmos .anc-feed-body,
.anc-section--cosmos .anc-civ-card__body,
.anc-module-panel--cosmos .anc-civ-card__body {
  background: transparent !important;
}

/* Категория внутри карточек космоса */
.anc-section--cosmos .anc-feed-meta,
.anc-module-panel--cosmos .anc-feed-meta,
.anc-section--cosmos .anc-civ-card__top,
.anc-module-panel--cosmos .anc-civ-card__top {
  background: transparent !important;
  border-bottom-color: rgba(132,170,146,0.16) !important;
}

.anc-section--cosmos .anc-feed-meta span,
.anc-module-panel--cosmos .anc-feed-meta span,
.anc-section--cosmos .anc-civ-card__top span,
.anc-module-panel--cosmos .anc-civ-card__top span,
.anc-section--cosmos .anc-civ-card__top a,
.anc-module-panel--cosmos .anc-civ-card__top a {
  color: #9bb89d !important;
}

/* Просмотры в карточках космоса */
.anc-section--cosmos .anc-feed-pill,
.anc-module-panel--cosmos .anc-feed-pill {
  color: #8ca98f !important;
}

.anc-section--cosmos .anc-feed-pill::before,
.anc-module-panel--cosmos .anc-feed-pill::before {
  color: #9bb89d !important;
}

/* Hover внутри космоса */
.anc-section--cosmos .anc-feed-card:hover,
.anc-module-panel--cosmos .anc-feed-card:hover,
.anc-section--cosmos .anc-civ-card:hover,
.anc-module-panel--cosmos .anc-civ-card:hover {
  background:
    linear-gradient(180deg, #26302b 0%, #1e2421 100%) !important;
  border-color: rgba(160, 201, 171, 0.34) !important;
  box-shadow:
    0 22px 42px rgba(0,0,0,0.38),
    0 0 24px rgba(117, 174, 143, 0.055) !important;
}

/* Картинки в космическом блоке чуть холоднее */
.anc-section--cosmos .anc-feed-cover,
.anc-module-panel--cosmos .anc-feed-cover,
.anc-section--cosmos .anc-civ-card__image img,
.anc-module-panel--cosmos .anc-civ-card__image img {
  filter:
    sepia(0.04)
    saturate(0.92)
    contrast(1.06)
    brightness(0.94)
    hue-rotate(8deg) !important;
}

/* =========================================================
   ANCIENTCIVS — V26 RICH MUSEUM BACKGROUND RETURN
   Возвращаем более красивый задний фон сайта:
   - тёмный глубокий музейный фон;
   - мягкая верхняя подсветка как от ламп;
   - лёгкая глубина по краям;
   - остальной дизайн не ломаем.
   Этот блок должен быть В САМОМ КОНЦЕ CSS.
========================================================= */

:root {
  --anc-bg-museum-deep: #060606 !important;
  --anc-bg-museum-mid: #0b0a09 !important;
  --anc-bg-museum-soft: #151311 !important;
  --anc-bg-museum-warm: rgba(196, 150, 86, 0.12) !important;
  --anc-bg-lamp: rgba(231, 193, 127, 0.12) !important;
}

/* Основной красивый фон сайта */
html,
body,
body.anc-site {
  min-height: 100% !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(196, 150, 86, 0.13) 0%, rgba(196, 150, 86, 0.055) 18%, rgba(0, 0, 0, 0) 43%),
    radial-gradient(circle at 16% 8%, rgba(152, 105, 63, 0.095) 0%, rgba(0, 0, 0, 0) 32%),
    radial-gradient(circle at 84% 8%, rgba(152, 105, 63, 0.085) 0%, rgba(0, 0, 0, 0) 30%),
    linear-gradient(180deg, #181512 0%, #11100f 19%, #090909 52%, #050505 100%) !important;
  background-color: #0b0a09 !important;
  background-attachment: fixed !important;
}

/* Верхняя музейная подсветка */
body::before,
body.anc-site::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  height: 260px !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(231, 193, 127, 0.11), transparent 38%),
    radial-gradient(circle at 50% 0%, rgba(231, 193, 127, 0.145), transparent 43%),
    radial-gradient(circle at 82% 0%, rgba(231, 193, 127, 0.095), transparent 36%) !important;
  mix-blend-mode: screen !important;
}

/* Глубина по краям + лёгкая фактура */
body::after,
body.anc-site::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.10) 15%, rgba(0,0,0,0) 34%, rgba(0,0,0,0) 66%, rgba(0,0,0,0.10) 85%, rgba(0,0,0,0.42) 100%),
    radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 58%, rgba(0,0,0,0.34) 100%),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.008) 0,
      rgba(255,255,255,0.008) 1px,
      rgba(0,0,0,0) 1px,
      rgba(0,0,0,0) 92px
    ) !important;
}

/* Сайт поверх фоновых эффектов */
body > *,
body.anc-site > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Центральная область чуть отделяется от красивого фона */
.anc-main-wrap,
#wrapper,
#main,
.anc-wrapper,
.anc-site-wrap,
.siteWrapper {
  position: relative !important;
  z-index: 1 !important;
}

/* Внутренний контейнер — немного прозрачнее и глубже */
.anc-content {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(231, 193, 127, 0.035), transparent 44%),
    rgba(17, 16, 15, 0.96) !important;
  border-color: rgba(214,166,97,0.16) !important;
  box-shadow:
    0 34px 86px rgba(0,0,0,0.54),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
}

/* Верхняя шапка мягко входит в новый фон */
.anc-topbar-wrap,
.anc-header {
  background:
    linear-gradient(180deg, rgba(31, 24, 19, 0.96), rgba(17, 15, 13, 0.96)) !important;
  border-bottom-color: rgba(214,166,97,0.13) !important;
  box-shadow:
    0 10px 26px rgba(0,0,0,0.38),
    inset 0 -1px 0 rgba(255,236,190,0.035) !important;
}

/* Горизонтальное меню остаётся тёмным, но не проваливается */
.anc-mainnav-wrap,
.anc-mainnav-wrap.is-fixed,
.anc-mainnav-wrap.is-sticky,
.anc-mainnav-wrap.sticky,
body.anc-nav-fixed .anc-mainnav-wrap {
  background: rgba(17, 16, 15, 0.965) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom-color: rgba(214,166,97,0.16) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.38) !important;
}

/* Нижняя часть страницы тоже в музейном тоне */
.anc-footer {
  background:
    radial-gradient(circle at 50% 0%, rgba(231,193,127,0.045), transparent 40%),
    rgba(17, 15, 13, 0.98) !important;
  border-top-color: rgba(214,166,97,0.18) !important;
}

/* Скролл под новый фон */
::-webkit-scrollbar-track {
  background: #070707 !important;
}

::-webkit-scrollbar-thumb {
  background: #3a3026 !important;
  border: 3px solid #070707 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: #4a3b2c !important;
}



/* =========================================================
   ANCIENTCIVS — ОРНАМЕНТ ПАРАЛЛЕЛЬНО ЗАГОЛОВКУ
   Вставить в самый конец CSS
========================================================= */

.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2 {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-left: 0 !important;
}

/* Орнамент слева теперь идёт ровно по центру строки */
.anc-section-title::before,
.anc-module-head h2::before,
.anc-module-head--tight h2::before {
  content: "※" !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #b99761 !important;
  font-size: 0.58em !important;
  line-height: 1 !important;
  opacity: 0.95 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: translateY(0.02em) !important;
}

/* Линия остаётся под текстом, не под орнаментом */
.anc-section-title::after,
.anc-module-head h2::after,
.anc-module-head--tight h2::after {
  position: absolute !important;
  left: 52px !important;
  bottom: 0 !important;

  content: "" !important;
  display: block !important;

  width: 150px !important;
  height: 1px !important;

  margin: 0 !important;
  background: rgba(214,166,97,0.28) !important;
}

/* Чтобы линия правильно позиционировалась */
.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2 {
  position: relative !important;
  padding-bottom: 18px !important;
}

/* =========================================================
   ANCIENTCIVS — V35 SAFE UPGRADE
   По пунктам 1, 2, 3, 4 + исправление внутренних материалов:
   1) карточки материалов премиальнее;
   2) разные мягкие оттенки для разделов;
   3) левое меню компактнее;
   4) верхний SEO/intro-блок аккуратнее;
   + внутри материалов текст больше не прижат к верхнему краю.
   ВАЖНО: добавлено поверх твоего CSS, основной код не трогался.
========================================================= */

:root {
  --anc-v35-panel: #211d1a;
  --anc-v35-panel-soft: #24201d;
  --anc-v35-card: #1b1917;
  --anc-v35-card-hover: #24201d;
  --anc-v35-gold: #e7d0a3;
  --anc-v35-gold-soft: #b99761;
  --anc-v35-text: #d8bf92;
  --anc-v35-text-soft: #ceb284;
  --anc-v35-muted: #9a7b50;
  --anc-v35-line: rgba(214,166,97,0.18);
  --anc-v35-line-strong: rgba(233,197,133,0.30);
}

/* =========================================================
   1. КАРТОЧКИ МАТЕРИАЛОВ — ЧУТЬ ДОРОЖЕ И ЧИТАБЕЛЬНЕЕ
========================================================= */

.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.035), transparent 42%),
    linear-gradient(180deg, #1d1a18 0%, #181614 100%) !important;
  border: 1px solid rgba(214,166,97,0.22) !important;
  border-radius: 12px !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.32),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
  overflow: hidden !important;
}

.anc-feed-card::after,
.anc-civ-card::after,
.anc-related-card::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 14px !important;
  right: 14px !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(233,197,133,0.45), transparent) !important;
  pointer-events: none !important;
}

.anc-feed-card:hover,
.anc-forum-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover,
.anc-fact-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(233,197,133,0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.055), transparent 42%),
    linear-gradient(180deg, #24201d 0%, #1d1a18 100%) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,0.40),
    inset 0 1px 0 rgba(255,236,190,0.045) !important;
}

.anc-feed-cover,
.anc-civ-card__image,
.anc-related-card-media {
  min-height: 176px !important;
  background-color: #11100f !important;
  border-bottom: 1px solid rgba(214,166,97,0.14) !important;
  filter:
    sepia(0.04)
    saturate(0.98)
    contrast(1.04)
    brightness(0.97) !important;
}

.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  padding: 18px 18px 20px !important;
  background: transparent !important;
}

.anc-feed-meta,
.anc-civ-card__top {
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(214,166,97,0.13) !important;
}

.anc-feed-meta span,
.anc-civ-card__top a,
.anc-civ-card__top span {
  color: var(--anc-v35-gold-soft) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.anc-feed-title,
.anc-feed-title a,
.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-related-card-body a {
  color: var(--anc-v35-gold) !important;
  font-size: 1.16rem !important;
  line-height: 1.30 !important;
  font-weight: 600 !important;
}

.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-civ-card__body p,
.anc-related-card-body p,
.anc-forum-card .anc-feed-excerpt {
  color: var(--anc-v35-text-soft) !important;
  font-size: 0.94rem !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

.anc-feed-footer {
  margin-top: auto !important;
  padding-top: 13px !important;
  border-top: 1px solid rgba(214,166,97,0.12) !important;
}

.anc-feed-pill {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--anc-v35-muted) !important;
  font-size: 0.74rem !important;
}

/* =========================================================
   2. МЯГКИЕ ОТТЕНКИ ДЛЯ РАЗДЕЛОВ
========================================================= */

.anc-section,
.anc-module-panel {
  border-color: rgba(214,166,97,0.18) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,0.31),
    inset 0 1px 0 rgba(255,236,190,0.035) !important;
}

.anc-section--news {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(233,197,133,0.045), transparent 44%),
    #211d1a !important;
}

.anc-section--knowledge,
.anc-module-panel--catalog {
  background:
    radial-gradient(circle at 78% 8%, rgba(189,152,104,0.08), transparent 30%),
    linear-gradient(180deg, #24201d 0%, #201c19 100%) !important;
}

.anc-module-panel--reference,
.anc-section--reference {
  background:
    radial-gradient(circle at 76% 8%, rgba(169,154,132,0.075), transparent 30%),
    linear-gradient(180deg, #22201e 0%, #1e1b19 100%) !important;
}

.anc-module-panel--prehistoric,
.anc-section--prehistoric {
  background:
    radial-gradient(circle at 82% 10%, rgba(190,136,80,0.09), transparent 32%),
    linear-gradient(180deg, #26211d 0%, #211c18 100%) !important;
}

.anc-section--cosmos,
.anc-module-panel--cosmos {
  background:
    radial-gradient(circle at 82% 12%, rgba(67,116,112,0.13), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(185,153,92,0.055), transparent 32%),
    linear-gradient(180deg, #202322 0%, #1b1d1c 100%) !important;
  border-color: rgba(132,170,146,0.24) !important;
}

.anc-section--cosmos .anc-ribbon,
.anc-module-panel--cosmos .anc-ribbon,
.anc-section--cosmos .anc-section-title::before,
.anc-module-panel--cosmos h2::before {
  color: #9bb89d !important;
}

.anc-section--cosmos .anc-section-title::after,
.anc-module-panel--cosmos h2::after {
  background: linear-gradient(90deg, rgba(132,170,146,0.46), rgba(132,170,146,0)) !important;
}

.anc-section--forum,
.anc-module-panel--forum {
  background:
    radial-gradient(circle at 80% 10%, rgba(196,150,86,0.055), transparent 30%),
    linear-gradient(180deg, #211e1b 0%, #1d1a18 100%) !important;
}

/* =========================================================
   3. ЛЕВОЕ МЕНЮ — КОМПАКТНЕЕ И УДОБНЕЕ
========================================================= */

.anc-sidebox,
.anc-sidebox--atlas,
.anc-sidebox--mystery {
  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.040), transparent 42%),
    linear-gradient(180deg, #211d1a 0%, #171513 100%) !important;
  border-color: rgba(214,166,97,0.18) !important;
  border-radius: 10px !important;
}

.anc-sidebox-title {
  min-height: 44px !important;
  margin: -14px -14px 13px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #181614 !important;
  border-bottom-color: rgba(214,166,97,0.18) !important;
  color: var(--anc-v35-gold) !important;
  letter-spacing: 0.14em !important;
  text-align: center !important;
}

.anc-side-group + .anc-side-group {
  margin-top: 12px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(214,166,97,0.12) !important;
}

.anc-side-group-title {
  margin: 0 0 8px 0 !important;
  padding: 7px 9px !important;
  background: rgba(233,197,133,0.045) !important;
  border: 1px solid rgba(214,166,97,0.10) !important;
  border-radius: 7px !important;
  color: var(--anc-v35-gold-soft) !important;
  text-align: center !important;
  letter-spacing: 0.12em !important;
  font-size: 0.70rem !important;
}

.anc-side-list {
  gap: 5px !important;
}

.anc-side-list a {
  min-height: 35px !important;
  padding: 7px 12px 7px 27px !important;
  background: #221f1c !important;
  border: 1px solid rgba(214,166,97,0.11) !important;
  border-radius: 7px !important;
  color: #c7aa79 !important;
  font-size: 0.82rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.052em !important;
}

.anc-side-list a::before {
  left: 12px !important;
  width: 5px !important;
  height: 5px !important;
  background: var(--anc-v35-gold-soft) !important;
  box-shadow: 0 0 10px rgba(233,197,133,0.18) !important;
}

.anc-side-list a:hover {
  background: #2a2521 !important;
  border-color: rgba(233,197,133,0.26) !important;
  color: var(--anc-v35-gold) !important;
}

/* =========================================================
   4. ВЕРХНИЙ SEO / INTRO БЛОК — АККУРАТНЕЕ
========================================================= */

.anc-section--seo-intro,
.anc-section--seo-bottom,
.anc-seo-hero,
.anc-seo-bottom,
.anc-region-intro {
  background:
    radial-gradient(circle at 88% 18%, rgba(233,197,133,0.055), transparent 28%),
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.050), transparent 42%),
    linear-gradient(180deg, #25211e 0%, #1f1c19 100%) !important;
  border-color: rgba(233,197,133,0.20) !important;
}

.anc-section--seo-intro,
.anc-section--seo-bottom {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.anc-section--seo-intro .anc-seo-title,
.anc-section--seo-intro h1.anc-section-title,
.anc-section--seo-bottom .anc-seo-bottom-title,
.anc-section--seo-bottom h2.anc-section-title,
.anc-region-intro h1,
.anc-region-intro .anc-region-title {
  display: block !important;
  max-width: 900px !important;
  margin: 0 0 22px 0 !important;
  padding: 0 0 18px 0 !important;
  color: var(--anc-v35-gold) !important;
  font-size: clamp(1.7rem, 2vw, 2.55rem) !important;
  line-height: 1.14 !important;
  background:
    linear-gradient(rgba(214,166,97,0.28), rgba(214,166,97,0.28)) left bottom / 150px 1px no-repeat !important;
}

.anc-section--seo-intro .anc-seo-title::before,
.anc-section--seo-intro .anc-seo-title::after,
.anc-section--seo-bottom .anc-seo-bottom-title::before,
.anc-section--seo-bottom .anc-seo-bottom-title::after,
.anc-region-intro h1::before,
.anc-region-intro h1::after,
.anc-region-intro .anc-region-title::before,
.anc-region-intro .anc-region-title::after {
  content: none !important;
  display: none !important;
}

.anc-section--seo-intro .anc-seo-text p,
.anc-section--seo-bottom .anc-seo-bottom-text p,
.anc-region-intro p,
.anc-region-intro .anc-region-text {
  color: var(--anc-v35-text) !important;
  font-size: 1.02rem !important;
  line-height: 1.72 !important;
}

.anc-seo-tags a,
.anc-seo-bottom-links a,
.anc-region-tags a,
.anc-region-links a {
  min-height: 34px !important;
  padding: 7px 15px !important;
  border-radius: 999px !important;
  background: #1b1917 !important;
  border: 1px solid rgba(214,166,97,0.18) !important;
  color: var(--anc-v35-gold) !important;
}

/* =========================================================
   ИСПРАВЛЕНИЕ ВНУТРЕННИХ МАТЕРИАЛОВ:
   текст больше не прижат к верхнему краю
========================================================= */

.anc-article,
.eBlock,
.uEntryWrap,
.uEntryBody,
.entryBlock,
.materialContent,
#content .eBlock,
#content .eMessage,
#content .eText {
  padding-top: 28px !important;
}

.anc-article-hero + .anc-article-prose,
.anc-article-prose,
.eMessage,
.eText,
.posttdMessage,
.uEntryBody,
.materialContent {
  margin-top: 12px !important;
}

.anc-article h1,
.eBlock .eTitle,
.materialContent h1,
.uEntryBody h1,
.eMessage h1,
.eText h1 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  padding-top: 4px !important;
}

.anc-article-prose > p:first-child,
.eMessage > p:first-child,
.eText > p:first-child,
.uEntryBody > p:first-child,
.materialContent > p:first-child {
  margin-top: 10px !important;
}

.anc-article-prose p,
.eMessage p,
.eText p,
.uEntryBody p,
.materialContent p {
  margin-bottom: 16px !important;
}

.anc-article img,
.eMessage img,
.eText img,
.uEntryBody img,
.materialContent img {
  border-radius: 10px !important;
}

/* Мобильная аккуратность */
@media (max-width: 900px) {
  .anc-section--seo-intro,
  .anc-section--seo-bottom,
  .anc-region-intro {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .anc-article,
  .eBlock,
  .uEntryWrap,
  .uEntryBody,
  .entryBlock,
  .materialContent,
  #content .eBlock {
    padding-top: 22px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V36 TOP PADDING FIX
   Исправление: надписи больше не прижаты к верхнему краю.
   Затрагивает:
   - верхние intro/region блоки внутри материалов;
   - заголовки страниц вроде "Балканские цивилизации";
   - левое меню "Атлас цивилизаций" и "Полный атлас мира".
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   1. ВНУТРЕННИЕ СТРАНИЦЫ / INTRO-БЛОКИ
========================================================= */

.anc-region-intro,
.anc-civ-region-intro,
.anc-category-intro,
.anc-page-intro,
.anc-section--region-intro,
.anc-section--category-intro,
.anc-section--civ-intro,
.anc-section--seo-intro,
.anc-section--seo-bottom,
.anc-seo-hero,
.anc-seo-bottom {
  padding-top: 38px !important;
}

/* Если заголовок стоит первым внутри блока — даём ему воздух сверху */
.anc-region-intro > .anc-ribbon:first-child,
.anc-civ-region-intro > .anc-ribbon:first-child,
.anc-category-intro > .anc-ribbon:first-child,
.anc-page-intro > .anc-ribbon:first-child,
.anc-section--region-intro > .anc-ribbon:first-child,
.anc-section--category-intro > .anc-ribbon:first-child,
.anc-section--civ-intro > .anc-ribbon:first-child,
.anc-section--seo-intro > .anc-ribbon:first-child,
.anc-seo-hero > .anc-ribbon:first-child,
.anc-seo-bottom > .anc-ribbon:first-child {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  padding-top: 0 !important;
}

/* Заголовки страниц — не прилипают к верхней кромке */
.anc-region-intro h1,
.anc-civ-region-intro h1,
.anc-category-intro h1,
.anc-page-intro h1,
.anc-section--region-intro h1,
.anc-section--category-intro h1,
.anc-section--civ-intro h1,
.anc-section--seo-intro h1,
.anc-seo-hero h1,
.anc-region-title,
.anc-category-title,
.anc-page-title {
  margin-top: 0 !important;
  margin-bottom: 26px !important;
  padding-top: 0 !important;
}

/* Если в шаблоне H1 оказался самым первым элементом — добавляем безопасный внутренний отступ блоку */
.anc-region-intro > h1:first-child,
.anc-civ-region-intro > h1:first-child,
.anc-category-intro > h1:first-child,
.anc-page-intro > h1:first-child,
.anc-section--region-intro > h1:first-child,
.anc-section--category-intro > h1:first-child,
.anc-section--civ-intro > h1:first-child,
.anc-seo-hero > h1:first-child {
  margin-top: 0 !important;
}

/* Текст под заголовком — чуть ниже и свободнее */
.anc-region-intro p,
.anc-civ-region-intro p,
.anc-category-intro p,
.anc-page-intro p,
.anc-region-text,
.anc-category-text,
.anc-page-text {
  margin-top: 18px !important;
}

/* Блок подписи перед тегами */
.anc-region-intro .anc-ribbon,
.anc-category-intro .anc-ribbon,
.anc-page-intro .anc-ribbon,
.anc-region-subtitle,
.anc-category-subtitle {
  margin-top: 24px !important;
  margin-bottom: 14px !important;
}

/* Теги не прижимаются к подписи */
.anc-region-tags,
.anc-category-tags,
.anc-page-tags,
.anc-region-links,
.anc-category-links {
  margin-top: 12px !important;
}

/* =========================================================
   2. ЛЕВОЕ МЕНЮ / АТЛАС
========================================================= */

/* Заголовок "АТЛАС ЦИВИЛИЗАЦИЙ" */
.anc-sidebox-title {
  align-items: center !important;
  min-height: 52px !important;
  margin: -14px -14px 16px !important;
  padding: 16px 14px 14px !important;
  line-height: 1.25 !important;
}

/* Аккордеон "ПОЛНЫЙ АТЛАС МИРА" */
.anc-accordion summary {
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 15px 14px 13px !important;
  line-height: 1.25 !important;
}

/* Если внутри summary есть текстовые элементы */
.anc-accordion summary span,
.anc-accordion summary b,
.anc-accordion summary strong {
  line-height: 1.25 !important;
}

/* Заголовки групп типа "Средиземноморье" */
.anc-side-group-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 12px 10px 10px !important;
  line-height: 1.25 !important;
}

/* Пункты меню тоже центрируем по высоте */
.anc-side-list a {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.28 !important;
}

/* =========================================================
   3. ОБЩИЕ СЕКЦИИ НА ГЛАВНОЙ И ВНУТРЕННИХ
========================================================= */

.anc-section,
.anc-module-panel {
  padding-top: 32px !important;
}

/* Но карточки не раздуваем */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card {
  padding-top: 0 !important;
}

/* Заголовочная область секций */
.anc-section-head,
.anc-module-head,
.anc-module-head--tight {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Ribbon в секциях не липнет вверх */
.anc-section-head .anc-ribbon:first-child,
.anc-module-head .anc-ribbon:first-child,
.anc-module-head--tight .anc-ribbon:first-child {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

/* =========================================================
   4. МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 900px) {
  .anc-region-intro,
  .anc-civ-region-intro,
  .anc-category-intro,
  .anc-page-intro,
  .anc-section--region-intro,
  .anc-section--category-intro,
  .anc-section--civ-intro,
  .anc-section--seo-intro,
  .anc-section--seo-bottom,
  .anc-seo-hero,
  .anc-seo-bottom {
    padding-top: 28px !important;
  }

  .anc-sidebox-title {
    min-height: 48px !important;
    padding-top: 14px !important;
    padding-bottom: 12px !important;
  }

  .anc-accordion summary {
    min-height: 46px !important;
    padding-top: 13px !important;
    padding-bottom: 12px !important;
  }

  .anc-section,
  .anc-module-panel {
    padding-top: 26px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V37 SIDEBAR TITLE TOP FIX
   Исправление именно для заголовков:
   - "АТЛАС ЦИВИЛИЗАЦИЙ"
   - "АЛЬТЕРНАТИВНАЯ ИСТОРИЯ"
   Они больше не прижаты к верхнему краю.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Общий заголовок бокового блока */
.anc-sidebar .anc-sidebox-title,
.anc-sidebox .anc-sidebox-title,
.anc-sidebox-title {
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 58px !important;
  height: auto !important;

  margin: -14px -14px 16px !important;
  padding: 20px 14px 15px !important;

  line-height: 1.25 !important;
  text-align: center !important;

  overflow: visible !important;
}

/* Текст внутри заголовка, если он обёрнут в span/small/b */
.anc-sidebar .anc-sidebox-title *,
.anc-sidebox .anc-sidebox-title *,
.anc-sidebox-title * {
  line-height: 1.25 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Конкретно блок Атлас цивилизаций */
.anc-sidebox--atlas .anc-sidebox-title {
  min-height: 60px !important;
  padding-top: 21px !important;
  padding-bottom: 16px !important;
}

/* Конкретно блок Альтернативная история */
.anc-sidebox--mystery .anc-sidebox-title {
  min-height: 60px !important;
  padding-top: 21px !important;
  padding-bottom: 16px !important;
}

/* Если заголовок сделан не через anc-sidebox-title, а старым классом */
.anc-sidebar .sidetitle,
.anc-sidebox .sidetitle,
.anc-sidebar .boxTitle,
.anc-sidebox .boxTitle,
.anc-sidebar .blockTitle,
.anc-sidebox .blockTitle {
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 58px !important;
  height: auto !important;

  padding: 20px 14px 15px !important;
  margin-top: 0 !important;

  line-height: 1.25 !important;
  text-align: center !important;
  overflow: visible !important;
}

/* Чуть опускаем первый элемент после заголовка, чтобы не слипался */
.anc-sidebox-title + *,
.anc-sidebox .sidetitle + *,
.anc-sidebox .boxTitle + *,
.anc-sidebox .blockTitle + * {
  margin-top: 2px !important;
}

/* Если uCoz/старый CSS поднимает заголовок transform'ом */
.anc-sidebox-title,
.anc-sidebox-title *,
.anc-sidebar .sidetitle,
.anc-sidebar .sidetitle *,
.anc-sidebox .sidetitle,
.anc-sidebox .sidetitle * {
  transform: none !important;
}

/* Мобильная версия */
@media (max-width: 900px) {
  .anc-sidebar .anc-sidebox-title,
  .anc-sidebox .anc-sidebox-title,
  .anc-sidebox-title,
  .anc-sidebox--atlas .anc-sidebox-title,
  .anc-sidebox--mystery .anc-sidebox-title {
    min-height: 54px !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V38 ALL SECTION HEADERS TOP FIX
   Такая же проблема была в "Новости" и остальных блоках:
   верхняя маленькая надпись/ribbon прижималась к верхнему краю.
   Исправляем все заголовочные зоны, кроме отдельной логики карточек.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Все большие секции получают нормальный верхний воздух */
.anc-section,
.anc-section--compact,
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-section--seo-bottom,
.anc-module-panel,
.anc-module-panel--catalog,
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  padding-top: 38px !important;
}

/* Заголовочная часть секций */
.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  overflow: visible !important;
}

/* Маленькая верхняя надпись: "Лента редакции", "Справочный раздел", "Глубина времени" и т.д. */
.anc-section-head > .anc-ribbon:first-child,
.anc-section-head--compact > .anc-ribbon:first-child,
.anc-module-head > .anc-ribbon:first-child,
.anc-module-head--tight > .anc-ribbon:first-child,
.anc-section > .anc-ribbon:first-child,
.anc-module-panel > .anc-ribbon:first-child {
  display: block !important;

  margin-top: 0 !important;
  margin-bottom: 16px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  line-height: 1.25 !important;
  min-height: 16px !important;

  transform: none !important;
  position: relative !important;
  top: auto !important;
}

/* Сам заголовок после ribbon — тоже чуть ниже и не прилипает */
.anc-section-head > .anc-section-title,
.anc-section-head--compact > .anc-section-title,
.anc-module-head > h2,
.anc-module-head--tight > h2,
.anc-module-head > .anc-section-title,
.anc-module-head--tight > .anc-section-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.16 !important;
  overflow: visible !important;
}

/* Если где-то заголовок первым элементом без .anc-section-head */
.anc-section > .anc-section-title:first-child,
.anc-module-panel > .anc-section-title:first-child,
.anc-module-panel > h2:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Конкретно блок новостей — чуть больше воздуха сверху */
.anc-section--news {
  padding-top: 42px !important;
}

.anc-section--news .anc-section-head,
.anc-section--news .anc-section-head--compact {
  margin-bottom: 26px !important;
}

.anc-section--news .anc-ribbon {
  margin-bottom: 17px !important;
}

/* Энциклопедия / Доистория / Космос / Форум — единый верхний отступ */
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  padding-top: 40px !important;
}

/* Если декоративный орнамент или line-height визуально поднимает текст */
.anc-ribbon,
.anc-ribbon *,
.anc-section-title,
.anc-section-title *,
.anc-module-head h2,
.anc-module-head h2 *,
.anc-module-head--tight h2,
.anc-module-head--tight h2 * {
  transform: none !important;
}

/* Защита от старых отрицательных margin в блоках */
.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight,
.anc-section-head .anc-ribbon,
.anc-module-head .anc-ribbon {
  top: auto !important;
}

/* Нижний SEO-блок тоже не должен липнуть */
.anc-section--seo-bottom {
  padding-top: 40px !important;
}

/* Карточки внутри секций не раздуваем верхним padding */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card,
.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  padding-top: revert-layer;
}

/* Но если браузер не поддерживает revert-layer — возвращаем наши безопасные значения */
.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  padding-top: 18px !important;
}

.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  padding-top: 0 !important;
}

/* Мобильная версия */
@media (max-width: 900px) {
  .anc-section,
  .anc-section--compact,
  .anc-section--news,
  .anc-section--knowledge,
  .anc-section--special,
  .anc-section--forum,
  .anc-section--seo-bottom,
  .anc-module-panel,
  .anc-module-panel--catalog,
  .anc-module-panel--reference,
  .anc-module-panel--prehistoric,
  .anc-module-panel--cosmos,
  .anc-module-panel--forum {
    padding-top: 30px !important;
  }

  .anc-section-head > .anc-ribbon:first-child,
  .anc-section-head--compact > .anc-ribbon:first-child,
  .anc-module-head > .anc-ribbon:first-child,
  .anc-module-head--tight > .anc-ribbon:first-child {
    margin-bottom: 13px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V39 HARD HEADER OFFSET FIX
   Жёсткий фикс для случаев, когда надпись типа
   "СПРАВОЧНЫЙ РАЗДЕЛ" всё равно липнет к верхнему краю.
   Исправляет:
   - Энциклопедия
   - Доистория
   - Космос и боги
   - Форум
   - Новости
   - любые .anc-module-panel / .anc-section с ribbon сверху.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* 1. Даём всем крупным блокам настоящий внутренний верхний воздух */
.anc-section,
.anc-section--compact,
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-section--seo-bottom,
.anc-module-panel,
.anc-module-panel--catalog,
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  padding-top: 48px !important;
}

/* 2. Заголовочную зону опускаем внутрь блока */
.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight {
  position: relative !important;
  top: auto !important;
  transform: none !important;

  margin-top: 0 !important;
  margin-bottom: 26px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  overflow: visible !important;
}

/* 3. Самую верхнюю маленькую надпись принудительно опускаем */
.anc-section-head .anc-ribbon,
.anc-section-head--compact .anc-ribbon,
.anc-module-head .anc-ribbon,
.anc-module-head--tight .anc-ribbon,
.anc-section > .anc-ribbon,
.anc-module-panel > .anc-ribbon {
  position: relative !important;
  top: auto !important;

  display: block !important;
  width: fit-content !important;

  margin-top: 0 !important;
  margin-bottom: 17px !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;

  line-height: 1.25 !important;
  min-height: 16px !important;

  transform: translateY(0) !important;
}

/* 4. Если ribbon почему-то всё равно попадает к самой кромке — добавляем безопасный отступ через родителя */
.anc-module-panel > .anc-module-head:first-child,
.anc-module-panel > .anc-module-head--tight:first-child,
.anc-section > .anc-section-head:first-child,
.anc-section > .anc-section-head--compact:first-child {
  margin-top: 0 !important;
}

/* 5. Конкретно справочный блок на скрине */
.anc-module-panel--reference {
  padding-top: 52px !important;
}

.anc-module-panel--reference .anc-module-head,
.anc-module-panel--reference .anc-module-head--tight {
  margin-bottom: 28px !important;
}

.anc-module-panel--reference .anc-ribbon {
  margin-bottom: 18px !important;
}

/* 6. Остальные похожие блоки */
.anc-module-panel--catalog,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  padding-top: 50px !important;
}

.anc-section--news {
  padding-top: 50px !important;
}

/* 7. Заголовок после маленькой надписи не должен налезать вверх */
.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  line-height: 1.14 !important;
}

/* 8. Убираем возможные старые отрицательные сдвиги */
.anc-ribbon,
.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2,
.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight {
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}

/* 9. Если у блока есть декоративная линия сверху, она не должна визуально давить на текст */
.anc-module-panel::after,
.anc-section::after {
  top: 0 !important;
}

/* 10. Карточки внутри не трогаем и не раздуваем */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  padding-top: 0 !important;
}

/* 11. Мобильная версия */
@media (max-width: 900px) {
  .anc-section,
  .anc-section--compact,
  .anc-section--news,
  .anc-section--knowledge,
  .anc-section--special,
  .anc-section--forum,
  .anc-section--seo-bottom,
  .anc-module-panel,
  .anc-module-panel--catalog,
  .anc-module-panel--reference,
  .anc-module-panel--prehistoric,
  .anc-module-panel--cosmos,
  .anc-module-panel--forum {
    padding-top: 36px !important;
  }

  .anc-section-head .anc-ribbon,
  .anc-section-head--compact .anc-ribbon,
  .anc-module-head .anc-ribbon,
  .anc-module-head--tight .anc-ribbon {
    margin-bottom: 14px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V40 REAL HEADER INNER OFFSET FIX
   Внимательный фикс: проблема не в общем padding блока,
   а в самой шапке блока (.anc-section-head / .anc-module-head).
   Поэтому опускаем именно ВНУТРЕННЮЮ ЗАГОЛОВОЧНУЮ ЗОНУ,
   а не только весь блок.

   Исправляет "СПРАВОЧНЫЙ РАЗДЕЛ", "ЛЕНТА РЕДАКЦИИ",
   "ГЛУБИНА ВРЕМЕНИ", "ТАЙНЫ И КОСМОС", "ФОРУМ" и похожие.
   ВАЖНО: этот блок должен быть самым последним в CSS.
========================================================= */

/* 1. На случай, если прошлые правила дали padding блоку, возвращаем аккуратный базовый */
.anc-section,
.anc-section--compact,
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-section--seo-bottom,
.anc-module-panel,
.anc-module-panel--catalog,
.anc-module-panel--reference,
.anc-module-panel--prehistoric,
.anc-module-panel--cosmos,
.anc-module-panel--forum {
  padding-top: 0 !important;
}

/* 2. Настоящий отступ задаём именно шапке блока */
.anc-section > .anc-section-head:first-child,
.anc-section > .anc-section-head--compact:first-child,
.anc-module-panel > .anc-module-head:first-child,
.anc-module-panel > .anc-module-head--tight:first-child {
  box-sizing: border-box !important;

  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;

  transform: none !important;

  margin: 0 0 28px 0 !important;
  padding: 30px 28px 0 28px !important;

  min-height: auto !important;
  overflow: visible !important;
}

/* 3. Если заголовочная зона лежит не первым элементом — тоже страхуем */
.anc-section-head,
.anc-section-head--compact,
.anc-module-head,
.anc-module-head--tight {
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* 4. Маленькая надпись внутри шапки */
.anc-section-head .anc-ribbon,
.anc-section-head--compact .anc-ribbon,
.anc-module-head .anc-ribbon,
.anc-module-head--tight .anc-ribbon {
  position: static !important;
  top: auto !important;
  left: auto !important;

  display: block !important;
  width: fit-content !important;

  margin: 0 0 16px 0 !important;
  padding: 0 !important;

  line-height: 1.25 !important;
  min-height: 16px !important;

  transform: none !important;
}

/* 5. Заголовок после маленькой надписи */
.anc-section-head .anc-section-title,
.anc-section-head--compact .anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2,
.anc-module-head .anc-section-title,
.anc-module-head--tight .anc-section-title {
  position: relative !important;
  top: auto !important;

  margin: 0 !important;
  padding-top: 0 !important;

  transform: none !important;
}

/* 6. Сетка карточек после шапки получает боковые отступы, чтобы визуально совпадать */
.anc-section > .anc-live-grid,
.anc-section > .anc-live-stack,
.anc-section > .anc-forum-grid,
.anc-module-panel > .anc-live-grid,
.anc-module-panel > .anc-live-stack,
.anc-module-panel > .anc-forum-grid {
  margin-left: 28px !important;
  margin-right: 28px !important;
  margin-bottom: 28px !important;
}

/* 7. Если внутри секции есть split-grid */
.anc-section > .anc-split-grid,
.anc-module-panel > .anc-split-grid {
  margin-left: 28px !important;
  margin-right: 28px !important;
  margin-bottom: 28px !important;
}

/* 8. Конкретно справочный блок на скрине */
.anc-module-panel--reference > .anc-module-head:first-child,
.anc-module-panel--reference > .anc-module-head--tight:first-child {
  padding-top: 34px !important;
}

/* 9. Новости и другие большие секции */
.anc-section--news > .anc-section-head:first-child,
.anc-section--news > .anc-section-head--compact:first-child {
  padding-top: 34px !important;
}

/* 10. Космос / форум / доистория */
.anc-module-panel--prehistoric > .anc-module-head:first-child,
.anc-module-panel--prehistoric > .anc-module-head--tight:first-child,
.anc-module-panel--cosmos > .anc-module-head:first-child,
.anc-module-panel--cosmos > .anc-module-head--tight:first-child,
.anc-module-panel--forum > .anc-module-head:first-child,
.anc-module-panel--forum > .anc-module-head--tight:first-child {
  padding-top: 34px !important;
}

/* 11. Если блок был устроен проще: ribbon и title лежат прямо в секции без head */
.anc-section > .anc-ribbon:first-child,
.anc-module-panel > .anc-ribbon:first-child {
  display: block !important;
  margin: 0 28px 16px 28px !important;
  padding-top: 34px !important;
  position: static !important;
  transform: none !important;
}

.anc-section > .anc-ribbon:first-child + .anc-section-title,
.anc-module-panel > .anc-ribbon:first-child + h2,
.anc-module-panel > .anc-ribbon:first-child + .anc-section-title {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

/* 12. Внутренние SEO/region блоки не должны ломаться этим фиксoм */
.anc-section--seo-intro > .anc-section-head:first-child,
.anc-section--seo-bottom > .anc-section-head:first-child,
.anc-region-intro > .anc-section-head:first-child,
.anc-seo-hero > .anc-section-head:first-child,
.anc-seo-bottom > .anc-section-head:first-child {
  padding-top: 0 !important;
}

/* 13. Карточки не получают лишний отступ */
.anc-feed-card,
.anc-forum-card,
.anc-civ-card,
.anc-related-card,
.anc-fact-card {
  padding-top: 0 !important;
}

/* 14. Мобильная версия */
@media (max-width: 900px) {
  .anc-section > .anc-section-head:first-child,
  .anc-section > .anc-section-head--compact:first-child,
  .anc-module-panel > .anc-module-head:first-child,
  .anc-module-panel > .anc-module-head--tight:first-child {
    padding: 24px 18px 0 18px !important;
    margin-bottom: 22px !important;
  }

  .anc-section > .anc-live-grid,
  .anc-section > .anc-live-stack,
  .anc-section > .anc-forum-grid,
  .anc-module-panel > .anc-live-grid,
  .anc-module-panel > .anc-live-stack,
  .anc-module-panel > .anc-forum-grid,
  .anc-section > .anc-split-grid,
  .anc-module-panel > .anc-split-grid {
    margin-left: 18px !important;
    margin-right: 18px !important;
    margin-bottom: 22px !important;
  }

  .anc-section > .anc-ribbon:first-child,
  .anc-module-panel > .anc-ribbon:first-child {
    margin-left: 18px !important;
    margin-right: 18px !important;
    padding-top: 24px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V41 COMPACT SECTION SPACING
   Исправление после V40:
   - отступ сверху оставляем, чтобы заголовки не липли;
   - лишний воздух вокруг заголовков и карточек уменьшаем;
   - блоки становятся компактнее.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Шапка секции: меньше воздуха сверху и снизу */
.anc-section > .anc-section-head:first-child,
.anc-section > .anc-section-head--compact:first-child,
.anc-module-panel > .anc-module-head:first-child,
.anc-module-panel > .anc-module-head--tight:first-child {
  padding: 22px 24px 0 24px !important;
  margin: 0 0 18px 0 !important;
}

/* Маленькая надпись типа "Лента редакции" */
.anc-section-head .anc-ribbon,
.anc-section-head--compact .anc-ribbon,
.anc-module-head .anc-ribbon,
.anc-module-head--tight .anc-ribbon {
  margin-bottom: 10px !important;
}

/* Заголовок секции */
.anc-section-title,
.anc-module-head h2,
.anc-module-head--tight h2 {
  padding-bottom: 12px !important;
}

/* Линия под заголовком чуть ближе */
.anc-section-title::after,
.anc-module-head h2::after,
.anc-module-head--tight h2::after {
  bottom: 0 !important;
  width: 130px !important;
}

/* Сетка карточек ближе к заголовку и краям */
.anc-section > .anc-live-grid,
.anc-section > .anc-live-stack,
.anc-section > .anc-forum-grid,
.anc-module-panel > .anc-live-grid,
.anc-module-panel > .anc-live-stack,
.anc-module-panel > .anc-forum-grid {
  margin-left: 24px !important;
  margin-right: 24px !important;
  margin-bottom: 24px !important;
}

/* Split-grid тоже компактнее */
.anc-section > .anc-split-grid,
.anc-module-panel > .anc-split-grid {
  margin-left: 24px !important;
  margin-right: 24px !important;
  margin-bottom: 24px !important;
}

/* Конкретно новости: меньше огромного пустого пространства */
.anc-section--news > .anc-section-head:first-child,
.anc-section--news > .anc-section-head--compact:first-child {
  padding-top: 22px !important;
  margin-bottom: 18px !important;
}

.anc-section--news .anc-ribbon {
  margin-bottom: 10px !important;
}

/* Энциклопедия / доистория / космос / форум */
.anc-module-panel--reference > .anc-module-head:first-child,
.anc-module-panel--reference > .anc-module-head--tight:first-child,
.anc-module-panel--prehistoric > .anc-module-head:first-child,
.anc-module-panel--prehistoric > .anc-module-head--tight:first-child,
.anc-module-panel--cosmos > .anc-module-head:first-child,
.anc-module-panel--cosmos > .anc-module-head--tight:first-child,
.anc-module-panel--forum > .anc-module-head:first-child,
.anc-module-panel--forum > .anc-module-head--tight:first-child {
  padding-top: 22px !important;
  margin-bottom: 18px !important;
}

/* Высота самих секций не должна раздуваться */
.anc-section,
.anc-section--compact,
.anc-section--news,
.anc-section--knowledge,
.anc-section--special,
.anc-section--forum,
.anc-module-panel {
  padding-bottom: 0 !important;
}

/* Карточки чуть плотнее, но не тесно */
.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  padding: 16px 16px 18px !important;
}

.anc-feed-cover,
.anc-civ-card__image,
.anc-related-card-media {
  min-height: 168px !important;
}

/* Расстояние между карточками чуть меньше */
.anc-live-grid,
.anc-live-stack,
.anc-forum-grid {
  gap: 20px !important;
}

/* Если блоки идут друг за другом — расстояние умеренное */
.anc-section,
.anc-module-panel {
  margin-bottom: 26px !important;
}

/* Если ribbon/title лежат прямо в секции без head */
.anc-section > .anc-ribbon:first-child,
.anc-module-panel > .anc-ribbon:first-child {
  margin-left: 24px !important;
  margin-right: 24px !important;
  margin-bottom: 10px !important;
  padding-top: 22px !important;
}

.anc-section > .anc-ribbon:first-child + .anc-section-title,
.anc-module-panel > .anc-ribbon:first-child + h2,
.anc-module-panel > .anc-ribbon:first-child + .anc-section-title {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

/* Мобильная версия */
@media (max-width: 900px) {
  .anc-section > .anc-section-head:first-child,
  .anc-section > .anc-section-head--compact:first-child,
  .anc-module-panel > .anc-module-head:first-child,
  .anc-module-panel > .anc-module-head--tight:first-child {
    padding: 18px 16px 0 16px !important;
    margin-bottom: 16px !important;
  }

  .anc-section > .anc-live-grid,
  .anc-section > .anc-live-stack,
  .anc-section > .anc-forum-grid,
  .anc-module-panel > .anc-live-grid,
  .anc-module-panel > .anc-live-stack,
  .anc-module-panel > .anc-forum-grid,
  .anc-section > .anc-split-grid,
  .anc-module-panel > .anc-split-grid {
    margin-left: 16px !important;
    margin-right: 16px !important;
    margin-bottom: 18px !important;
  }

  .anc-section > .anc-ribbon:first-child,
  .anc-module-panel > .anc-ribbon:first-child {
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding-top: 18px !important;
  }

  .anc-feed-body,
  .anc-civ-card__body,
  .anc-related-card-body {
    padding: 14px 14px 16px !important;
  }

  .anc-live-grid,
  .anc-live-stack,
  .anc-forum-grid {
    gap: 16px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V42 FORUM CARD TOP GARBAGE FIX
   Исправление форума:
   - убираем обрезанную верхнюю строку/категорию в карточках форума;
   - убираем декоративную верхнюю линию, которая выглядит как мусор;
   - даём нормальный верхний отступ внутри карточки;
   - выравниваем текст и счётчик ответов.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Карточка форума не должна иметь обрезанную верхнюю полоску */
.anc-forum-card {
  position: relative !important;
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;

  padding: 22px 22px 18px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.030), transparent 42%),
    linear-gradient(180deg, #1d1a18 0%, #181614 100%) !important;

  border: 1px solid rgba(214,166,97,0.22) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Убираем декоративную верхнюю линию именно у форумных карточек */
.anc-forum-card::after,
.anc-forum-card::before {
  content: none !important;
  display: none !important;
}

/* У форума часто сверху выводится категория/раздел — она и обрезалась.
   Прячем только маленькую верхнюю метку внутри карточки форума. */
.anc-forum-card .anc-feed-meta,
.anc-forum-card .anc-feed-category,
.anc-forum-card .anc-forum-meta,
.anc-forum-card .anc-card-meta,
.anc-forum-card .entry-meta,
.anc-forum-card .eDetails,
.anc-forum-card .eDetails1,
.anc-forum-card .eDetails2 {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* Заголовок темы — нормальный первый элемент, не прижатый к краю */
.anc-forum-card .anc-feed-title,
.anc-forum-card .anc-feed-title a,
.anc-forum-card h3,
.anc-forum-card h3 a,
.anc-forum-card h2,
.anc-forum-card h2 a {
  margin: 0 !important;
  padding: 0 !important;

  color: #e7d0a3 !important;
  font-size: 1.08rem !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;

  text-decoration: none !important;
}

/* Описание темы */
.anc-forum-card .anc-feed-excerpt,
.anc-forum-card p {
  margin: 0 !important;
  color: #ceb284 !important;
  font-size: 0.93rem !important;
  line-height: 1.58 !important;
}

/* Низ карточки форума */
.anc-forum-card .anc-feed-footer {
  margin-top: 4px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(214,166,97,0.12) !important;
  justify-content: flex-end !important;
}

/* Счётчик ответов */
.anc-forum-card .anc-feed-pill,
.anc-forum-card .forum-answer-count,
.anc-forum-card .answers-count {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  color: #9a7b50 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Если uCoz выводит первую строку как маленький div без класса */
.anc-forum-card > small:first-child,
.anc-forum-card > span:first-child:empty,
.anc-forum-card > div:first-child:empty {
  display: none !important;
}

/* Сетка форума компактная и ровная */
.anc-forum-grid {
  align-items: stretch !important;
}

.anc-forum-grid .anc-forum-card {
  min-height: 165px !important;
}

/* Мобильная версия */
@media (max-width: 900px) {
  .anc-forum-card {
    padding: 18px 18px 16px !important;
  }

  .anc-forum-grid .anc-forum-card {
    min-height: auto !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V43 INNER MATERIAL IMAGES NO CROP
   Исправление для внутренних материалов:
   - картинки больше не обрезаются по высоте;
   - показываются целиком;
   - карточка сама подстраивается под высоту изображения;
   - object-fit меняем с cover на contain/auto.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Внутренние карточки/материалы: контейнер изображения не режет картинку */
.anc-article img,
.anc-article-prose img,
.eMessage img,
.eText img,
.uEntryBody img,
.materialContent img,
.civilization img,
.civilization1 img,
.civilization2 img,
.civilization3 img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;

  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;

  border-radius: 10px !important;
}

/* Если картинка стоит в отдельном media-блоке внутри материала */
.anc-article-media,
.anc-article-image,
.anc-material-image,
.anc-civ-image,
.anc-civ-card__image,
.civ-image,
.material-image,
.post-img,
.fpost-img {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;

  overflow: visible !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Картинки внутри этих блоков показываем целиком */
.anc-article-media img,
.anc-article-image img,
.anc-material-image img,
.anc-civ-image img,
.anc-civ-card__image img,
.civ-image img,
.material-image img,
.post-img img,
.fpost-img img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;
}

/* ВАЖНО: только для внутренних материалов.
   На главной карточки новостей пусть остаются ровными, если там используется .anc-feed-cover. */
.anc-article .anc-feed-cover,
.eMessage .anc-feed-cover,
.eText .anc-feed-cover,
.uEntryBody .anc-feed-cover,
.materialContent .anc-feed-cover {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;

  overflow: visible !important;
}

/* Если внутренний материал использует карточку цивилизации как на скрине */
.anc-article .anc-civ-card,
.eMessage .anc-civ-card,
.eText .anc-civ-card,
.uEntryBody .anc-civ-card,
.materialContent .anc-civ-card,
.civilization,
.civilization1,
.civilization2,
.civilization3 {
  overflow: visible !important;
}

/* Для картинок, которые вставлены как background в верхний блок:
   не режем, а показываем целиком, даже если появятся поля */
.anc-article .anc-civ-card__image,
.eMessage .anc-civ-card__image,
.eText .anc-civ-card__image,
.uEntryBody .anc-civ-card__image,
.materialContent .anc-civ-card__image {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #11100f !important;
}

/* Если у блока с картинкой нет img, но задан background-image,
   задаём разумную высоту без обрезки */
.anc-article .anc-civ-card__image:not(:has(img)),
.eMessage .anc-civ-card__image:not(:has(img)),
.eText .anc-civ-card__image:not(:has(img)),
.uEntryBody .anc-civ-card__image:not(:has(img)),
.materialContent .anc-civ-card__image:not(:has(img)) {
  min-height: 260px !important;
}

/* Для старых uCoz-классов, где стоял aspect-ratio 7/3 */
.post-img,
.fpost-img {
  aspect-ratio: auto !important;
  min-height: 0 !important;
}

.post-img img,
.fpost-img img {
  object-fit: contain !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-article .anc-civ-card__image:not(:has(img)),
  .eMessage .anc-civ-card__image:not(:has(img)),
  .eText .anc-civ-card__image:not(:has(img)),
  .uEntryBody .anc-civ-card__image:not(:has(img)),
  .materialContent .anc-civ-card__image:not(:has(img)) {
    min-height: 210px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V44 PREMIUM CARDS
   Выполнены пункты 1–10 по дизайну карточек:
   1) архивная верхняя бирка категории;
   2) музейные картинки;
   3) единая высота карточек;
   4) просмотры как архивная печать;
   5) мягкий hover;
   6) разные мягкие оттенки по разделам;
   7) тонкая внутренняя рамка;
   8) спокойнее заголовки карточек;
   9) карточки цивилизаций как музейные таблички;
   10) едва заметная "пыль времени".
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

:root {
  --anc-card-bg: #1a1816;
  --anc-card-bg-2: #201c19;
  --anc-card-bg-hover: #24201d;
  --anc-card-line: rgba(214,166,97,0.20);
  --anc-card-line-strong: rgba(233,197,133,0.34);
  --anc-card-gold: #e4c994;
  --anc-card-gold-soft: #b99761;
  --anc-card-text: #cfb486;
  --anc-card-muted: #92754f;
  --anc-card-dark: #11100f;
}

/* =========================================================
   1/3/7/10. ОБЩАЯ ПРЕМИАЛЬНАЯ КАРТОЧКА
========================================================= */

.anc-feed-card,
.anc-civ-card,
.anc-related-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;

  min-height: 470px !important;

  overflow: hidden !important;
  border-radius: 13px !important;
  border: 1px solid var(--anc-card-line) !important;

  background:
    radial-gradient(circle at 82% 8%, rgba(233,197,133,0.040), transparent 28%),
    linear-gradient(180deg, var(--anc-card-bg-2) 0%, var(--anc-card-bg) 100%) !important;

  box-shadow:
    0 18px 38px rgba(0,0,0,0.34),
    inset 0 0 0 1px rgba(255,236,190,0.030),
    inset 0 1px 0 rgba(255,236,190,0.045) !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}

/* Тонкая верхняя архивная линия */
.anc-feed-card::after,
.anc-civ-card::after,
.anc-related-card::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 16px !important;
  right: 16px !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(233,197,133,0.46), transparent) !important;
  z-index: 3 !important;
}

/* Очень лёгкая пыль времени внутри карточки */
.anc-feed-card::before,
.anc-civ-card::before,
.anc-related-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  opacity: 0.20 !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(233,197,133,0.050), transparent 18%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.010) 0,
      rgba(255,255,255,0.010) 1px,
      transparent 1px,
      transparent 14px
    ) !important;
}

/* Hover дорогой, но спокойный */
.anc-feed-card:hover,
.anc-civ-card:hover,
.anc-related-card:hover {
  transform: translateY(-3px) !important;
  border-color: var(--anc-card-line-strong) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(233,197,133,0.060), transparent 30%),
    linear-gradient(180deg, var(--anc-card-bg-hover) 0%, #1d1a18 100%) !important;
  box-shadow:
    0 26px 54px rgba(0,0,0,0.46),
    inset 0 0 0 1px rgba(255,236,190,0.040),
    inset 0 1px 0 rgba(255,236,190,0.060) !important;
}

/* =========================================================
   2. КАРТИНКИ — МУЗЕЙНЫЙ ВИД
========================================================= */

.anc-feed-cover,
.anc-civ-card__image,
.anc-related-card-media {
  position: relative !important;
  display: block !important;

  min-height: 178px !important;
  height: 178px !important;
  max-height: 178px !important;

  overflow: hidden !important;
  background-color: #090807 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  border-bottom: 1px solid rgba(214,166,97,0.18) !important;

  filter:
    sepia(0.07)
    saturate(0.96)
    contrast(1.05)
    brightness(0.95) !important;

  transition:
    filter .22s ease,
    transform .22s ease !important;
}

/* Картинки внутри cover */
.anc-feed-cover img,
.anc-civ-card__image img,
.anc-related-card-media img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform .32s ease, filter .22s ease !important;
}

/* Мягкое затемнение снизу изображения */
.anc-feed-cover::before,
.anc-civ-card__image::before,
.anc-related-card-media::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.10) 64%, rgba(0,0,0,0.24) 100%) !important;
}

.anc-feed-card:hover .anc-feed-cover img,
.anc-civ-card:hover .anc-civ-card__image img,
.anc-related-card:hover .anc-related-card-media img {
  transform: scale(1.035) !important;
}

.anc-feed-card:hover .anc-feed-cover,
.anc-civ-card:hover .anc-civ-card__image,
.anc-related-card:hover .anc-related-card-media {
  filter:
    sepia(0.06)
    saturate(1.02)
    contrast(1.07)
    brightness(1.00) !important;
}

/* =========================================================
   1/8/9. ТЕЛО КАРТОЧКИ И МУЗЕЙНАЯ БИРКА
========================================================= */

.anc-feed-body,
.anc-civ-card__body,
.anc-related-card-body {
  position: relative !important;
  z-index: 4 !important;

  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;

  padding: 17px 18px 18px !important;
  background: transparent !important;
}

/* Архивная бирка категории */
.anc-feed-meta,
.anc-civ-card__top {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 0 0 14px 0 !important;
  padding: 0 0 10px 0 !important;

  border-bottom: 1px solid rgba(214,166,97,0.13) !important;
}

.anc-feed-meta::before,
.anc-civ-card__top::before {
  content: "◆" !important;
  color: var(--anc-card-gold-soft) !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
  opacity: 0.9 !important;
}

.anc-feed-meta span,
.anc-civ-card__top a,
.anc-civ-card__top span {
  display: inline-flex !important;
  align-items: center !important;

  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;

  color: var(--anc-card-gold-soft) !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

.anc-feed-meta span:not(:last-child)::after {
  content: none !important;
}

/* Заголовки карточек спокойнее */
.anc-feed-title,
.anc-feed-title a,
.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-related-card-body a {
  margin: 0 0 12px 0 !important;

  color: var(--anc-card-gold) !important;
  font-size: 1.08rem !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  text-shadow: none !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.anc-feed-title a:hover,
.anc-civ-card__body h2 a:hover,
.anc-civ-card__body h3 a:hover,
.anc-related-card-body a:hover {
  color: #f3dfb6 !important;
}

/* Описание */
.anc-feed-excerpt,
.anc-feed-excerpt *,
.anc-civ-card__body p,
.anc-related-card-body p {
  color: var(--anc-card-text) !important;
  font-size: 0.93rem !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* =========================================================
   4. ПРОСМОТРЫ КАК АРХИВНАЯ ПЕЧАТЬ
========================================================= */

.anc-feed-footer {
  margin-top: auto !important;
  padding-top: 13px !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;

  border-top: 1px solid rgba(214,166,97,0.12) !important;
}

.anc-feed-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 26px !important;
  padding: 4px 10px !important;

  border: 1px solid rgba(214,166,97,0.13) !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,0.12) !important;

  color: var(--anc-card-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;

  box-shadow:
    inset 0 1px 0 rgba(255,236,190,0.025),
    0 6px 12px rgba(0,0,0,0.18) !important;
}

/* =========================================================
   6. РАЗНЫЕ МЯГКИЕ ОТТЕНКИ ПО РАЗДЕЛАМ
========================================================= */

/* Новости — бронза */
.anc-section--news .anc-feed-card {
  background:
    radial-gradient(circle at 84% 6%, rgba(233,197,133,0.050), transparent 30%),
    linear-gradient(180deg, #1e1b18 0%, #181614 100%) !important;
}

/* Цивилизации — тёплая музейная табличка */
.anc-section--knowledge .anc-feed-card,
.anc-module-panel--catalog .anc-feed-card,
.anc-section--knowledge .anc-civ-card,
.anc-module-panel--catalog .anc-civ-card {
  background:
    radial-gradient(circle at 82% 8%, rgba(189,152,104,0.070), transparent 30%),
    linear-gradient(180deg, #211d19 0%, #191614 100%) !important;
}

/* Энциклопедия — каменный оттенок */
.anc-module-panel--reference .anc-feed-card,
.anc-section--reference .anc-feed-card {
  background:
    radial-gradient(circle at 82% 8%, rgba(169,154,132,0.065), transparent 30%),
    linear-gradient(180deg, #1f1e1c 0%, #181715 100%) !important;
}

/* Доистория — земляной оттенок */
.anc-module-panel--prehistoric .anc-feed-card,
.anc-section--prehistoric .anc-feed-card {
  background:
    radial-gradient(circle at 82% 8%, rgba(190,136,80,0.070), transparent 30%),
    linear-gradient(180deg, #211c18 0%, #181513 100%) !important;
}

/* Космос — зелёно-синий акцент */
.anc-section--cosmos .anc-feed-card,
.anc-module-panel--cosmos .anc-feed-card {
  background:
    radial-gradient(circle at 82% 8%, rgba(67,116,112,0.13), transparent 32%),
    linear-gradient(180deg, #1e2421 0%, #171b19 100%) !important;
  border-color: rgba(132,170,146,0.22) !important;
}

.anc-section--cosmos .anc-feed-card::after,
.anc-module-panel--cosmos .anc-feed-card::after {
  background: linear-gradient(90deg, transparent, rgba(132,170,146,0.50), transparent) !important;
}

.anc-section--cosmos .anc-feed-meta span,
.anc-module-panel--cosmos .anc-feed-meta span,
.anc-section--cosmos .anc-feed-meta::before,
.anc-module-panel--cosmos .anc-feed-meta::before {
  color: #9bb89d !important;
}

/* =========================================================
   9. КАРТОЧКИ ЦИВИЛИЗАЦИЙ — МУЗЕЙНАЯ ТАБЛИЧКА
========================================================= */

.anc-civ-card__top {
  margin-left: -18px !important;
  margin-right: -18px !important;
  padding: 10px 18px !important;

  background: rgba(0,0,0,0.13) !important;
  border-top: 1px solid rgba(214,166,97,0.10) !important;
  border-bottom: 1px solid rgba(214,166,97,0.14) !important;
}

.anc-civ-card__body h2,
.anc-civ-card__body h3 {
  margin-top: 4px !important;
}

/* =========================================================
   ФОРУМ — КОМПАКТНЫЕ КАРТОЧКИ БЕЗ КАРТИНОК
========================================================= */

.anc-forum-card {
  min-height: 172px !important;
  padding: 20px 20px 18px !important;

  background:
    radial-gradient(circle at 82% 8%, rgba(233,197,133,0.035), transparent 30%),
    linear-gradient(180deg, #1d1a18 0%, #171513 100%) !important;
  border: 1px solid rgba(214,166,97,0.20) !important;
  border-radius: 12px !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,236,190,0.030) !important;
}

.anc-forum-card .anc-feed-title,
.anc-forum-card .anc-feed-title a,
.anc-forum-card h2,
.anc-forum-card h3 {
  color: var(--anc-card-gold) !important;
  font-size: 1.02rem !important;
  line-height: 1.32 !important;
}

.anc-forum-card .anc-feed-excerpt,
.anc-forum-card p {
  color: var(--anc-card-text) !important;
  font-size: 0.90rem !important;
  line-height: 1.56 !important;
}

/* =========================================================
   ВНУТРЕННИЕ МАТЕРИАЛЫ: картинки не обрезаем, V43 сохраняем
========================================================= */

.anc-article .anc-civ-card,
.eMessage .anc-civ-card,
.eText .anc-civ-card,
.uEntryBody .anc-civ-card,
.materialContent .anc-civ-card {
  min-height: auto !important;
}

.anc-article .anc-civ-card__image,
.eMessage .anc-civ-card__image,
.eText .anc-civ-card__image,
.uEntryBody .anc-civ-card__image,
.materialContent .anc-civ-card__image {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  background-size: contain !important;
  overflow: visible !important;
}

.anc-article .anc-civ-card__image img,
.eMessage .anc-civ-card__image img,
.eText .anc-civ-card__image img,
.uEntryBody .anc-civ-card__image img,
.materialContent .anc-civ-card__image img {
  height: auto !important;
  object-fit: contain !important;
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 900px) {
  .anc-feed-card,
  .anc-civ-card,
  .anc-related-card {
    min-height: auto !important;
  }

  .anc-feed-cover,
  .anc-civ-card__image,
  .anc-related-card-media {
    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;
  }

  .anc-feed-body,
  .anc-civ-card__body,
  .anc-related-card-body {
    padding: 15px 15px 17px !important;
  }

  .anc-feed-title,
  .anc-feed-title a,
  .anc-civ-card__body h2,
  .anc-civ-card__body h3 {
    font-size: 1.04rem !important;
  }

  .anc-forum-card {
    min-height: auto !important;
  }
}

@media (max-width: 640px) {
  .anc-feed-cover,
  .anc-civ-card__image,
  .anc-related-card-media {
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V47 INNER CIVILIZATION CARDS FIXED
   Возвращаем улучшения внутренних карточек, но исправляем:
   - картинки показываются в полную высоту, не режутся;
   - текст описания не сокращается многоточием;
   - убраны двойные точки/ромбы возле названия категории;
   - карточка сама растягивается по содержимому.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

:root {
  --anc-inner-card-bg: #171513;
  --anc-inner-card-bg-2: #201c19;
  --anc-inner-card-panel: #1e1b18;
  --anc-inner-card-gold: #e7d0a3;
  --anc-inner-card-gold-soft: #b99761;
  --anc-inner-card-text: #d3ba8d;
  --anc-inner-card-line: rgba(214,166,97,0.20);
  --anc-inner-card-line-strong: rgba(233,197,133,0.34);
}

/* =========================================================
   1. ВНУТРЕННЯЯ КАРТОЧКА
========================================================= */

.anc-article .anc-civ-card,
.eMessage .anc-civ-card,
.eText .anc-civ-card,
.uEntryBody .anc-civ-card,
.materialContent .anc-civ-card,
.anc-region-intro .anc-civ-card,
.anc-category-intro .anc-civ-card,
.anc-page-intro .anc-civ-card,
.anc-civ-list .anc-civ-card,
.anc-region-cards .anc-civ-card,
.anc-inner-cards .anc-civ-card,
.civilization,
.civilization1,
.civilization2,
.civilization3 {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;

  min-height: 0 !important;
  height: auto !important;

  overflow: hidden !important;

  border-radius: 15px !important;
  border: 1px solid var(--anc-inner-card-line) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.040), transparent 42%),
    linear-gradient(180deg, var(--anc-inner-card-bg-2) 0%, var(--anc-inner-card-bg) 100%) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,0.34),
    inset 0 0 0 1px rgba(255,236,190,0.028),
    inset 0 1px 0 rgba(255,236,190,0.045) !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease !important;
}

/* внутренняя рамка */
.anc-article .anc-civ-card::before,
.eMessage .anc-civ-card::before,
.eText .anc-civ-card::before,
.uEntryBody .anc-civ-card::before,
.materialContent .anc-civ-card::before,
.anc-region-intro .anc-civ-card::before,
.anc-category-intro .anc-civ-card::before,
.anc-page-intro .anc-civ-card::before,
.anc-civ-list .anc-civ-card::before,
.anc-region-cards .anc-civ-card::before,
.anc-inner-cards .anc-civ-card::before,
.civilization::before,
.civilization1::before,
.civilization2::before,
.civilization3::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  pointer-events: none !important;
  z-index: 5 !important;
  border: 1px solid rgba(233,197,133,0.055) !important;
  border-radius: 12px !important;
}

/* лёгкая фактура */
.anc-article .anc-civ-card::after,
.eMessage .anc-civ-card::after,
.eText .anc-civ-card::after,
.uEntryBody .anc-civ-card::after,
.materialContent .anc-civ-card::after,
.anc-region-intro .anc-civ-card::after,
.anc-category-intro .anc-civ-card::after,
.anc-page-intro .anc-civ-card::after,
.anc-civ-list .anc-civ-card::after,
.anc-region-cards .anc-civ-card::after,
.anc-inner-cards .anc-civ-card::after,
.civilization::after,
.civilization1::after,
.civilization2::after,
.civilization3::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 4 !important;
  opacity: 0.13 !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(233,197,133,0.050), transparent 18%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.010) 0,
      rgba(255,255,255,0.010) 1px,
      transparent 1px,
      transparent 16px
    ) !important;
}

/* =========================================================
   2. ВЕРХНЯЯ КАТЕГОРИЯ — БЕЗ ДВОЙНЫХ ТОЧЕК/РОМБОВ
========================================================= */

.anc-article .anc-civ-card__top,
.eMessage .anc-civ-card__top,
.eText .anc-civ-card__top,
.uEntryBody .anc-civ-card__top,
.materialContent .anc-civ-card__top,
.anc-region-intro .anc-civ-card__top,
.anc-category-intro .anc-civ-card__top,
.anc-page-intro .anc-civ-card__top,
.anc-civ-list .anc-civ-card__top,
.anc-region-cards .anc-civ-card__top,
.anc-inner-cards .anc-civ-card__top {
  position: relative !important;
  z-index: 6 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;

  min-height: 50px !important;

  margin: 0 !important;
  padding: 15px 18px 13px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.075), transparent 56%),
    linear-gradient(180deg, #211d1a 0%, #171513 100%) !important;

  border-bottom: 1px solid rgba(214,166,97,0.18) !important;
  border-top: 0 !important;
}

/* один аккуратный ромб */
.anc-article .anc-civ-card__top::before,
.eMessage .anc-civ-card__top::before,
.eText .anc-civ-card__top::before,
.uEntryBody .anc-civ-card__top::before,
.materialContent .anc-civ-card__top::before,
.anc-region-intro .anc-civ-card__top::before,
.anc-category-intro .anc-civ-card__top::before,
.anc-page-intro .anc-civ-card__top::before,
.anc-civ-list .anc-civ-card__top::before,
.anc-region-cards .anc-civ-card__top::before,
.anc-inner-cards .anc-civ-card__top::before {
  content: "◆" !important;
  flex: 0 0 auto !important;
  color: var(--anc-inner-card-gold-soft) !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
  opacity: 0.92 !important;
}

/* убираем второй ромб/точку, если он вставлен отдельным span/псевдо */
.anc-article .anc-civ-card__top > span:first-child:empty,
.eMessage .anc-civ-card__top > span:first-child:empty,
.eText .anc-civ-card__top > span:first-child:empty,
.uEntryBody .anc-civ-card__top > span:first-child:empty,
.materialContent .anc-civ-card__top > span:first-child:empty,
.anc-region-intro .anc-civ-card__top > span:first-child:empty,
.anc-category-intro .anc-civ-card__top > span:first-child:empty,
.anc-page-intro .anc-civ-card__top > span:first-child:empty,
.anc-civ-list .anc-civ-card__top > span:first-child:empty,
.anc-region-cards .anc-civ-card__top > span:first-child:empty,
.anc-inner-cards .anc-civ-card__top > span:first-child:empty {
  display: none !important;
}

/* отключаем старые маркеры внутри */
.anc-article .anc-civ-card__top a::before,
.anc-article .anc-civ-card__top span::before,
.eMessage .anc-civ-card__top a::before,
.eMessage .anc-civ-card__top span::before,
.eText .anc-civ-card__top a::before,
.eText .anc-civ-card__top span::before,
.uEntryBody .anc-civ-card__top a::before,
.uEntryBody .anc-civ-card__top span::before,
.materialContent .anc-civ-card__top a::before,
.materialContent .anc-civ-card__top span::before,
.anc-region-intro .anc-civ-card__top a::before,
.anc-region-intro .anc-civ-card__top span::before,
.anc-category-intro .anc-civ-card__top a::before,
.anc-category-intro .anc-civ-card__top span::before,
.anc-page-intro .anc-civ-card__top a::before,
.anc-page-intro .anc-civ-card__top span::before,
.anc-civ-list .anc-civ-card__top a::before,
.anc-civ-list .anc-civ-card__top span::before,
.anc-region-cards .anc-civ-card__top a::before,
.anc-region-cards .anc-civ-card__top span::before,
.anc-inner-cards .anc-civ-card__top a::before,
.anc-inner-cards .anc-civ-card__top span::before {
  content: none !important;
  display: none !important;
}

.anc-article .anc-civ-card__top a,
.anc-article .anc-civ-card__top span,
.eMessage .anc-civ-card__top a,
.eMessage .anc-civ-card__top span,
.eText .anc-civ-card__top a,
.eText .anc-civ-card__top span,
.uEntryBody .anc-civ-card__top a,
.uEntryBody .anc-civ-card__top span,
.materialContent .anc-civ-card__top a,
.materialContent .anc-civ-card__top span,
.anc-region-intro .anc-civ-card__top a,
.anc-region-intro .anc-civ-card__top span,
.anc-category-intro .anc-civ-card__top a,
.anc-category-intro .anc-civ-card__top span,
.anc-page-intro .anc-civ-card__top a,
.anc-page-intro .anc-civ-card__top span,
.anc-civ-list .anc-civ-card__top a,
.anc-civ-list .anc-civ-card__top span,
.anc-region-cards .anc-civ-card__top a,
.anc-region-cards .anc-civ-card__top span,
.anc-inner-cards .anc-civ-card__top a,
.anc-inner-cards .anc-civ-card__top span {
  color: var(--anc-inner-card-gold-soft) !important;
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

/* =========================================================
   3. КАРТИНКИ В ПОЛНУЮ ВЫСОТУ, БЕЗ ОБРЕЗКИ
========================================================= */

.anc-article .anc-civ-card__image,
.eMessage .anc-civ-card__image,
.eText .anc-civ-card__image,
.uEntryBody .anc-civ-card__image,
.materialContent .anc-civ-card__image,
.anc-region-intro .anc-civ-card__image,
.anc-category-intro .anc-civ-card__image,
.anc-page-intro .anc-civ-card__image,
.anc-civ-list .anc-civ-card__image,
.anc-region-cards .anc-civ-card__image,
.anc-inner-cards .anc-civ-card__image {
  position: relative !important;
  z-index: 3 !important;

  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;

  overflow: visible !important;

  background-color: #090807 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;

  border-bottom: 1px solid rgba(214,166,97,0.18) !important;

  filter:
    sepia(0.05)
    saturate(0.98)
    contrast(1.04)
    brightness(0.98) !important;
}

.anc-article .anc-civ-card__image img,
.eMessage .anc-civ-card__image img,
.eText .anc-civ-card__image img,
.uEntryBody .anc-civ-card__image img,
.materialContent .anc-civ-card__image img,
.anc-region-intro .anc-civ-card__image img,
.anc-category-intro .anc-civ-card__image img,
.anc-page-intro .anc-civ-card__image img,
.anc-civ-list .anc-civ-card__image img,
.anc-region-cards .anc-civ-card__image img,
.anc-inner-cards .anc-civ-card__image img {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;

  border-radius: 0 !important;

  transition:
    transform .34s ease,
    filter .24s ease !important;
}

/* если картинка задана фоном без img */
.anc-article .anc-civ-card__image:not(:has(img)),
.eMessage .anc-civ-card__image:not(:has(img)),
.eText .anc-civ-card__image:not(:has(img)),
.uEntryBody .anc-civ-card__image:not(:has(img)),
.materialContent .anc-civ-card__image:not(:has(img)),
.anc-region-intro .anc-civ-card__image:not(:has(img)),
.anc-category-intro .anc-civ-card__image:not(:has(img)),
.anc-page-intro .anc-civ-card__image:not(:has(img)),
.anc-civ-list .anc-civ-card__image:not(:has(img)),
.anc-region-cards .anc-civ-card__image:not(:has(img)),
.anc-inner-cards .anc-civ-card__image:not(:has(img)) {
  min-height: 300px !important;
}

/* =========================================================
   4. ТЕКСТОВЫЙ БЛОК — НЕ СОКРАЩАЕМ ТЕКСТ
========================================================= */

.anc-article .anc-civ-card__body,
.eMessage .anc-civ-card__body,
.eText .anc-civ-card__body,
.uEntryBody .anc-civ-card__body,
.materialContent .anc-civ-card__body,
.anc-region-intro .anc-civ-card__body,
.anc-category-intro .anc-civ-card__body,
.anc-page-intro .anc-civ-card__body,
.anc-civ-list .anc-civ-card__body,
.anc-region-cards .anc-civ-card__body,
.anc-inner-cards .anc-civ-card__body {
  position: relative !important;
  z-index: 6 !important;

  padding: 25px 26px 26px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.030), transparent 42%),
    linear-gradient(180deg, #1d1a18 0%, #171513 100%) !important;

  text-align: center !important;
}

/* Заголовок — без обрезки */
.anc-article .anc-civ-card__body h2,
.anc-article .anc-civ-card__body h3,
.eMessage .anc-civ-card__body h2,
.eMessage .anc-civ-card__body h3,
.eText .anc-civ-card__body h2,
.eText .anc-civ-card__body h3,
.uEntryBody .anc-civ-card__body h2,
.uEntryBody .anc-civ-card__body h3,
.materialContent .anc-civ-card__body h2,
.materialContent .anc-civ-card__body h3,
.anc-region-intro .anc-civ-card__body h2,
.anc-region-intro .anc-civ-card__body h3,
.anc-category-intro .anc-civ-card__body h2,
.anc-category-intro .anc-civ-card__body h3,
.anc-page-intro .anc-civ-card__body h2,
.anc-page-intro .anc-civ-card__body h3,
.anc-civ-list .anc-civ-card__body h2,
.anc-civ-list .anc-civ-card__body h3,
.anc-region-cards .anc-civ-card__body h2,
.anc-region-cards .anc-civ-card__body h3,
.anc-inner-cards .anc-civ-card__body h2,
.anc-inner-cards .anc-civ-card__body h3 {
  position: relative !important;

  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;

  margin: 0 auto 22px !important;
  padding: 0 0 16px !important;

  max-width: 92% !important;

  color: var(--anc-inner-card-gold) !important;
  font-size: clamp(1.20rem, 1.35vw, 1.46rem) !important;
  line-height: 1.24 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: none !important;
}

.anc-article .anc-civ-card__body h2::after,
.anc-article .anc-civ-card__body h3::after,
.eMessage .anc-civ-card__body h2::after,
.eMessage .anc-civ-card__body h3::after,
.eText .anc-civ-card__body h2::after,
.eText .anc-civ-card__body h3::after,
.uEntryBody .anc-civ-card__body h2::after,
.uEntryBody .anc-civ-card__body h3::after,
.materialContent .anc-civ-card__body h2::after,
.materialContent .anc-civ-card__body h3::after,
.anc-region-intro .anc-civ-card__body h2::after,
.anc-region-intro .anc-civ-card__body h3::after,
.anc-category-intro .anc-civ-card__body h2::after,
.anc-category-intro .anc-civ-card__body h3::after,
.anc-page-intro .anc-civ-card__body h2::after,
.anc-page-intro .anc-civ-card__body h3::after,
.anc-civ-list .anc-civ-card__body h2::after,
.anc-civ-list .anc-civ-card__body h3::after,
.anc-region-cards .anc-civ-card__body h2::after,
.anc-region-cards .anc-civ-card__body h3::after,
.anc-inner-cards .anc-civ-card__body h2::after,
.anc-inner-cards .anc-civ-card__body h3::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 92px !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(214,166,97,0.42), transparent) !important;
}

/* Описание — полностью, без многоточия */
.anc-article .anc-civ-card__body p,
.eMessage .anc-civ-card__body p,
.eText .anc-civ-card__body p,
.uEntryBody .anc-civ-card__body p,
.materialContent .anc-civ-card__body p,
.anc-region-intro .anc-civ-card__body p,
.anc-category-intro .anc-civ-card__body p,
.anc-page-intro .anc-civ-card__body p,
.anc-civ-list .anc-civ-card__body p,
.anc-region-cards .anc-civ-card__body p,
.anc-inner-cards .anc-civ-card__body p {
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;

  max-width: 92% !important;
  margin: 0 auto !important;

  color: var(--anc-inner-card-text) !important;
  font-size: clamp(1rem, 1.08vw, 1.10rem) !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

/* =========================================================
   5. МЯГКИЙ HOVER
========================================================= */

.anc-article .anc-civ-card:hover,
.eMessage .anc-civ-card:hover,
.eText .anc-civ-card:hover,
.uEntryBody .anc-civ-card:hover,
.materialContent .anc-civ-card:hover,
.anc-region-intro .anc-civ-card:hover,
.anc-category-intro .anc-civ-card:hover,
.anc-page-intro .anc-civ-card:hover,
.anc-civ-list .anc-civ-card:hover,
.anc-region-cards .anc-civ-card:hover,
.anc-inner-cards .anc-civ-card:hover,
.civilization:hover,
.civilization1:hover,
.civilization2:hover,
.civilization3:hover {
  transform: translateY(-3px) !important;
  border-color: var(--anc-inner-card-line-strong) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.065), transparent 42%),
    linear-gradient(180deg, #24201d 0%, #1b1816 100%) !important;
  box-shadow:
    0 26px 56px rgba(0,0,0,0.46),
    inset 0 0 0 1px rgba(255,236,190,0.040),
    inset 0 1px 0 rgba(255,236,190,0.060) !important;
}

.anc-article .anc-civ-card:hover .anc-civ-card__image img,
.eMessage .anc-civ-card:hover .anc-civ-card__image img,
.eText .anc-civ-card:hover .anc-civ-card__image img,
.uEntryBody .anc-civ-card:hover .anc-civ-card__image img,
.materialContent .anc-civ-card:hover .anc-civ-card__image img,
.anc-region-intro .anc-civ-card:hover .anc-civ-card__image img,
.anc-category-intro .anc-civ-card:hover .anc-civ-card__image img,
.anc-page-intro .anc-civ-card:hover .anc-civ-card__image img,
.anc-civ-list .anc-civ-card:hover .anc-civ-card__image img,
.anc-region-cards .anc-civ-card:hover .anc-civ-card__image img,
.anc-inner-cards .anc-civ-card:hover .anc-civ-card__image img {
  transform: scale(1.012) !important;
}

/* =========================================================
   6. МЯГКИЕ ВАРИАНТЫ
========================================================= */

.anc-civ-card--empire,
.anc-civ-card.empire,
.civilization--empire {
  border-color: rgba(214,166,97,0.26) !important;
}

.anc-civ-card--culture,
.anc-civ-card.culture,
.civilization--culture {
  border-color: rgba(220,184,121,0.24) !important;
}

.anc-civ-card--people,
.anc-civ-card.people,
.civilization--people {
  border-color: rgba(184,133,82,0.24) !important;
}

.anc-civ-card--myth,
.anc-civ-card.myth,
.civilization--myth {
  border-color: rgba(132,170,146,0.25) !important;
}

.anc-civ-card--myth .anc-civ-card__top::before,
.anc-civ-card.myth .anc-civ-card__top::before,
.civilization--myth .anc-civ-card__top::before,
.anc-civ-card--myth .anc-civ-card__top a,
.anc-civ-card.myth .anc-civ-card__top a,
.civilization--myth .anc-civ-card__top a,
.anc-civ-card--myth .anc-civ-card__top span,
.anc-civ-card.myth .anc-civ-card__top span,
.civilization--myth .anc-civ-card__top span {
  color: #9bb89d !important;
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 700px) {
  .anc-article .anc-civ-card__top,
  .eMessage .anc-civ-card__top,
  .eText .anc-civ-card__top,
  .uEntryBody .anc-civ-card__top,
  .materialContent .anc-civ-card__top,
  .anc-region-intro .anc-civ-card__top,
  .anc-category-intro .anc-civ-card__top,
  .anc-page-intro .anc-civ-card__top,
  .anc-civ-list .anc-civ-card__top,
  .anc-region-cards .anc-civ-card__top,
  .anc-inner-cards .anc-civ-card__top {
    min-height: 46px !important;
    padding: 13px 15px 11px !important;
  }

  .anc-article .anc-civ-card__image:not(:has(img)),
  .eMessage .anc-civ-card__image:not(:has(img)),
  .eText .anc-civ-card__image:not(:has(img)),
  .uEntryBody .anc-civ-card__image:not(:has(img)),
  .materialContent .anc-civ-card__image:not(:has(img)),
  .anc-region-intro .anc-civ-card__image:not(:has(img)),
  .anc-category-intro .anc-civ-card__image:not(:has(img)),
  .anc-page-intro .anc-civ-card__image:not(:has(img)),
  .anc-civ-list .anc-civ-card__image:not(:has(img)),
  .anc-region-cards .anc-civ-card__image:not(:has(img)),
  .anc-inner-cards .anc-civ-card__image:not(:has(img)) {
    min-height: 230px !important;
  }

  .anc-article .anc-civ-card__body,
  .eMessage .anc-civ-card__body,
  .eText .anc-civ-card__body,
  .uEntryBody .anc-civ-card__body,
  .materialContent .anc-civ-card__body,
  .anc-region-intro .anc-civ-card__body,
  .anc-category-intro .anc-civ-card__body,
  .anc-page-intro .anc-civ-card__body,
  .anc-civ-list .anc-civ-card__body,
  .anc-region-cards .anc-civ-card__body,
  .anc-inner-cards .anc-civ-card__body {
    padding: 21px 18px 22px !important;
  }

  .anc-article .anc-civ-card__body p,
  .eMessage .anc-civ-card__body p,
  .eText .anc-civ-card__body p,
  .uEntryBody .anc-civ-card__body p,
  .materialContent .anc-civ-card__body p,
  .anc-region-intro .anc-civ-card__body p,
  .anc-category-intro .anc-civ-card__body p,
  .anc-page-intro .anc-civ-card__body p,
  .anc-civ-list .anc-civ-card__body p,
  .anc-region-cards .anc-civ-card__body p,
  .anc-inner-cards .anc-civ-card__body p {
    max-width: 100% !important;
    font-size: 0.98rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V48 REAL CIV CARD FIX
   Внимательный фикс:
   проблема осталась потому, что карточка на скрине НЕ попала
   под селекторы .anc-article / .eMessage / .materialContent.
   Поэтому исправляем сами базовые классы .anc-civ-card глобально.

   Исправляет:
   - двойной ромб возле "ВИЗАНТИЙСКАЯ ИМПЕРИЯ";
   - обрезку картинки по высоте;
   - сокращение текста многоточием;
   - жёсткую высоту карточки.

   ВАЖНО: этот блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   1. КАРТОЧКА ЦИВИЛИЗАЦИИ — НЕ ФИКСИРОВАТЬ ВЫСОТУ
========================================================= */

.anc-civ-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;

  overflow: hidden !important;
}

/* Убираем общий фикс высоты из V44 для карточек цивилизаций */
.anc-civ-card[style] {
  min-height: 0 !important;
  max-height: none !important;
}

/* =========================================================
   2. ВЕРХНЯЯ СТРОКА — УБРАТЬ ДВОЙНОЙ РОМБ
========================================================= */

/* В V44/V47 мы добавляли ромб через ::before.
   На твоей карточке уже есть свой ромб в HTML/старом CSS,
   поэтому получалось ◆ ◆. Отключаем добавленный ромб. */
.anc-civ-card__top::before,
.anc-civ-card__top::after {
  content: none !important;
  display: none !important;
}

/* Если ромб добавляется внутри ссылки/спана — тоже отключаем */
.anc-civ-card__top a::before,
.anc-civ-card__top a::after,
.anc-civ-card__top span::before,
.anc-civ-card__top span::after,
.anc-civ-card__top b::before,
.anc-civ-card__top b::after,
.anc-civ-card__top strong::before,
.anc-civ-card__top strong::after {
  content: none !important;
  display: none !important;
}

/* Сама верхняя строка остаётся красивой табличкой */
.anc-civ-card__top {
  position: relative !important;
  z-index: 6 !important;

  min-height: 48px !important;
  height: auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 14px 18px 12px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.075), transparent 56%),
    linear-gradient(180deg, #211d1a 0%, #171513 100%) !important;

  border-top: 0 !important;
  border-bottom: 1px solid rgba(214,166,97,0.18) !important;

  color: #b99761 !important;
  line-height: 1.25 !important;
}

/* Текст верхней строки */
.anc-civ-card__top,
.anc-civ-card__top a,
.anc-civ-card__top span,
.anc-civ-card__top b,
.anc-civ-card__top strong {
  color: #b99761 !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}

/* =========================================================
   3. КАРТИНКА — В ПОЛНУЮ ВЫСОТУ, БЕЗ ОБРЕЗКИ
========================================================= */

.anc-civ-card__image {
  position: relative !important;
  z-index: 3 !important;

  display: block !important;

  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio: auto !important;

  overflow: visible !important;

  background-color: #090807 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;

  border-bottom: 1px solid rgba(214,166,97,0.18) !important;

  filter:
    sepia(0.05)
    saturate(0.98)
    contrast(1.04)
    brightness(0.98) !important;
}

/* Если внутри есть img — показываем целиком */
.anc-civ-card__image img {
  display: block !important;

  width: 100% !important;
  height: auto !important;

  min-height: 0 !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;

  border-radius: 0 !important;
}

/* Если картинка задана background-image без img:
   contain не может сам высчитать высоту, поэтому даём нормальную высоту.
   Если хочешь выше/ниже — меняй 300px. */
.anc-civ-card__image:not(:has(img)) {
  height: 300px !important;
  min-height: 300px !important;
  max-height: none !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Убираем старое жёсткое ограничение высоты из V44 */
.anc-civ-card__image,
.anc-civ-card__image img {
  max-height: none !important;
}

/* =========================================================
   4. ТЕКСТОВЫЙ БЛОК — НЕ СОКРАЩАТЬ
========================================================= */

.anc-civ-card__body {
  position: relative !important;
  z-index: 6 !important;

  flex: 0 0 auto !important;

  padding: 25px 26px 26px !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.030), transparent 42%),
    linear-gradient(180deg, #1d1a18 0%, #171513 100%) !important;

  text-align: center !important;
}

/* Заголовок — полностью */
.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-civ-card__body h2 a,
.anc-civ-card__body h3 a {
  display: block !important;

  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;

  white-space: normal !important;

  margin: 0 auto 22px !important;
  padding: 0 0 16px !important;

  max-width: 92% !important;

  color: #e7d0a3 !important;
  font-size: clamp(1.20rem, 1.35vw, 1.46rem) !important;
  line-height: 1.24 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

/* Линия под заголовком */
.anc-civ-card__body h2::after,
.anc-civ-card__body h3::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  width: 92px !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(214,166,97,0.42), transparent) !important;
}

/* Описание — полностью, без многоточия */
.anc-civ-card__body p,
.anc-civ-card__body .anc-feed-excerpt,
.anc-civ-card__body .anc-feed-excerpt *,
.anc-civ-card__body .description,
.anc-civ-card__body .short-description {
  display: block !important;

  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;

  white-space: normal !important;

  max-width: 92% !important;
  margin: 0 auto !important;

  color: #d3ba8d !important;
  font-size: clamp(1rem, 1.08vw, 1.10rem) !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

/* На всякий случай отключаем ограничение текста, которое могло прийти с карточек главной */
.anc-civ-card * {
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

/* Но для верхней категории не нужно ломать inline-flex */
.anc-civ-card__top * {
  display: inline !important;
}

/* =========================================================
   5. HOVER — СПОКОЙНЫЙ
========================================================= */

.anc-civ-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(233,197,133,0.34) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(233,197,133,0.065), transparent 42%),
    linear-gradient(180deg, #24201d 0%, #1b1816 100%) !important;
  box-shadow:
    0 26px 56px rgba(0,0,0,0.46),
    inset 0 0 0 1px rgba(255,236,190,0.040),
    inset 0 1px 0 rgba(255,236,190,0.060) !important;
}

.anc-civ-card:hover .anc-civ-card__image img {
  transform: none !important;
}

/* =========================================================
   6. МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 700px) {
  .anc-civ-card__top {
    min-height: 46px !important;
    padding: 13px 15px 11px !important;
  }

  .anc-civ-card__image:not(:has(img)) {
    height: 230px !important;
    min-height: 230px !important;
  }

  .anc-civ-card__body {
    padding: 21px 18px 22px !important;
  }

  .anc-civ-card__body p,
  .anc-civ-card__body .anc-feed-excerpt,
  .anc-civ-card__body .description,
  .anc-civ-card__body .short-description {
    max-width: 100% !important;
    font-size: 0.98rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V49 CIV CARD TEXT COMPACT
   Исправление карточек цивилизаций:
   - минимальные боковые отступы текста;
   - описание занимает почти всю ширину карточки;
   - уменьшаем межстрочный интервал;
   - заголовок компактнее;
   - текст не сокращается.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Текстовый блок карточки — меньше внутренних полей */
.anc-civ-card__body {
  padding: 22px 14px 24px !important;
}

/* Заголовок карточки — шире и компактнее */
.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-civ-card__body h2 a,
.anc-civ-card__body h3 a {
  max-width: 98% !important;

  margin: 0 auto 18px !important;
  padding: 0 0 13px !important;

  font-size: clamp(1.12rem, 1.22vw, 1.34rem) !important;
  line-height: 1.20 !important;
  letter-spacing: 0.07em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Описание — почти на всю ширину карточки */
.anc-civ-card__body p,
.anc-civ-card__body .anc-feed-excerpt,
.anc-civ-card__body .anc-feed-excerpt *,
.anc-civ-card__body .description,
.anc-civ-card__body .short-description {
  max-width: 98% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  font-size: clamp(0.96rem, 1.02vw, 1.04rem) !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Если текст находится не в p, а прямо внутри body */
.anc-civ-card__body {
  color: #d3ba8d !important;
  font-size: clamp(0.96rem, 1.02vw, 1.04rem) !important;
  line-height: 1.58 !important;
}

/* Линия под заголовком короче и ближе */
.anc-civ-card__body h2::after,
.anc-civ-card__body h3::after {
  width: 76px !important;
}

/* Верхняя табличка тоже чуть компактнее */
.anc-civ-card__top {
  min-height: 44px !important;
  padding: 12px 14px 10px !important;
}

.anc-civ-card__top,
.anc-civ-card__top a,
.anc-civ-card__top span,
.anc-civ-card__top b,
.anc-civ-card__top strong {
  font-size: 0.74rem !important;
  letter-spacing: 0.12em !important;
}

/* Карточка не должна держать лишнюю высоту */
.anc-civ-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card__body {
    padding: 19px 12px 20px !important;
  }

  .anc-civ-card__body h2,
  .anc-civ-card__body h3,
  .anc-civ-card__body h2 a,
  .anc-civ-card__body h3 a {
    max-width: 100% !important;
    font-size: 1.08rem !important;
  }

  .anc-civ-card__body p,
  .anc-civ-card__body .anc-feed-excerpt,
  .anc-civ-card__body .anc-feed-excerpt *,
  .anc-civ-card__body .description,
  .anc-civ-card__body .short-description {
    max-width: 100% !important;
    font-size: 0.96rem !important;
    line-height: 1.55 !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V50 CIV CARD ULTRA COMPACT TEXT
   Ещё меньше боковые отступы и интервал в карточках цивилизаций.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Нижний текстовый блок — почти без боковых полей */
.anc-civ-card__body {
  padding: 18px 8px 20px !important;
}

/* Заголовок — шире, ниже и плотнее */
.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-civ-card__body h2 a,
.anc-civ-card__body h3 a {
  max-width: 100% !important;

  margin: 0 auto 14px !important;
  padding: 0 4px 11px !important;

  font-size: clamp(1.06rem, 1.12vw, 1.24rem) !important;
  line-height: 1.16 !important;
  letter-spacing: 0.055em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Описание — максимально широкое и компактное */
.anc-civ-card__body p,
.anc-civ-card__body .anc-feed-excerpt,
.anc-civ-card__body .anc-feed-excerpt *,
.anc-civ-card__body .description,
.anc-civ-card__body .short-description {
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 4px !important;
  padding-right: 4px !important;

  font-size: clamp(0.92rem, 0.96vw, 0.99rem) !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Если текст лежит прямо в body */
.anc-civ-card__body {
  color: #d3ba8d !important;
  font-size: clamp(0.92rem, 0.96vw, 0.99rem) !important;
  line-height: 1.42 !important;
}

/* Линия под заголовком ещё компактнее */
.anc-civ-card__body h2::after,
.anc-civ-card__body h3::after {
  width: 62px !important;
}

/* Верхняя табличка компактнее */
.anc-civ-card__top {
  min-height: 40px !important;
  padding: 10px 10px 8px !important;
}

.anc-civ-card__top,
.anc-civ-card__top a,
.anc-civ-card__top span,
.anc-civ-card__top b,
.anc-civ-card__top strong {
  font-size: 0.70rem !important;
  line-height: 1.18 !important;
  letter-spacing: 0.10em !important;
}

/* Чуть уменьшаем внутреннюю декоративную рамку, чтобы она не съедала место */
.anc-civ-card::before,
.civilization::before,
.civilization1::before,
.civilization2::before,
.civilization3::before {
  inset: 7px !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card__body {
    padding: 16px 7px 18px !important;
  }

  .anc-civ-card__body h2,
  .anc-civ-card__body h3,
  .anc-civ-card__body h2 a,
  .anc-civ-card__body h3 a {
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 1.02rem !important;
    line-height: 1.16 !important;
  }

  .anc-civ-card__body p,
  .anc-civ-card__body .anc-feed-excerpt,
  .anc-civ-card__body .anc-feed-excerpt *,
  .anc-civ-card__body .description,
  .anc-civ-card__body .short-description {
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 0.92rem !important;
    line-height: 1.40 !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V52 INNER CARDS EQUAL HEIGHT FIX
   ВНИМАНИЕ: это именно для внутренних карточек разделов,
   как на скрине с Коринфом / Минойской цивилизацией / Родосом.

   Что делает:
   - выравнивает высоту внутренних карточек в одном ряду;
   - картинки НЕ режет по высоте, оставляет contain/auto;
   - текст НЕ сокращает;
   - боковые отступы текста остаются минимальными;
   - V51-логику с фиксированной высотой картинок для сеток не используем.

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   1. РОДИТЕЛЬ ВНУТРЕННИХ КАРТОЧЕК — РАСТЯГИВАЕМ ЭЛЕМЕНТЫ
========================================================= */

/* Частые обёртки внутренних карточек */
.anc-region-cards,
.anc-inner-cards,
.anc-civ-list,
.anc-civ-grid,
.anc-civilization-grid,
.anc-civilizations-grid,
.anc-region-list,
.anc-material-cards,
.anc-page-cards {
  align-items: stretch !important;
}

/* Если карточки лежат прямо внутри блока/материала без специального класса */
.anc-region-intro:has(> .anc-civ-card),
.anc-category-intro:has(> .anc-civ-card),
.anc-page-intro:has(> .anc-civ-card),
.anc-article:has(> .anc-civ-card),
.eMessage:has(> .anc-civ-card),
.eText:has(> .anc-civ-card),
.uEntryBody:has(> .anc-civ-card),
.materialContent:has(> .anc-civ-card) {
  align-items: stretch !important;
}

/* Если используются старые классы civilization */
.anc-region-intro:has(> .civilization),
.anc-category-intro:has(> .civilization),
.anc-page-intro:has(> .civilization),
.anc-article:has(> .civilization),
.eMessage:has(> .civilization),
.eText:has(> .civilization),
.uEntryBody:has(> .civilization),
.materialContent:has(> .civilization) {
  align-items: stretch !important;
}

/* =========================================================
   2. САМИ ВНУТРЕННИЕ КАРТОЧКИ — ОДИНАКОВАЯ ВЫСОТА В РЯДУ
========================================================= */

.anc-region-cards .anc-civ-card,
.anc-inner-cards .anc-civ-card,
.anc-civ-list .anc-civ-card,
.anc-civ-grid .anc-civ-card,
.anc-civilization-grid .anc-civ-card,
.anc-civilizations-grid .anc-civ-card,
.anc-region-list .anc-civ-card,
.anc-material-cards .anc-civ-card,
.anc-page-cards .anc-civ-card,
.anc-region-intro .anc-civ-card,
.anc-category-intro .anc-civ-card,
.anc-page-intro .anc-civ-card,
.anc-article .anc-civ-card,
.eMessage .anc-civ-card,
.eText .anc-civ-card,
.uEntryBody .anc-civ-card,
.materialContent .anc-civ-card,
.civilization,
.civilization1,
.civilization2,
.civilization3 {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;

  align-self: stretch !important;
}

/* =========================================================
   3. КАРТИНКИ ВНУТРИ — НЕ ОБРЕЗАТЬ
========================================================= */

.anc-region-cards .anc-civ-card__image,
.anc-inner-cards .anc-civ-card__image,
.anc-civ-list .anc-civ-card__image,
.anc-civ-grid .anc-civ-card__image,
.anc-civilization-grid .anc-civ-card__image,
.anc-civilizations-grid .anc-civ-card__image,
.anc-region-list .anc-civ-card__image,
.anc-material-cards .anc-civ-card__image,
.anc-page-cards .anc-civ-card__image,
.anc-region-intro .anc-civ-card__image,
.anc-category-intro .anc-civ-card__image,
.anc-page-intro .anc-civ-card__image,
.anc-article .anc-civ-card__image,
.eMessage .anc-civ-card__image,
.eText .anc-civ-card__image,
.uEntryBody .anc-civ-card__image,
.materialContent .anc-civ-card__image {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio: auto !important;

  overflow: visible !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.anc-region-cards .anc-civ-card__image img,
.anc-inner-cards .anc-civ-card__image img,
.anc-civ-list .anc-civ-card__image img,
.anc-civ-grid .anc-civ-card__image img,
.anc-civilization-grid .anc-civ-card__image img,
.anc-civilizations-grid .anc-civ-card__image img,
.anc-region-list .anc-civ-card__image img,
.anc-material-cards .anc-civ-card__image img,
.anc-page-cards .anc-civ-card__image img,
.anc-region-intro .anc-civ-card__image img,
.anc-category-intro .anc-civ-card__image img,
.anc-page-intro .anc-civ-card__image img,
.anc-article .anc-civ-card__image img,
.eMessage .anc-civ-card__image img,
.eText .anc-civ-card__image img,
.uEntryBody .anc-civ-card__image img,
.materialContent .anc-civ-card__image img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;
}

/* Если картинка задана фоном, без img — даём высоту, но не режем */
.anc-region-cards .anc-civ-card__image:not(:has(img)),
.anc-inner-cards .anc-civ-card__image:not(:has(img)),
.anc-civ-list .anc-civ-card__image:not(:has(img)),
.anc-civ-grid .anc-civ-card__image:not(:has(img)),
.anc-civilization-grid .anc-civ-card__image:not(:has(img)),
.anc-civilizations-grid .anc-civ-card__image:not(:has(img)),
.anc-region-list .anc-civ-card__image:not(:has(img)),
.anc-material-cards .anc-civ-card__image:not(:has(img)),
.anc-page-cards .anc-civ-card__image:not(:has(img)),
.anc-region-intro .anc-civ-card__image:not(:has(img)),
.anc-category-intro .anc-civ-card__image:not(:has(img)),
.anc-page-intro .anc-civ-card__image:not(:has(img)),
.anc-article .anc-civ-card__image:not(:has(img)),
.eMessage .anc-civ-card__image:not(:has(img)),
.eText .anc-civ-card__image:not(:has(img)),
.uEntryBody .anc-civ-card__image:not(:has(img)),
.materialContent .anc-civ-card__image:not(:has(img)) {
  height: 260px !important;
  min-height: 260px !important;
  max-height: none !important;

  background-size: contain !important;
}

/* =========================================================
   4. ТЕКСТОВЫЙ БЛОК — ТЯНЕТСЯ ДО НИЗА КАРТОЧКИ
========================================================= */

.anc-region-cards .anc-civ-card__body,
.anc-inner-cards .anc-civ-card__body,
.anc-civ-list .anc-civ-card__body,
.anc-civ-grid .anc-civ-card__body,
.anc-civilization-grid .anc-civ-card__body,
.anc-civilizations-grid .anc-civ-card__body,
.anc-region-list .anc-civ-card__body,
.anc-material-cards .anc-civ-card__body,
.anc-page-cards .anc-civ-card__body,
.anc-region-intro .anc-civ-card__body,
.anc-category-intro .anc-civ-card__body,
.anc-page-intro .anc-civ-card__body,
.anc-article .anc-civ-card__body,
.eMessage .anc-civ-card__body,
.eText .anc-civ-card__body,
.uEntryBody .anc-civ-card__body,
.materialContent .anc-civ-card__body {
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;

  padding: 18px 8px 20px !important;
}

/* =========================================================
   5. ТЕКСТ — МИНИМАЛЬНЫЕ ОТСТУПЫ, НЕ СОКРАЩАТЬ
========================================================= */

.anc-civ-card__body h2,
.anc-civ-card__body h3,
.anc-civ-card__body h2 a,
.anc-civ-card__body h3 a {
  max-width: 100% !important;

  margin: 0 auto 14px !important;
  padding: 0 4px 11px !important;

  font-size: clamp(1.06rem, 1.12vw, 1.24rem) !important;
  line-height: 1.16 !important;
  letter-spacing: 0.055em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

.anc-civ-card__body p,
.anc-civ-card__body .anc-feed-excerpt,
.anc-civ-card__body .anc-feed-excerpt *,
.anc-civ-card__body .description,
.anc-civ-card__body .short-description {
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 4px !important;
  padding-right: 4px !important;

  font-size: clamp(0.92rem, 0.96vw, 0.99rem) !important;
  line-height: 1.42 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Мобильная версия: по одной карточке, высота может быть естественной */
@media (max-width: 700px) {
  .anc-civ-card,
  .civilization,
  .civilization1,
  .civilization2,
  .civilization3 {
    height: auto !important;
  }

  .anc-civ-card__body {
    padding: 16px 7px 18px !important;
  }

  .anc-civ-card__image:not(:has(img)) {
    height: 220px !important;
    min-height: 220px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V53 REAL INNER CARD ROW EQUAL HEIGHT
   Внимательный фикс именно по скрину с внутренними карточками.

   Почему раньше не менялось:
   карточки стоят не в тех контейнерах, которые я ловил
   (.anc-region-cards / .anc-inner-cards и т.д.).
   Поэтому теперь ловим РЕАЛЬНЫЙ родительский блок через :has()
   и принудительно делаем его CSS Grid/Flex stretch.

   Что делает:
   - родитель с внутренними карточками становится сеткой;
   - все карточки в ряду одинаковой высоты;
   - текст не обрезается;
   - картинка НЕ режется по высоте, если есть img;
   - если картинка background-image без img — задаём ровную высоту.

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   1. РОДИТЕЛИ, ВНУТРИ КОТОРЫХ ЛЕЖАТ КАРТОЧКИ
   Это главный фикс: если родитель не растягивает элементы,
   карточки никогда не станут одинаковыми.
========================================================= */

/* Любой внутренний блок в контенте, где прямыми детьми идут карточки цивилизаций */
.anc-content div:has(> .anc-civ-card),
.anc-content section:has(> .anc-civ-card),
.anc-content article:has(> .anc-civ-card),
.anc-content div:has(> .civilization),
.anc-content section:has(> .civilization),
.anc-content article:has(> .civilization),
.anc-content div:has(> .civilization1),
.anc-content div:has(> .civilization2),
.anc-content div:has(> .civilization3) {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}

/* Если карточки почему-то лежат не прямыми детьми, а внутри старой обёртки */
.anc-civ-grid,
.anc-civ-list,
.anc-civilization-grid,
.anc-civilizations-grid,
.anc-region-cards,
.anc-inner-cards,
.anc-region-list,
.anc-material-cards,
.anc-page-cards,
.civilizations-grid,
.civilization-grid,
.civilization-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}

/* =========================================================
   2. САМИ ВНУТРЕННИЕ КАРТОЧКИ — РАСТЯГИВАЕМ
========================================================= */

.anc-content .anc-civ-card,
.anc-content .civilization,
.anc-content .civilization1,
.anc-content .civilization2,
.anc-content .civilization3 {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;

  overflow: hidden !important;
}

/* =========================================================
   3. КАРТИНКИ
   ВАЖНО:
   - если внутри есть img — показываем полностью, height:auto;
   - если картинка фоном — иначе высоту браузер не знает, ставим 245px.
========================================================= */

.anc-content .anc-civ-card__image,
.anc-content .civ-image,
.anc-content .material-image {
  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;

  overflow: visible !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.anc-content .anc-civ-card__image img,
.anc-content .civ-image img,
.anc-content .material-image img,
.anc-content .anc-civ-card img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;
}

/* Только для background-image без img */
.anc-content .anc-civ-card__image:not(:has(img)),
.anc-content .civ-image:not(:has(img)),
.anc-content .material-image:not(:has(img)) {
  height: 245px !important;
  min-height: 245px !important;
  max-height: 245px !important;

  background-size: contain !important;
}

/* =========================================================
   4. ТЕКСТОВЫЙ БЛОК РАСТЯГИВАЕТСЯ ДО НИЗА
========================================================= */

.anc-content .anc-civ-card__body {
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;

  padding: 18px 8px 20px !important;

  min-height: 0 !important;
  height: auto !important;
}

/* =========================================================
   5. ТЕКСТ — НЕ ОБРЕЗАТЬ И СДЕЛАТЬ КОМПАКТНЫМ
========================================================= */

.anc-content .anc-civ-card__body h2,
.anc-content .anc-civ-card__body h3,
.anc-content .anc-civ-card__body h2 a,
.anc-content .anc-civ-card__body h3 a {
  max-width: 100% !important;

  margin: 0 auto 14px !important;
  padding: 0 4px 11px !important;

  font-size: clamp(1.06rem, 1.12vw, 1.22rem) !important;
  line-height: 1.16 !important;
  letter-spacing: 0.055em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

.anc-content .anc-civ-card__body p,
.anc-content .anc-civ-card__body .anc-feed-excerpt,
.anc-content .anc-civ-card__body .anc-feed-excerpt *,
.anc-content .anc-civ-card__body .description,
.anc-content .anc-civ-card__body .short-description {
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 4px !important;
  padding-right: 4px !important;

  font-size: clamp(0.92rem, 0.96vw, 0.99rem) !important;
  line-height: 1.42 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* Старые .civilization, если текст лежит прямо внутри */
.anc-content .civilization,
.anc-content .civilization1,
.anc-content .civilization2,
.anc-content .civilization3 {
  color: #d3ba8d !important;
  font-size: clamp(0.92rem, 0.96vw, 0.99rem) !important;
  line-height: 1.42 !important;
}

/* =========================================================
   6. ЕСЛИ ВНУТРИ КАРТОЧЕК ЕСТЬ FOOTER — ПРИЖИМАЕМ ВНИЗ
========================================================= */

.anc-content .anc-civ-card .anc-feed-footer,
.anc-content .civilization .anc-feed-footer,
.anc-content .civilization1 .anc-feed-footer,
.anc-content .civilization2 .anc-feed-footer,
.anc-content .civilization3 .anc-feed-footer {
  margin-top: auto !important;
}

/* =========================================================
   7. АДАПТИВ
========================================================= */

@media (max-width: 1100px) {
  .anc-content div:has(> .anc-civ-card),
  .anc-content section:has(> .anc-civ-card),
  .anc-content article:has(> .anc-civ-card),
  .anc-content div:has(> .civilization),
  .anc-content section:has(> .civilization),
  .anc-content article:has(> .civilization),
  .anc-content div:has(> .civilization1),
  .anc-content div:has(> .civilization2),
  .anc-content div:has(> .civilization3),
  .anc-civ-grid,
  .anc-civ-list,
  .anc-civilization-grid,
  .anc-civilizations-grid,
  .anc-region-cards,
  .anc-inner-cards,
  .anc-region-list,
  .anc-material-cards,
  .anc-page-cards,
  .civilizations-grid,
  .civilization-grid,
  .civilization-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .anc-content div:has(> .anc-civ-card),
  .anc-content section:has(> .anc-civ-card),
  .anc-content article:has(> .anc-civ-card),
  .anc-content div:has(> .civilization),
  .anc-content section:has(> .civilization),
  .anc-content article:has(> .civilization),
  .anc-content div:has(> .civilization1),
  .anc-content div:has(> .civilization2),
  .anc-content div:has(> .civilization3),
  .anc-civ-grid,
  .anc-civ-list,
  .anc-civilization-grid,
  .anc-civilizations-grid,
  .anc-region-cards,
  .anc-inner-cards,
  .anc-region-list,
  .anc-material-cards,
  .anc-page-cards,
  .civilizations-grid,
  .civilization-grid,
  .civilization-list {
    grid-template-columns: 1fr !important;
  }

  .anc-content .anc-civ-card,
  .anc-content .civilization,
  .anc-content .civilization1,
  .anc-content .civilization2,
  .anc-content .civilization3 {
    height: auto !important;
    min-height: 0 !important;
  }

  .anc-content .anc-civ-card__image:not(:has(img)),
  .anc-content .civ-image:not(:has(img)),
  .anc-content .material-image:not(:has(img)) {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V54 HARD INNER CARD EQUAL HEIGHT
   Жёсткий фикс для внутренних карточек, если сетка/родитель
   не растягивает элементы и предыдущие grid/flex правила не сработали.

   Что делает:
   - задаёт одинаковую минимальную высоту карточек внутри разделов;
   - текст не обрезает;
   - картинки не режет, если они вставлены как img;
   - если картинка фоном — даёт одинаковую высоту изображению;
   - боковые отступы текста минимальные.

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   1. ЛОВИМ ВСЕ ВАРИАНТЫ ВНУТРЕННИХ КАРТОЧЕК
========================================================= */

.anc-region-intro__civs .anc-civ-card,
.anc-region-intro__civs .civilization,
.anc-region-intro__civs .civilization1,
.anc-region-intro__civs .civilization2,
.anc-region-intro__civs .civilization3,

.anc-region-cards .anc-civ-card,
.anc-inner-cards .anc-civ-card,
.anc-civ-list .anc-civ-card,
.anc-civ-grid .anc-civ-card,
.anc-civilization-grid .anc-civ-card,
.anc-civilizations-grid .anc-civ-card,
.anc-region-list .anc-civ-card,
.anc-material-cards .anc-civ-card,
.anc-page-cards .anc-civ-card,

.anc-content .anc-civ-card,
.anc-content .civilization,
.anc-content .civilization1,
.anc-content .civilization2,
.anc-content .civilization3 {
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;

  height: auto !important;
  min-height: 650px !important;
  max-height: none !important;

  align-self: stretch !important;
  vertical-align: top !important;

  overflow: hidden !important;
}

/* =========================================================
   2. ЕСЛИ РОДИТЕЛЬ — FLEX/GRID/INLINE-BLOCK, ПЫТАЕМСЯ РАСТЯНУТЬ
========================================================= */

.anc-region-intro__civs,
.anc-region-cards,
.anc-inner-cards,
.anc-civ-list,
.anc-civ-grid,
.anc-civilization-grid,
.anc-civilizations-grid,
.anc-region-list,
.anc-material-cards,
.anc-page-cards {
  align-items: stretch !important;
}

/* Для grid */
.anc-region-intro__civs,
.anc-region-cards,
.anc-inner-cards,
.anc-civ-list,
.anc-civ-grid,
.anc-civilization-grid,
.anc-civilizations-grid,
.anc-region-list,
.anc-material-cards,
.anc-page-cards {
  grid-auto-rows: 1fr !important;
}

/* =========================================================
   3. ВЕРХНЯЯ ТАБЛИЧКА
========================================================= */

.anc-content .anc-civ-card__top,
.anc-region-intro__civs .anc-civ-card__top {
  min-height: 40px !important;
  padding: 10px 10px 8px !important;
}

/* Убираем двойные ромбы */
.anc-content .anc-civ-card__top::before,
.anc-content .anc-civ-card__top::after,
.anc-region-intro__civs .anc-civ-card__top::before,
.anc-region-intro__civs .anc-civ-card__top::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   4. КАРТИНКИ — НЕ РЕЖЕМ IMG, НО ДЕРЖИМ БЛОК РОВНЫМ
========================================================= */

.anc-content .anc-civ-card__image,
.anc-region-intro__civs .anc-civ-card__image {
  width: 100% !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  aspect-ratio: auto !important;
  overflow: visible !important;

  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.anc-content .anc-civ-card__image img,
.anc-region-intro__civs .anc-civ-card__image img {
  display: block !important;

  width: 100% !important;
  height: auto !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center center !important;
}

/* Если картинка не img, а background-image — нужна заданная высота */
.anc-content .anc-civ-card__image:not(:has(img)),
.anc-region-intro__civs .anc-civ-card__image:not(:has(img)) {
  height: 245px !important;
  min-height: 245px !important;
  max-height: 245px !important;
}

/* =========================================================
   5. ТЕКСТОВЫЙ БЛОК ЗАНИМАЕТ ОСТАТОК ВЫСОТЫ
========================================================= */

.anc-content .anc-civ-card__body,
.anc-region-intro__civs .anc-civ-card__body {
  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;

  min-height: 0 !important;
  height: auto !important;

  padding: 18px 8px 20px !important;
}

/* =========================================================
   6. ТЕКСТ — ПЛОТНО И ПОЛНОСТЬЮ
========================================================= */

.anc-content .anc-civ-card__body h2,
.anc-content .anc-civ-card__body h3,
.anc-content .anc-civ-card__body h2 a,
.anc-content .anc-civ-card__body h3 a,
.anc-region-intro__civs .anc-civ-card__body h2,
.anc-region-intro__civs .anc-civ-card__body h3,
.anc-region-intro__civs .anc-civ-card__body h2 a,
.anc-region-intro__civs .anc-civ-card__body h3 a {
  max-width: 100% !important;

  margin: 0 auto 13px !important;
  padding: 0 3px 10px !important;

  font-size: clamp(1.02rem, 1.06vw, 1.18rem) !important;
  line-height: 1.14 !important;
  letter-spacing: 0.045em !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

.anc-content .anc-civ-card__body p,
.anc-content .anc-civ-card__body .anc-feed-excerpt,
.anc-content .anc-civ-card__body .anc-feed-excerpt *,
.anc-content .anc-civ-card__body .description,
.anc-content .anc-civ-card__body .short-description,
.anc-region-intro__civs .anc-civ-card__body p,
.anc-region-intro__civs .anc-civ-card__body .anc-feed-excerpt,
.anc-region-intro__civs .anc-civ-card__body .anc-feed-excerpt *,
.anc-region-intro__civs .anc-civ-card__body .description,
.anc-region-intro__civs .anc-civ-card__body .short-description {
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 3px !important;
  padding-right: 3px !important;

  font-size: clamp(0.88rem, 0.92vw, 0.96rem) !important;
  line-height: 1.34 !important;

  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;

  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

/* =========================================================
   7. ЕСЛИ ТЕКСТА БОЛЬШЕ — КАРТОЧКА МОЖЕТ РАСТИ,
   НО КОРОТКИЕ КАРТОЧКИ БУДУТ НЕ НИЖЕ 650px.
========================================================= */

.anc-content .anc-civ-card *,
.anc-region-intro__civs .anc-civ-card * {
  max-height: none !important;
}

/* =========================================================
   8. МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 700px) {
  .anc-region-intro__civs .anc-civ-card,
  .anc-region-intro__civs .civilization,
  .anc-region-intro__civs .civilization1,
  .anc-region-intro__civs .civilization2,
  .anc-region-intro__civs .civilization3,
  .anc-content .anc-civ-card,
  .anc-content .civilization,
  .anc-content .civilization1,
  .anc-content .civilization2,
  .anc-content .civilization3 {
    min-height: 0 !important;
    height: auto !important;
  }

  .anc-content .anc-civ-card__image:not(:has(img)),
  .anc-region-intro__civs .anc-civ-card__image:not(:has(img)) {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V55 INNER CARD HEIGHT 550PX
   Меняем высоту внутренних карточек с 650px на 550px.
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

.anc-region-intro__civs .anc-civ-card,
.anc-region-intro__civs .civilization,
.anc-region-intro__civs .civilization1,
.anc-region-intro__civs .civilization2,
.anc-region-intro__civs .civilization3,

.anc-region-cards .anc-civ-card,
.anc-inner-cards .anc-civ-card,
.anc-civ-list .anc-civ-card,
.anc-civ-grid .anc-civ-card,
.anc-civilization-grid .anc-civ-card,
.anc-civilizations-grid .anc-civ-card,
.anc-region-list .anc-civ-card,
.anc-material-cards .anc-civ-card,
.anc-page-cards .anc-civ-card,

.anc-content .anc-civ-card,
.anc-content .civilization,
.anc-content .civilization1,
.anc-content .civilization2,
.anc-content .civilization3 {
  min-height: 550px !important;
}

/* Если текста много — карточка всё равно может расти */
.anc-content .anc-civ-card,
.anc-region-intro__civs .anc-civ-card {
  height: auto !important;
  max-height: none !important;
}

/* На мобильной версии не фиксируем высоту */
@media (max-width: 700px) {
  .anc-region-intro__civs .anc-civ-card,
  .anc-region-intro__civs .civilization,
  .anc-region-intro__civs .civilization1,
  .anc-region-intro__civs .civilization2,
  .anc-region-intro__civs .civilization3,
  .anc-content .anc-civ-card,
  .anc-content .civilization,
  .anc-content .civilization1,
  .anc-content .civilization2,
  .anc-content .civilization3 {
    min-height: 0 !important;
    height: auto !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V56 AUTO CARD COLORS CSS
   Цветовые стили для карточек, которым JS добавляет классы:
   - .anc-culture-auto — культуры, песочно-бронзовая;
   - .anc-city-auto — города, красновато-терракотовая;
   - .anc-people-auto — народ, зеленоватая;
   - .anc-tribe-auto — племя / союз племён, бирюзовая.

   ВАЖНО:
   CSS сам не ищет слова в названии. 
   Для автоопределения нужен JS-скрипт, который добавляет эти классы.
   Этот блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   КАРТОЧКИ: КУЛЬТУРЫ
========================================================= */

.anc-culture-auto {
  border-color: rgba(224, 190, 118, 0.55) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(224,190,118,0.20), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(132,112,69,0.18), transparent 38%),
    linear-gradient(180deg, #302719 0%, #231c14 48%, #171411 100%) !important;
}

.anc-culture-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(236,204,146,0.24), transparent 58%),
    linear-gradient(180deg, #3b3020 0%, #211812 100%) !important;
  border-bottom-color: rgba(236,204,146,0.38) !important;
}

.anc-culture-auto .anc-civ-card__top,
.anc-culture-auto .anc-civ-card__top a,
.anc-culture-auto .anc-civ-card__top span,
.anc-culture-auto .anc-civ-card__top b,
.anc-culture-auto .anc-civ-card__top strong {
  color: #e2bf7a !important;
}

.anc-culture-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(236,204,146,0.09), transparent 42%),
    linear-gradient(180deg, #2b2318 0%, #1b1713 100%) !important;
}

.anc-culture-auto .anc-civ-card__body h2,
.anc-culture-auto .anc-civ-card__body h3,
.anc-culture-auto .anc-civ-card__body h2 a,
.anc-culture-auto .anc-civ-card__body h3 a {
  color: #f0d69a !important;
}

.anc-culture-auto .anc-civ-card__body h2::after,
.anc-culture-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(236,204,146,0.68), transparent) !important;
}

.anc-culture-auto .anc-civ-card__body p,
.anc-culture-auto .anc-feed-excerpt,
.anc-culture-auto .anc-feed-excerpt *,
.anc-culture-auto .description,
.anc-culture-auto .short-description {
  color: #dec391 !important;
}

.anc-culture-auto:hover {
  border-color: rgba(245,216,154,0.58) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(245,216,154,0.22), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(143,125,78,0.18), transparent 38%),
    linear-gradient(180deg, #352b1f 0%, #241d16 48%, #1a1511 100%) !important;
}

/* =========================================================
   КАРТОЧКИ: ГОРОД
========================================================= */

.anc-city-auto {
  border-color: rgba(220, 104, 74, 0.72) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(220,104,74,0.34), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(130,62,43,0.28), transparent 38%),
    linear-gradient(180deg, #42231b 0%, #2b1711 48%, #17100e 100%) !important;
}

.anc-city-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(230,118,84,0.36), transparent 58%),
    linear-gradient(180deg, #4f2a20 0%, #24130f 100%) !important;
  border-bottom-color: rgba(230,118,84,0.50) !important;
}

.anc-city-auto .anc-civ-card__top,
.anc-city-auto .anc-civ-card__top a,
.anc-city-auto .anc-civ-card__top span,
.anc-city-auto .anc-civ-card__top b,
.anc-city-auto .anc-civ-card__top strong {
  color: #eca17e !important;
}

.anc-city-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(230,118,84,0.16), transparent 42%),
    linear-gradient(180deg, #371e17 0%, #1d1310 100%) !important;
}

.anc-city-auto .anc-civ-card__body h2,
.anc-city-auto .anc-civ-card__body h3,
.anc-city-auto .anc-civ-card__body h2 a,
.anc-city-auto .anc-civ-card__body h3 a {
  color: #f4b79b !important;
}

.anc-city-auto .anc-civ-card__body h2::after,
.anc-city-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(230,118,84,0.78), transparent) !important;
}

.anc-city-auto .anc-civ-card__body p,
.anc-city-auto .anc-feed-excerpt,
.anc-city-auto .anc-feed-excerpt *,
.anc-city-auto .description,
.anc-city-auto .short-description {
  color: #ddb09f !important;
}

.anc-city-auto:hover {
  border-color: rgba(242, 132, 96, 0.82) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(242,132,96,0.40), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(145,70,49,0.32), transparent 38%),
    linear-gradient(180deg, #4a281e 0%, #2f1a13 48%, #1b110f 100%) !important;
}

/* =========================================================
   КАРТОЧКИ: НАРОД
========================================================= */

.anc-people-auto {
  border-color: rgba(132, 170, 128, 0.58) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(132,170,128,0.26), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(75,105,75,0.22), transparent 38%),
    linear-gradient(180deg, #202a1f 0%, #182018 48%, #121510 100%) !important;
}

.anc-people-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(150,190,145,0.28), transparent 58%),
    linear-gradient(180deg, #283522 0%, #151c14 100%) !important;
  border-bottom-color: rgba(150,190,145,0.42) !important;
}

.anc-people-auto .anc-civ-card__top,
.anc-people-auto .anc-civ-card__top a,
.anc-people-auto .anc-civ-card__top span,
.anc-people-auto .anc-civ-card__top b,
.anc-people-auto .anc-civ-card__top strong {
  color: #b7d19f !important;
}

.anc-people-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(150,190,145,0.11), transparent 42%),
    linear-gradient(180deg, #20291d 0%, #141914 100%) !important;
}

.anc-people-auto .anc-civ-card__body h2,
.anc-people-auto .anc-civ-card__body h3,
.anc-people-auto .anc-civ-card__body h2 a,
.anc-people-auto .anc-civ-card__body h3 a {
  color: #cfe4b0 !important;
}

.anc-people-auto .anc-civ-card__body h2::after,
.anc-people-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(150,190,145,0.70), transparent) !important;
}

.anc-people-auto .anc-civ-card__body p,
.anc-people-auto .anc-feed-excerpt,
.anc-people-auto .anc-feed-excerpt *,
.anc-people-auto .description,
.anc-people-auto .short-description {
  color: #c0d2aa !important;
}

.anc-people-auto:hover {
  border-color: rgba(168, 210, 154, 0.72) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(168,210,154,0.32), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(85,120,82,0.28), transparent 38%),
    linear-gradient(180deg, #263323 0%, #1b2419 48%, #131911 100%) !important;
}

/* =========================================================
   КАРТОЧКИ: ПЛЕМЯ / СОЮЗ ПЛЕМЁН
========================================================= */

.anc-tribe-auto {
  border-color: rgba(92, 190, 184, 0.58) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(92,190,184,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(48,105,105,0.24), transparent 38%),
    linear-gradient(180deg, #1b2b2b 0%, #152020 48%, #101515 100%) !important;
}

.anc-tribe-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(105,210,204,0.30), transparent 58%),
    linear-gradient(180deg, #203b3a 0%, #111e1f 100%) !important;
  border-bottom-color: rgba(105,210,204,0.44) !important;
}

.anc-tribe-auto .anc-civ-card__top,
.anc-tribe-auto .anc-civ-card__top a,
.anc-tribe-auto .anc-civ-card__top span,
.anc-tribe-auto .anc-civ-card__top b,
.anc-tribe-auto .anc-civ-card__top strong {
  color: #91ddd8 !important;
}

.anc-tribe-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(105,210,204,0.12), transparent 42%),
    linear-gradient(180deg, #1b2d2d 0%, #111818 100%) !important;
}

.anc-tribe-auto .anc-civ-card__body h2,
.anc-tribe-auto .anc-civ-card__body h3,
.anc-tribe-auto .anc-civ-card__body h2 a,
.anc-tribe-auto .anc-civ-card__body h3 a {
  color: #b7f0ea !important;
}

.anc-tribe-auto .anc-civ-card__body h2::after,
.anc-tribe-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(105,210,204,0.72), transparent) !important;
}

.anc-tribe-auto .anc-civ-card__body p,
.anc-tribe-auto .anc-feed-excerpt,
.anc-tribe-auto .anc-feed-excerpt *,
.anc-tribe-auto .description,
.anc-tribe-auto .short-description {
  color: #acd6d2 !important;
}

.anc-tribe-auto:hover {
  border-color: rgba(122, 230, 224, 0.74) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(122,230,224,0.34), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(55,125,125,0.30), transparent 38%),
    linear-gradient(180deg, #203737 0%, #182727 48%, #111a1a 100%) !important;
}

/* =========================================================
   ANCIENTCIVS — V57 COOL AUTO CARD COLORS
   Более прохладные цвета авто-карточек в духе блока
   "Космос и боги": тёмные музейные оттенки, сине-зелёные,
   бирюзовые, холодно-каменные акценты.

   Классы добавляет JS:
   - .anc-culture-auto — холодный песочно-оливковый;
   - .anc-city-auto — приглушённый бордово-сливовый;
   - .anc-people-auto — тёмный зелёно-моховой;
   - .anc-tribe-auto — холодный бирюзово-синий.

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* =========================================================
   КАРТОЧКИ: КУЛЬТУРЫ
   Было теплее, стало прохладнее: оливково-каменный оттенок.
========================================================= */

.anc-culture-auto {
  border-color: rgba(142, 165, 128, 0.52) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(142,165,128,0.22), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(86,108,82,0.18), transparent 38%),
    linear-gradient(180deg, #22271f 0%, #1a2019 48%, #121511 100%) !important;
}

.anc-culture-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(158,183,142,0.25), transparent 58%),
    linear-gradient(180deg, #283022 0%, #151a14 100%) !important;
  border-bottom-color: rgba(158,183,142,0.36) !important;
}

.anc-culture-auto .anc-civ-card__top,
.anc-culture-auto .anc-civ-card__top a,
.anc-culture-auto .anc-civ-card__top span,
.anc-culture-auto .anc-civ-card__top b,
.anc-culture-auto .anc-civ-card__top strong {
  color: #c6d8aa !important;
}

.anc-culture-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(158,183,142,0.10), transparent 42%),
    linear-gradient(180deg, #20261d 0%, #141814 100%) !important;
}

.anc-culture-auto .anc-civ-card__body h2,
.anc-culture-auto .anc-civ-card__body h3,
.anc-culture-auto .anc-civ-card__body h2 a,
.anc-culture-auto .anc-civ-card__body h3 a {
  color: #d8e5bd !important;
}

.anc-culture-auto .anc-civ-card__body h2::after,
.anc-culture-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(158,183,142,0.64), transparent) !important;
}

.anc-culture-auto .anc-civ-card__body p,
.anc-culture-auto .anc-feed-excerpt,
.anc-culture-auto .anc-feed-excerpt *,
.anc-culture-auto .description,
.anc-culture-auto .short-description {
  color: #c6d1b5 !important;
}

.anc-culture-auto:hover {
  border-color: rgba(176, 202, 158, 0.68) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(176,202,158,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(96,122,90,0.24), transparent 38%),
    linear-gradient(180deg, #283024 0%, #1d241b 48%, #131812 100%) !important;
}

/* =========================================================
   КАРТОЧКИ: ГОРОД
   Было красновато, стало холоднее: тёмный сливово-терракотовый.
========================================================= */

.anc-city-auto {
  border-color: rgba(164, 104, 118, 0.56) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(164,104,118,0.25), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(94,62,78,0.22), transparent 38%),
    linear-gradient(180deg, #2d2027 0%, #211821 48%, #141012 100%) !important;
}

.anc-city-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(185,122,135,0.28), transparent 58%),
    linear-gradient(180deg, #39262f 0%, #1e1419 100%) !important;
  border-bottom-color: rgba(185,122,135,0.40) !important;
}

.anc-city-auto .anc-civ-card__top,
.anc-city-auto .anc-civ-card__top a,
.anc-city-auto .anc-civ-card__top span,
.anc-city-auto .anc-civ-card__top b,
.anc-city-auto .anc-civ-card__top strong {
  color: #d89aaa !important;
}

.anc-city-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(185,122,135,0.12), transparent 42%),
    linear-gradient(180deg, #2a1e25 0%, #181114 100%) !important;
}

.anc-city-auto .anc-civ-card__body h2,
.anc-city-auto .anc-civ-card__body h3,
.anc-city-auto .anc-civ-card__body h2 a,
.anc-city-auto .anc-civ-card__body h3 a {
  color: #e5b2bf !important;
}

.anc-city-auto .anc-civ-card__body h2::after,
.anc-city-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(185,122,135,0.70), transparent) !important;
}

.anc-city-auto .anc-civ-card__body p,
.anc-city-auto .anc-feed-excerpt,
.anc-city-auto .anc-feed-excerpt *,
.anc-city-auto .description,
.anc-city-auto .short-description {
  color: #d4b1ba !important;
}

.anc-city-auto:hover {
  border-color: rgba(204, 140, 154, 0.72) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(204,140,154,0.32), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(108,72,90,0.28), transparent 38%),
    linear-gradient(180deg, #34242d 0%, #241a22 48%, #171113 100%) !important;
}

/* =========================================================
   КАРТОЧКИ: НАРОД
   Мягкий холодный зелёно-моховой оттенок.
========================================================= */

.anc-people-auto {
  border-color: rgba(113, 164, 132, 0.56) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(113,164,132,0.25), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(58,105,82,0.22), transparent 38%),
    linear-gradient(180deg, #1d2922 0%, #162019 48%, #101511 100%) !important;
}

.anc-people-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(127,190,154,0.28), transparent 58%),
    linear-gradient(180deg, #24362b 0%, #111c15 100%) !important;
  border-bottom-color: rgba(127,190,154,0.42) !important;
}

.anc-people-auto .anc-civ-card__top,
.anc-people-auto .anc-civ-card__top a,
.anc-people-auto .anc-civ-card__top span,
.anc-people-auto .anc-civ-card__top b,
.anc-people-auto .anc-civ-card__top strong {
  color: #a8d8b9 !important;
}

.anc-people-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(127,190,154,0.11), transparent 42%),
    linear-gradient(180deg, #1d2a22 0%, #111812 100%) !important;
}

.anc-people-auto .anc-civ-card__body h2,
.anc-people-auto .anc-civ-card__body h3,
.anc-people-auto .anc-civ-card__body h2 a,
.anc-people-auto .anc-civ-card__body h3 a {
  color: #c4e7ce !important;
}

.anc-people-auto .anc-civ-card__body h2::after,
.anc-people-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(127,190,154,0.70), transparent) !important;
}

.anc-people-auto .anc-civ-card__body p,
.anc-people-auto .anc-feed-excerpt,
.anc-people-auto .anc-feed-excerpt *,
.anc-people-auto .description,
.anc-people-auto .short-description {
  color: #b9d4c0 !important;
}

.anc-people-auto:hover {
  border-color: rgba(146, 211, 170, 0.72) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(146,211,170,0.32), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(68,124,96,0.28), transparent 38%),
    linear-gradient(180deg, #233229 0%, #18241c 48%, #111811 100%) !important;
}

/* =========================================================
   КАРТОЧКИ: ПЛЕМЯ / СОЮЗ ПЛЕМЁН
   Самый холодный акцент: бирюзово-синий, ближе к "Космос и боги".
========================================================= */

.anc-tribe-auto {
  border-color: rgba(86, 174, 182, 0.58) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(86,174,182,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(44,96,112,0.26), transparent 38%),
    linear-gradient(180deg, #192b30 0%, #132127 48%, #0f1517 100%) !important;
}

.anc-tribe-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,201,212,0.32), transparent 58%),
    linear-gradient(180deg, #1e3a41 0%, #0f1d22 100%) !important;
  border-bottom-color: rgba(96,201,212,0.46) !important;
}

.anc-tribe-auto .anc-civ-card__top,
.anc-tribe-auto .anc-civ-card__top a,
.anc-tribe-auto .anc-civ-card__top span,
.anc-tribe-auto .anc-civ-card__top b,
.anc-tribe-auto .anc-civ-card__top strong {
  color: #8ddce6 !important;
}

.anc-tribe-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,201,212,0.13), transparent 42%),
    linear-gradient(180deg, #192f35 0%, #0f181b 100%) !important;
}

.anc-tribe-auto .anc-civ-card__body h2,
.anc-tribe-auto .anc-civ-card__body h3,
.anc-tribe-auto .anc-civ-card__body h2 a,
.anc-tribe-auto .anc-civ-card__body h3 a {
  color: #b0eef4 !important;
}

.anc-tribe-auto .anc-civ-card__body h2::after,
.anc-tribe-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(96,201,212,0.74), transparent) !important;
}

.anc-tribe-auto .anc-civ-card__body p,
.anc-tribe-auto .anc-feed-excerpt,
.anc-tribe-auto .anc-feed-excerpt *,
.anc-tribe-auto .description,
.anc-tribe-auto .short-description {
  color: #a8d3d9 !important;
}

.anc-tribe-auto:hover {
  border-color: rgba(124, 224, 235, 0.76) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(124,224,235,0.36), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(52,118,136,0.32), transparent 38%),
    linear-gradient(180deg, #1e3840 0%, #17282e 48%, #10191c 100%) !important;
}

/* =========================================================
   ANCIENTCIVS — V58 LINKED MATERIAL CARD BADGE
   Метка для карточек, где есть ссылка на отдельный материал.

   Что делает:
   - карточка со ссылкой получает плашку "Материал";
   - у верхнего названия со ссылкой появляется стрелка ↗;
   - рамка карточки со ссылкой чуть светлее;
   - hover становится понятнее;
   - карточки без ссылки НЕ помечаем, чтобы не было лишнего шума.

   ВАЖНО:
   CSS использует :has(a). В современных браузерах работает.
   Блок должен быть самым последним в CSS.
========================================================= */

/* Карточка, внутри которой есть ссылка */
.anc-civ-card:has(a) {
  position: relative !important;
  border-color: rgba(226, 196, 137, 0.36) !important;
  cursor: pointer !important;
}

/* Внутренняя рамка у карточки со ссылкой */
.anc-civ-card:has(a)::before {
  border-color: rgba(226, 196, 137, 0.105) !important;
}

/* Плашка "Материал" */
.anc-civ-card:has(a)::after {
  content: "Материал" !important;

  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  z-index: 30 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  padding: 5px 10px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(226, 196, 137, 0.42) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(226,196,137,0.20), transparent 65%),
    rgba(20, 18, 16, 0.92) !important;

  color: #ead2a0 !important;

  font-size: 0.68rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,236,190,0.08) !important;

  pointer-events: none !important;
}

/* Верхняя строка у карточки со ссылкой чуть заметнее */
.anc-civ-card:has(a) .anc-civ-card__top {
  border-bottom-color: rgba(226, 196, 137, 0.30) !important;
}

/* Если ссылка стоит в верхней строке */
.anc-civ-card:has(a) .anc-civ-card__top a {
  color: #efd6a5 !important;
  text-decoration: none !important;
}

/* Стрелка после верхнего названия-ссылки */
.anc-civ-card:has(a) .anc-civ-card__top a::after {
  content: " ↗" !important;
  color: #d9b875 !important;
  font-size: 0.85em !important;
  opacity: 0.95 !important;
}

/* Если ссылка стоит на картинке */
.anc-civ-card:has(.anc-civ-card__image[href]) .anc-civ-card__image::before,
.anc-civ-card:has(.anc-civ-card__image a) .anc-civ-card__image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;

  background:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.18)) !important;
}

/* Hover для карточек с материалом */
.anc-civ-card:has(a):hover {
  transform: translateY(-3px) !important;
  border-color: rgba(245, 216, 154, 0.62) !important;
  box-shadow:
    0 26px 56px rgba(0,0,0,0.48),
    0 0 0 1px rgba(245,216,154,0.08),
    inset 0 1px 0 rgba(255,236,190,0.08) !important;
}

/* Плашка на hover */
.anc-civ-card:has(a):hover::after {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,216,154,0.26), transparent 65%),
    rgba(28, 24, 19, 0.96) !important;

  color: #f6dfb2 !important;
  border-color: rgba(245,216,154,0.56) !important;
}

/* Карточки без ссылки остаются обычными */
.anc-civ-card:not(:has(a)) {
  cursor: default !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card:has(a)::after {
    right: 9px !important;
    top: 9px !important;
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 0.62rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V59 MATERIAL BADGE POSITION FIX
   Исправление: плашка "Материал" больше не закрывает верхнее название.

   Было:
   - плашка стояла top:12px внутри карточки;
   - перекрывала .anc-civ-card__top.

   Стало:
   - плашка переносится на изображение;
   - верхнее название карточки остаётся чистым и читаемым;
   - стрелка у названия-ссылки остаётся.

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Сама карточка со ссылкой */
.anc-civ-card:has(a) {
  position: relative !important;
  border-color: rgba(226, 196, 137, 0.36) !important;
  cursor: pointer !important;
}

/* Убираем старую плашку с верхней части карточки */
.anc-civ-card:has(a)::after {
  content: none !important;
  display: none !important;
}

/* Верхняя строка больше ничем не перекрывается */
.anc-civ-card:has(a) .anc-civ-card__top {
  position: relative !important;
  z-index: 8 !important;
  padding-right: 16px !important;
  border-bottom-color: rgba(226, 196, 137, 0.30) !important;
}

/* Ссылка в верхнем названии */
.anc-civ-card:has(a) .anc-civ-card__top a {
  color: #efd6a5 !important;
  text-decoration: none !important;
}

/* Стрелка после верхнего названия-ссылки */
.anc-civ-card:has(a) .anc-civ-card__top a::after {
  content: " ↗" !important;
  color: #d9b875 !important;
  font-size: 0.85em !important;
  opacity: 0.95 !important;
}

/* Картинка должна быть позиционируемым контейнером */
.anc-civ-card:has(a) .anc-civ-card__image {
  position: relative !important;
}

/* Новая плашка "Материал" — на изображении, справа снизу */
.anc-civ-card:has(a) .anc-civ-card__image::after {
  content: "Материал" !important;

  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  z-index: 30 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 24px !important;
  padding: 5px 10px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(226, 196, 137, 0.44) !important;

  background:
    radial-gradient(circle at 50% 0%, rgba(226,196,137,0.22), transparent 65%),
    rgba(15, 13, 12, 0.86) !important;

  color: #ead2a0 !important;

  font-size: 0.68rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;

  box-shadow:
    0 8px 18px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,236,190,0.08) !important;

  pointer-events: none !important;
}

/* Лёгкая подложка на картинке, чтобы плашка читалась */
.anc-civ-card:has(a) .anc-civ-card__image::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;

  background:
    linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.22)) !important;
}

/* Hover для карточек с материалом */
.anc-civ-card:has(a):hover {
  transform: translateY(-3px) !important;
  border-color: rgba(245, 216, 154, 0.62) !important;
  box-shadow:
    0 26px 56px rgba(0,0,0,0.48),
    0 0 0 1px rgba(245,216,154,0.08),
    inset 0 1px 0 rgba(255,236,190,0.08) !important;
}

/* Плашка на hover */
.anc-civ-card:has(a):hover .anc-civ-card__image::after {
  background:
    radial-gradient(circle at 50% 0%, rgba(245,216,154,0.28), transparent 65%),
    rgba(24, 20, 16, 0.92) !important;

  color: #f6dfb2 !important;
  border-color: rgba(245,216,154,0.58) !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card:has(a) .anc-civ-card__image::after {
    right: 9px !important;
    bottom: 9px !important;
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 0.62rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V60 MATERIAL BADGE CLEAN FIX
   Исправление после V59:
   - убираем огромную тёмную овальную подложку на картинке;
   - оставляем только маленькую аккуратную плашку "Материал";
   - плашка не перекрывает название карточки;
   - изображение больше не затемняется большим пятном.

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Убираем большую затемняющую подложку, которая стала овальной */
.anc-civ-card:has(a) .anc-civ-card__image::before {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* На всякий случай сбрасываем старую плашку с самой карточки */
.anc-civ-card:has(a)::after {
  content: none !important;
  display: none !important;
}

/* Картинка — нормальный контейнер без огромных псевдо-оверлеев */
.anc-civ-card:has(a) .anc-civ-card__image {
  position: relative !important;
  overflow: hidden !important;
}

/* Маленькая плашка "Материал" на картинке */
.anc-civ-card:has(a) .anc-civ-card__image::after {
  content: "Материал" !important;

  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 20 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 22px !important;

  padding: 4px 9px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(226, 196, 137, 0.46) !important;

  background: rgba(18, 15, 12, 0.86) !important;
  color: #ead2a0 !important;

  font-size: 0.64rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;

  box-shadow:
    0 6px 14px rgba(0,0,0,0.38),
    inset 0 1px 0 rgba(255,236,190,0.08) !important;

  pointer-events: none !important;

  transform: none !important;
  opacity: 1 !important;
}

/* Верхнее название свободное */
.anc-civ-card:has(a) .anc-civ-card__top {
  padding-right: 14px !important;
}

/* Hover — только маленькая плашка, без большого пятна */
.anc-civ-card:has(a):hover .anc-civ-card__image::after {
  background: rgba(28, 23, 18, 0.92) !important;
  color: #f6dfb2 !important;
  border-color: rgba(245,216,154,0.58) !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card:has(a) .anc-civ-card__image::after {
    right: 8px !important;
    bottom: 8px !important;
    min-height: 20px !important;
    padding: 4px 7px !important;
    font-size: 0.58rem !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V61 MATERIAL BADGE HARD RESET
   Исправление: большая овальная плашка оставалась из-за старого
   inset: 0 на .anc-civ-card__image::after.

   Теперь принудительно сбрасываем inset/top/left/width/height
   и делаем маленькую плашку "Материал".

   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

/* Убираем любые старые большие оверлеи на картинке */
.anc-civ-card:has(a) .anc-civ-card__image::before {
  content: none !important;
  display: none !important;

  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;

  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Убираем старую плашку, если она висела на самой карточке */
.anc-civ-card:has(a)::after {
  content: none !important;
  display: none !important;

  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;

  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: none !important;
}

/* Контейнер изображения */
.anc-civ-card:has(a) .anc-civ-card__image {
  position: relative !important;
  overflow: hidden !important;
}

/* Маленькая аккуратная метка на изображении */
.anc-civ-card:has(a) .anc-civ-card__image::after {
  content: "Материал" !important;

  position: absolute !important;

  /* главный фикс: сбрасываем старое inset:0 */
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: 10px !important;
  bottom: 10px !important;

  z-index: 40 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: max-content !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 22px !important;
  max-width: calc(100% - 20px) !important;
  max-height: none !important;

  padding: 4px 9px !important;
  margin: 0 !important;

  border-radius: 999px !important;
  border: 1px solid rgba(226, 196, 137, 0.46) !important;

  background: rgba(18, 15, 12, 0.88) !important;
  color: #ead2a0 !important;

  font-size: 0.64rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  white-space: nowrap !important;

  box-shadow:
    0 6px 14px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,236,190,0.08) !important;

  pointer-events: none !important;

  opacity: 1 !important;
  transform: none !important;
}

/* Hover */
.anc-civ-card:has(a):hover .anc-civ-card__image::after {
  background: rgba(28, 23, 18, 0.94) !important;
  color: #f6dfb2 !important;
  border-color: rgba(245,216,154,0.58) !important;
}

/* Мобильная версия */
@media (max-width: 700px) {
  .anc-civ-card:has(a) .anc-civ-card__image::after {
    right: 8px !important;
    bottom: 8px !important;
    min-height: 20px !important;
    padding: 4px 7px !important;
    font-size: 0.58rem !important;
    max-width: calc(100% - 16px) !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V62 MATERIAL BADGE TEXT: ЧИТАТЬ
   Меняем текст плашки с "Материал" на "Читать".
   ВАЖНО: блок должен быть самым последним в CSS.
========================================================= */

.anc-civ-card:has(a) .anc-civ-card__image::after {
  content: "Читать" !important;
}

/* =========================================================
   ANCIENTCIVS — V63 AUTO CARD COLOR: КОРОЛЕВСТВО
   Цветовой стиль для карточек, которым JS добавляет класс:
   .anc-kingdom-auto

   Королевство / королевства / королевств —
   холодный королевский сине-фиолетовый оттенок.

   ВАЖНО:
   CSS сам не ищет слова в названии.
   JS должен добавлять класс .anc-kingdom-auto.
   Блок должен быть самым последним в CSS.
========================================================= */

.anc-kingdom-auto {
  border-color: rgba(142, 128, 205, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(142,128,205,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(72,66,124,0.26), transparent 38%),
    linear-gradient(180deg, #211f33 0%, #171827 48%, #101117 100%) !important;
}

.anc-kingdom-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(164,148,230,0.32), transparent 58%),
    linear-gradient(180deg, #292641 0%, #121321 100%) !important;
  border-bottom-color: rgba(164,148,230,0.48) !important;
}

.anc-kingdom-auto .anc-civ-card__top,
.anc-kingdom-auto .anc-civ-card__top a,
.anc-kingdom-auto .anc-civ-card__top span,
.anc-kingdom-auto .anc-civ-card__top b,
.anc-kingdom-auto .anc-civ-card__top strong {
  color: #c9bdf6 !important;
}

.anc-kingdom-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(164,148,230,0.13), transparent 42%),
    linear-gradient(180deg, #211f35 0%, #11121b 100%) !important;
}

.anc-kingdom-auto .anc-civ-card__body h2,
.anc-kingdom-auto .anc-civ-card__body h3,
.anc-kingdom-auto .anc-civ-card__body h2 a,
.anc-kingdom-auto .anc-civ-card__body h3 a {
  color: #ded5ff !important;
}

.anc-kingdom-auto .anc-civ-card__body h2::after,
.anc-kingdom-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(164,148,230,0.76), transparent) !important;
}

.anc-kingdom-auto .anc-civ-card__body p,
.anc-kingdom-auto .anc-feed-excerpt,
.anc-kingdom-auto .anc-feed-excerpt *,
.anc-kingdom-auto .description,
.anc-kingdom-auto .short-description {
  color: #c5bfdc !important;
}

.anc-kingdom-auto:hover {
  border-color: rgba(184, 168, 245, 0.78) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(184,168,245,0.36), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(84,78,145,0.32), transparent 38%),
    linear-gradient(180deg, #28243f 0%, #1b1b2e 48%, #11121a 100%) !important;
}

/* =========================================================
   ANCIENTCIVS — V64 AUTO CARD COLORS FULL
   Дополнительные автоцвета карточек:
   - .anc-tsardom-auto — царство;
   - .anc-state-auto — государство;
   - .anc-empire-auto — империя;
   - .anc-settlement-auto — поселение;
   - .anc-civilization-auto — цивилизация;
   - .anc-island-auto — остров.

   Уже существующие классы сохраняются:
   - .anc-culture-auto;
   - .anc-city-auto;
   - .anc-people-auto;
   - .anc-tribe-auto;
   - .anc-kingdom-auto.

   ВАЖНО:
   CSS сам не ищет слова в названии.
   JS должен добавлять эти классы карточкам.
   Блок должен быть самым последним в CSS.
========================================================= */


/* =========================================================
   ЦАРСТВО — холодная бронза
========================================================= */

.anc-tsardom-auto {
  border-color: rgba(190, 162, 102, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(190,162,102,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(105,88,58,0.24), transparent 38%),
    linear-gradient(180deg, #29251b 0%, #1d1b15 48%, #11100e 100%) !important;
}

.anc-tsardom-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,184,116,0.30), transparent 58%),
    linear-gradient(180deg, #332d20 0%, #19160f 100%) !important;
  border-bottom-color: rgba(214,184,116,0.44) !important;
}

.anc-tsardom-auto .anc-civ-card__top,
.anc-tsardom-auto .anc-civ-card__top a,
.anc-tsardom-auto .anc-civ-card__top span,
.anc-tsardom-auto .anc-civ-card__top b,
.anc-tsardom-auto .anc-civ-card__top strong {
  color: #d8c28a !important;
}

.anc-tsardom-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,184,116,0.12), transparent 42%),
    linear-gradient(180deg, #282318 0%, #14130f 100%) !important;
}

.anc-tsardom-auto .anc-civ-card__body h2,
.anc-tsardom-auto .anc-civ-card__body h3,
.anc-tsardom-auto .anc-civ-card__body h2 a,
.anc-tsardom-auto .anc-civ-card__body h3 a {
  color: #ead59b !important;
}

.anc-tsardom-auto .anc-civ-card__body h2::after,
.anc-tsardom-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(214,184,116,0.72), transparent) !important;
}

.anc-tsardom-auto .anc-civ-card__body p,
.anc-tsardom-auto .anc-feed-excerpt,
.anc-tsardom-auto .anc-feed-excerpt *,
.anc-tsardom-auto .description,
.anc-tsardom-auto .short-description {
  color: #d6c79b !important;
}

.anc-tsardom-auto:hover {
  border-color: rgba(226, 196, 126, 0.76) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(226,196,126,0.34), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(120,100,64,0.30), transparent 38%),
    linear-gradient(180deg, #312b1f 0%, #211e17 48%, #13110f 100%) !important;
}


/* =========================================================
   ГОСУДАРСТВО — стальной синий
========================================================= */

.anc-state-auto {
  border-color: rgba(112, 150, 184, 0.60) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(112,150,184,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(58,82,108,0.25), transparent 38%),
    linear-gradient(180deg, #1d2630 0%, #151d25 48%, #0f1216 100%) !important;
}

.anc-state-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(130,174,212,0.30), transparent 58%),
    linear-gradient(180deg, #243342 0%, #111821 100%) !important;
  border-bottom-color: rgba(130,174,212,0.44) !important;
}

.anc-state-auto .anc-civ-card__top,
.anc-state-auto .anc-civ-card__top a,
.anc-state-auto .anc-civ-card__top span,
.anc-state-auto .anc-civ-card__top b,
.anc-state-auto .anc-civ-card__top strong {
  color: #a8c7df !important;
}

.anc-state-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(130,174,212,0.12), transparent 42%),
    linear-gradient(180deg, #1c2935 0%, #10161c 100%) !important;
}

.anc-state-auto .anc-civ-card__body h2,
.anc-state-auto .anc-civ-card__body h3,
.anc-state-auto .anc-civ-card__body h2 a,
.anc-state-auto .anc-civ-card__body h3 a {
  color: #c8e0f0 !important;
}

.anc-state-auto .anc-civ-card__body h2::after,
.anc-state-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(130,174,212,0.72), transparent) !important;
}

.anc-state-auto .anc-civ-card__body p,
.anc-state-auto .anc-feed-excerpt,
.anc-state-auto .anc-feed-excerpt *,
.anc-state-auto .description,
.anc-state-auto .short-description {
  color: #b8cad8 !important;
}

.anc-state-auto:hover {
  border-color: rgba(150, 194, 230, 0.76) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(150,194,230,0.34), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(68,96,126,0.30), transparent 38%),
    linear-gradient(180deg, #223242 0%, #18232d 48%, #10151a 100%) !important;
}


/* =========================================================
   ИМПЕРИЯ — глубокий индиго
========================================================= */

.anc-empire-auto {
  border-color: rgba(124, 126, 210, 0.64) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(124,126,210,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(60,62,126,0.26), transparent 38%),
    linear-gradient(180deg, #1e2035 0%, #151728 48%, #101018 100%) !important;
}

.anc-empire-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(148,150,238,0.34), transparent 58%),
    linear-gradient(180deg, #252747 0%, #111323 100%) !important;
  border-bottom-color: rgba(148,150,238,0.48) !important;
}

.anc-empire-auto .anc-civ-card__top,
.anc-empire-auto .anc-civ-card__top a,
.anc-empire-auto .anc-civ-card__top span,
.anc-empire-auto .anc-civ-card__top b,
.anc-empire-auto .anc-civ-card__top strong {
  color: #bec2ff !important;
}

.anc-empire-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(148,150,238,0.14), transparent 42%),
    linear-gradient(180deg, #1f2138 0%, #10111d 100%) !important;
}

.anc-empire-auto .anc-civ-card__body h2,
.anc-empire-auto .anc-civ-card__body h3,
.anc-empire-auto .anc-civ-card__body h2 a,
.anc-empire-auto .anc-civ-card__body h3 a {
  color: #d9dcff !important;
}

.anc-empire-auto .anc-civ-card__body h2::after,
.anc-empire-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(148,150,238,0.76), transparent) !important;
}

.anc-empire-auto .anc-civ-card__body p,
.anc-empire-auto .anc-feed-excerpt,
.anc-empire-auto .anc-feed-excerpt *,
.anc-empire-auto .description,
.anc-empire-auto .short-description {
  color: #bfc2df !important;
}

.anc-empire-auto:hover {
  border-color: rgba(174, 176, 255, 0.78) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(174,176,255,0.36), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(72,74,146,0.32), transparent 38%),
    linear-gradient(180deg, #262847 0%, #1a1c31 48%, #11111c 100%) !important;
}


/* =========================================================
   ПОСЕЛЕНИЕ — каменно-серый
========================================================= */

.anc-settlement-auto {
  border-color: rgba(150, 154, 148, 0.56) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(150,154,148,0.24), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(82,88,82,0.22), transparent 38%),
    linear-gradient(180deg, #242622 0%, #1a1d19 48%, #111210 100%) !important;
}

.anc-settlement-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(172,178,168,0.26), transparent 58%),
    linear-gradient(180deg, #2d302a 0%, #151813 100%) !important;
  border-bottom-color: rgba(172,178,168,0.38) !important;
}

.anc-settlement-auto .anc-civ-card__top,
.anc-settlement-auto .anc-civ-card__top a,
.anc-settlement-auto .anc-civ-card__top span,
.anc-settlement-auto .anc-civ-card__top b,
.anc-settlement-auto .anc-civ-card__top strong {
  color: #c9d0bf !important;
}

.anc-settlement-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(172,178,168,0.10), transparent 42%),
    linear-gradient(180deg, #232720 0%, #111411 100%) !important;
}

.anc-settlement-auto .anc-civ-card__body h2,
.anc-settlement-auto .anc-civ-card__body h3,
.anc-settlement-auto .anc-civ-card__body h2 a,
.anc-settlement-auto .anc-civ-card__body h3 a {
  color: #dce3d1 !important;
}

.anc-settlement-auto .anc-civ-card__body h2::after,
.anc-settlement-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(172,178,168,0.68), transparent) !important;
}

.anc-settlement-auto .anc-civ-card__body p,
.anc-settlement-auto .anc-feed-excerpt,
.anc-settlement-auto .anc-feed-excerpt *,
.anc-settlement-auto .description,
.anc-settlement-auto .short-description {
  color: #c2c8ba !important;
}

.anc-settlement-auto:hover {
  border-color: rgba(190, 198, 184, 0.70) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(190,198,184,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(92,100,92,0.28), transparent 38%),
    linear-gradient(180deg, #2b2f29 0%, #1e221d 48%, #121410 100%) !important;
}


/* =========================================================
   ЦИВИЛИЗАЦИЯ — холодный сине-зелёный
========================================================= */

.anc-civilization-auto {
  border-color: rgba(100, 176, 166, 0.60) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(100,176,166,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(48,104,102,0.25), transparent 38%),
    linear-gradient(180deg, #1a2b2a 0%, #13201f 48%, #101515 100%) !important;
}

.anc-civilization-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(112,205,190,0.30), transparent 58%),
    linear-gradient(180deg, #203a38 0%, #101d1c 100%) !important;
  border-bottom-color: rgba(112,205,190,0.44) !important;
}

.anc-civilization-auto .anc-civ-card__top,
.anc-civilization-auto .anc-civ-card__top a,
.anc-civilization-auto .anc-civ-card__top span,
.anc-civilization-auto .anc-civ-card__top b,
.anc-civilization-auto .anc-civ-card__top strong {
  color: #98ded3 !important;
}

.anc-civilization-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(112,205,190,0.12), transparent 42%),
    linear-gradient(180deg, #1a2d2b 0%, #101817 100%) !important;
}

.anc-civilization-auto .anc-civ-card__body h2,
.anc-civilization-auto .anc-civ-card__body h3,
.anc-civilization-auto .anc-civ-card__body h2 a,
.anc-civilization-auto .anc-civ-card__body h3 a {
  color: #b8eee4 !important;
}

.anc-civilization-auto .anc-civ-card__body h2::after,
.anc-civilization-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(112,205,190,0.72), transparent) !important;
}

.anc-civilization-auto .anc-civ-card__body p,
.anc-civilization-auto .anc-feed-excerpt,
.anc-civilization-auto .anc-feed-excerpt *,
.anc-civilization-auto .description,
.anc-civilization-auto .short-description {
  color: #aad5ce !important;
}

.anc-civilization-auto:hover {
  border-color: rgba(132, 226, 210, 0.74) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(132,226,210,0.34), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(58,124,120,0.30), transparent 38%),
    linear-gradient(180deg, #203735 0%, #172826 48%, #101918 100%) !important;
}


/* =========================================================
   ОСТРОВ — морской тёмно-бирюзовый
========================================================= */

.anc-island-auto {
  border-color: rgba(82, 156, 190, 0.60) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(82,156,190,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(42,82,112,0.26), transparent 38%),
    linear-gradient(180deg, #182836 0%, #12202a 48%, #0e1418 100%) !important;
}

.anc-island-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(95,188,220,0.32), transparent 58%),
    linear-gradient(180deg, #1d3546 0%, #0f1b23 100%) !important;
  border-bottom-color: rgba(95,188,220,0.46) !important;
}

.anc-island-auto .anc-civ-card__top,
.anc-island-auto .anc-civ-card__top a,
.anc-island-auto .anc-civ-card__top span,
.anc-island-auto .anc-civ-card__top b,
.anc-island-auto .anc-civ-card__top strong {
  color: #96d7ee !important;
}

.anc-island-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(95,188,220,0.13), transparent 42%),
    linear-gradient(180deg, #182b38 0%, #0f171c 100%) !important;
}

.anc-island-auto .anc-civ-card__body h2,
.anc-island-auto .anc-civ-card__body h3,
.anc-island-auto .anc-civ-card__body h2 a,
.anc-island-auto .anc-civ-card__body h3 a {
  color: #b7e9f7 !important;
}

.anc-island-auto .anc-civ-card__body h2::after,
.anc-island-auto .anc-civ-card__body h3::after {
  background: linear-gradient(90deg, transparent, rgba(95,188,220,0.74), transparent) !important;
}

.anc-island-auto .anc-civ-card__body p,
.anc-island-auto .anc-feed-excerpt,
.anc-island-auto .anc-feed-excerpt *,
.anc-island-auto .description,
.anc-island-auto .short-description {
  color: #a8d3df !important;
}

.anc-island-auto:hover {
  border-color: rgba(124, 214, 242, 0.76) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(124,214,242,0.36), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(52,98,132,0.32), transparent 38%),
    linear-gradient(180deg, #1d3445 0%, #172632 48%, #10181d 100%) !important;
}

/* =========================================================
   ANCIENTCIVS — V65 FULL UNIQUE AUTO CARD COLORS
   Полный набор уникальных автоцветов для карточек.

   Классы добавляет JS:
   .anc-culture-auto       — культуры
   .anc-city-auto          — города
   .anc-people-auto        — народ
   .anc-tribe-auto         — племя / союз племён
   .anc-kingdom-auto       — королевство
   .anc-tsardom-auto       — царство
   .anc-state-auto         — государство
   .anc-empire-auto        — империя
   .anc-settlement-auto    — поселение
   .anc-civilization-auto  — цивилизация
   .anc-island-auto        — остров
   .anc-principality-auto  — княжество
   .anc-duchy-auto         — герцогство / герцегство
   .anc-republic-auto      — республика / руспублика
   .anc-sultanate-auto     — султанат
   .anc-county-auto        — графство
   .anc-khaganate-auto     — каганат
   .anc-khanate-auto       — ханство

   Цвета специально разведены, чтобы типы не сливались.
   Блок должен быть самым последним в CSS.
========================================================= */


/* КУЛЬТУРЫ — холодный оливково-каменный */
.anc-culture-auto {
  border-color: rgba(142, 165, 128, 0.58) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(142,165,128,0.24), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(86,108,82,0.20), transparent 38%),
    linear-gradient(180deg, #22271f 0%, #1a2019 48%, #121511 100%) !important;
}
.anc-culture-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(158,183,142,0.28), transparent 58%),
    linear-gradient(180deg, #283022 0%, #151a14 100%) !important;
  border-bottom-color: rgba(158,183,142,0.42) !important;
}
.anc-culture-auto .anc-civ-card__top,
.anc-culture-auto .anc-civ-card__top a,
.anc-culture-auto .anc-civ-card__top span,
.anc-culture-auto .anc-civ-card__top b,
.anc-culture-auto .anc-civ-card__top strong { color: #c6d8aa !important; }
.anc-culture-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(158,183,142,0.12), transparent 42%),
    linear-gradient(180deg, #20261d 0%, #141814 100%) !important;
}
.anc-culture-auto .anc-civ-card__body h2,
.anc-culture-auto .anc-civ-card__body h3,
.anc-culture-auto .anc-civ-card__body h2 a,
.anc-culture-auto .anc-civ-card__body h3 a { color: #d8e5bd !important; }
.anc-culture-auto .anc-civ-card__body h2::after,
.anc-culture-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(158,183,142,0.66), transparent) !important; }
.anc-culture-auto .anc-civ-card__body p,
.anc-culture-auto .anc-feed-excerpt,
.anc-culture-auto .anc-feed-excerpt *,
.anc-culture-auto .description,
.anc-culture-auto .short-description { color: #c6d1b5 !important; }


/* ГОРОД — холодный сливово-терракотовый */
.anc-city-auto {
  border-color: rgba(164, 104, 118, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(164,104,118,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(94,62,78,0.24), transparent 38%),
    linear-gradient(180deg, #2d2027 0%, #211821 48%, #141012 100%) !important;
}
.anc-city-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(185,122,135,0.32), transparent 58%),
    linear-gradient(180deg, #39262f 0%, #1e1419 100%) !important;
  border-bottom-color: rgba(185,122,135,0.46) !important;
}
.anc-city-auto .anc-civ-card__top,
.anc-city-auto .anc-civ-card__top a,
.anc-city-auto .anc-civ-card__top span,
.anc-city-auto .anc-civ-card__top b,
.anc-city-auto .anc-civ-card__top strong { color: #d89aaa !important; }
.anc-city-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(185,122,135,0.13), transparent 42%),
    linear-gradient(180deg, #2a1e25 0%, #181114 100%) !important;
}
.anc-city-auto .anc-civ-card__body h2,
.anc-city-auto .anc-civ-card__body h3,
.anc-city-auto .anc-civ-card__body h2 a,
.anc-city-auto .anc-civ-card__body h3 a { color: #e5b2bf !important; }
.anc-city-auto .anc-civ-card__body h2::after,
.anc-city-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(185,122,135,0.70), transparent) !important; }
.anc-city-auto .anc-civ-card__body p,
.anc-city-auto .anc-feed-excerpt,
.anc-city-auto .anc-feed-excerpt *,
.anc-city-auto .description,
.anc-city-auto .short-description { color: #d4b1ba !important; }


/* НАРОД — зелёно-моховой */
.anc-people-auto {
  border-color: rgba(113, 164, 132, 0.60) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(113,164,132,0.27), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(58,105,82,0.24), transparent 38%),
    linear-gradient(180deg, #1d2922 0%, #162019 48%, #101511 100%) !important;
}
.anc-people-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(127,190,154,0.30), transparent 58%),
    linear-gradient(180deg, #24362b 0%, #111c15 100%) !important;
  border-bottom-color: rgba(127,190,154,0.44) !important;
}
.anc-people-auto .anc-civ-card__top,
.anc-people-auto .anc-civ-card__top a,
.anc-people-auto .anc-civ-card__top span,
.anc-people-auto .anc-civ-card__top b,
.anc-people-auto .anc-civ-card__top strong { color: #a8d8b9 !important; }
.anc-people-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(127,190,154,0.12), transparent 42%),
    linear-gradient(180deg, #1d2a22 0%, #111812 100%) !important;
}
.anc-people-auto .anc-civ-card__body h2,
.anc-people-auto .anc-civ-card__body h3,
.anc-people-auto .anc-civ-card__body h2 a,
.anc-people-auto .anc-civ-card__body h3 a { color: #c4e7ce !important; }
.anc-people-auto .anc-civ-card__body h2::after,
.anc-people-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(127,190,154,0.70), transparent) !important; }
.anc-people-auto .anc-civ-card__body p,
.anc-people-auto .anc-feed-excerpt,
.anc-people-auto .anc-feed-excerpt *,
.anc-people-auto .description,
.anc-people-auto .short-description { color: #b9d4c0 !important; }


/* ПЛЕМЯ / СОЮЗ ПЛЕМЁН — бирюзово-синий */
.anc-tribe-auto {
  border-color: rgba(86, 174, 182, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(86,174,182,0.32), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(44,96,112,0.28), transparent 38%),
    linear-gradient(180deg, #192b30 0%, #132127 48%, #0f1517 100%) !important;
}
.anc-tribe-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,201,212,0.34), transparent 58%),
    linear-gradient(180deg, #1e3a41 0%, #0f1d22 100%) !important;
  border-bottom-color: rgba(96,201,212,0.48) !important;
}
.anc-tribe-auto .anc-civ-card__top,
.anc-tribe-auto .anc-civ-card__top a,
.anc-tribe-auto .anc-civ-card__top span,
.anc-tribe-auto .anc-civ-card__top b,
.anc-tribe-auto .anc-civ-card__top strong { color: #8ddce6 !important; }
.anc-tribe-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,201,212,0.14), transparent 42%),
    linear-gradient(180deg, #192f35 0%, #0f181b 100%) !important;
}
.anc-tribe-auto .anc-civ-card__body h2,
.anc-tribe-auto .anc-civ-card__body h3,
.anc-tribe-auto .anc-civ-card__body h2 a,
.anc-tribe-auto .anc-civ-card__body h3 a { color: #b0eef4 !important; }
.anc-tribe-auto .anc-civ-card__body h2::after,
.anc-tribe-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(96,201,212,0.74), transparent) !important; }
.anc-tribe-auto .anc-civ-card__body p,
.anc-tribe-auto .anc-feed-excerpt,
.anc-tribe-auto .anc-feed-excerpt *,
.anc-tribe-auto .description,
.anc-tribe-auto .short-description { color: #a8d3d9 !important; }


/* КОРОЛЕВСТВО — royal violet */
.anc-kingdom-auto {
  border-color: rgba(142, 128, 205, 0.64) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(142,128,205,0.31), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(72,66,124,0.27), transparent 38%),
    linear-gradient(180deg, #211f33 0%, #171827 48%, #101117 100%) !important;
}
.anc-kingdom-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(164,148,230,0.34), transparent 58%),
    linear-gradient(180deg, #292641 0%, #121321 100%) !important;
  border-bottom-color: rgba(164,148,230,0.50) !important;
}
.anc-kingdom-auto .anc-civ-card__top,
.anc-kingdom-auto .anc-civ-card__top a,
.anc-kingdom-auto .anc-civ-card__top span,
.anc-kingdom-auto .anc-civ-card__top b,
.anc-kingdom-auto .anc-civ-card__top strong { color: #c9bdf6 !important; }
.anc-kingdom-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(164,148,230,0.14), transparent 42%),
    linear-gradient(180deg, #211f35 0%, #11121b 100%) !important;
}
.anc-kingdom-auto .anc-civ-card__body h2,
.anc-kingdom-auto .anc-civ-card__body h3,
.anc-kingdom-auto .anc-civ-card__body h2 a,
.anc-kingdom-auto .anc-civ-card__body h3 a { color: #ded5ff !important; }
.anc-kingdom-auto .anc-civ-card__body h2::after,
.anc-kingdom-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(164,148,230,0.76), transparent) !important; }
.anc-kingdom-auto .anc-civ-card__body p,
.anc-kingdom-auto .anc-feed-excerpt,
.anc-kingdom-auto .anc-feed-excerpt *,
.anc-kingdom-auto .description,
.anc-kingdom-auto .short-description { color: #c5bfdc !important; }


/* ЦАРСТВО — холодная бронза */
.anc-tsardom-auto {
  border-color: rgba(190, 162, 102, 0.64) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(190,162,102,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(105,88,58,0.26), transparent 38%),
    linear-gradient(180deg, #29251b 0%, #1d1b15 48%, #11100e 100%) !important;
}
.anc-tsardom-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,184,116,0.32), transparent 58%),
    linear-gradient(180deg, #332d20 0%, #19160f 100%) !important;
  border-bottom-color: rgba(214,184,116,0.46) !important;
}
.anc-tsardom-auto .anc-civ-card__top,
.anc-tsardom-auto .anc-civ-card__top a,
.anc-tsardom-auto .anc-civ-card__top span,
.anc-tsardom-auto .anc-civ-card__top b,
.anc-tsardom-auto .anc-civ-card__top strong { color: #d8c28a !important; }
.anc-tsardom-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(214,184,116,0.13), transparent 42%),
    linear-gradient(180deg, #282318 0%, #14130f 100%) !important;
}
.anc-tsardom-auto .anc-civ-card__body h2,
.anc-tsardom-auto .anc-civ-card__body h3,
.anc-tsardom-auto .anc-civ-card__body h2 a,
.anc-tsardom-auto .anc-civ-card__body h3 a { color: #ead59b !important; }
.anc-tsardom-auto .anc-civ-card__body h2::after,
.anc-tsardom-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(214,184,116,0.72), transparent) !important; }
.anc-tsardom-auto .anc-civ-card__body p,
.anc-tsardom-auto .anc-feed-excerpt,
.anc-tsardom-auto .anc-feed-excerpt *,
.anc-tsardom-auto .description,
.anc-tsardom-auto .short-description { color: #d6c79b !important; }


/* ГОСУДАРСТВО — стальной синий */
.anc-state-auto {
  border-color: rgba(112, 150, 184, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(112,150,184,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(58,82,108,0.27), transparent 38%),
    linear-gradient(180deg, #1d2630 0%, #151d25 48%, #0f1216 100%) !important;
}
.anc-state-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(130,174,212,0.32), transparent 58%),
    linear-gradient(180deg, #243342 0%, #111821 100%) !important;
  border-bottom-color: rgba(130,174,212,0.46) !important;
}
.anc-state-auto .anc-civ-card__top,
.anc-state-auto .anc-civ-card__top a,
.anc-state-auto .anc-civ-card__top span,
.anc-state-auto .anc-civ-card__top b,
.anc-state-auto .anc-civ-card__top strong { color: #a8c7df !important; }
.anc-state-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(130,174,212,0.13), transparent 42%),
    linear-gradient(180deg, #1c2935 0%, #10161c 100%) !important;
}
.anc-state-auto .anc-civ-card__body h2,
.anc-state-auto .anc-civ-card__body h3,
.anc-state-auto .anc-civ-card__body h2 a,
.anc-state-auto .anc-civ-card__body h3 a { color: #c8e0f0 !important; }
.anc-state-auto .anc-civ-card__body h2::after,
.anc-state-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(130,174,212,0.72), transparent) !important; }
.anc-state-auto .anc-civ-card__body p,
.anc-state-auto .anc-feed-excerpt,
.anc-state-auto .anc-feed-excerpt *,
.anc-state-auto .description,
.anc-state-auto .short-description { color: #b8cad8 !important; }


/* ИМПЕРИЯ — глубокий индиго */
.anc-empire-auto {
  border-color: rgba(124, 126, 210, 0.66) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(124,126,210,0.32), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(60,62,126,0.28), transparent 38%),
    linear-gradient(180deg, #1e2035 0%, #151728 48%, #101018 100%) !important;
}
.anc-empire-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(148,150,238,0.36), transparent 58%),
    linear-gradient(180deg, #252747 0%, #111323 100%) !important;
  border-bottom-color: rgba(148,150,238,0.50) !important;
}
.anc-empire-auto .anc-civ-card__top,
.anc-empire-auto .anc-civ-card__top a,
.anc-empire-auto .anc-civ-card__top span,
.anc-empire-auto .anc-civ-card__top b,
.anc-empire-auto .anc-civ-card__top strong { color: #bec2ff !important; }
.anc-empire-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(148,150,238,0.15), transparent 42%),
    linear-gradient(180deg, #1f2138 0%, #10111d 100%) !important;
}
.anc-empire-auto .anc-civ-card__body h2,
.anc-empire-auto .anc-civ-card__body h3,
.anc-empire-auto .anc-civ-card__body h2 a,
.anc-empire-auto .anc-civ-card__body h3 a { color: #d9dcff !important; }
.anc-empire-auto .anc-civ-card__body h2::after,
.anc-empire-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(148,150,238,0.76), transparent) !important; }
.anc-empire-auto .anc-civ-card__body p,
.anc-empire-auto .anc-feed-excerpt,
.anc-empire-auto .anc-feed-excerpt *,
.anc-empire-auto .description,
.anc-empire-auto .short-description { color: #bfc2df !important; }


/* ПОСЕЛЕНИЕ — каменно-серый */
.anc-settlement-auto {
  border-color: rgba(150, 154, 148, 0.58) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(150,154,148,0.26), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(82,88,82,0.24), transparent 38%),
    linear-gradient(180deg, #242622 0%, #1a1d19 48%, #111210 100%) !important;
}
.anc-settlement-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(172,178,168,0.28), transparent 58%),
    linear-gradient(180deg, #2d302a 0%, #151813 100%) !important;
  border-bottom-color: rgba(172,178,168,0.40) !important;
}
.anc-settlement-auto .anc-civ-card__top,
.anc-settlement-auto .anc-civ-card__top a,
.anc-settlement-auto .anc-civ-card__top span,
.anc-settlement-auto .anc-civ-card__top b,
.anc-settlement-auto .anc-civ-card__top strong { color: #c9d0bf !important; }
.anc-settlement-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(172,178,168,0.11), transparent 42%),
    linear-gradient(180deg, #232720 0%, #111411 100%) !important;
}
.anc-settlement-auto .anc-civ-card__body h2,
.anc-settlement-auto .anc-civ-card__body h3,
.anc-settlement-auto .anc-civ-card__body h2 a,
.anc-settlement-auto .anc-civ-card__body h3 a { color: #dce3d1 !important; }
.anc-settlement-auto .anc-civ-card__body h2::after,
.anc-settlement-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(172,178,168,0.68), transparent) !important; }
.anc-settlement-auto .anc-civ-card__body p,
.anc-settlement-auto .anc-feed-excerpt,
.anc-settlement-auto .anc-feed-excerpt *,
.anc-settlement-auto .description,
.anc-settlement-auto .short-description { color: #c2c8ba !important; }


/* ЦИВИЛИЗАЦИЯ — холодный сине-зелёный */
.anc-civilization-auto {
  border-color: rgba(100, 176, 166, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(100,176,166,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(48,104,102,0.27), transparent 38%),
    linear-gradient(180deg, #1a2b2a 0%, #13201f 48%, #101515 100%) !important;
}
.anc-civilization-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(112,205,190,0.32), transparent 58%),
    linear-gradient(180deg, #203a38 0%, #101d1c 100%) !important;
  border-bottom-color: rgba(112,205,190,0.46) !important;
}
.anc-civilization-auto .anc-civ-card__top,
.anc-civilization-auto .anc-civ-card__top a,
.anc-civilization-auto .anc-civ-card__top span,
.anc-civilization-auto .anc-civ-card__top b,
.anc-civilization-auto .anc-civ-card__top strong { color: #98ded3 !important; }
.anc-civilization-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(112,205,190,0.13), transparent 42%),
    linear-gradient(180deg, #1a2d2b 0%, #101817 100%) !important;
}
.anc-civilization-auto .anc-civ-card__body h2,
.anc-civilization-auto .anc-civ-card__body h3,
.anc-civilization-auto .anc-civ-card__body h2 a,
.anc-civilization-auto .anc-civ-card__body h3 a { color: #b8eee4 !important; }
.anc-civilization-auto .anc-civ-card__body h2::after,
.anc-civilization-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(112,205,190,0.72), transparent) !important; }
.anc-civilization-auto .anc-civ-card__body p,
.anc-civilization-auto .anc-feed-excerpt,
.anc-civilization-auto .anc-feed-excerpt *,
.anc-civilization-auto .description,
.anc-civilization-auto .short-description { color: #aad5ce !important; }


/* ОСТРОВ — морской тёмно-бирюзовый */
.anc-island-auto {
  border-color: rgba(82, 156, 190, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(82,156,190,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(42,82,112,0.28), transparent 38%),
    linear-gradient(180deg, #182836 0%, #12202a 48%, #0e1418 100%) !important;
}
.anc-island-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(95,188,220,0.34), transparent 58%),
    linear-gradient(180deg, #1d3546 0%, #0f1b23 100%) !important;
  border-bottom-color: rgba(95,188,220,0.48) !important;
}
.anc-island-auto .anc-civ-card__top,
.anc-island-auto .anc-civ-card__top a,
.anc-island-auto .anc-civ-card__top span,
.anc-island-auto .anc-civ-card__top b,
.anc-island-auto .anc-civ-card__top strong { color: #96d7ee !important; }
.anc-island-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(95,188,220,0.14), transparent 42%),
    linear-gradient(180deg, #182b38 0%, #0f171c 100%) !important;
}
.anc-island-auto .anc-civ-card__body h2,
.anc-island-auto .anc-civ-card__body h3,
.anc-island-auto .anc-civ-card__body h2 a,
.anc-island-auto .anc-civ-card__body h3 a { color: #b7e9f7 !important; }
.anc-island-auto .anc-civ-card__body h2::after,
.anc-island-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(95,188,220,0.74), transparent) !important; }
.anc-island-auto .anc-civ-card__body p,
.anc-island-auto .anc-feed-excerpt,
.anc-island-auto .anc-feed-excerpt *,
.anc-island-auto .description,
.anc-island-auto .short-description { color: #a8d3df !important; }


/* КНЯЖЕСТВО — холодный нефрит */
.anc-principality-auto {
  border-color: rgba(72, 186, 145, 0.64) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(72,186,145,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(36,104,82,0.28), transparent 38%),
    linear-gradient(180deg, #172d25 0%, #112119 48%, #0e1511 100%) !important;
}
.anc-principality-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(82,214,164,0.34), transparent 58%),
    linear-gradient(180deg, #1b3c30 0%, #0d1d16 100%) !important;
  border-bottom-color: rgba(82,214,164,0.50) !important;
}
.anc-principality-auto .anc-civ-card__top,
.anc-principality-auto .anc-civ-card__top a,
.anc-principality-auto .anc-civ-card__top span,
.anc-principality-auto .anc-civ-card__top b,
.anc-principality-auto .anc-civ-card__top strong { color: #91e7bf !important; }
.anc-principality-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(82,214,164,0.14), transparent 42%),
    linear-gradient(180deg, #172f26 0%, #0e1812 100%) !important;
}
.anc-principality-auto .anc-civ-card__body h2,
.anc-principality-auto .anc-civ-card__body h3,
.anc-principality-auto .anc-civ-card__body h2 a,
.anc-principality-auto .anc-civ-card__body h3 a { color: #b4f3d1 !important; }
.anc-principality-auto .anc-civ-card__body h2::after,
.anc-principality-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(82,214,164,0.74), transparent) !important; }
.anc-principality-auto .anc-civ-card__body p,
.anc-principality-auto .anc-feed-excerpt,
.anc-principality-auto .anc-feed-excerpt *,
.anc-principality-auto .description,
.anc-principality-auto .short-description { color: #a7d7bd !important; }


/* ГЕРЦОГСТВО / ГЕРЦЕГСТВО — холодная розово-стальная лаванда */
.anc-duchy-auto {
  border-color: rgba(184, 128, 166, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(184,128,166,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(96,66,92,0.27), transparent 38%),
    linear-gradient(180deg, #2b2130 0%, #201824 48%, #131014 100%) !important;
}
.anc-duchy-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(208,150,190,0.34), transparent 58%),
    linear-gradient(180deg, #38283f 0%, #1c131f 100%) !important;
  border-bottom-color: rgba(208,150,190,0.48) !important;
}
.anc-duchy-auto .anc-civ-card__top,
.anc-duchy-auto .anc-civ-card__top a,
.anc-duchy-auto .anc-civ-card__top span,
.anc-duchy-auto .anc-civ-card__top b,
.anc-duchy-auto .anc-civ-card__top strong { color: #e2b2d0 !important; }
.anc-duchy-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(208,150,190,0.14), transparent 42%),
    linear-gradient(180deg, #2c2132 0%, #171219 100%) !important;
}
.anc-duchy-auto .anc-civ-card__body h2,
.anc-duchy-auto .anc-civ-card__body h3,
.anc-duchy-auto .anc-civ-card__body h2 a,
.anc-duchy-auto .anc-civ-card__body h3 a { color: #f0cce1 !important; }
.anc-duchy-auto .anc-civ-card__body h2::after,
.anc-duchy-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(208,150,190,0.74), transparent) !important; }
.anc-duchy-auto .anc-civ-card__body p,
.anc-duchy-auto .anc-feed-excerpt,
.anc-duchy-auto .anc-feed-excerpt *,
.anc-duchy-auto .description,
.anc-duchy-auto .short-description { color: #d5b7c8 !important; }


/* РЕСПУБЛИКА / РУСПУБЛИКА — холодный мятно-стальной */
.anc-republic-auto {
  border-color: rgba(116, 176, 160, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(116,176,160,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(62,104,100,0.26), transparent 38%),
    linear-gradient(180deg, #1d2b2a 0%, #16201f 48%, #101515 100%) !important;
}
.anc-republic-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(134,204,186,0.32), transparent 58%),
    linear-gradient(180deg, #263b39 0%, #111d1c 100%) !important;
  border-bottom-color: rgba(134,204,186,0.46) !important;
}
.anc-republic-auto .anc-civ-card__top,
.anc-republic-auto .anc-civ-card__top a,
.anc-republic-auto .anc-civ-card__top span,
.anc-republic-auto .anc-civ-card__top b,
.anc-republic-auto .anc-civ-card__top strong { color: #a9dfd0 !important; }
.anc-republic-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(134,204,186,0.13), transparent 42%),
    linear-gradient(180deg, #1d2d2b 0%, #101817 100%) !important;
}
.anc-republic-auto .anc-civ-card__body h2,
.anc-republic-auto .anc-civ-card__body h3,
.anc-republic-auto .anc-civ-card__body h2 a,
.anc-republic-auto .anc-civ-card__body h3 a { color: #c4f0e4 !important; }
.anc-republic-auto .anc-civ-card__body h2::after,
.anc-republic-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(134,204,186,0.72), transparent) !important; }
.anc-republic-auto .anc-civ-card__body p,
.anc-republic-auto .anc-feed-excerpt,
.anc-republic-auto .anc-feed-excerpt *,
.anc-republic-auto .description,
.anc-republic-auto .short-description { color: #b8d7cf !important; }


/* СУЛТАНАТ — холодный изумрудно-золотой */
.anc-sultanate-auto {
  border-color: rgba(118, 172, 120, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(118,172,120,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(118,100,54,0.24), transparent 38%),
    linear-gradient(180deg, #202a1f 0%, #181f17 48%, #11140f 100%) !important;
}
.anc-sultanate-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(146,198,130,0.30), transparent 58%),
    linear-gradient(180deg, #293622 0%, #151a11 100%) !important;
  border-bottom-color: rgba(190,172,92,0.44) !important;
}
.anc-sultanate-auto .anc-civ-card__top,
.anc-sultanate-auto .anc-civ-card__top a,
.anc-sultanate-auto .anc-civ-card__top span,
.anc-sultanate-auto .anc-civ-card__top b,
.anc-sultanate-auto .anc-civ-card__top strong { color: #cfe09c !important; }
.anc-sultanate-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(146,198,130,0.12), transparent 42%),
    linear-gradient(180deg, #20291c 0%, #12170f 100%) !important;
}
.anc-sultanate-auto .anc-civ-card__body h2,
.anc-sultanate-auto .anc-civ-card__body h3,
.anc-sultanate-auto .anc-civ-card__body h2 a,
.anc-sultanate-auto .anc-civ-card__body h3 a { color: #e0ebb0 !important; }
.anc-sultanate-auto .anc-civ-card__body h2::after,
.anc-sultanate-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(190,172,92,0.72), transparent) !important; }
.anc-sultanate-auto .anc-civ-card__body p,
.anc-sultanate-auto .anc-feed-excerpt,
.anc-sultanate-auto .anc-feed-excerpt *,
.anc-sultanate-auto .description,
.anc-sultanate-auto .short-description { color: #c8d4a6 !important; }


/* ГРАФСТВО — холодный пепельно-фиолетовый */
.anc-county-auto {
  border-color: rgba(148, 136, 174, 0.62) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(148,136,174,0.28), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(78,72,100,0.26), transparent 38%),
    linear-gradient(180deg, #242230 0%, #1a1924 48%, #111116 100%) !important;
}
.anc-county-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(170,158,200,0.32), transparent 58%),
    linear-gradient(180deg, #2f2c3d 0%, #171622 100%) !important;
  border-bottom-color: rgba(170,158,200,0.46) !important;
}
.anc-county-auto .anc-civ-card__top,
.anc-county-auto .anc-civ-card__top a,
.anc-county-auto .anc-civ-card__top span,
.anc-county-auto .anc-civ-card__top b,
.anc-county-auto .anc-civ-card__top strong { color: #cfc5e6 !important; }
.anc-county-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(170,158,200,0.13), transparent 42%),
    linear-gradient(180deg, #242232 0%, #121219 100%) !important;
}
.anc-county-auto .anc-civ-card__body h2,
.anc-county-auto .anc-civ-card__body h3,
.anc-county-auto .anc-civ-card__body h2 a,
.anc-county-auto .anc-civ-card__body h3 a { color: #e1d8f2 !important; }
.anc-county-auto .anc-civ-card__body h2::after,
.anc-county-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(170,158,200,0.72), transparent) !important; }
.anc-county-auto .anc-civ-card__body p,
.anc-county-auto .anc-feed-excerpt,
.anc-county-auto .anc-feed-excerpt *,
.anc-county-auto .description,
.anc-county-auto .short-description { color: #c9c1d5 !important; }


/* КАГАНАТ — холодный нефритово-синий */
.anc-khaganate-auto {
  border-color: rgba(82, 166, 184, 0.64) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(82,166,184,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(42,96,116,0.28), transparent 38%),
    linear-gradient(180deg, #172a31 0%, #112127 48%, #0e1518 100%) !important;
}
.anc-khaganate-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,194,216,0.34), transparent 58%),
    linear-gradient(180deg, #1c3741 0%, #0e1c22 100%) !important;
  border-bottom-color: rgba(96,194,216,0.50) !important;
}
.anc-khaganate-auto .anc-civ-card__top,
.anc-khaganate-auto .anc-civ-card__top a,
.anc-khaganate-auto .anc-civ-card__top span,
.anc-khaganate-auto .anc-civ-card__top b,
.anc-khaganate-auto .anc-civ-card__top strong { color: #91d9e8 !important; }
.anc-khaganate-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(96,194,216,0.14), transparent 42%),
    linear-gradient(180deg, #172d35 0%, #0e181c 100%) !important;
}
.anc-khaganate-auto .anc-civ-card__body h2,
.anc-khaganate-auto .anc-civ-card__body h3,
.anc-khaganate-auto .anc-civ-card__body h2 a,
.anc-khaganate-auto .anc-civ-card__body h3 a { color: #b5eaf4 !important; }
.anc-khaganate-auto .anc-civ-card__body h2::after,
.anc-khaganate-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(96,194,216,0.74), transparent) !important; }
.anc-khaganate-auto .anc-civ-card__body p,
.anc-khaganate-auto .anc-feed-excerpt,
.anc-khaganate-auto .anc-feed-excerpt *,
.anc-khaganate-auto .description,
.anc-khaganate-auto .short-description { color: #a8d3de !important; }


/* ХАНСТВО — дымчато-янтарный, не совпадает с царством */
.anc-khanate-auto {
  border-color: rgba(182, 132, 84, 0.64) !important;
  background:
    radial-gradient(circle at 82% 8%, rgba(182,132,84,0.30), transparent 34%),
    radial-gradient(circle at 18% 0%, rgba(96,70,48,0.28), transparent 38%),
    linear-gradient(180deg, #2b2118 0%, #1f1812 48%, #120f0d 100%) !important;
}
.anc-khanate-auto .anc-civ-card__top {
  background:
    radial-gradient(circle at 50% 0%, rgba(206,154,98,0.34), transparent 58%),
    linear-gradient(180deg, #382819 0%, #1c130d 100%) !important;
  border-bottom-color: rgba(206,154,98,0.50) !important;
}
.anc-khanate-auto .anc-civ-card__top,
.anc-khanate-auto .anc-civ-card__top a,
.anc-khanate-auto .anc-civ-card__top span,
.anc-khanate-auto .anc-civ-card__top b,
.anc-khanate-auto .anc-civ-card__top strong { color: #e0ad76 !important; }
.anc-khanate-auto .anc-civ-card__body {
  background:
    radial-gradient(circle at 50% 0%, rgba(206,154,98,0.14), transparent 42%),
    linear-gradient(180deg, #2c2118 0%, #15100d 100%) !important;
}
.anc-khanate-auto .anc-civ-card__body h2,
.anc-khanate-auto .anc-civ-card__body h3,
.anc-khanate-auto .anc-civ-card__body h2 a,
.anc-khanate-auto .anc-civ-card__body h3 a { color: #efc18a !important; }
.anc-khanate-auto .anc-civ-card__body h2::after,
.anc-khanate-auto .anc-civ-card__body h3::after { background: linear-gradient(90deg, transparent, rgba(206,154,98,0.76), transparent) !important; }
.anc-khanate-auto .anc-civ-card__body p,
.anc-khanate-auto .anc-feed-excerpt,
.anc-khanate-auto .anc-feed-excerpt *,
.anc-khanate-auto .description,
.anc-khanate-auto .short-description { color: #d6b28e !important; }

/* =========================================================
   ANCIENTCIVS — V66 COOL FLAT AUTO CARD COLORS
   Убираем градиенты с автоцветных карточек.
   Цвета становятся более прохладными, спокойными и не ядовитыми.

   ВАЖНО:
   - этот блок должен быть самым последним в CSS;
   - JS остаётся тот же V65;
   - здесь только спокойные однотонные фоны + мягкие рамки.
========================================================= */


/* Общая база для всех автоцветных карточек */
.anc-culture-auto,
.anc-city-auto,
.anc-people-auto,
.anc-tribe-auto,
.anc-kingdom-auto,
.anc-tsardom-auto,
.anc-state-auto,
.anc-empire-auto,
.anc-settlement-auto,
.anc-civilization-auto,
.anc-island-auto,
.anc-principality-auto,
.anc-duchy-auto,
.anc-republic-auto,
.anc-sultanate-auto,
.anc-county-auto,
.anc-khaganate-auto,
.anc-khanate-auto {
  background-image: none !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,0.34),
    inset 0 0 0 1px rgba(255,255,255,0.018) !important;
}

.anc-culture-auto .anc-civ-card__top,
.anc-city-auto .anc-civ-card__top,
.anc-people-auto .anc-civ-card__top,
.anc-tribe-auto .anc-civ-card__top,
.anc-kingdom-auto .anc-civ-card__top,
.anc-tsardom-auto .anc-civ-card__top,
.anc-state-auto .anc-civ-card__top,
.anc-empire-auto .anc-civ-card__top,
.anc-settlement-auto .anc-civ-card__top,
.anc-civilization-auto .anc-civ-card__top,
.anc-island-auto .anc-civ-card__top,
.anc-principality-auto .anc-civ-card__top,
.anc-duchy-auto .anc-civ-card__top,
.anc-republic-auto .anc-civ-card__top,
.anc-sultanate-auto .anc-civ-card__top,
.anc-county-auto .anc-civ-card__top,
.anc-khaganate-auto .anc-civ-card__top,
.anc-khanate-auto .anc-civ-card__top {
  background-image: none !important;
}

.anc-culture-auto .anc-civ-card__body,
.anc-city-auto .anc-civ-card__body,
.anc-people-auto .anc-civ-card__body,
.anc-tribe-auto .anc-civ-card__body,
.anc-kingdom-auto .anc-civ-card__body,
.anc-tsardom-auto .anc-civ-card__body,
.anc-state-auto .anc-civ-card__body,
.anc-empire-auto .anc-civ-card__body,
.anc-settlement-auto .anc-civ-card__body,
.anc-civilization-auto .anc-civ-card__body,
.anc-island-auto .anc-civ-card__body,
.anc-principality-auto .anc-civ-card__body,
.anc-duchy-auto .anc-civ-card__body,
.anc-republic-auto .anc-civ-card__body,
.anc-sultanate-auto .anc-civ-card__body,
.anc-county-auto .anc-civ-card__body,
.anc-khaganate-auto .anc-civ-card__body,
.anc-khanate-auto .anc-civ-card__body {
  background-image: none !important;
}


/* КУЛЬТУРЫ — прохладный оливково-каменный */
.anc-culture-auto {
  background: #1b211c !important;
  border-color: rgba(135, 156, 126, 0.36) !important;
}
.anc-culture-auto .anc-civ-card__top {
  background: #20271f !important;
  border-bottom-color: rgba(135, 156, 126, 0.28) !important;
}
.anc-culture-auto .anc-civ-card__body { background: #171d18 !important; }
.anc-culture-auto .anc-civ-card__top,
.anc-culture-auto .anc-civ-card__top a,
.anc-culture-auto .anc-civ-card__top span,
.anc-culture-auto .anc-civ-card__top b,
.anc-culture-auto .anc-civ-card__top strong { color: #b8c6a5 !important; }
.anc-culture-auto .anc-civ-card__body h2,
.anc-culture-auto .anc-civ-card__body h3,
.anc-culture-auto .anc-civ-card__body h2 a,
.anc-culture-auto .anc-civ-card__body h3 a { color: #cbd9b8 !important; }
.anc-culture-auto .anc-civ-card__body h2::after,
.anc-culture-auto .anc-civ-card__body h3::after { background: rgba(135, 156, 126, 0.48) !important; }
.anc-culture-auto .anc-civ-card__body p,
.anc-culture-auto .anc-feed-excerpt,
.anc-culture-auto .description,
.anc-culture-auto .short-description { color: #b8c4ad !important; }


/* ГОРОД — прохладный пепельно-сливовый */
.anc-city-auto {
  background: #221c22 !important;
  border-color: rgba(150, 112, 128, 0.38) !important;
}
.anc-city-auto .anc-civ-card__top {
  background: #2a222a !important;
  border-bottom-color: rgba(150, 112, 128, 0.32) !important;
}
.anc-city-auto .anc-civ-card__body { background: #1b161b !important; }
.anc-city-auto .anc-civ-card__top,
.anc-city-auto .anc-civ-card__top a,
.anc-city-auto .anc-civ-card__top span,
.anc-city-auto .anc-civ-card__top b,
.anc-city-auto .anc-civ-card__top strong { color: #c69daa !important; }
.anc-city-auto .anc-civ-card__body h2,
.anc-city-auto .anc-civ-card__body h3,
.anc-city-auto .anc-civ-card__body h2 a,
.anc-city-auto .anc-civ-card__body h3 a { color: #d8b3bf !important; }
.anc-city-auto .anc-civ-card__body h2::after,
.anc-city-auto .anc-civ-card__body h3::after { background: rgba(150, 112, 128, 0.50) !important; }
.anc-city-auto .anc-civ-card__body p,
.anc-city-auto .anc-feed-excerpt,
.anc-city-auto .description,
.anc-city-auto .short-description { color: #c7b0b8 !important; }


/* НАРОД — холодный мох */
.anc-people-auto {
  background: #19231d !important;
  border-color: rgba(105, 145, 118, 0.38) !important;
}
.anc-people-auto .anc-civ-card__top {
  background: #1e2b23 !important;
  border-bottom-color: rgba(105, 145, 118, 0.32) !important;
}
.anc-people-auto .anc-civ-card__body { background: #141b16 !important; }
.anc-people-auto .anc-civ-card__top,
.anc-people-auto .anc-civ-card__top a,
.anc-people-auto .anc-civ-card__top span,
.anc-people-auto .anc-civ-card__top b,
.anc-people-auto .anc-civ-card__top strong { color: #9fc0aa !important; }
.anc-people-auto .anc-civ-card__body h2,
.anc-people-auto .anc-civ-card__body h3,
.anc-people-auto .anc-civ-card__body h2 a,
.anc-people-auto .anc-civ-card__body h3 a { color: #bfd8c6 !important; }
.anc-people-auto .anc-civ-card__body h2::after,
.anc-people-auto .anc-civ-card__body h3::after { background: rgba(105, 145, 118, 0.50) !important; }
.anc-people-auto .anc-civ-card__body p,
.anc-people-auto .anc-feed-excerpt,
.anc-people-auto .description,
.anc-people-auto .short-description { color: #afc5b6 !important; }


/* ПЛЕМЯ — прохладный тёмный циан */
.anc-tribe-auto {
  background: #17262a !important;
  border-color: rgba(82, 154, 162, 0.42) !important;
}
.anc-tribe-auto .anc-civ-card__top {
  background: #1b3035 !important;
  border-bottom-color: rgba(82, 154, 162, 0.34) !important;
}
.anc-tribe-auto .anc-civ-card__body { background: #111b1e !important; }
.anc-tribe-auto .anc-civ-card__top,
.anc-tribe-auto .anc-civ-card__top a,
.anc-tribe-auto .anc-civ-card__top span,
.anc-tribe-auto .anc-civ-card__top b,
.anc-tribe-auto .anc-civ-card__top strong { color: #89c7ce !important; }
.anc-tribe-auto .anc-civ-card__body h2,
.anc-tribe-auto .anc-civ-card__body h3,
.anc-tribe-auto .anc-civ-card__body h2 a,
.anc-tribe-auto .anc-civ-card__body h3 a { color: #aee1e6 !important; }
.anc-tribe-auto .anc-civ-card__body h2::after,
.anc-tribe-auto .anc-civ-card__body h3::after { background: rgba(82, 154, 162, 0.52) !important; }
.anc-tribe-auto .anc-civ-card__body p,
.anc-tribe-auto .anc-feed-excerpt,
.anc-tribe-auto .description,
.anc-tribe-auto .short-description { color: #a3c5c9 !important; }


/* КОРОЛЕВСТВО — холодный приглушённый фиолет */
.anc-kingdom-auto {
  background: #1d1c2b !important;
  border-color: rgba(132, 122, 180, 0.40) !important;
}
.anc-kingdom-auto .anc-civ-card__top {
  background: #242238 !important;
  border-bottom-color: rgba(132, 122, 180, 0.34) !important;
}
.anc-kingdom-auto .anc-civ-card__body { background: #151522 !important; }
.anc-kingdom-auto .anc-civ-card__top,
.anc-kingdom-auto .anc-civ-card__top a,
.anc-kingdom-auto .anc-civ-card__top span,
.anc-kingdom-auto .anc-civ-card__top b,
.anc-kingdom-auto .anc-civ-card__top strong { color: #b8aedc !important; }
.anc-kingdom-auto .anc-civ-card__body h2,
.anc-kingdom-auto .anc-civ-card__body h3,
.anc-kingdom-auto .anc-civ-card__body h2 a,
.anc-kingdom-auto .anc-civ-card__body h3 a { color: #d2cbed !important; }
.anc-kingdom-auto .anc-civ-card__body h2::after,
.anc-kingdom-auto .anc-civ-card__body h3::after { background: rgba(132, 122, 180, 0.52) !important; }
.anc-kingdom-auto .anc-civ-card__body p,
.anc-kingdom-auto .anc-feed-excerpt,
.anc-kingdom-auto .description,
.anc-kingdom-auto .short-description { color: #bdb8cf !important; }


/* ЦАРСТВО — тёмная холодная бронза без золота */
.anc-tsardom-auto {
  background: #222019 !important;
  border-color: rgba(166, 145, 96, 0.38) !important;
}
.anc-tsardom-auto .anc-civ-card__top {
  background: #29261d !important;
  border-bottom-color: rgba(166, 145, 96, 0.32) !important;
}
.anc-tsardom-auto .anc-civ-card__body { background: #191712 !important; }
.anc-tsardom-auto .anc-civ-card__top,
.anc-tsardom-auto .anc-civ-card__top a,
.anc-tsardom-auto .anc-civ-card__top span,
.anc-tsardom-auto .anc-civ-card__top b,
.anc-tsardom-auto .anc-civ-card__top strong { color: #c3b184 !important; }
.anc-tsardom-auto .anc-civ-card__body h2,
.anc-tsardom-auto .anc-civ-card__body h3,
.anc-tsardom-auto .anc-civ-card__body h2 a,
.anc-tsardom-auto .anc-civ-card__body h3 a { color: #d7c798 !important; }
.anc-tsardom-auto .anc-civ-card__body h2::after,
.anc-tsardom-auto .anc-civ-card__body h3::after { background: rgba(166, 145, 96, 0.48) !important; }
.anc-tsardom-auto .anc-civ-card__body p,
.anc-tsardom-auto .anc-feed-excerpt,
.anc-tsardom-auto .description,
.anc-tsardom-auto .short-description { color: #c2b895 !important; }


/* ГОСУДАРСТВО — холодный стальной синий */
.anc-state-auto {
  background: #192431 !important;
  border-color: rgba(100, 135, 168, 0.40) !important;
}
.anc-state-auto .anc-civ-card__top {
  background: #1e2d3d !important;
  border-bottom-color: rgba(100, 135, 168, 0.34) !important;
}
.anc-state-auto .anc-civ-card__body { background: #121923 !important; }
.anc-state-auto .anc-civ-card__top,
.anc-state-auto .anc-civ-card__top a,
.anc-state-auto .anc-civ-card__top span,
.anc-state-auto .anc-civ-card__top b,
.anc-state-auto .anc-civ-card__top strong { color: #9ebbd2 !important; }
.anc-state-auto .anc-civ-card__body h2,
.anc-state-auto .anc-civ-card__body h3,
.anc-state-auto .anc-civ-card__body h2 a,
.anc-state-auto .anc-civ-card__body h3 a { color: #c0d5e5 !important; }
.anc-state-auto .anc-civ-card__body h2::after,
.anc-state-auto .anc-civ-card__body h3::after { background: rgba(100, 135, 168, 0.52) !important; }
.anc-state-auto .anc-civ-card__body p,
.anc-state-auto .anc-feed-excerpt,
.anc-state-auto .description,
.anc-state-auto .short-description { color: #aebfcd !important; }


/* ИМПЕРИЯ — глубокий холодный индиго */
.anc-empire-auto {
  background: #1a1d31 !important;
  border-color: rgba(112, 116, 184, 0.42) !important;
}
.anc-empire-auto .anc-civ-card__top {
  background: #202441 !important;
  border-bottom-color: rgba(112, 116, 184, 0.36) !important;
}
.anc-empire-auto .anc-civ-card__body { background: #121421 !important; }
.anc-empire-auto .anc-civ-card__top,
.anc-empire-auto .anc-civ-card__top a,
.anc-empire-auto .anc-civ-card__top span,
.anc-empire-auto .anc-civ-card__top b,
.anc-empire-auto .anc-civ-card__top strong { color: #b2b8e8 !important; }
.anc-empire-auto .anc-civ-card__body h2,
.anc-empire-auto .anc-civ-card__body h3,
.anc-empire-auto .anc-civ-card__body h2 a,
.anc-empire-auto .anc-civ-card__body h3 a { color: #cfd4f2 !important; }
.anc-empire-auto .anc-civ-card__body h2::after,
.anc-empire-auto .anc-civ-card__body h3::after { background: rgba(112, 116, 184, 0.54) !important; }
.anc-empire-auto .anc-civ-card__body p,
.anc-empire-auto .anc-feed-excerpt,
.anc-empire-auto .description,
.anc-empire-auto .short-description { color: #b8bbd5 !important; }


/* ПОСЕЛЕНИЕ — каменно-серый */
.anc-settlement-auto {
  background: #20231f !important;
  border-color: rgba(138, 144, 136, 0.36) !important;
}
.anc-settlement-auto .anc-civ-card__top {
  background: #262a25 !important;
  border-bottom-color: rgba(138, 144, 136, 0.30) !important;
}
.anc-settlement-auto .anc-civ-card__body { background: #171a16 !important; }
.anc-settlement-auto .anc-civ-card__top,
.anc-settlement-auto .anc-civ-card__top a,
.anc-settlement-auto .anc-civ-card__top span,
.anc-settlement-auto .anc-civ-card__top b,
.anc-settlement-auto .anc-civ-card__top strong { color: #bdc4b8 !important; }
.anc-settlement-auto .anc-civ-card__body h2,
.anc-settlement-auto .anc-civ-card__body h3,
.anc-settlement-auto .anc-civ-card__body h2 a,
.anc-settlement-auto .anc-civ-card__body h3 a { color: #d0d8ca !important; }
.anc-settlement-auto .anc-civ-card__body h2::after,
.anc-settlement-auto .anc-civ-card__body h3::after { background: rgba(138, 144, 136, 0.48) !important; }
.anc-settlement-auto .anc-civ-card__body p,
.anc-settlement-auto .anc-feed-excerpt,
.anc-settlement-auto .description,
.anc-settlement-auto .short-description { color: #b8beb3 !important; }


/* ЦИВИЛИЗАЦИЯ — глубокий сине-зелёный */
.anc-civilization-auto {
  background: #172625 !important;
  border-color: rgba(88, 156, 148, 0.40) !important;
}
.anc-civilization-auto .anc-civ-card__top {
  background: #1b302e !important;
  border-bottom-color: rgba(88, 156, 148, 0.34) !important;
}
.anc-civilization-auto .anc-civ-card__body { background: #111b1a !important; }
.anc-civilization-auto .anc-civ-card__top,
.anc-civilization-auto .anc-civ-card__top a,
.anc-civilization-auto .anc-civ-card__top span,
.anc-civilization-auto .anc-civ-card__top b,
.anc-civilization-auto .anc-civ-card__top strong { color: #8fc9c0 !important; }
.anc-civilization-auto .anc-civ-card__body h2,
.anc-civilization-auto .anc-civ-card__body h3,
.anc-civilization-auto .anc-civ-card__body h2 a,
.anc-civilization-auto .anc-civ-card__body h3 a { color: #aee0d8 !important; }
.anc-civilization-auto .anc-civ-card__body h2::after,
.anc-civilization-auto .anc-civ-card__body h3::after { background: rgba(88, 156, 148, 0.52) !important; }
.anc-civilization-auto .anc-civ-card__body p,
.anc-civilization-auto .anc-feed-excerpt,
.anc-civilization-auto .description,
.anc-civilization-auto .short-description { color: #9ec5bf !important; }


/* ОСТРОВ — тёмный морской синий */
.anc-island-auto {
  background: #162331 !important;
  border-color: rgba(76, 136, 170, 0.42) !important;
}
.anc-island-auto .anc-civ-card__top {
  background: #1a2d3d !important;
  border-bottom-color: rgba(76, 136, 170, 0.36) !important;
}
.anc-island-auto .anc-civ-card__body { background: #101821 !important; }
.anc-island-auto .anc-civ-card__top,
.anc-island-auto .anc-civ-card__top a,
.anc-island-auto .anc-civ-card__top span,
.anc-island-auto .anc-civ-card__top b,
.anc-island-auto .anc-civ-card__top strong { color: #8fc5dc !important; }
.anc-island-auto .anc-civ-card__body h2,
.anc-island-auto .anc-civ-card__body h3,
.anc-island-auto .anc-civ-card__body h2 a,
.anc-island-auto .anc-civ-card__body h3 a { color: #acddea !important; }
.anc-island-auto .anc-civ-card__body h2::after,
.anc-island-auto .anc-civ-card__body h3::after { background: rgba(76, 136, 170, 0.54) !important; }
.anc-island-auto .anc-civ-card__body p,
.anc-island-auto .anc-feed-excerpt,
.anc-island-auto .description,
.anc-island-auto .short-description { color: #9abed0 !important; }


/* КНЯЖЕСТВО — холодный нефрит */
.anc-principality-auto {
  background: #162620 !important;
  border-color: rgba(68, 150, 116, 0.42) !important;
}
.anc-principality-auto .anc-civ-card__top {
  background: #1a3028 !important;
  border-bottom-color: rgba(68, 150, 116, 0.36) !important;
}
.anc-principality-auto .anc-civ-card__body { background: #101b16 !important; }
.anc-principality-auto .anc-civ-card__top,
.anc-principality-auto .anc-civ-card__top a,
.anc-principality-auto .anc-civ-card__top span,
.anc-principality-auto .anc-civ-card__top b,
.anc-principality-auto .anc-civ-card__top strong { color: #88ceb0 !important; }
.anc-principality-auto .anc-civ-card__body h2,
.anc-principality-auto .anc-civ-card__body h3,
.anc-principality-auto .anc-civ-card__body h2 a,
.anc-principality-auto .anc-civ-card__body h3 a { color: #aee4c7 !important; }
.anc-principality-auto .anc-civ-card__body h2::after,
.anc-principality-auto .anc-civ-card__body h3::after { background: rgba(68, 150, 116, 0.54) !important; }
.anc-principality-auto .anc-civ-card__body p,
.anc-principality-auto .anc-feed-excerpt,
.anc-principality-auto .description,
.anc-principality-auto .short-description { color: #9dc4ae !important; }


/* ГЕРЦОГСТВО — пыльная лаванда */
.anc-duchy-auto {
  background: #261f2a !important;
  border-color: rgba(158, 120, 150, 0.40) !important;
}
.anc-duchy-auto .anc-civ-card__top {
  background: #302736 !important;
  border-bottom-color: rgba(158, 120, 150, 0.34) !important;
}
.anc-duchy-auto .anc-civ-card__body { background: #1a151d !important; }
.anc-duchy-auto .anc-civ-card__top,
.anc-duchy-auto .anc-civ-card__top a,
.anc-duchy-auto .anc-civ-card__top span,
.anc-duchy-auto .anc-civ-card__top b,
.anc-duchy-auto .anc-civ-card__top strong { color: #cfabc4 !important; }
.anc-duchy-auto .anc-civ-card__body h2,
.anc-duchy-auto .anc-civ-card__body h3,
.anc-duchy-auto .anc-civ-card__body h2 a,
.anc-duchy-auto .anc-civ-card__body h3 a { color: #e2c2d6 !important; }
.anc-duchy-auto .anc-civ-card__body h2::after,
.anc-duchy-auto .anc-civ-card__body h3::after { background: rgba(158, 120, 150, 0.52) !important; }
.anc-duchy-auto .anc-civ-card__body p,
.anc-duchy-auto .anc-feed-excerpt,
.anc-duchy-auto .description,
.anc-duchy-auto .short-description { color: #cab1c0 !important; }


/* РЕСПУБЛИКА — мятно-стальной */
.anc-republic-auto {
  background: #1a2726 !important;
  border-color: rgba(98, 150, 138, 0.40) !important;
}
.anc-republic-auto .anc-civ-card__top {
  background: #203130 !important;
  border-bottom-color: rgba(98, 150, 138, 0.34) !important;
}
.anc-republic-auto .anc-civ-card__body { background: #121b1a !important; }
.anc-republic-auto .anc-civ-card__top,
.anc-republic-auto .anc-civ-card__top a,
.anc-republic-auto .anc-civ-card__top span,
.anc-republic-auto .anc-civ-card__top b,
.anc-republic-auto .anc-civ-card__top strong { color: #9fcfc4 !important; }
.anc-republic-auto .anc-civ-card__body h2,
.anc-republic-auto .anc-civ-card__body h3,
.anc-republic-auto .anc-civ-card__body h2 a,
.anc-republic-auto .anc-civ-card__body h3 a { color: #bde2d8 !important; }
.anc-republic-auto .anc-civ-card__body h2::after,
.anc-republic-auto .anc-civ-card__body h3::after { background: rgba(98, 150, 138, 0.52) !important; }
.anc-republic-auto .anc-civ-card__body p,
.anc-republic-auto .anc-feed-excerpt,
.anc-republic-auto .description,
.anc-republic-auto .short-description { color: #abc8c0 !important; }


/* СУЛТАНАТ — холодный тёмный изумруд */
.anc-sultanate-auto {
  background: #1b2418 !important;
  border-color: rgba(118, 150, 96, 0.40) !important;
}
.anc-sultanate-auto .anc-civ-card__top {
  background: #222d1d !important;
  border-bottom-color: rgba(118, 150, 96, 0.34) !important;
}
.anc-sultanate-auto .anc-civ-card__body { background: #141a12 !important; }
.anc-sultanate-auto .anc-civ-card__top,
.anc-sultanate-auto .anc-civ-card__top a,
.anc-sultanate-auto .anc-civ-card__top span,
.anc-sultanate-auto .anc-civ-card__top b,
.anc-sultanate-auto .anc-civ-card__top strong { color: #bdcf9d !important; }
.anc-sultanate-auto .anc-civ-card__body h2,
.anc-sultanate-auto .anc-civ-card__body h3,
.anc-sultanate-auto .anc-civ-card__body h2 a,
.anc-sultanate-auto .anc-civ-card__body h3 a { color: #d2dfb6 !important; }
.anc-sultanate-auto .anc-civ-card__body h2::after,
.anc-sultanate-auto .anc-civ-card__body h3::after { background: rgba(118, 150, 96, 0.52) !important; }
.anc-sultanate-auto .anc-civ-card__body p,
.anc-sultanate-auto .anc-feed-excerpt,
.anc-sultanate-auto .description,
.anc-sultanate-auto .short-description { color: #b8c4a7 !important; }


/* ГРАФСТВО — пепельно-фиолетовый */
.anc-county-auto {
  background: #22212b !important;
  border-color: rgba(134, 126, 160, 0.40) !important;
}
.anc-county-auto .anc-civ-card__top {
  background: #2a2936 !important;
  border-bottom-color: rgba(134, 126, 160, 0.34) !important;
}
.anc-county-auto .anc-civ-card__body { background: #17161d !important; }
.anc-county-auto .anc-civ-card__top,
.anc-county-auto .anc-civ-card__top a,
.anc-county-auto .anc-civ-card__top span,
.anc-county-auto .anc-civ-card__top b,
.anc-county-auto .anc-civ-card__top strong { color: #bfb8d2 !important; }
.anc-county-auto .anc-civ-card__body h2,
.anc-county-auto .anc-civ-card__body h3,
.anc-county-auto .anc-civ-card__body h2 a,
.anc-county-auto .anc-civ-card__body h3 a { color: #d6d0e5 !important; }
.anc-county-auto .anc-civ-card__body h2::after,
.anc-county-auto .anc-civ-card__body h3::after { background: rgba(134, 126, 160, 0.52) !important; }
.anc-county-auto .anc-civ-card__body p,
.anc-county-auto .anc-feed-excerpt,
.anc-county-auto .description,
.anc-county-auto .short-description { color: #beb8ca !important; }


/* КАГАНАТ — нефритово-синий */
.anc-khaganate-auto {
  background: #16272d !important;
  border-color: rgba(76, 146, 160, 0.42) !important;
}
.anc-khaganate-auto .anc-civ-card__top {
  background: #1a3139 !important;
  border-bottom-color: rgba(76, 146, 160, 0.36) !important;
}
.anc-khaganate-auto .anc-civ-card__body { background: #101b1f !important; }
.anc-khaganate-auto .anc-civ-card__top,
.anc-khaganate-auto .anc-civ-card__top a,
.anc-khaganate-auto .anc-civ-card__top span,
.anc-khaganate-auto .anc-civ-card__top b,
.anc-khaganate-auto .anc-civ-card__top strong { color: #8bc8d4 !important; }
.anc-khaganate-auto .anc-civ-card__body h2,
.anc-khaganate-auto .anc-civ-card__body h3,
.anc-khaganate-auto .anc-civ-card__body h2 a,
.anc-khaganate-auto .anc-civ-card__body h3 a { color: #afe0e9 !important; }
.anc-khaganate-auto .anc-civ-card__body h2::after,
.anc-khaganate-auto .anc-civ-card__body h3::after { background: rgba(76, 146, 160, 0.54) !important; }
.anc-khaganate-auto .anc-civ-card__body p,
.anc-khaganate-auto .anc-feed-excerpt,
.anc-khaganate-auto .description,
.anc-khaganate-auto .short-description { color: #9dc3cc !important; }


/* ХАНСТВО — приглушённый дымчато-янтарный */
.anc-khanate-auto {
  background: #251d16 !important;
  border-color: rgba(158, 118, 78, 0.40) !important;
}
.anc-khanate-auto .anc-civ-card__top {
  background: #2d241a !important;
  border-bottom-color: rgba(158, 118, 78, 0.34) !important;
}
.anc-khanate-auto .anc-civ-card__body { background: #1a1510 !important; }
.anc-khanate-auto .anc-civ-card__top,
.anc-khanate-auto .anc-civ-card__top a,
.anc-khanate-auto .anc-civ-card__top span,
.anc-khanate-auto .anc-civ-card__top b,
.anc-khanate-auto .anc-civ-card__top strong { color: #caa37a !important; }
.anc-khanate-auto .anc-civ-card__body h2,
.anc-khanate-auto .anc-civ-card__body h3,
.anc-khanate-auto .anc-civ-card__body h2 a,
.anc-khanate-auto .anc-civ-card__body h3 a { color: #ddb98f !important; }
.anc-khanate-auto .anc-civ-card__body h2::after,
.anc-khanate-auto .anc-civ-card__body h3::after { background: rgba(158, 118, 78, 0.52) !important; }
.anc-khanate-auto .anc-civ-card__body p,
.anc-khanate-auto .anc-feed-excerpt,
.anc-khanate-auto .description,
.anc-khanate-auto .short-description { color: #c7ad91 !important; }


/* Hover общий — без ядовитых вспышек и без градиентов */
.anc-culture-auto:hover,
.anc-city-auto:hover,
.anc-people-auto:hover,
.anc-tribe-auto:hover,
.anc-kingdom-auto:hover,
.anc-tsardom-auto:hover,
.anc-state-auto:hover,
.anc-empire-auto:hover,
.anc-settlement-auto:hover,
.anc-civilization-auto:hover,
.anc-island-auto:hover,
.anc-principality-auto:hover,
.anc-duchy-auto:hover,
.anc-republic-auto:hover,
.anc-sultanate-auto:hover,
.anc-county-auto:hover,
.anc-khaganate-auto:hover,
.anc-khanate-auto:hover {
  filter: brightness(1.04) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,0.42),
    inset 0 0 0 1px rgba(255,255,255,0.024) !important;
}

/* =========================================================
   ANCIENTCIVS — V78 DESIGN UPGRADE PACK
   Выполнены пункты: 1, 2, 5, 7, 8, 10.

   1 — карточки чуть дороже;
   2 — маленькие типовые метки;
   5 — различимые разделы;
   7 — активный пункт меню;
   8 — мобильная версия;
   10 — красивая строка "Читать / открыть".

   ВАЖНО:
   - этот блок должен быть самым последним в CSS;
   - JS автоцветов V77 оставляем;
   - старые tone-классы не нужны.
========================================================= */


/* =========================================================
   1. КАРТОЧКИ ЧУТЬ ДОРОЖЕ
========================================================= */

html body .anc-feed-card,
html body .anc-forum-card,
html body .anc-module-panel,
html body .anc-sidebox,
html body .anc-civ-card,
html body .civilization,
html body .civilization1,
html body .civilization2,
html body .civilization3 {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body .anc-feed-card,
html body .anc-forum-card,
html body .anc-civ-card {
  border-color: rgba(220, 174, 95, 0.22) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,0.46),
    inset 0 1px 0 rgba(255,230,170,0.055),
    inset 0 0 0 1px rgba(255,255,255,0.018) !important;
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}

html body .anc-feed-card::before,
html body .anc-forum-card::before,
html body .anc-civ-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(90% 55% at 50% 0%,
      rgba(255, 218, 148, 0.070) 0%,
      rgba(255, 218, 148, 0.028) 42%,
      transparent 76%
    ) !important;
}

html body .anc-feed-card > *,
html body .anc-forum-card > *,
html body .anc-civ-card > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .anc-feed-card:hover,
html body .anc-forum-card:hover,
html body .anc-civ-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(241, 202, 126, 0.38) !important;
  box-shadow:
    0 24px 54px rgba(0,0,0,0.56),
    inset 0 1px 0 rgba(255,230,170,0.08),
    inset 0 0 0 1px rgba(255,255,255,0.024) !important;
}


/* =========================================================
   2. МАЛЕНЬКИЕ ТИПОВЫЕ МЕТКИ НА КАРТОЧКАХ
========================================================= */

html body .anc-civ-card::after {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 8 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 20px !important;
  padding: 3px 7px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(var(--anc-card-border-rgb, 205, 164, 92), .34) !important;
  background:
    linear-gradient(180deg, rgba(14,12,10,.72), rgba(8,7,6,.82)) !important;

  color: var(--anc-card-top-color, #d7b978) !important;
  box-shadow:
    0 7px 15px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,232,170,.045) !important;

  font-family: var(--anc-font-ui) !important;
  font-size: .58rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;

  pointer-events: none !important;
  opacity: .88 !important;
}

/* Тексты меток */
html body .anc-culture-auto::after { content: "Культура" !important; }
html body .anc-city-auto::after { content: "Город" !important; }
html body .anc-people-auto::after { content: "Народ" !important; }
html body .anc-tribe-auto::after { content: "Племя" !important; }
html body .anc-kingdom-auto::after { content: "Королевство" !important; }
html body .anc-tsardom-auto::after { content: "Царство" !important; }
html body .anc-state-auto::after { content: "Государство" !important; }
html body .anc-empire-auto::after { content: "Империя" !important; }
html body .anc-settlement-auto::after { content: "Поселение" !important; }
html body .anc-civilization-auto::after { content: "Цивилизация" !important; }
html body .anc-island-auto::after { content: "Остров" !important; }
html body .anc-principality-auto::after { content: "Княжество" !important; }
html body .anc-duchy-auto::after { content: "Герцогство" !important; }
html body .anc-republic-auto::after { content: "Республика" !important; }
html body .anc-sultanate-auto::after { content: "Султанат" !important; }
html body .anc-county-auto::after { content: "Графство" !important; }
html body .anc-khaganate-auto::after { content: "Каганат" !important; }
html body .anc-khanate-auto::after { content: "Ханство" !important; }

/* Чтобы метка не перекрывала верхнее название */
html body .anc-civ-card .anc-civ-card__top {
  padding-right: 104px !important;
}


/* =========================================================
   5. РАЗЛИЧИМЫЕ РАЗДЕЛЫ
========================================================= */

html body .anc-section--news,
html body .anc-module-panel,
html body .anc-sidebox {
  --anc-section-tint: 205, 164, 92;
  --anc-section-border: 205, 164, 92;
}

html body .anc-module-panel--catalog {
  --anc-section-tint: 205, 164, 92;
  --anc-section-border: 205, 164, 92;
}

html body .anc-module-panel--reference {
  --anc-section-tint: 124, 154, 176;
  --anc-section-border: 124, 154, 176;
}

html body .anc-module-panel--cosmos {
  --anc-section-tint: 105, 118, 188;
  --anc-section-border: 120, 134, 210;
}

html body .anc-module-panel--prehistoric {
  --anc-section-tint: 104, 138, 98;
  --anc-section-border: 124, 154, 108;
}

html body .anc-module-panel--forum {
  --anc-section-tint: 176, 114, 82;
  --anc-section-border: 196, 132, 94;
}

html body .anc-sidebox--atlas {
  --anc-section-tint: 205, 164, 92;
  --anc-section-border: 205, 164, 92;
}

html body .anc-sidebox--mystery {
  --anc-section-tint: 124, 100, 172;
  --anc-section-border: 146, 118, 194;
}

html body .anc-module-panel,
html body .anc-sidebox {
  border-top-color: rgba(var(--anc-section-border), .58) !important;
}

html body .anc-module-panel::before,
html body .anc-sidebox::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(90% 55% at 85% 0%,
      rgba(var(--anc-section-tint), .095) 0%,
      rgba(var(--anc-section-tint), .042) 42%,
      transparent 72%
    ) !important;
}

html body .anc-module-panel > *,
html body .anc-sidebox > * {
  position: relative !important;
  z-index: 1 !important;
}

html body .anc-module-panel .anc-ribbon,
html body .anc-sidebox-title small {
  color: rgba(var(--anc-section-border), .86) !important;
}

html body .anc-module-panel .anc-module-head h2::after,
html body .anc-section-title::after {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--anc-section-border), .78),
    transparent
  ) !important;
}


/* =========================================================
   7. АКТИВНЫЙ ПУНКТ МЕНЮ
========================================================= */

html body .anc-main-menu a.is-active,
html body .anc-main-menu a.active,
html body .anc-main-menu a.uMenuItemA,
html body .anc-main-menu a[aria-current="page"],
html body .anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  position: relative !important;
  border-color: rgba(244, 205, 130, .72) !important;
  color: #ffe7b0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 224, 154, .22), transparent 62%),
    linear-gradient(180deg, #3e2815 0%, #1b1009 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 233, 175, .18),
    0 0 0 1px rgba(255, 214, 140, .06),
    0 12px 26px rgba(0,0,0,.52),
    0 0 18px rgba(218, 166, 82, .10) !important;
}

html body .anc-main-menu a.is-active::before,
html body .anc-main-menu a.active::before,
html body .anc-main-menu a.uMenuItemA::before,
html body .anc-main-menu a[aria-current="page"]::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 2px !important;
  border-radius: 999px !important;
  background: #f2c66f !important;
  box-shadow: 0 0 12px rgba(242,198,111,.72) !important;
}


/* =========================================================
   8. МОБИЛЬНАЯ ВЕРСИЯ
========================================================= */

@media (max-width: 900px) {
  html body .anc-main-wrap {
    padding-top: 14px !important;
  }

  html body .anc-layout {
    gap: 14px !important;
  }

  html body .anc-section-title {
    font-size: clamp(1.7rem, 7vw, 2.45rem) !important;
    line-height: 1.08 !important;
  }

  html body .anc-module-panel,
  html body .anc-sidebox,
  html body .anc-feed-card,
  html body .anc-civ-card {
    border-radius: 10px !important;
  }

  html body .anc-feed-cover {
    min-height: 145px !important;
  }

  html body .anc-feed-body {
    gap: 7px !important;
    padding: 13px !important;
  }

  html body .anc-feed-title {
    font-size: 1rem !important;
    line-height: 1.28 !important;
  }

  html body .anc-feed-excerpt {
    font-size: .9rem !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 3 !important;
  }
}

@media (max-width: 640px) {
  html body {
    font-size: 17px !important;
  }

  html body .anc-container {
    width: min(calc(100% - 16px), var(--anc-container)) !important;
  }

  html body .anc-topbar {
    gap: 10px !important;
  }

  html body .anc-topbar-brand img {
    width: min(100%, 170px) !important;
  }

  html body .anc-main-menu ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 10px 0 12px !important;
    scrollbar-width: thin !important;
  }

  html body .anc-main-menu li {
    flex: 0 0 auto !important;
  }

  html body .anc-main-menu a {
    width: auto !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: .78rem !important;
    white-space: nowrap !important;
  }

  html body .anc-module-panel,
  html body .anc-sidebox,
  html body .anc-article,
  html body .eBlock,
  html body .commTable,
  html body .replaceTable,
  html body .uTable,
  html body .manTable,
  html body #casing.popuptable {
    padding: 12px !important;
  }

  html body .anc-civ-card .anc-civ-card__top {
    padding-right: 82px !important;
  }

  html body .anc-civ-card::after {
    top: 8px !important;
    right: 8px !important;
    max-width: 74px !important;
    padding: 3px 6px !important;
    font-size: .50rem !important;
    letter-spacing: .075em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .anc-feed-cover,
  html body .anc-feed-card--news .anc-feed-cover,
  html body .anc-feed-card--module .anc-feed-cover {
    min-height: 132px !important;
    aspect-ratio: 16 / 9 !important;
  }

  html body .anc-feed-footer {
    gap: 6px !important;
  }
}


/* =========================================================
   10. КРАСИВАЯ СТРОКА "ЧИТАТЬ / ОТКРЫТЬ"
========================================================= */

html body .anc-feed-card:has(a) .anc-feed-body::after,
html body .anc-civ-card:has(a) .anc-civ-card__body::after {
  content: "Открыть запись →" !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-top: 4px !important;
  padding-top: 8px !important;

  border-top: 1px solid rgba(var(--anc-card-border-rgb, 205,164,92), .24) !important;
  color: var(--anc-card-title-color, #e8c783) !important;

  font-family: var(--anc-font-ui) !important;
  font-size: .74rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;

  opacity: .88 !important;
  transition:
    opacity .2s ease,
    transform .2s ease,
    color .2s ease !important;
  pointer-events: none !important;
}

html body .anc-feed-card:has(a):hover .anc-feed-body::after,
html body .anc-civ-card:has(a):hover .anc-civ-card__body::after {
  opacity: 1 !important;
  transform: translateX(3px) !important;
  color: #ffe0a0 !important;
}

/* =========================================================
   ANCIENTCIVS — V79 FIX BADGES AND CARD READ LINE
   Исправления после V78:
   - метка типа больше не налезает на верхнее название;
   - верхнее название снова читается нормально;
   - метка типа переносится на картинку сверху справа;
   - "Открыть запись" делаем компактнее и аккуратнее;
   - у карточек без ссылки не показываем лишнюю строку.
========================================================= */


/* =========================================================
   1. ВЕРХНЕЕ НАЗВАНИЕ НЕ ЗАЖИМАЕМ МЕТКОЙ
========================================================= */

html body .anc-civ-card .anc-civ-card__top {
  padding-right: 14px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
}


/* =========================================================
   2. МЕТКА ТИПА — НА КАРТИНКУ, А НЕ В ЗАГОЛОВОК
========================================================= */

html body .anc-civ-card::after {
  top: 58px !important;
  right: 12px !important;
  z-index: 12 !important;

  max-width: 132px !important;
  min-height: 22px !important;
  padding: 4px 9px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(var(--anc-card-border-rgb, 205, 164, 92), .42) !important;
  background:
    linear-gradient(180deg, rgba(20,16,10,.78), rgba(8,7,6,.88)) !important;

  color: var(--anc-card-title-color, #e2c184) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,235,180,.075) !important;

  font-size: .56rem !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  opacity: .94 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Если на карточке есть отдельный бейдж "читать" на картинке,
   типовая метка уходит в левый верхний угол картинки, чтобы не спорить. */
html body .anc-civ-card:has(.anc-read-badge)::after,
html body .anc-civ-card:has(.read-badge)::after,
html body .anc-civ-card:has(.readBadge)::after {
  left: 12px !important;
  right: auto !important;
}


/* =========================================================
   3. ЕСЛИ МЕТКА СЛИШКОМ ДЛИННАЯ — СОКРАЩАЕМ
========================================================= */

html body .anc-kingdom-auto::after { content: "Королев." !important; }
html body .anc-civilization-auto::after { content: "Цивилиз." !important; }
html body .anc-principality-auto::after { content: "Княжество" !important; }
html body .anc-settlement-auto::after { content: "Посел." !important; }
html body .anc-state-auto::after { content: "Госуд." !important; }


/* =========================================================
   4. "ОТКРЫТЬ ЗАПИСЬ" — АККУРАТНЕЕ И НЕ ТАК ГРОМКО
========================================================= */

html body .anc-feed-card:has(a) .anc-feed-body::after,
html body .anc-civ-card:has(a) .anc-civ-card__body::after {
  content: "Читать далее →" !important;

  margin-top: 8px !important;
  padding-top: 8px !important;

  border-top: 1px solid rgba(var(--anc-card-border-rgb, 205,164,92), .18) !important;
  color: rgba(var(--anc-card-border-rgb, 205,164,92), .82) !important;

  font-size: .68rem !important;
  letter-spacing: .09em !important;
  opacity: .78 !important;
}

html body .anc-feed-card:has(a):hover .anc-feed-body::after,
html body .anc-civ-card:has(a):hover .anc-civ-card__body::after {
  opacity: 1 !important;
  transform: translateX(2px) !important;
}


/* =========================================================
   5. НА МОБИЛЬНОМ МЕТКУ ЕЩЁ МЕНЬШЕ
========================================================= */

@media (max-width: 640px) {
  html body .anc-civ-card::after {
    top: 54px !important;
    right: 9px !important;
    left: auto !important;

    max-width: 86px !important;
    min-height: 19px !important;
    padding: 3px 6px !important;

    font-size: .48rem !important;
    letter-spacing: .07em !important;
  }

  html body .anc-civ-card .anc-civ-card__top {
    padding-right: 10px !important;
    min-height: 44px !important;
  }

  html body .anc-feed-card:has(a) .anc-feed-body::after,
  html body .anc-civ-card:has(a) .anc-civ-card__body::after {
    font-size: .62rem !important;
    letter-spacing: .075em !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V80 REMOVE READ LINE
   Полностью убираем строку "Открыть запись / Читать далее"
   из карточек. Остаются только сами ссылки/клики, без подписи.
========================================================= */

html body .anc-feed-card:has(a) .anc-feed-body::after,
html body .anc-civ-card:has(a) .anc-civ-card__body::after,
html body .anc-feed-card:has(a):hover .anc-feed-body::after,
html body .anc-civ-card:has(a):hover .anc-civ-card__body::after,
html body .anc-civ-card:has(a):not(:has(.anc-civ-card__body))::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Если в карточке была отдельная реальная ссылка/кнопка с таким текстом */
html body .anc-feed-card .anc-read-more,
html body .anc-feed-card .read-more,
html body .anc-feed-card .more-link,
html body .anc-civ-card .anc-read-more,
html body .anc-civ-card .read-more,
html body .anc-civ-card .more-link {
  display: none !important;
}

/* =========================================================
   ANCIENTCIVS — V81 FINAL UI POLISH PACK
   Выполнены пункты:
   1  — метки типа показываются только там, где есть тип;
   3  — карточки со ссылкой и без ссылки отличаются без текста;
   5  — разделы меню получают разные холодные оттенки;
   7  — музейные декоративные разделители для блоков;
   8  — левое меню улучшено + холодные цвета для разделов;
   10 — финальный мобильный адаптив.

   ВАЖНО:
   - этот блок вставлять самым последним в CSS;
   - JS V77 без tone-классов оставляем;
   - строка "Открыть запись / Читать далее" остаётся убранной.
========================================================= */


/* =========================================================
   1. МЕТКИ ТИПА: НЕ ПОКАЗЫВАТЬ, ЕСЛИ ТИПА НЕТ
========================================================= */

/* По умолчанию у карточки нет метки */
html body .anc-civ-card::after,
html body .civilization::after,
html body .civilization1::after,
html body .civilization2::after,
html body .civilization3::after {
  content: none !important;
  display: none !important;
}

/* Метка включается только у карточек с найденным типом */
html body .anc-civ-card.anc-culture-auto::after,
html body .anc-civ-card.anc-city-auto::after,
html body .anc-civ-card.anc-people-auto::after,
html body .anc-civ-card.anc-tribe-auto::after,
html body .anc-civ-card.anc-kingdom-auto::after,
html body .anc-civ-card.anc-tsardom-auto::after,
html body .anc-civ-card.anc-state-auto::after,
html body .anc-civ-card.anc-empire-auto::after,
html body .anc-civ-card.anc-settlement-auto::after,
html body .anc-civ-card.anc-civilization-auto::after,
html body .anc-civ-card.anc-island-auto::after,
html body .anc-civ-card.anc-principality-auto::after,
html body .anc-civ-card.anc-duchy-auto::after,
html body .anc-civ-card.anc-republic-auto::after,
html body .anc-civ-card.anc-sultanate-auto::after,
html body .anc-civ-card.anc-county-auto::after,
html body .anc-civ-card.anc-khaganate-auto::after,
html body .anc-civ-card.anc-khanate-auto::after {
  display: inline-flex !important;
}

/* Тексты меток — только для найденных типов */
html body .anc-civ-card.anc-culture-auto::after { content: "Культура" !important; }
html body .anc-civ-card.anc-city-auto::after { content: "Город" !important; }
html body .anc-civ-card.anc-people-auto::after { content: "Народ" !important; }
html body .anc-civ-card.anc-tribe-auto::after { content: "Племя" !important; }
html body .anc-civ-card.anc-kingdom-auto::after { content: "Королев." !important; }
html body .anc-civ-card.anc-tsardom-auto::after { content: "Царство" !important; }
html body .anc-civ-card.anc-state-auto::after { content: "Госуд." !important; }
html body .anc-civ-card.anc-empire-auto::after { content: "Империя" !important; }
html body .anc-civ-card.anc-settlement-auto::after { content: "Посел." !important; }
html body .anc-civ-card.anc-civilization-auto::after { content: "Цивилиз." !important; }
html body .anc-civ-card.anc-island-auto::after { content: "Остров" !important; }
html body .anc-civ-card.anc-principality-auto::after { content: "Княжество" !important; }
html body .anc-civ-card.anc-duchy-auto::after { content: "Герцогство" !important; }
html body .anc-civ-card.anc-republic-auto::after { content: "Республика" !important; }
html body .anc-civ-card.anc-sultanate-auto::after { content: "Султанат" !important; }
html body .anc-civ-card.anc-county-auto::after { content: "Графство" !important; }
html body .anc-civ-card.anc-khaganate-auto::after { content: "Каганат" !important; }
html body .anc-civ-card.anc-khanate-auto::after { content: "Ханство" !important; }


/* =========================================================
   3. КАРТОЧКИ СО ССЫЛКОЙ И БЕЗ ССЫЛКИ
========================================================= */

/* Кликабельная карточка — видно без подписи */
html body .anc-civ-card:has(a),
html body .anc-feed-card:has(a) {
  cursor: pointer !important;
}

/* Маленький знак ссылки в углу, без текста */
html body .anc-civ-card:has(a)::before,
html body .anc-feed-card:has(a)::before {
  box-shadow:
    inset 0 0 0 1px rgba(var(--anc-card-border-rgb, 205,164,92), .030) !important;
}

html body .anc-civ-card:has(a) .anc-civ-card__body,
html body .anc-feed-card:has(a) .anc-feed-body {
  position: relative !important;
}

html body .anc-civ-card:has(a) .anc-civ-card__body::before,
html body .anc-feed-card:has(a) .anc-feed-body::before {
  content: "↗" !important;
  position: absolute !important;
  right: 14px !important;
  bottom: 12px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid rgba(var(--anc-card-border-rgb, 205,164,92), .24) !important;
  background: rgba(6, 8, 9, .44) !important;
  color: rgba(var(--anc-card-border-rgb, 205,164,92), .76) !important;

  font-size: .82rem !important;
  line-height: 1 !important;
  opacity: .72 !important;
  pointer-events: none !important;
  transform: translateY(0) !important;
  transition: opacity .2s ease, transform .2s ease, border-color .2s ease !important;
}

html body .anc-civ-card:has(a):hover .anc-civ-card__body::before,
html body .anc-feed-card:has(a):hover .anc-feed-body::before {
  opacity: 1 !important;
  transform: translateY(-2px) !important;
  border-color: rgba(var(--anc-card-border-rgb, 205,164,92), .44) !important;
}

/* Карточка без ссылки — спокойнее, без ощущения клика */
html body .anc-civ-card:not(:has(a)),
html body .anc-feed-card:not(:has(a)) {
  cursor: default !important;
}

html body .anc-civ-card:not(:has(a)):hover,
html body .anc-feed-card:not(:has(a)):hover {
  transform: none !important;
  filter: none !important;
  border-color: rgba(var(--anc-card-border-rgb, 205,164,92), .24) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,230,170,.040),
    inset 0 0 0 1px rgba(255,255,255,.014) !important;
}

/* У не кликабельных карточек метка типа чуть тише */
html body .anc-civ-card:not(:has(a))::after {
  opacity: .62 !important;
}


/* =========================================================
   5. РАЗДЕЛЫ И МЕНЮ: ХОЛОДНЫЕ ОТТЕНКИ
========================================================= */

html body {
  --anc-cold-blue: 86, 128, 164;
  --anc-cold-teal: 72, 138, 134;
  --anc-cold-violet: 112, 100, 164;
  --anc-cold-slate: 120, 132, 138;
  --anc-cold-green: 92, 132, 112;
  --anc-cold-cyan: 74, 142, 158;
  --anc-cold-indigo: 88, 102, 172;
}

/* Верхнее меню — разные холодные акценты по порядку */
html body .anc-main-menu li:nth-child(7n+1) a { --anc-menu-tint: var(--anc-cold-blue); }
html body .anc-main-menu li:nth-child(7n+2) a { --anc-menu-tint: var(--anc-cold-teal); }
html body .anc-main-menu li:nth-child(7n+3) a { --anc-menu-tint: var(--anc-cold-violet); }
html body .anc-main-menu li:nth-child(7n+4) a { --anc-menu-tint: var(--anc-cold-slate); }
html body .anc-main-menu li:nth-child(7n+5) a { --anc-menu-tint: var(--anc-cold-green); }
html body .anc-main-menu li:nth-child(7n+6) a { --anc-menu-tint: var(--anc-cold-cyan); }
html body .anc-main-menu li:nth-child(7n+7) a { --anc-menu-tint: var(--anc-cold-indigo); }

html body .anc-main-menu a {
  border-color: rgba(var(--anc-menu-tint, 205,164,92), .18) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-menu-tint, 205,164,92), .10),
      transparent 64%
    ),
    linear-gradient(180deg, rgba(25,24,22,.96), rgba(12,11,10,.96)) !important;
}

html body .anc-main-menu a:hover {
  border-color: rgba(var(--anc-menu-tint, 205,164,92), .42) !important;
  color: #e8dcc2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 12px 24px rgba(0,0,0,.40),
    0 0 20px rgba(var(--anc-menu-tint, 205,164,92), .08) !important;
}

/* Активный пункт — холодный, не ярко-золотой */
html body .anc-main-menu a.is-active,
html body .anc-main-menu a.active,
html body .anc-main-menu a.uMenuItemA,
html body .anc-main-menu a[aria-current="page"],
html body .anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  border-color: rgba(var(--anc-menu-tint, 120, 154, 176), .62) !important;
  color: #e6edf0 !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-menu-tint, 120,154,176), .24),
      transparent 68%
    ),
    linear-gradient(180deg, #20272b 0%, #101416 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 26px rgba(0,0,0,.52),
    0 0 18px rgba(var(--anc-menu-tint, 120,154,176), .12) !important;
}

html body .anc-main-menu a.is-active::before,
html body .anc-main-menu a.active::before,
html body .anc-main-menu a.uMenuItemA::before,
html body .anc-main-menu a[aria-current="page"]::before {
  background: rgba(var(--anc-menu-tint, 120,154,176), .92) !important;
  box-shadow: 0 0 12px rgba(var(--anc-menu-tint, 120,154,176), .56) !important;
}


/* =========================================================
   7. МУЗЕЙНЫЕ РАЗДЕЛИТЕЛИ ДЛЯ БЛОКОВ
========================================================= */

html body .anc-module-panel,
html body .anc-sidebox {
  position: relative !important;
}

html body .anc-module-panel::after,
html body .anc-sidebox::after {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  top: 10px !important;
  height: 1px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(var(--anc-section-border, 120,154,176), .34),
      rgba(var(--anc-section-border, 120,154,176), .16),
      transparent
    ) !important;
  opacity: .78 !important;
}

/* маленький ромб у заголовков секций */
html body .anc-module-head h2,
html body .anc-section-title,
html body .anc-sidebox-title {
  position: relative !important;
}

html body .anc-module-head h2::before,
html body .anc-section-title::before,
html body .anc-sidebox-title::before {
  content: "◇" !important;
  display: inline-block !important;
  margin-right: 10px !important;
  color: rgba(var(--anc-section-border, 205,164,92), .72) !important;
  font-size: .55em !important;
  transform: translateY(-.08em) !important;
}


/* =========================================================
   8. ЛЕВОЕ МЕНЮ: ХОЛОДНЫЕ РАЗДЕЛЫ И АККУРАТНЫЙ HOVER
========================================================= */

/* Цвета групп в левом меню по порядку */
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+1),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+1),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+1) {
  --anc-left-tint: var(--anc-cold-blue);
}

html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+2),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+2),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+2) {
  --anc-left-tint: var(--anc-cold-teal);
}

html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+3),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+3),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+3) {
  --anc-left-tint: var(--anc-cold-violet);
}

html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+4),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+4),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+4) {
  --anc-left-tint: var(--anc-cold-slate);
}

html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+5),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+5),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+5) {
  --anc-left-tint: var(--anc-cold-green);
}

html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+6),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+6),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+6) {
  --anc-left-tint: var(--anc-cold-cyan);
}

html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(7n+7),
html body .anc-sidebox--atlas .uMenuV li:nth-child(7n+7),
html body .anc-sidebox--atlas .catsTable tr:nth-child(7n+7) {
  --anc-left-tint: var(--anc-cold-indigo);
}

/* Ссылки левого меню */
html body .anc-sidebox--atlas a,
html body .anc-sidebox--atlas .uMenuV a,
html body .anc-sidebox--atlas .catsTable a {
  position: relative !important;
  border-color: rgba(var(--anc-left-tint, 120,154,176), .16) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-tint, 120,154,176), .055),
      rgba(20,18,15,.32) 42%,
      rgba(10,9,8,.20)
    ) !important;
  transition:
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    transform .2s ease !important;
}

html body .anc-sidebox--atlas a::before,
html body .anc-sidebox--atlas .uMenuV a::before,
html body .anc-sidebox--atlas .catsTable a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 9px !important;
  bottom: 9px !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: rgba(var(--anc-left-tint, 120,154,176), .42) !important;
  opacity: .55 !important;
}

html body .anc-sidebox--atlas a:hover,
html body .anc-sidebox--atlas .uMenuV a:hover,
html body .anc-sidebox--atlas .catsTable a:hover {
  color: #e8dcc2 !important;
  border-color: rgba(var(--anc-left-tint, 120,154,176), .36) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-tint, 120,154,176), .12),
      rgba(20,18,15,.42) 48%,
      rgba(10,9,8,.24)
    ) !important;
  transform: translateX(2px) !important;
}

html body .anc-sidebox--atlas a:hover::before,
html body .anc-sidebox--atlas .uMenuV a:hover::before,
html body .anc-sidebox--atlas .catsTable a:hover::before {
  opacity: .95 !important;
}

/* Заголовки групп в левом меню */
html body .anc-sidebox--atlas .anc-menu-title,
html body .anc-sidebox--atlas .uMenuRoot,
html body .anc-sidebox--atlas .catName {
  color: rgba(220, 212, 190, .88) !important;
  border-color: rgba(var(--anc-left-tint, 120,154,176), .22) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-left-tint, 120,154,176), .10),
      transparent 68%
    ) !important;
}


/* =========================================================
   10. ФИНАЛЬНЫЙ МОБИЛЬНЫЙ ПОЛИШ
========================================================= */

@media (max-width: 900px) {
  html body .anc-module-panel::after,
  html body .anc-sidebox::after {
    left: 14px !important;
    right: 14px !important;
  }

  html body .anc-civ-card:hover,
  html body .anc-feed-card:hover {
    transform: none !important;
  }

  html body .anc-civ-card:has(a) .anc-civ-card__body::before,
  html body .anc-feed-card:has(a) .anc-feed-body::before {
    width: 20px !important;
    height: 20px !important;
    right: 10px !important;
    bottom: 10px !important;
    font-size: .74rem !important;
  }
}

@media (max-width: 640px) {
  html body .anc-civ-card,
  html body .anc-feed-card {
    box-shadow:
      0 12px 26px rgba(0,0,0,.38),
      inset 0 1px 0 rgba(255,230,170,.038) !important;
  }

  html body .anc-civ-card::after {
    top: 50px !important;
    max-width: 76px !important;
    min-height: 18px !important;
    font-size: .46rem !important;
    opacity: .84 !important;
  }

  html body .anc-civ-card .anc-civ-card__top {
    min-height: 42px !important;
    font-size: .68rem !important;
    letter-spacing: .105em !important;
  }

  html body .anc-civ-card__body,
  html body .anc-feed-body {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .anc-civ-card__body h2,
  html body .anc-civ-card__body h3 {
    font-size: clamp(1.22rem, 6.2vw, 1.62rem) !important;
    line-height: 1.16 !important;
  }

  html body .anc-civ-card__body p {
    font-size: .92rem !important;
    line-height: 1.46 !important;
  }

  html body .anc-sidebox--atlas a,
  html body .anc-sidebox--atlas .uMenuV a,
  html body .anc-sidebox--atlas .catsTable a {
    transform: none !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V82 UNIQUE SOFT MENU COLORS
   Уникальные, но не яркие цвета для:
   - верхнего меню;
   - левого меню / атласа цивилизаций.

   Логика:
   - каждый пункт получает свой холодный приглушённый оттенок;
   - цвета не кислотные;
   - активный пункт и hover используют цвет конкретного пункта;
   - левое меню больше не повторяет одинаковые цвета через 7 пунктов,
     теперь палитра длиннее и разнообразнее.

   ВАЖНО:
   Этот блок должен быть самым последним в CSS.
========================================================= */


/* =========================================================
   1. ПАЛИТРА МЯГКИХ ХОЛОДНЫХ ЦВЕТОВ
========================================================= */

html body {
  --anc-menu-cold-01: 88, 128, 164;   /* ледяной синий */
  --anc-menu-cold-02: 78, 146, 140;   /* приглушённая бирюза */
  --anc-menu-cold-03: 116, 104, 166;  /* холодный фиолет */
  --anc-menu-cold-04: 112, 132, 138;  /* каменно-серый */
  --anc-menu-cold-05: 96, 138, 116;   /* шалфей */
  --anc-menu-cold-06: 82, 140, 158;   /* сине-циановый */
  --anc-menu-cold-07: 92, 106, 168;   /* индиго */
  --anc-menu-cold-08: 134, 112, 156;  /* пепельно-сиреневый */
  --anc-menu-cold-09: 116, 136, 104;  /* оливково-холодный */
  --anc-menu-cold-10: 74, 128, 154;   /* морской синий */
  --anc-menu-cold-11: 128, 118, 148;  /* дымчатая лаванда */
  --anc-menu-cold-12: 92, 124, 132;   /* графитово-голубой */
  --anc-menu-cold-13: 82, 136, 122;   /* нефрит */
  --anc-menu-cold-14: 104, 118, 160;  /* серо-индиго */
  --anc-menu-cold-15: 126, 132, 118;  /* холодный камень */
  --anc-menu-cold-16: 90, 148, 150;   /* мягкий аквамарин */
  --anc-menu-cold-17: 120, 108, 170;  /* приглушённый аметист */
  --anc-menu-cold-18: 100, 130, 150;  /* стальной голубой */
}


/* =========================================================
   2. ВЕРХНЕЕ МЕНЮ — КАЖДЫЙ ПУНКТ СВОЙ ЦВЕТ
========================================================= */

html body .anc-main-menu li:nth-child(18n+1) a { --anc-menu-tint: var(--anc-menu-cold-01); }
html body .anc-main-menu li:nth-child(18n+2) a { --anc-menu-tint: var(--anc-menu-cold-02); }
html body .anc-main-menu li:nth-child(18n+3) a { --anc-menu-tint: var(--anc-menu-cold-03); }
html body .anc-main-menu li:nth-child(18n+4) a { --anc-menu-tint: var(--anc-menu-cold-04); }
html body .anc-main-menu li:nth-child(18n+5) a { --anc-menu-tint: var(--anc-menu-cold-05); }
html body .anc-main-menu li:nth-child(18n+6) a { --anc-menu-tint: var(--anc-menu-cold-06); }
html body .anc-main-menu li:nth-child(18n+7) a { --anc-menu-tint: var(--anc-menu-cold-07); }
html body .anc-main-menu li:nth-child(18n+8) a { --anc-menu-tint: var(--anc-menu-cold-08); }
html body .anc-main-menu li:nth-child(18n+9) a { --anc-menu-tint: var(--anc-menu-cold-09); }
html body .anc-main-menu li:nth-child(18n+10) a { --anc-menu-tint: var(--anc-menu-cold-10); }
html body .anc-main-menu li:nth-child(18n+11) a { --anc-menu-tint: var(--anc-menu-cold-11); }
html body .anc-main-menu li:nth-child(18n+12) a { --anc-menu-tint: var(--anc-menu-cold-12); }
html body .anc-main-menu li:nth-child(18n+13) a { --anc-menu-tint: var(--anc-menu-cold-13); }
html body .anc-main-menu li:nth-child(18n+14) a { --anc-menu-tint: var(--anc-menu-cold-14); }
html body .anc-main-menu li:nth-child(18n+15) a { --anc-menu-tint: var(--anc-menu-cold-15); }
html body .anc-main-menu li:nth-child(18n+16) a { --anc-menu-tint: var(--anc-menu-cold-16); }
html body .anc-main-menu li:nth-child(18n+17) a { --anc-menu-tint: var(--anc-menu-cold-17); }
html body .anc-main-menu li:nth-child(18n+18) a { --anc-menu-tint: var(--anc-menu-cold-18); }

html body .anc-main-menu a {
  border-color: rgba(var(--anc-menu-tint, 120,154,176), .20) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-menu-tint, 120,154,176), .105),
      rgba(var(--anc-menu-tint, 120,154,176), .035) 34%,
      transparent 68%
    ),
    linear-gradient(180deg, rgba(24,23,21,.96), rgba(11,11,10,.98)) !important;
}

html body .anc-main-menu a:hover {
  border-color: rgba(var(--anc-menu-tint, 120,154,176), .46) !important;
  color: #edf2ef !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-menu-tint, 120,154,176), .18),
      rgba(var(--anc-menu-tint, 120,154,176), .060) 38%,
      transparent 72%
    ),
    linear-gradient(180deg, rgba(29,31,30,.98), rgba(11,13,13,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 12px 24px rgba(0,0,0,.42),
    0 0 20px rgba(var(--anc-menu-tint, 120,154,176), .09) !important;
}

html body .anc-main-menu a.is-active,
html body .anc-main-menu a.active,
html body .anc-main-menu a.uMenuItemA,
html body .anc-main-menu a[aria-current="page"],
html body .anc-main-menu li.uWithSubmenu > a.uMenuItemA {
  border-color: rgba(var(--anc-menu-tint, 120,154,176), .62) !important;
  color: #f1f5f3 !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-menu-tint, 120,154,176), .26),
      rgba(var(--anc-menu-tint, 120,154,176), .090) 42%,
      transparent 74%
    ),
    linear-gradient(180deg, #20272b 0%, #101416 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 12px 26px rgba(0,0,0,.52),
    0 0 18px rgba(var(--anc-menu-tint, 120,154,176), .12) !important;
}

html body .anc-main-menu a.is-active::before,
html body .anc-main-menu a.active::before,
html body .anc-main-menu a.uMenuItemA::before,
html body .anc-main-menu a[aria-current="page"]::before {
  background: rgba(var(--anc-menu-tint, 120,154,176), .92) !important;
  box-shadow: 0 0 12px rgba(var(--anc-menu-tint, 120,154,176), .58) !important;
}


/* =========================================================
   3. ЛЕВОЕ МЕНЮ — КАЖДЫЙ РАЗДЕЛ / ПУНКТ СВОЙ МЯГКИЙ ЦВЕТ
========================================================= */

/* Универсально для возможных структур uCoz / кастомного меню */
html body .anc-sidebox--atlas li:nth-child(18n+1),
html body .anc-sidebox--atlas tr:nth-child(18n+1),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+1) { --anc-left-tint: var(--anc-menu-cold-01); }

html body .anc-sidebox--atlas li:nth-child(18n+2),
html body .anc-sidebox--atlas tr:nth-child(18n+2),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+2) { --anc-left-tint: var(--anc-menu-cold-02); }

html body .anc-sidebox--atlas li:nth-child(18n+3),
html body .anc-sidebox--atlas tr:nth-child(18n+3),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+3) { --anc-left-tint: var(--anc-menu-cold-03); }

html body .anc-sidebox--atlas li:nth-child(18n+4),
html body .anc-sidebox--atlas tr:nth-child(18n+4),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+4) { --anc-left-tint: var(--anc-menu-cold-04); }

html body .anc-sidebox--atlas li:nth-child(18n+5),
html body .anc-sidebox--atlas tr:nth-child(18n+5),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+5) { --anc-left-tint: var(--anc-menu-cold-05); }

html body .anc-sidebox--atlas li:nth-child(18n+6),
html body .anc-sidebox--atlas tr:nth-child(18n+6),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+6) { --anc-left-tint: var(--anc-menu-cold-06); }

html body .anc-sidebox--atlas li:nth-child(18n+7),
html body .anc-sidebox--atlas tr:nth-child(18n+7),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+7) { --anc-left-tint: var(--anc-menu-cold-07); }

html body .anc-sidebox--atlas li:nth-child(18n+8),
html body .anc-sidebox--atlas tr:nth-child(18n+8),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+8) { --anc-left-tint: var(--anc-menu-cold-08); }

html body .anc-sidebox--atlas li:nth-child(18n+9),
html body .anc-sidebox--atlas tr:nth-child(18n+9),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+9) { --anc-left-tint: var(--anc-menu-cold-09); }

html body .anc-sidebox--atlas li:nth-child(18n+10),
html body .anc-sidebox--atlas tr:nth-child(18n+10),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+10) { --anc-left-tint: var(--anc-menu-cold-10); }

html body .anc-sidebox--atlas li:nth-child(18n+11),
html body .anc-sidebox--atlas tr:nth-child(18n+11),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+11) { --anc-left-tint: var(--anc-menu-cold-11); }

html body .anc-sidebox--atlas li:nth-child(18n+12),
html body .anc-sidebox--atlas tr:nth-child(18n+12),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+12) { --anc-left-tint: var(--anc-menu-cold-12); }

html body .anc-sidebox--atlas li:nth-child(18n+13),
html body .anc-sidebox--atlas tr:nth-child(18n+13),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+13) { --anc-left-tint: var(--anc-menu-cold-13); }

html body .anc-sidebox--atlas li:nth-child(18n+14),
html body .anc-sidebox--atlas tr:nth-child(18n+14),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+14) { --anc-left-tint: var(--anc-menu-cold-14); }

html body .anc-sidebox--atlas li:nth-child(18n+15),
html body .anc-sidebox--atlas tr:nth-child(18n+15),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+15) { --anc-left-tint: var(--anc-menu-cold-15); }

html body .anc-sidebox--atlas li:nth-child(18n+16),
html body .anc-sidebox--atlas tr:nth-child(18n+16),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+16) { --anc-left-tint: var(--anc-menu-cold-16); }

html body .anc-sidebox--atlas li:nth-child(18n+17),
html body .anc-sidebox--atlas tr:nth-child(18n+17),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+17) { --anc-left-tint: var(--anc-menu-cold-17); }

html body .anc-sidebox--atlas li:nth-child(18n+18),
html body .anc-sidebox--atlas tr:nth-child(18n+18),
html body .anc-sidebox--atlas .anc-menu-group:nth-of-type(18n+18) { --anc-left-tint: var(--anc-menu-cold-18); }


/* Сами ссылки левого меню */
html body .anc-sidebox--atlas a,
html body .anc-sidebox--atlas .uMenuV a,
html body .anc-sidebox--atlas .catsTable a,
html body .anc-sidebox--atlas .catName a {
  position: relative !important;
  border-color: rgba(var(--anc-left-tint, 120,154,176), .18) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-tint, 120,154,176), .075),
      rgba(20,18,15,.34) 42%,
      rgba(10,9,8,.20)
    ) !important;
}

html body .anc-sidebox--atlas a::before,
html body .anc-sidebox--atlas .uMenuV a::before,
html body .anc-sidebox--atlas .catsTable a::before,
html body .anc-sidebox--atlas .catName a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: rgba(var(--anc-left-tint, 120,154,176), .50) !important;
  opacity: .70 !important;
}

html body .anc-sidebox--atlas a:hover,
html body .anc-sidebox--atlas .uMenuV a:hover,
html body .anc-sidebox--atlas .catsTable a:hover,
html body .anc-sidebox--atlas .catName a:hover {
  color: #edf2ef !important;
  border-color: rgba(var(--anc-left-tint, 120,154,176), .42) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-tint, 120,154,176), .145),
      rgba(20,18,15,.44) 48%,
      rgba(10,9,8,.24)
    ) !important;
}

html body .anc-sidebox--atlas a:hover::before,
html body .anc-sidebox--atlas .uMenuV a:hover::before,
html body .anc-sidebox--atlas .catsTable a:hover::before,
html body .anc-sidebox--atlas .catName a:hover::before {
  opacity: 1 !important;
}


/* =========================================================
   4. ЗАГОЛОВКИ РАЗДЕЛОВ ЛЕВОГО МЕНЮ — ТОЖЕ РАЗНЫЕ
========================================================= */

html body .anc-sidebox--atlas .anc-menu-title:nth-of-type(18n+1),
html body .anc-sidebox--atlas .uMenuRoot:nth-of-type(18n+1),
html body .anc-sidebox--atlas .catName:nth-of-type(18n+1) { --anc-left-title-tint: var(--anc-menu-cold-01); }

html body .anc-sidebox--atlas .anc-menu-title:nth-of-type(18n+2),
html body .anc-sidebox--atlas .uMenuRoot:nth-of-type(18n+2),
html body .anc-sidebox--atlas .catName:nth-of-type(18n+2) { --anc-left-title-tint: var(--anc-menu-cold-02); }

html body .anc-sidebox--atlas .anc-menu-title:nth-of-type(18n+3),
html body .anc-sidebox--atlas .uMenuRoot:nth-of-type(18n+3),
html body .anc-sidebox--atlas .catName:nth-of-type(18n+3) { --anc-left-title-tint: var(--anc-menu-cold-03); }

html body .anc-sidebox--atlas .anc-menu-title:nth-of-type(18n+4),
html body .anc-sidebox--atlas .uMenuRoot:nth-of-type(18n+4),
html body .anc-sidebox--atlas .catName:nth-of-type(18n+4) { --anc-left-title-tint: var(--anc-menu-cold-04); }

html body .anc-sidebox--atlas .anc-menu-title,
html body .anc-sidebox--atlas .uMenuRoot,
html body .anc-sidebox--atlas .catName {
  border-color: rgba(var(--anc-left-title-tint, 120,154,176), .26) !important;
  color: rgba(228, 226, 214, .90) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-left-title-tint, 120,154,176), .13),
      transparent 70%
    ),
    linear-gradient(180deg, rgba(28,28,26,.42), rgba(12,12,11,.22)) !important;
}


/* =========================================================
   5. НА МОБИЛЬНОМ НЕ ПЕРЕЯРЧИВАЕМ
========================================================= */

@media (max-width: 640px) {
  html body .anc-main-menu a {
    background:
      radial-gradient(circle at 50% 0%,
        rgba(var(--anc-menu-tint, 120,154,176), .085),
        transparent 68%
      ),
      linear-gradient(180deg, rgba(22,21,20,.96), rgba(10,10,9,.98)) !important;
  }

  html body .anc-sidebox--atlas a,
  html body .anc-sidebox--atlas .uMenuV a,
  html body .anc-sidebox--atlas .catsTable a,
  html body .anc-sidebox--atlas .catName a {
    background:
      linear-gradient(90deg,
        rgba(var(--anc-left-tint, 120,154,176), .060),
        rgba(20,18,15,.30) 44%,
        rgba(10,9,8,.18)
      ) !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V83 HARD UNIQUE MENU COLORS
   Жёсткий фикс, если V82 визуально не сработал.

   Почему V82 мог не сработать:
   - в шаблоне верхнее меню может быть не .anc-main-menu;
   - левое меню может быть не .anc-sidebox--atlas;
   - uCoz часто выводит меню через .uMenuH / .uMenuV / .uMenuRoot;
   - поэтому ниже добавлены более широкие селекторы.

   ВАЖНО:
   Этот блок должен быть самым последним в CSS.
========================================================= */


/* =========================================================
   1. ПАЛИТРА — МЯГКИЕ УНИКАЛЬНЫЕ ХОЛОДНЫЕ ЦВЕТА
========================================================= */

html body {
  --anc-menu-soft-01: 88, 128, 164;
  --anc-menu-soft-02: 74, 142, 138;
  --anc-menu-soft-03: 118, 104, 166;
  --anc-menu-soft-04: 112, 132, 138;
  --anc-menu-soft-05: 92, 136, 112;
  --anc-menu-soft-06: 82, 140, 158;
  --anc-menu-soft-07: 94, 108, 170;
  --anc-menu-soft-08: 132, 112, 156;
  --anc-menu-soft-09: 118, 136, 104;
  --anc-menu-soft-10: 74, 126, 156;
  --anc-menu-soft-11: 128, 116, 148;
  --anc-menu-soft-12: 94, 124, 132;
  --anc-menu-soft-13: 82, 136, 122;
  --anc-menu-soft-14: 106, 120, 160;
  --anc-menu-soft-15: 128, 132, 116;
  --anc-menu-soft-16: 86, 146, 148;
  --anc-menu-soft-17: 122, 108, 170;
  --anc-menu-soft-18: 100, 130, 150;
}


/* =========================================================
   2. ВЕРХНЕЕ МЕНЮ — ПОДДЕРЖКА РАЗНЫХ СТРУКТУР
   Работает для:
   .anc-main-menu
   .uMenuH
   .uMenuRoot
   nav
   .anc-top-menu
   .anc-header-menu
========================================================= */

html body .anc-main-menu li:nth-child(18n+1),
html body .anc-top-menu li:nth-child(18n+1),
html body .anc-header-menu li:nth-child(18n+1),
html body .uMenuH li:nth-child(18n+1),
html body nav li:nth-child(18n+1) { --anc-top-item-tint: var(--anc-menu-soft-01); }

html body .anc-main-menu li:nth-child(18n+2),
html body .anc-top-menu li:nth-child(18n+2),
html body .anc-header-menu li:nth-child(18n+2),
html body .uMenuH li:nth-child(18n+2),
html body nav li:nth-child(18n+2) { --anc-top-item-tint: var(--anc-menu-soft-02); }

html body .anc-main-menu li:nth-child(18n+3),
html body .anc-top-menu li:nth-child(18n+3),
html body .anc-header-menu li:nth-child(18n+3),
html body .uMenuH li:nth-child(18n+3),
html body nav li:nth-child(18n+3) { --anc-top-item-tint: var(--anc-menu-soft-03); }

html body .anc-main-menu li:nth-child(18n+4),
html body .anc-top-menu li:nth-child(18n+4),
html body .anc-header-menu li:nth-child(18n+4),
html body .uMenuH li:nth-child(18n+4),
html body nav li:nth-child(18n+4) { --anc-top-item-tint: var(--anc-menu-soft-04); }

html body .anc-main-menu li:nth-child(18n+5),
html body .anc-top-menu li:nth-child(18n+5),
html body .anc-header-menu li:nth-child(18n+5),
html body .uMenuH li:nth-child(18n+5),
html body nav li:nth-child(18n+5) { --anc-top-item-tint: var(--anc-menu-soft-05); }

html body .anc-main-menu li:nth-child(18n+6),
html body .anc-top-menu li:nth-child(18n+6),
html body .anc-header-menu li:nth-child(18n+6),
html body .uMenuH li:nth-child(18n+6),
html body nav li:nth-child(18n+6) { --anc-top-item-tint: var(--anc-menu-soft-06); }

html body .anc-main-menu li:nth-child(18n+7),
html body .anc-top-menu li:nth-child(18n+7),
html body .anc-header-menu li:nth-child(18n+7),
html body .uMenuH li:nth-child(18n+7),
html body nav li:nth-child(18n+7) { --anc-top-item-tint: var(--anc-menu-soft-07); }

html body .anc-main-menu li:nth-child(18n+8),
html body .anc-top-menu li:nth-child(18n+8),
html body .anc-header-menu li:nth-child(18n+8),
html body .uMenuH li:nth-child(18n+8),
html body nav li:nth-child(18n+8) { --anc-top-item-tint: var(--anc-menu-soft-08); }

html body .anc-main-menu li:nth-child(18n+9),
html body .anc-top-menu li:nth-child(18n+9),
html body .anc-header-menu li:nth-child(18n+9),
html body .uMenuH li:nth-child(18n+9),
html body nav li:nth-child(18n+9) { --anc-top-item-tint: var(--anc-menu-soft-09); }

html body .anc-main-menu li:nth-child(18n+10),
html body .anc-top-menu li:nth-child(18n+10),
html body .anc-header-menu li:nth-child(18n+10),
html body .uMenuH li:nth-child(18n+10),
html body nav li:nth-child(18n+10) { --anc-top-item-tint: var(--anc-menu-soft-10); }

html body .anc-main-menu li:nth-child(18n+11),
html body .anc-top-menu li:nth-child(18n+11),
html body .anc-header-menu li:nth-child(18n+11),
html body .uMenuH li:nth-child(18n+11),
html body nav li:nth-child(18n+11) { --anc-top-item-tint: var(--anc-menu-soft-11); }

html body .anc-main-menu li:nth-child(18n+12),
html body .anc-top-menu li:nth-child(18n+12),
html body .anc-header-menu li:nth-child(18n+12),
html body .uMenuH li:nth-child(18n+12),
html body nav li:nth-child(18n+12) { --anc-top-item-tint: var(--anc-menu-soft-12); }

html body .anc-main-menu li:nth-child(18n+13),
html body .anc-top-menu li:nth-child(18n+13),
html body .anc-header-menu li:nth-child(18n+13),
html body .uMenuH li:nth-child(18n+13),
html body nav li:nth-child(18n+13) { --anc-top-item-tint: var(--anc-menu-soft-13); }

html body .anc-main-menu li:nth-child(18n+14),
html body .anc-top-menu li:nth-child(18n+14),
html body .anc-header-menu li:nth-child(18n+14),
html body .uMenuH li:nth-child(18n+14),
html body nav li:nth-child(18n+14) { --anc-top-item-tint: var(--anc-menu-soft-14); }

html body .anc-main-menu li:nth-child(18n+15),
html body .anc-top-menu li:nth-child(18n+15),
html body .anc-header-menu li:nth-child(18n+15),
html body .uMenuH li:nth-child(18n+15),
html body nav li:nth-child(18n+15) { --anc-top-item-tint: var(--anc-menu-soft-15); }

html body .anc-main-menu li:nth-child(18n+16),
html body .anc-top-menu li:nth-child(18n+16),
html body .anc-header-menu li:nth-child(18n+16),
html body .uMenuH li:nth-child(18n+16),
html body nav li:nth-child(18n+16) { --anc-top-item-tint: var(--anc-menu-soft-16); }

html body .anc-main-menu li:nth-child(18n+17),
html body .anc-top-menu li:nth-child(18n+17),
html body .anc-header-menu li:nth-child(18n+17),
html body .uMenuH li:nth-child(18n+17),
html body nav li:nth-child(18n+17) { --anc-top-item-tint: var(--anc-menu-soft-17); }

html body .anc-main-menu li:nth-child(18n+18),
html body .anc-top-menu li:nth-child(18n+18),
html body .anc-header-menu li:nth-child(18n+18),
html body .uMenuH li:nth-child(18n+18),
html body nav li:nth-child(18n+18) { --anc-top-item-tint: var(--anc-menu-soft-18); }


/* Применяем цвет к ссылкам верхнего меню */
html body .anc-main-menu li > a,
html body .anc-top-menu li > a,
html body .anc-header-menu li > a,
html body .uMenuH li > a,
html body nav li > a {
  border-color: rgba(var(--anc-top-item-tint, 120,154,176), .24) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-top-item-tint, 120,154,176), .145),
      rgba(var(--anc-top-item-tint, 120,154,176), .044) 40%,
      transparent 72%
    ),
    linear-gradient(180deg, rgba(24,23,21,.96), rgba(10,10,9,.98)) !important;
}

html body .anc-main-menu li > a:hover,
html body .anc-top-menu li > a:hover,
html body .anc-header-menu li > a:hover,
html body .uMenuH li > a:hover,
html body nav li > a:hover {
  border-color: rgba(var(--anc-top-item-tint, 120,154,176), .52) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-top-item-tint, 120,154,176), .24),
      rgba(var(--anc-top-item-tint, 120,154,176), .070) 42%,
      transparent 74%
    ),
    linear-gradient(180deg, rgba(29,31,30,.98), rgba(10,12,12,.98)) !important;
}


/* =========================================================
   3. ЛЕВОЕ МЕНЮ — БОЛЕЕ ШИРОКИЕ СЕЛЕКТОРЫ
   Работает для:
   .anc-sidebar
   .anc-sidebox
   .anc-sidebox--atlas
   .uMenuV
   .catsTable
   .catName
   левый aside
========================================================= */

html body .anc-sidebar li:nth-child(18n+1),
html body .anc-left li:nth-child(18n+1),
html body aside li:nth-child(18n+1),
html body .anc-sidebox li:nth-child(18n+1),
html body .anc-sidebox--atlas li:nth-child(18n+1),
html body .uMenuV li:nth-child(18n+1),
html body .catsTable tr:nth-child(18n+1) { --anc-left-item-tint: var(--anc-menu-soft-01); }

html body .anc-sidebar li:nth-child(18n+2),
html body .anc-left li:nth-child(18n+2),
html body aside li:nth-child(18n+2),
html body .anc-sidebox li:nth-child(18n+2),
html body .anc-sidebox--atlas li:nth-child(18n+2),
html body .uMenuV li:nth-child(18n+2),
html body .catsTable tr:nth-child(18n+2) { --anc-left-item-tint: var(--anc-menu-soft-02); }

html body .anc-sidebar li:nth-child(18n+3),
html body .anc-left li:nth-child(18n+3),
html body aside li:nth-child(18n+3),
html body .anc-sidebox li:nth-child(18n+3),
html body .anc-sidebox--atlas li:nth-child(18n+3),
html body .uMenuV li:nth-child(18n+3),
html body .catsTable tr:nth-child(18n+3) { --anc-left-item-tint: var(--anc-menu-soft-03); }

html body .anc-sidebar li:nth-child(18n+4),
html body .anc-left li:nth-child(18n+4),
html body aside li:nth-child(18n+4),
html body .anc-sidebox li:nth-child(18n+4),
html body .anc-sidebox--atlas li:nth-child(18n+4),
html body .uMenuV li:nth-child(18n+4),
html body .catsTable tr:nth-child(18n+4) { --anc-left-item-tint: var(--anc-menu-soft-04); }

html body .anc-sidebar li:nth-child(18n+5),
html body .anc-left li:nth-child(18n+5),
html body aside li:nth-child(18n+5),
html body .anc-sidebox li:nth-child(18n+5),
html body .anc-sidebox--atlas li:nth-child(18n+5),
html body .uMenuV li:nth-child(18n+5),
html body .catsTable tr:nth-child(18n+5) { --anc-left-item-tint: var(--anc-menu-soft-05); }

html body .anc-sidebar li:nth-child(18n+6),
html body .anc-left li:nth-child(18n+6),
html body aside li:nth-child(18n+6),
html body .anc-sidebox li:nth-child(18n+6),
html body .anc-sidebox--atlas li:nth-child(18n+6),
html body .uMenuV li:nth-child(18n+6),
html body .catsTable tr:nth-child(18n+6) { --anc-left-item-tint: var(--anc-menu-soft-06); }

html body .anc-sidebar li:nth-child(18n+7),
html body .anc-left li:nth-child(18n+7),
html body aside li:nth-child(18n+7),
html body .anc-sidebox li:nth-child(18n+7),
html body .anc-sidebox--atlas li:nth-child(18n+7),
html body .uMenuV li:nth-child(18n+7),
html body .catsTable tr:nth-child(18n+7) { --anc-left-item-tint: var(--anc-menu-soft-07); }

html body .anc-sidebar li:nth-child(18n+8),
html body .anc-left li:nth-child(18n+8),
html body aside li:nth-child(18n+8),
html body .anc-sidebox li:nth-child(18n+8),
html body .anc-sidebox--atlas li:nth-child(18n+8),
html body .uMenuV li:nth-child(18n+8),
html body .catsTable tr:nth-child(18n+8) { --anc-left-item-tint: var(--anc-menu-soft-08); }

html body .anc-sidebar li:nth-child(18n+9),
html body .anc-left li:nth-child(18n+9),
html body aside li:nth-child(18n+9),
html body .anc-sidebox li:nth-child(18n+9),
html body .anc-sidebox--atlas li:nth-child(18n+9),
html body .uMenuV li:nth-child(18n+9),
html body .catsTable tr:nth-child(18n+9) { --anc-left-item-tint: var(--anc-menu-soft-09); }

html body .anc-sidebar li:nth-child(18n+10),
html body .anc-left li:nth-child(18n+10),
html body aside li:nth-child(18n+10),
html body .anc-sidebox li:nth-child(18n+10),
html body .anc-sidebox--atlas li:nth-child(18n+10),
html body .uMenuV li:nth-child(18n+10),
html body .catsTable tr:nth-child(18n+10) { --anc-left-item-tint: var(--anc-menu-soft-10); }

html body .anc-sidebar li:nth-child(18n+11),
html body .anc-left li:nth-child(18n+11),
html body aside li:nth-child(18n+11),
html body .anc-sidebox li:nth-child(18n+11),
html body .anc-sidebox--atlas li:nth-child(18n+11),
html body .uMenuV li:nth-child(18n+11),
html body .catsTable tr:nth-child(18n+11) { --anc-left-item-tint: var(--anc-menu-soft-11); }

html body .anc-sidebar li:nth-child(18n+12),
html body .anc-left li:nth-child(18n+12),
html body aside li:nth-child(18n+12),
html body .anc-sidebox li:nth-child(18n+12),
html body .anc-sidebox--atlas li:nth-child(18n+12),
html body .uMenuV li:nth-child(18n+12),
html body .catsTable tr:nth-child(18n+12) { --anc-left-item-tint: var(--anc-menu-soft-12); }

html body .anc-sidebar li:nth-child(18n+13),
html body .anc-left li:nth-child(18n+13),
html body aside li:nth-child(18n+13),
html body .anc-sidebox li:nth-child(18n+13),
html body .anc-sidebox--atlas li:nth-child(18n+13),
html body .uMenuV li:nth-child(18n+13),
html body .catsTable tr:nth-child(18n+13) { --anc-left-item-tint: var(--anc-menu-soft-13); }

html body .anc-sidebar li:nth-child(18n+14),
html body .anc-left li:nth-child(18n+14),
html body aside li:nth-child(18n+14),
html body .anc-sidebox li:nth-child(18n+14),
html body .anc-sidebox--atlas li:nth-child(18n+14),
html body .uMenuV li:nth-child(18n+14),
html body .catsTable tr:nth-child(18n+14) { --anc-left-item-tint: var(--anc-menu-soft-14); }

html body .anc-sidebar li:nth-child(18n+15),
html body .anc-left li:nth-child(18n+15),
html body aside li:nth-child(18n+15),
html body .anc-sidebox li:nth-child(18n+15),
html body .anc-sidebox--atlas li:nth-child(18n+15),
html body .uMenuV li:nth-child(18n+15),
html body .catsTable tr:nth-child(18n+15) { --anc-left-item-tint: var(--anc-menu-soft-15); }

html body .anc-sidebar li:nth-child(18n+16),
html body .anc-left li:nth-child(18n+16),
html body aside li:nth-child(18n+16),
html body .anc-sidebox li:nth-child(18n+16),
html body .anc-sidebox--atlas li:nth-child(18n+16),
html body .uMenuV li:nth-child(18n+16),
html body .catsTable tr:nth-child(18n+16) { --anc-left-item-tint: var(--anc-menu-soft-16); }

html body .anc-sidebar li:nth-child(18n+17),
html body .anc-left li:nth-child(18n+17),
html body aside li:nth-child(18n+17),
html body .anc-sidebox li:nth-child(18n+17),
html body .anc-sidebox--atlas li:nth-child(18n+17),
html body .uMenuV li:nth-child(18n+17),
html body .catsTable tr:nth-child(18n+17) { --anc-left-item-tint: var(--anc-menu-soft-17); }

html body .anc-sidebar li:nth-child(18n+18),
html body .anc-left li:nth-child(18n+18),
html body aside li:nth-child(18n+18),
html body .anc-sidebox li:nth-child(18n+18),
html body .anc-sidebox--atlas li:nth-child(18n+18),
html body .uMenuV li:nth-child(18n+18),
html body .catsTable tr:nth-child(18n+18) { --anc-left-item-tint: var(--anc-menu-soft-18); }


/* Применяем к ссылкам левого меню */
html body .anc-sidebar li > a,
html body .anc-left li > a,
html body aside li > a,
html body .anc-sidebox li > a,
html body .anc-sidebox--atlas li > a,
html body .uMenuV li > a,
html body .catsTable tr a {
  border-color: rgba(var(--anc-left-item-tint, 120,154,176), .24) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-item-tint, 120,154,176), .115),
      rgba(20,18,15,.34) 44%,
      rgba(10,9,8,.20)
    ) !important;
}

html body .anc-sidebar li > a::before,
html body .anc-left li > a::before,
html body aside li > a::before,
html body .anc-sidebox li > a::before,
html body .anc-sidebox--atlas li > a::before,
html body .uMenuV li > a::before,
html body .catsTable tr a::before {
  background: rgba(var(--anc-left-item-tint, 120,154,176), .62) !important;
}

html body .anc-sidebar li > a:hover,
html body .anc-left li > a:hover,
html body aside li > a:hover,
html body .anc-sidebox li > a:hover,
html body .anc-sidebox--atlas li > a:hover,
html body .uMenuV li > a:hover,
html body .catsTable tr a:hover {
  border-color: rgba(var(--anc-left-item-tint, 120,154,176), .48) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-item-tint, 120,154,176), .18),
      rgba(20,18,15,.46) 48%,
      rgba(10,9,8,.24)
    ) !important;
}


/* =========================================================
   4. САМЫЙ ЖЁСТКИЙ ФОЛБЭК ДЛЯ ЛЕВОЙ КОЛОНКИ
   Если uCoz вывел ссылки без li/tr.
========================================================= */

html body .anc-sidebar a:nth-of-type(18n+1),
html body .anc-left a:nth-of-type(18n+1),
html body aside a:nth-of-type(18n+1),
html body .anc-sidebox a:nth-of-type(18n+1) { --anc-left-item-tint: var(--anc-menu-soft-01); }

html body .anc-sidebar a:nth-of-type(18n+2),
html body .anc-left a:nth-of-type(18n+2),
html body aside a:nth-of-type(18n+2),
html body .anc-sidebox a:nth-of-type(18n+2) { --anc-left-item-tint: var(--anc-menu-soft-02); }

html body .anc-sidebar a:nth-of-type(18n+3),
html body .anc-left a:nth-of-type(18n+3),
html body aside a:nth-of-type(18n+3),
html body .anc-sidebox a:nth-of-type(18n+3) { --anc-left-item-tint: var(--anc-menu-soft-03); }

html body .anc-sidebar a:nth-of-type(18n+4),
html body .anc-left a:nth-of-type(18n+4),
html body aside a:nth-of-type(18n+4),
html body .anc-sidebox a:nth-of-type(18n+4) { --anc-left-item-tint: var(--anc-menu-soft-04); }

html body .anc-sidebar a:nth-of-type(18n+5),
html body .anc-left a:nth-of-type(18n+5),
html body aside a:nth-of-type(18n+5),
html body .anc-sidebox a:nth-of-type(18n+5) { --anc-left-item-tint: var(--anc-menu-soft-05); }

html body .anc-sidebar a:nth-of-type(18n+6),
html body .anc-left a:nth-of-type(18n+6),
html body aside a:nth-of-type(18n+6),
html body .anc-sidebox a:nth-of-type(18n+6) { --anc-left-item-tint: var(--anc-menu-soft-06); }

html body .anc-sidebar a:nth-of-type(18n+7),
html body .anc-left a:nth-of-type(18n+7),
html body aside a:nth-of-type(18n+7),
html body .anc-sidebox a:nth-of-type(18n+7) { --anc-left-item-tint: var(--anc-menu-soft-07); }

html body .anc-sidebar a:nth-of-type(18n+8),
html body .anc-left a:nth-of-type(18n+8),
html body aside a:nth-of-type(18n+8),
html body .anc-sidebox a:nth-of-type(18n+8) { --anc-left-item-tint: var(--anc-menu-soft-08); }

html body .anc-sidebar a:nth-of-type(18n+9),
html body .anc-left a:nth-of-type(18n+9),
html body aside a:nth-of-type(18n+9),
html body .anc-sidebox a:nth-of-type(18n+9) { --anc-left-item-tint: var(--anc-menu-soft-09); }

html body .anc-sidebar a:nth-of-type(18n+10),
html body .anc-left a:nth-of-type(18n+10),
html body aside a:nth-of-type(18n+10),
html body .anc-sidebox a:nth-of-type(18n+10) { --anc-left-item-tint: var(--anc-menu-soft-10); }

html body .anc-sidebar a:nth-of-type(18n+11),
html body .anc-left a:nth-of-type(18n+11),
html body aside a:nth-of-type(18n+11),
html body .anc-sidebox a:nth-of-type(18n+11) { --anc-left-item-tint: var(--anc-menu-soft-11); }

html body .anc-sidebar a:nth-of-type(18n+12),
html body .anc-left a:nth-of-type(18n+12),
html body aside a:nth-of-type(18n+12),
html body .anc-sidebox a:nth-of-type(18n+12) { --anc-left-item-tint: var(--anc-menu-soft-12); }

html body .anc-sidebar a:nth-of-type(18n+13),
html body .anc-left a:nth-of-type(18n+13),
html body aside a:nth-of-type(18n+13),
html body .anc-sidebox a:nth-of-type(18n+13) { --anc-left-item-tint: var(--anc-menu-soft-13); }

html body .anc-sidebar a:nth-of-type(18n+14),
html body .anc-left a:nth-of-type(18n+14),
html body aside a:nth-of-type(18n+14),
html body .anc-sidebox a:nth-of-type(18n+14) { --anc-left-item-tint: var(--anc-menu-soft-14); }

html body .anc-sidebar a:nth-of-type(18n+15),
html body .anc-left a:nth-of-type(18n+15),
html body aside a:nth-of-type(18n+15),
html body .anc-sidebox a:nth-of-type(18n+15) { --anc-left-item-tint: var(--anc-menu-soft-15); }

html body .anc-sidebar a:nth-of-type(18n+16),
html body .anc-left a:nth-of-type(18n+16),
html body aside a:nth-of-type(18n+16),
html body .anc-sidebox a:nth-of-type(18n+16) { --anc-left-item-tint: var(--anc-menu-soft-16); }

html body .anc-sidebar a:nth-of-type(18n+17),
html body .anc-left a:nth-of-type(18n+17),
html body aside a:nth-of-type(18n+17),
html body .anc-sidebox a:nth-of-type(18n+17) { --anc-left-item-tint: var(--anc-menu-soft-17); }

html body .anc-sidebar a:nth-of-type(18n+18),
html body .anc-left a:nth-of-type(18n+18),
html body aside a:nth-of-type(18n+18),
html body .anc-sidebox a:nth-of-type(18n+18) { --anc-left-item-tint: var(--anc-menu-soft-18); }

html body .anc-sidebar a,
html body .anc-left a,
html body aside a,
html body .anc-sidebox a {
  border-color: rgba(var(--anc-left-item-tint, 120,154,176), .20) !important;
}

/* =========================================================
   ANCIENTCIVS — V84 VISIBLE UNIQUE MENU COLORS
   Фикс по скрину:
   - цвета в меню были слишком еле заметны;
   - делаем каждый пункт/раздел реально различимым;
   - цвета остаются тёмными, холодными и не кислотными;
   - верхнее меню и левый атлас получают более видимые акценты.

   ВАЖНО:
   Этот блок должен быть самым последним в CSS.
========================================================= */


/* =========================================================
   1. ПАЛИТРА БОЛЕЕ ВИДИМЫХ, НО НЕ ЯРКИХ ЦВЕТОВ
========================================================= */

html body {
  --anc-menu-vivid-01: 78, 126, 176;   /* стальной синий */
  --anc-menu-vivid-02: 58, 146, 136;   /* тёмная бирюза */
  --anc-menu-vivid-03: 124, 96, 178;   /* аметист */
  --anc-menu-vivid-04: 126, 132, 138;  /* холодный камень */
  --anc-menu-vivid-05: 86, 142, 106;   /* шалфей */
  --anc-menu-vivid-06: 62, 142, 170;   /* циан */
  --anc-menu-vivid-07: 92, 104, 184;   /* индиго */
  --anc-menu-vivid-08: 142, 108, 160;  /* дымчатая сирень */
  --anc-menu-vivid-09: 116, 142, 88;   /* холодная олива */
  --anc-menu-vivid-10: 64, 126, 166;   /* морская сталь */
  --anc-menu-vivid-11: 150, 112, 136;  /* приглушённая роза */
  --anc-menu-vivid-12: 86, 132, 146;   /* графитовый голубой */
  --anc-menu-vivid-13: 64, 144, 118;   /* нефрит */
  --anc-menu-vivid-14: 108, 118, 176;  /* серо-индиго */
  --anc-menu-vivid-15: 142, 132, 100;  /* холодная бронза */
  --anc-menu-vivid-16: 66, 154, 154;   /* аквамарин */
  --anc-menu-vivid-17: 132, 100, 184;  /* фиолетовый камень */
  --anc-menu-vivid-18: 96, 138, 168;   /* морозный голубой */
}


/* =========================================================
   2. ВЕРХНЕЕ МЕНЮ — ЦВЕТА ДОЛЖНЫ БЫТЬ ВИДНЫ
========================================================= */

html body .anc-main-menu li:nth-child(18n+1),
html body .uMenuH li:nth-child(18n+1),
html body .anc-top-menu li:nth-child(18n+1),
html body .anc-header-menu li:nth-child(18n+1),
html body nav li:nth-child(18n+1) { --anc-top-item-tint: var(--anc-menu-vivid-01); }

html body .anc-main-menu li:nth-child(18n+2),
html body .uMenuH li:nth-child(18n+2),
html body .anc-top-menu li:nth-child(18n+2),
html body .anc-header-menu li:nth-child(18n+2),
html body nav li:nth-child(18n+2) { --anc-top-item-tint: var(--anc-menu-vivid-02); }

html body .anc-main-menu li:nth-child(18n+3),
html body .uMenuH li:nth-child(18n+3),
html body .anc-top-menu li:nth-child(18n+3),
html body .anc-header-menu li:nth-child(18n+3),
html body nav li:nth-child(18n+3) { --anc-top-item-tint: var(--anc-menu-vivid-03); }

html body .anc-main-menu li:nth-child(18n+4),
html body .uMenuH li:nth-child(18n+4),
html body .anc-top-menu li:nth-child(18n+4),
html body .anc-header-menu li:nth-child(18n+4),
html body nav li:nth-child(18n+4) { --anc-top-item-tint: var(--anc-menu-vivid-04); }

html body .anc-main-menu li:nth-child(18n+5),
html body .uMenuH li:nth-child(18n+5),
html body .anc-top-menu li:nth-child(18n+5),
html body .anc-header-menu li:nth-child(18n+5),
html body nav li:nth-child(18n+5) { --anc-top-item-tint: var(--anc-menu-vivid-05); }

html body .anc-main-menu li:nth-child(18n+6),
html body .uMenuH li:nth-child(18n+6),
html body .anc-top-menu li:nth-child(18n+6),
html body .anc-header-menu li:nth-child(18n+6),
html body nav li:nth-child(18n+6) { --anc-top-item-tint: var(--anc-menu-vivid-06); }

html body .anc-main-menu li:nth-child(18n+7),
html body .uMenuH li:nth-child(18n+7),
html body .anc-top-menu li:nth-child(18n+7),
html body .anc-header-menu li:nth-child(18n+7),
html body nav li:nth-child(18n+7) { --anc-top-item-tint: var(--anc-menu-vivid-07); }

html body .anc-main-menu li:nth-child(18n+8),
html body .uMenuH li:nth-child(18n+8),
html body .anc-top-menu li:nth-child(18n+8),
html body .anc-header-menu li:nth-child(18n+8),
html body nav li:nth-child(18n+8) { --anc-top-item-tint: var(--anc-menu-vivid-08); }

/* Верхнее меню: заметный цвет через рамку + левую полоску + мягкую подложку */
html body .anc-main-menu li > a,
html body .uMenuH li > a,
html body .anc-top-menu li > a,
html body .anc-header-menu li > a,
html body nav li > a {
  position: relative !important;
  overflow: hidden !important;

  border-color: rgba(var(--anc-top-item-tint, 120,154,176), .42) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-top-item-tint, 120,154,176), .115),
      rgba(20,20,18,.86) 42%,
      rgba(10,10,9,.96)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 3px 0 0 rgba(var(--anc-top-item-tint, 120,154,176), .38),
    0 10px 22px rgba(0,0,0,.34) !important;
}

html body .anc-main-menu li > a::after,
html body .uMenuH li > a::after,
html body .anc-top-menu li > a::after,
html body .anc-header-menu li > a::after,
html body nav li > a::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 4px !important;
  height: 1px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--anc-top-item-tint, 120,154,176), .48),
    transparent
  ) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

html body .anc-main-menu li > a:hover,
html body .uMenuH li > a:hover,
html body .anc-top-menu li > a:hover,
html body .anc-header-menu li > a:hover,
html body nav li > a:hover {
  border-color: rgba(var(--anc-top-item-tint, 120,154,176), .70) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-top-item-tint, 120,154,176), .18),
      rgba(24,24,22,.92) 44%,
      rgba(11,12,12,.98)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 3px 0 0 rgba(var(--anc-top-item-tint, 120,154,176), .62),
    0 12px 26px rgba(0,0,0,.42),
    0 0 18px rgba(var(--anc-top-item-tint, 120,154,176), .10) !important;
}


/* =========================================================
   3. ЛЕВЫЙ АТЛАС — РАЗНЫЕ ЦВЕТА ДЛЯ КАЖДОГО ПУНКТА
========================================================= */

/* Цвета для пунктов */
html body .anc-sidebox--atlas li:nth-child(18n+1),
html body .anc-sidebox li:nth-child(18n+1),
html body .anc-sidebar li:nth-child(18n+1),
html body .anc-left li:nth-child(18n+1),
html body aside li:nth-child(18n+1),
html body .uMenuV li:nth-child(18n+1),
html body .catsTable tr:nth-child(18n+1) { --anc-left-item-tint: var(--anc-menu-vivid-01); }

html body .anc-sidebox--atlas li:nth-child(18n+2),
html body .anc-sidebox li:nth-child(18n+2),
html body .anc-sidebar li:nth-child(18n+2),
html body .anc-left li:nth-child(18n+2),
html body aside li:nth-child(18n+2),
html body .uMenuV li:nth-child(18n+2),
html body .catsTable tr:nth-child(18n+2) { --anc-left-item-tint: var(--anc-menu-vivid-02); }

html body .anc-sidebox--atlas li:nth-child(18n+3),
html body .anc-sidebox li:nth-child(18n+3),
html body .anc-sidebar li:nth-child(18n+3),
html body .anc-left li:nth-child(18n+3),
html body aside li:nth-child(18n+3),
html body .uMenuV li:nth-child(18n+3),
html body .catsTable tr:nth-child(18n+3) { --anc-left-item-tint: var(--anc-menu-vivid-03); }

html body .anc-sidebox--atlas li:nth-child(18n+4),
html body .anc-sidebox li:nth-child(18n+4),
html body .anc-sidebar li:nth-child(18n+4),
html body .anc-left li:nth-child(18n+4),
html body aside li:nth-child(18n+4),
html body .uMenuV li:nth-child(18n+4),
html body .catsTable tr:nth-child(18n+4) { --anc-left-item-tint: var(--anc-menu-vivid-04); }

html body .anc-sidebox--atlas li:nth-child(18n+5),
html body .anc-sidebox li:nth-child(18n+5),
html body .anc-sidebar li:nth-child(18n+5),
html body .anc-left li:nth-child(18n+5),
html body aside li:nth-child(18n+5),
html body .uMenuV li:nth-child(18n+5),
html body .catsTable tr:nth-child(18n+5) { --anc-left-item-tint: var(--anc-menu-vivid-05); }

html body .anc-sidebox--atlas li:nth-child(18n+6),
html body .anc-sidebox li:nth-child(18n+6),
html body .anc-sidebar li:nth-child(18n+6),
html body .anc-left li:nth-child(18n+6),
html body aside li:nth-child(18n+6),
html body .uMenuV li:nth-child(18n+6),
html body .catsTable tr:nth-child(18n+6) { --anc-left-item-tint: var(--anc-menu-vivid-06); }

html body .anc-sidebox--atlas li:nth-child(18n+7),
html body .anc-sidebox li:nth-child(18n+7),
html body .anc-sidebar li:nth-child(18n+7),
html body .anc-left li:nth-child(18n+7),
html body aside li:nth-child(18n+7),
html body .uMenuV li:nth-child(18n+7),
html body .catsTable tr:nth-child(18n+7) { --anc-left-item-tint: var(--anc-menu-vivid-07); }

html body .anc-sidebox--atlas li:nth-child(18n+8),
html body .anc-sidebox li:nth-child(18n+8),
html body .anc-sidebar li:nth-child(18n+8),
html body .anc-left li:nth-child(18n+8),
html body aside li:nth-child(18n+8),
html body .uMenuV li:nth-child(18n+8),
html body .catsTable tr:nth-child(18n+8) { --anc-left-item-tint: var(--anc-menu-vivid-08); }


/* Чтобы дальше тоже не были одинаковыми */
html body .anc-sidebox--atlas li:nth-child(18n+9),
html body .anc-sidebox li:nth-child(18n+9),
html body .anc-sidebar li:nth-child(18n+9),
html body .anc-left li:nth-child(18n+9),
html body aside li:nth-child(18n+9),
html body .uMenuV li:nth-child(18n+9),
html body .catsTable tr:nth-child(18n+9) { --anc-left-item-tint: var(--anc-menu-vivid-09); }

html body .anc-sidebox--atlas li:nth-child(18n+10),
html body .anc-sidebox li:nth-child(18n+10),
html body .anc-sidebar li:nth-child(18n+10),
html body .anc-left li:nth-child(18n+10),
html body aside li:nth-child(18n+10),
html body .uMenuV li:nth-child(18n+10),
html body .catsTable tr:nth-child(18n+10) { --anc-left-item-tint: var(--anc-menu-vivid-10); }

html body .anc-sidebox--atlas li:nth-child(18n+11),
html body .anc-sidebox li:nth-child(18n+11),
html body .anc-sidebar li:nth-child(18n+11),
html body .anc-left li:nth-child(18n+11),
html body aside li:nth-child(18n+11),
html body .uMenuV li:nth-child(18n+11),
html body .catsTable tr:nth-child(18n+11) { --anc-left-item-tint: var(--anc-menu-vivid-11); }

html body .anc-sidebox--atlas li:nth-child(18n+12),
html body .anc-sidebox li:nth-child(18n+12),
html body .anc-sidebar li:nth-child(18n+12),
html body .anc-left li:nth-child(18n+12),
html body aside li:nth-child(18n+12),
html body .uMenuV li:nth-child(18n+12),
html body .catsTable tr:nth-child(18n+12) { --anc-left-item-tint: var(--anc-menu-vivid-12); }

html body .anc-sidebox--atlas li:nth-child(18n+13),
html body .anc-sidebox li:nth-child(18n+13),
html body .anc-sidebar li:nth-child(18n+13),
html body .anc-left li:nth-child(18n+13),
html body aside li:nth-child(18n+13),
html body .uMenuV li:nth-child(18n+13),
html body .catsTable tr:nth-child(18n+13) { --anc-left-item-tint: var(--anc-menu-vivid-13); }

html body .anc-sidebox--atlas li:nth-child(18n+14),
html body .anc-sidebox li:nth-child(18n+14),
html body .anc-sidebar li:nth-child(18n+14),
html body .anc-left li:nth-child(18n+14),
html body aside li:nth-child(18n+14),
html body .uMenuV li:nth-child(18n+14),
html body .catsTable tr:nth-child(18n+14) { --anc-left-item-tint: var(--anc-menu-vivid-14); }

html body .anc-sidebox--atlas li:nth-child(18n+15),
html body .anc-sidebox li:nth-child(18n+15),
html body .anc-sidebar li:nth-child(18n+15),
html body .anc-left li:nth-child(18n+15),
html body aside li:nth-child(18n+15),
html body .uMenuV li:nth-child(18n+15),
html body .catsTable tr:nth-child(18n+15) { --anc-left-item-tint: var(--anc-menu-vivid-15); }

html body .anc-sidebox--atlas li:nth-child(18n+16),
html body .anc-sidebox li:nth-child(18n+16),
html body .anc-sidebar li:nth-child(18n+16),
html body .anc-left li:nth-child(18n+16),
html body aside li:nth-child(18n+16),
html body .uMenuV li:nth-child(18n+16),
html body .catsTable tr:nth-child(18n+16) { --anc-left-item-tint: var(--anc-menu-vivid-16); }

html body .anc-sidebox--atlas li:nth-child(18n+17),
html body .anc-sidebox li:nth-child(18n+17),
html body .anc-sidebar li:nth-child(18n+17),
html body .anc-left li:nth-child(18n+17),
html body aside li:nth-child(18n+17),
html body .uMenuV li:nth-child(18n+17),
html body .catsTable tr:nth-child(18n+17) { --anc-left-item-tint: var(--anc-menu-vivid-17); }

html body .anc-sidebox--atlas li:nth-child(18n+18),
html body .anc-sidebox li:nth-child(18n+18),
html body .anc-sidebar li:nth-child(18n+18),
html body .anc-left li:nth-child(18n+18),
html body aside li:nth-child(18n+18),
html body .uMenuV li:nth-child(18n+18),
html body .catsTable tr:nth-child(18n+18) { --anc-left-item-tint: var(--anc-menu-vivid-18); }


/* Видимый, но мягкий цвет на ссылках левого меню */
html body .anc-sidebox--atlas li > a,
html body .anc-sidebox li > a,
html body .anc-sidebar li > a,
html body .anc-left li > a,
html body aside li > a,
html body .uMenuV li > a,
html body .catsTable tr a {
  border-color: rgba(var(--anc-left-item-tint, 120,154,176), .36) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-item-tint, 120,154,176), .145),
      rgba(24,22,19,.36) 45%,
      rgba(10,9,8,.20)
    ) !important;
  box-shadow:
    inset 3px 0 0 rgba(var(--anc-left-item-tint, 120,154,176), .45),
    inset 0 1px 0 rgba(255,255,255,.030) !important;
}

html body .anc-sidebox--atlas li > a:hover,
html body .anc-sidebox li > a:hover,
html body .anc-sidebar li > a:hover,
html body .anc-left li > a:hover,
html body aside li > a:hover,
html body .uMenuV li > a:hover,
html body .catsTable tr a:hover {
  border-color: rgba(var(--anc-left-item-tint, 120,154,176), .62) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-left-item-tint, 120,154,176), .23),
      rgba(26,24,21,.46) 48%,
      rgba(10,9,8,.24)
    ) !important;
  box-shadow:
    inset 3px 0 0 rgba(var(--anc-left-item-tint, 120,154,176), .72),
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 18px rgba(0,0,0,.22) !important;
}


/* =========================================================
   4. ЗАГОЛОВКИ ГРУПП ЛЕВОГО МЕНЮ ТОЖЕ ВИДИМЕЕ
========================================================= */

html body .anc-sidebox--atlas .anc-menu-title,
html body .anc-sidebox--atlas .uMenuRoot,
html body .anc-sidebox--atlas .catName,
html body .anc-sidebox .anc-menu-title,
html body .anc-sidebox .uMenuRoot,
html body .anc-sidebox .catName {
  border-color: rgba(126, 150, 164, .30) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(96, 130, 150, .18),
      rgba(96, 130, 150, .055) 45%,
      transparent 74%
    ),
    linear-gradient(180deg, rgba(30,30,28,.52), rgba(13,13,12,.24)) !important;
}

/* =========================================================
   ANCIENTCIVS — V85 REGION-BASED LEFT MENU COLORS
   Исправление логики левого меню:
   - больше НЕ шахматный порядок цветов;
   - каждый крупный регион получает свой уникальный мягкий цвет;
   - пункты внутри региона наследуют цвет своего региона;
   - регионы визуально отделяются друг от друга;
   - цвета холодные/приглушённые, не кислотные.

   ВАЖНО:
   - для точной работы нужен JS V85, который добавляет классы
     anc-region-... на заголовки и пункты меню.
   - этот CSS-блок должен быть самым последним в CSS.
========================================================= */


/* =========================================================
   1. СБРОС ШАХМАТНОЙ ЛОГИКИ ДЛЯ ЛЕВОГО МЕНЮ
========================================================= */

html body .anc-sidebox--atlas li,
html body .anc-sidebox--atlas tr,
html body .anc-sidebox--atlas a,
html body .anc-sidebox--atlas .anc-menu-group,
html body .anc-sidebox--atlas .anc-menu-title,
html body .anc-sidebox--atlas .uMenuRoot,
html body .anc-sidebox--atlas .catName {
  --anc-left-item-tint: var(--anc-region-tint, 110, 130, 140) !important;
  --anc-left-title-tint: var(--anc-region-tint, 110, 130, 140) !important;
}


/* =========================================================
   2. УНИКАЛЬНЫЕ ЦВЕТА РЕГИОНОВ
========================================================= */

/* Средиземноморье — синевато-морской */
html body .anc-region-mediterranean {
  --anc-region-tint: 72, 118, 160;
  --anc-region-border: 88, 136, 178;
  --anc-region-title: #a9c2d8;
}

/* Север и Европа — холодный красновато-винный */
html body .anc-region-north-europe {
  --anc-region-tint: 142, 78, 92;
  --anc-region-border: 162, 96, 110;
  --anc-region-title: #d1a4ad;
}

/* Ближний Восток — приглушённая бронза */
html body .anc-region-near-east {
  --anc-region-tint: 150, 118, 72;
  --anc-region-border: 170, 136, 88;
  --anc-region-title: #d4bd8d;
}

/* Азия — нефритово-зелёный */
html body .anc-region-asia {
  --anc-region-tint: 74, 134, 106;
  --anc-region-border: 90, 154, 122;
  --anc-region-title: #a4cbb8;
}

/* Африка — песочно-оливковый */
html body .anc-region-africa {
  --anc-region-tint: 132, 130, 82;
  --anc-region-border: 152, 150, 98;
  --anc-region-title: #cbc896;
}

/* Америка — бирюзово-индейский */
html body .anc-region-america {
  --anc-region-tint: 58, 138, 146;
  --anc-region-border: 74, 158, 166;
  --anc-region-title: #99ced4;
}

/* Океания — глубокий океан */
html body .anc-region-oceania {
  --anc-region-tint: 58, 108, 162;
  --anc-region-border: 74, 128, 184;
  --anc-region-title: #9bbadc;
}

/* Альтернативная история — фиолетово-космический */
html body .anc-region-alt-history {
  --anc-region-tint: 112, 88, 164;
  --anc-region-border: 132, 106, 186;
  --anc-region-title: #baa9dc;
}

/* Прочее / fallback — холодный камень */
html body .anc-region-other {
  --anc-region-tint: 108, 124, 130;
  --anc-region-border: 126, 144, 150;
  --anc-region-title: #bdc9cc;
}


/* =========================================================
   3. ЗАГОЛОВОК РЕГИОНА — ОТДЕЛЬНАЯ ПЛАШКА
========================================================= */

html body .anc-sidebox--atlas .anc-region-heading,
html body .anc-sidebox--atlas .anc-region-heading a,
html body .anc-sidebox--atlas .anc-region-heading .catName,
html body .anc-sidebox--atlas .anc-region-heading .anc-menu-title,
html body .anc-sidebox--atlas .anc-region-heading .uMenuRoot {
  color: var(--anc-region-title, #c8d4d8) !important;
}

html body .anc-sidebox--atlas .anc-region-heading,
html body .anc-sidebox--atlas .anc-menu-title.anc-region-heading,
html body .anc-sidebox--atlas .uMenuRoot.anc-region-heading,
html body .anc-sidebox--atlas .catName.anc-region-heading {
  position: relative !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;

  border-color: rgba(var(--anc-region-border, 120,140,150), .42) !important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-region-tint, 120,140,150), .20),
      rgba(var(--anc-region-tint, 120,140,150), .075) 48%,
      transparent 76%
    ),
    linear-gradient(180deg, rgba(30, 30, 28, .54), rgba(12, 12, 11, .30)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .48),
    0 10px 22px rgba(0,0,0,.20) !important;
}

html body .anc-sidebox--atlas .anc-region-heading::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: -10px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(var(--anc-region-border, 120,140,150), .42),
      transparent
    ) !important;
  pointer-events: none !important;
}

/* Первый регион без лишней верхней линии */
html body .anc-sidebox--atlas .anc-region-heading:first-child::before {
  display: none !important;
}


/* =========================================================
   4. ПУНКТЫ ВНУТРИ РЕГИОНА — ЦВЕТ РЕГИОНА
========================================================= */

html body .anc-sidebox--atlas .anc-region-item > a,
html body .anc-sidebox--atlas li.anc-region-item > a,
html body .anc-sidebox--atlas tr.anc-region-item a,
html body .anc-sidebox--atlas a.anc-region-item {
  border-color: rgba(var(--anc-region-border, 120,140,150), .28) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .105),
      rgba(20,18,15,.34) 44%,
      rgba(10,9,8,.20)
    ) !important;

  box-shadow:
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .38),
    inset 0 1px 0 rgba(255,255,255,.024) !important;
}

html body .anc-sidebox--atlas .anc-region-item > a::before,
html body .anc-sidebox--atlas li.anc-region-item > a::before,
html body .anc-sidebox--atlas tr.anc-region-item a::before,
html body .anc-sidebox--atlas a.anc-region-item::before {
  background: rgba(var(--anc-region-border, 120,140,150), .58) !important;
  opacity: .80 !important;
}

html body .anc-sidebox--atlas .anc-region-item > a:hover,
html body .anc-sidebox--atlas li.anc-region-item > a:hover,
html body .anc-sidebox--atlas tr.anc-region-item a:hover,
html body .anc-sidebox--atlas a.anc-region-item:hover {
  border-color: rgba(var(--anc-region-border, 120,140,150), .56) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .17),
      rgba(24,22,19,.46) 48%,
      rgba(10,9,8,.24)
    ) !important;

  box-shadow:
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .70),
    inset 0 1px 0 rgba(255,255,255,.038),
    0 8px 18px rgba(0,0,0,.22) !important;
}


/* =========================================================
   5. ЕСЛИ РЕГИОН ОФОРМЛЕН НЕ ЧЕРЕЗ LI, А ЧЕРЕЗ ССЫЛКИ
========================================================= */

html body .anc-sidebox--atlas a.anc-region-link {
  border-color: rgba(var(--anc-region-border, 120,140,150), .28) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .105),
      rgba(20,18,15,.34) 44%,
      rgba(10,9,8,.20)
    ) !important;
  box-shadow:
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .38),
    inset 0 1px 0 rgba(255,255,255,.024) !important;
}

html body .anc-sidebox--atlas a.anc-region-link:hover {
  border-color: rgba(var(--anc-region-border, 120,140,150), .56) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .17),
      rgba(24,22,19,.46) 48%,
      rgba(10,9,8,.24)
    ) !important;
}


/* =========================================================
   6. МОБИЛЬНОЕ ПРИГЛУШЕНИЕ
========================================================= */

@media (max-width: 640px) {
  html body .anc-sidebox--atlas .anc-region-heading,
  html body .anc-sidebox--atlas .anc-menu-title.anc-region-heading,
  html body .anc-sidebox--atlas .uMenuRoot.anc-region-heading,
  html body .anc-sidebox--atlas .catName.anc-region-heading {
    margin-top: 14px !important;
    margin-bottom: 7px !important;
  }

  html body .anc-sidebox--atlas .anc-region-item > a,
  html body .anc-sidebox--atlas li.anc-region-item > a,
  html body .anc-sidebox--atlas tr.anc-region-item a,
  html body .anc-sidebox--atlas a.anc-region-item,
  html body .anc-sidebox--atlas a.anc-region-link {
    background:
      linear-gradient(90deg,
        rgba(var(--anc-region-tint, 120,140,150), .080),
        rgba(20,18,15,.30) 44%,
        rgba(10,9,8,.18)
      ) !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V86 FIX REGION GROUP COLORS
   Исправление по скрину:
   - обычный пункт "Средиземноморье" больше НЕ считается заголовком региона;
   - регион определяется по визуальному заголовку группы;
   - все пункты внутри одной группы получают один цвет региона;
   - разные группы отделяются и имеют разные цвета.

   ВАЖНО:
   - нужен JS V86;
   - этот блок должен быть самым последним в CSS.
========================================================= */


/* =========================================================
   1. ЦВЕТА РЕГИОНОВ
========================================================= */

html body .anc-region-mediterranean {
  --anc-region-tint: 72, 118, 160;
  --anc-region-border: 92, 142, 184;
  --anc-region-title: #aac6dc;
}

html body .anc-region-north-europe {
  --anc-region-tint: 140, 76, 92;
  --anc-region-border: 164, 96, 112;
  --anc-region-title: #d4a5ae;
}

html body .anc-region-near-east {
  --anc-region-tint: 150, 118, 72;
  --anc-region-border: 174, 140, 88;
  --anc-region-title: #d8bf8d;
}

html body .anc-region-asia {
  --anc-region-tint: 74, 134, 106;
  --anc-region-border: 92, 156, 124;
  --anc-region-title: #a7cdb9;
}

html body .anc-region-africa {
  --anc-region-tint: 134, 128, 78;
  --anc-region-border: 158, 152, 96;
  --anc-region-title: #ceca96;
}

html body .anc-region-america {
  --anc-region-tint: 58, 138, 146;
  --anc-region-border: 76, 162, 170;
  --anc-region-title: #9bd0d6;
}

html body .anc-region-oceania {
  --anc-region-tint: 58, 108, 162;
  --anc-region-border: 78, 132, 188;
  --anc-region-title: #9dbdde;
}

html body .anc-region-alt-history {
  --anc-region-tint: 112, 88, 164;
  --anc-region-border: 136, 108, 190;
  --anc-region-title: #bdaade;
}

html body .anc-region-other {
  --anc-region-tint: 108, 124, 130;
  --anc-region-border: 128, 146, 152;
  --anc-region-title: #c0ccce;
}


/* =========================================================
   2. ЗАГОЛОВОК РЕГИОНА
========================================================= */

html body .anc-sidebox--atlas .anc-region-heading,
html body .anc-sidebox--atlas a.anc-region-heading,
html body .anc-sidebox--atlas li.anc-region-heading,
html body .anc-sidebox--atlas div.anc-region-heading,
html body .anc-sidebox--atlas .anc-menu-title.anc-region-heading,
html body .anc-sidebox--atlas .uMenuRoot.anc-region-heading,
html body .anc-sidebox--atlas .catName.anc-region-heading {
  position: relative !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;

  color: var(--anc-region-title, #c8d4d8) !important;
  border-color: rgba(var(--anc-region-border, 120,140,150), .42) !important;

  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-region-tint, 120,140,150), .20),
      rgba(var(--anc-region-tint, 120,140,150), .072) 48%,
      transparent 76%
    ),
    linear-gradient(180deg, rgba(30,30,28,.54), rgba(12,12,11,.30)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .48),
    0 10px 22px rgba(0,0,0,.20) !important;
}

html body .anc-sidebox--atlas .anc-region-heading::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: -10px !important;
  height: 1px !important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(var(--anc-region-border, 120,140,150), .44),
      transparent
    ) !important;
  pointer-events: none !important;
}


/* =========================================================
   3. ПУНКТЫ ВНУТРИ РЕГИОНА
========================================================= */

html body .anc-sidebox--atlas .anc-region-item,
html body .anc-sidebox--atlas .anc-region-item > a,
html body .anc-sidebox--atlas a.anc-region-link,
html body .anc-sidebox--atlas li.anc-region-item > a,
html body .anc-sidebox--atlas tr.anc-region-item a {
  border-color: rgba(var(--anc-region-border, 120,140,150), .32) !important;
}

html body .anc-sidebox--atlas .anc-region-item > a,
html body .anc-sidebox--atlas a.anc-region-link,
html body .anc-sidebox--atlas li.anc-region-item > a,
html body .anc-sidebox--atlas tr.anc-region-item a {
  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .125),
      rgba(20,18,15,.34) 44%,
      rgba(10,9,8,.20)
    ) !important;

  box-shadow:
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .48),
    inset 0 1px 0 rgba(255,255,255,.024) !important;
}

html body .anc-sidebox--atlas .anc-region-item > a:hover,
html body .anc-sidebox--atlas a.anc-region-link:hover,
html body .anc-sidebox--atlas li.anc-region-item > a:hover,
html body .anc-sidebox--atlas tr.anc-region-item a:hover {
  border-color: rgba(var(--anc-region-border, 120,140,150), .62) !important;
  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .205),
      rgba(24,22,19,.48) 48%,
      rgba(10,9,8,.24)
    ) !important;

  box-shadow:
    inset 3px 0 0 rgba(var(--anc-region-border, 120,140,150), .76),
    inset 0 1px 0 rgba(255,255,255,.040),
    0 8px 18px rgba(0,0,0,.22) !important;
}


/* =========================================================
   4. ОТДЕЛЕНИЕ ГРУПП ДРУГ ОТ ДРУГА
========================================================= */

html body .anc-sidebox--atlas .anc-region-heading:not(:first-child) {
  margin-top: 22px !important;
}

html body .anc-sidebox--atlas .anc-region-heading + .anc-region-item,
html body .anc-sidebox--atlas .anc-region-heading + a.anc-region-link {
  margin-top: 8px !important;
}


/* =========================================================
   5. ПРИГЛУШЕНИЕ НА МОБИЛЬНОМ
========================================================= */

@media (max-width: 640px) {
  html body .anc-sidebox--atlas .anc-region-heading,
  html body .anc-sidebox--atlas a.anc-region-heading,
  html body .anc-sidebox--atlas li.anc-region-heading,
  html body .anc-sidebox--atlas div.anc-region-heading {
    margin-top: 14px !important;
    margin-bottom: 7px !important;
  }

  html body .anc-sidebox--atlas .anc-region-item > a,
  html body .anc-sidebox--atlas a.anc-region-link,
  html body .anc-sidebox--atlas li.anc-region-item > a,
  html body .anc-sidebox--atlas tr.anc-region-item a {
    background:
      linear-gradient(90deg,
        rgba(var(--anc-region-tint, 120,140,150), .095),
        rgba(20,18,15,.30) 44%,
        rgba(10,9,8,.18)
      ) !important;
  }
}

/* =========================================================
   ANCIENTCIVS — V87 HARD REGION MENU OVERRIDE
   Жёсткий фикс для левого меню:
   - старые nth-child / шахматные стили больше не перебивают регионы;
   - цвет берётся из inline CSS-переменных, которые ставит JS V87;
   - каждый регион и пункты под ним получают один общий цвет региона;
   - группы визуально отделяются.

   ВАЖНО:
   1) Этот блок должен быть самым последним в CSS.
   2) JS V87 нужно вставить перед </body>.
========================================================= */


/* =========================================================
   1. ЖЁСТКИЙ СБРОС СТАРЫХ ЦВЕТОВ ЛЕВОГО МЕНЮ
========================================================= */

html body .anc-sidebox--atlas li,
html body .anc-sidebox--atlas tr,
html body .anc-sidebox--atlas a,
html body .anc-sidebox--atlas .anc-menu-title,
html body .anc-sidebox--atlas .uMenuRoot,
html body .anc-sidebox--atlas .catName,
html body .anc-sidebar li,
html body .anc-sidebar a,
html body .anc-left li,
html body .anc-left a,
html body .uMenuV li,
html body .uMenuV a {
  --anc-left-item-tint: var(--anc-region-tint, 112, 132, 138) !important;
  --anc-left-title-tint: var(--anc-region-tint, 112, 132, 138) !important;
}


/* =========================================================
   2. РЕГИОНАЛЬНЫЕ ПЛАШКИ
========================================================= */

html body .anc-region-heading,
html body .anc-sidebox--atlas .anc-region-heading,
html body .anc-sidebox--atlas a.anc-region-heading,
html body .anc-sidebox--atlas li.anc-region-heading,
html body .anc-sidebox--atlas div.anc-region-heading {
  position: relative !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;

  color: var(--anc-region-title, #c8d4d8) !important;
  border-color: rgba(var(--anc-region-border, 120,140,150), .48) !important;

  background:
    radial-gradient(circle at 50% 0%,
      rgba(var(--anc-region-tint, 120,140,150), .24),
      rgba(var(--anc-region-tint, 120,140,150), .090) 48%,
      transparent 78%
    ),
    linear-gradient(180deg, rgba(30,30,28,.56), rgba(12,12,11,.30)) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.050),
    inset 4px 0 0 rgba(var(--anc-region-border, 120,140,150), .58),
    0 10px 22px rgba(0,0,0,.22) !important;
}

html body .anc-region-heading::before {
  background: rgba(var(--anc-region-border, 120,140,150), .58) !important;
}


/* =========================================================
   3. ПУНКТЫ ВНУТРИ РЕГИОНОВ
========================================================= */

html body .anc-region-item > a,
html body a.anc-region-link,
html body .anc-sidebox--atlas .anc-region-item > a,
html body .anc-sidebox--atlas a.anc-region-link,
html body .anc-sidebox--atlas li.anc-region-item > a,
html body .anc-sidebox--atlas tr.anc-region-item a,
html body .anc-sidebar .anc-region-item > a,
html body .anc-sidebar a.anc-region-link,
html body .anc-left .anc-region-item > a,
html body .anc-left a.anc-region-link,
html body .uMenuV .anc-region-item > a,
html body .uMenuV a.anc-region-link {
  border-color: rgba(var(--anc-region-border, 120,140,150), .36) !important;

  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .145),
      rgba(20,18,15,.34) 44%,
      rgba(10,9,8,.20)
    ) !important;

  box-shadow:
    inset 4px 0 0 rgba(var(--anc-region-border, 120,140,150), .55),
    inset 0 1px 0 rgba(255,255,255,.026) !important;
}

html body .anc-region-item > a:hover,
html body a.anc-region-link:hover,
html body .anc-sidebox--atlas .anc-region-item > a:hover,
html body .anc-sidebox--atlas a.anc-region-link:hover,
html body .anc-sidebox--atlas li.anc-region-item > a:hover,
html body .anc-sidebox--atlas tr.anc-region-item a:hover {
  border-color: rgba(var(--anc-region-border, 120,140,150), .68) !important;

  background:
    linear-gradient(90deg,
      rgba(var(--anc-region-tint, 120,140,150), .230),
      rgba(24,22,19,.48) 48%,
      rgba(10,9,8,.24)
    ) !important;

  box-shadow:
    inset 4px 0 0 rgba(var(--anc-region-border, 120,140,150), .84),
    inset 0 1px 0 rgba(255,255,255,.044),
    0 8px 18px rgba(0,0,0,.24) !important;
}


/* =========================================================
   4. ОТДЕЛЕНИЕ РЕГИОНОВ
========================================================= */

html body .anc-region-heading:not(:first-child) {
  margin-top: 22px !important;
}

html body .anc-region-heading::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: -9px !important;
  height: 1px !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(var(--anc-region-border, 120,140,150), .30),
      transparent
    ) !important;
}


/* =========================================================
   5. ЕСЛИ СТАРЫЕ ШАХМАТНЫЕ ПРАВИЛА ВСЁ ЕЩЁ СТОЯТ
   Перебиваем их по классам регионов.
========================================================= */

html body .anc-region-mediterranean { --anc-region-tint: 72, 118, 160 !important; --anc-region-border: 92, 142, 184 !important; --anc-region-title: #aac6dc !important; }
html body .anc-region-north-europe { --anc-region-tint: 140, 76, 92 !important; --anc-region-border: 164, 96, 112 !important; --anc-region-title: #d4a5ae !important; }
html body .anc-region-near-east { --anc-region-tint: 150, 118, 72 !important; --anc-region-border: 174, 140, 88 !important; --anc-region-title: #d8bf8d !important; }
html body .anc-region-asia { --anc-region-tint: 74, 134, 106 !important; --anc-region-border: 92, 156, 124 !important; --anc-region-title: #a7cdb9 !important; }
html body .anc-region-africa { --anc-region-tint: 134, 128, 78 !important; --anc-region-border: 158, 152, 96 !important; --anc-region-title: #ceca96 !important; }
html body .anc-region-america { --anc-region-tint: 58, 138, 146 !important; --anc-region-border: 76, 162, 170 !important; --anc-region-title: #9bd0d6 !important; }
html body .anc-region-oceania { --anc-region-tint: 58, 108, 162 !important; --anc-region-border: 78, 132, 188 !important; --anc-region-title: #9dbdde !important; }
html body .anc-region-alt-history { --anc-region-tint: 112, 88, 164 !important; --anc-region-border: 136, 108, 190 !important; --anc-region-title: #bdaade !important; }
html body .anc-region-other { --anc-region-tint: 108, 124, 130 !important; --anc-region-border: 128, 146, 152 !important; --anc-region-title: #c0ccce !important; }


@media (max-width: 640px) {
  html body .anc-region-heading {
    margin-top: 14px !important;
    margin-bottom: 7px !important;
  }

  html body .anc-region-item > a,
  html body a.anc-region-link {
    background:
      linear-gradient(90deg,
        rgba(var(--anc-region-tint, 120,140,150), .105),
        rgba(20,18,15,.30) 44%,
        rgba(10,9,8,.18)
      ) !important;
  }
}



/* news entry patch: append only */

.anc-site--news-entry .anc-article {
  padding: 18px !important;
}

.anc-site--news-entry .anc-article-hero {
  min-height: 220px !important;
  padding: 22px !important;
  margin-bottom: 18px !important;
}

.anc-site--news-entry .anc-article-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.anc-site--news-entry .anc-article-meta span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(232, 212, 177, 0.18) !important;
  border-radius: 8px !important;
  background: rgba(24, 16, 10, 0.58) !important;
  color: #f0dfbf !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.anc-site--news-entry .anc-article-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 20px !important;
  align-items: start !important;
}

.anc-site--news-entry .anc-article-prose {
  min-width: 0 !important;
}

.anc-site--news-entry .anc-hero-side {
  display: grid !important;
  gap: 14px !important;
  align-content: start !important;
  min-width: 0 !important;
}

.anc-site--news-entry .anc-article-sidebar-card {
  overflow: hidden !important;
  padding: 12px !important;
}

.anc-site--news-entry .anc-article-sidebar-card img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 10px !important;
  border: 1px solid rgba(63, 43, 22, 0.16) !important;
  border-radius: 6px !important;
  background: rgba(255, 248, 235, 0.32) !important;
}

.anc-site--news-entry .anc-article-sidebar-card p {
  margin: 0 !important;
  line-height: 1.55 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.anc-site--news-entry .anc-article-sidebar-card .civilization1 {
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
}

.anc-site--news-entry .anc-article-sidebar-card .civilization1 h5 {
  margin: 0 !important;
}

.anc-site--news-entry .anc-article-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

@media (max-width: 1180px) {
  .anc-site--news-entry .anc-article-layout {
    grid-template-columns: 1fr !important;
  }

  .anc-site--news-entry .anc-hero-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .anc-site--news-entry .anc-hero-side {
    grid-template-columns: 1fr !important;
  }

  .anc-site--news-entry .anc-article-facts {
    grid-template-columns: 1fr !important;
  }

  .anc-site--news-entry .anc-article-meta {
    gap: 8px !important;
  }

  .anc-site--news-entry .anc-article-meta span {
    width: 100% !important;
  }
}



.anc-site--news-entry .anc-hero-side {
  display: grid;
  gap: 14px;
  align-content: start;
}

.anc-site--news-entry .anc-article-sidebar-card {
  overflow: hidden;
  padding: 12px;
}

.anc-site--news-entry .anc-article-sidebar-card img {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 120px;
  object-fit: cover;
}

/* news entry patch: append only v2 */

.anc-site--news-entry .anc-article-hero {
  border-radius: 10px !important;
}

.anc-site--news-entry .anc-article-hero h1 {
  max-width: 16ch !important;
}

.anc-site--news-entry .anc-article-layout {
  grid-template-columns: minmax(0, 1fr) 286px !important;
  gap: 18px !important;
}

.anc-site--news-entry .anc-article-prose {
  gap: 14px !important;
}

.anc-site--news-entry .anc-hero-side {
  gap: 12px !important;
}

.anc-site--news-entry .anc-article-sidebar-card {
  border-radius: 8px !important;
}

.anc-site--news-entry .anc-module-panel {
  padding: 14px !important;
}

.anc-site--news-entry .anc-module-head {
  gap: 4px !important;
}

.anc-site--news-entry .anc-section-title {
  max-width: none !important;
}

.anc-site--news-entry .anc-fact-card {
  padding: 12px !important;
}

.anc-site--news-entry .anc-feed-links {
  gap: 10px !important;
}

.anc-site--news-entry .anc-feed-link {
  font-size: 0.82rem !important;
}

.anc-site--news-entry .commTable,
.anc-site--news-entry .cBlock1,
.anc-site--news-entry .cBlock2 {
  overflow: hidden !important;
}

/* news entry patch: append only v3 */

.anc-site--news-entry .anc-article-hero h1 {
  max-width: 560px !important;
}

.anc-site--news-entry .anc-article-sidebar-card {
  display: block !important;
  grid-template-columns: none !important;
  grid-auto-flow: row !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  align-items: initial !important;
  justify-items: stretch !important;
}

.anc-site--news-entry .anc-article-sidebar-card::before,
.anc-site--news-entry .anc-article-sidebar-card::after {
  content: none !important;
  display: none !important;
}

.anc-site--news-entry .anc-article-sidebar-card img {
  min-height: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
}

.anc-site--news-entry .anc-article-sidebar-card .civilization1 {
  display: block !important;
  position: static !important;
  overflow: visible !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 6px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.anc-site--news-entry .anc-article-sidebar-card .civilization1::before,
.anc-site--news-entry .anc-article-sidebar-card .civilization1::after {
  content: none !important;
  display: none !important;
}

.anc-site--news-entry .anc-article-sidebar-card .civilization1 h5 {
  margin: 0 !important;
  color: #dfc18e !important;
  font-size: 0.86rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* news entry patch: append only v4 */

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card {
  display: block !important;
  grid-template-columns: none !important;
  grid-auto-flow: row !important;
  gap: 0 !important;
  align-items: initial !important;
  justify-items: stretch !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > img {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 10px !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* news entry patch: append only v5 */

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5 {
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

/* news entry patch: append only v6 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  font-family: var(--anc-font-display) !important;
  font-size: 1.02rem !important;
  line-height: 1.72 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

body.anc-site--news-entry .anc-article-prose b,
body.anc-site--news-entry .eMessage b,
body.anc-site--news-entry .eText b,
body.anc-site--news-entry .posttdMessage b {
  font-family: var(--anc-font-display) !important;
}

/* news entry patch: append only v7 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  font-size: 1.12rem !important;
  line-height: 1.78 !important;
}

/* news entry patch: append only v8 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  font-size: 1.2rem !important;
  line-height: 1.82 !important;
}

/* news entry patch: append only v9 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  font-size: 1.3rem !important;
  line-height: 1.9 !important;
}

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .posttdMessage {
  gap: 24px !important;
}

body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage p {
  margin: 0 0 1.55em !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  font-size: 1.12rem !important;
  line-height: 1.55 !important;
}

/* news entry patch: append only v10 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .posttdMessage {
  gap: 8px !important;
}

body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage p {
  margin: 0 0 0.85em !important;
}

/* news entry patch: append only v11 */

body.anc-site--news-entry .anc-pullquote {
  font-size: 1.18rem !important;
  line-height: 1.7 !important;
  padding: 18px 22px !important;
}

/* news entry patch: append only v12 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  font-size: 1.42rem !important;
  line-height: 1.95 !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  font-size: 1.22rem !important;
  line-height: 1.62 !important;
}

body.anc-site--news-entry .anc-pullquote {
  font-size: 1.34rem !important;
  line-height: 1.78 !important;
  padding: 20px 24px !important;
}

/* news entry patch: append only v13 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  line-height: 1.72 !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  line-height: 1.46 !important;
}

body.anc-site--news-entry .anc-pullquote {
  line-height: 1.58 !important;
}

/* news entry patch: append only v14 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  line-height: 1.56 !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  line-height: 1.34 !important;
}

body.anc-site--news-entry .anc-pullquote {
  line-height: 1.44 !important;
}

/* news entry patch: append only v15 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  font-size: 1.48rem !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  font-size: 1.28rem !important;
}

body.anc-site--news-entry .anc-pullquote {
  font-size: 1.4rem !important;
}

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .posttdMessage {
  gap: 4px !important;
}

body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage p {
  margin: 0 0 0.62em !important;
}

/* news entry patch: append only v16 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  line-height: 1.42 !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  line-height: 1.24 !important;
}

body.anc-site--news-entry .anc-pullquote {
  line-height: 1.34 !important;
}

/* news entry patch: append only v17 */

body.anc-site--news-entry .anc-article-prose,
body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage,
body.anc-site--news-entry .posttdMessage p {
  line-height: 1.36 !important;
}

body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card > .civilization1 h5,
body.anc-site--news-entry .anc-content .anc-hero-side > .anc-article-sidebar-card p {
  line-height: 1.2 !important;
}

body.anc-site--news-entry .anc-pullquote {
  line-height: 1.28 !important;
}

body.anc-site--news-entry .anc-article-prose p,
body.anc-site--news-entry .eMessage p,
body.anc-site--news-entry .eText p,
body.anc-site--news-entry .posttdMessage p {
  margin: 0 0 0.76em !important;
}

/* editor page patch: append only v1 */

body.anc-site--editor .anc-module-panel,
body.anc-site--editor .anc-module-panel table,
body.anc-site--editor .anc-module-panel .manTable,
body.anc-site--editor .anc-module-panel .replaceTable,
body.anc-site--editor .anc-module-panel .eBlock {
  background: transparent !important;
  color: #dcc59d !important;
}

body.anc-site--editor .anc-module-panel table {
  width: 100% !important;
  border-collapse: collapse !important;
}

body.anc-site--editor .anc-module-panel td,
body.anc-site--editor .anc-module-panel th {
  padding: 8px 10px !important;
  border-color: rgba(201, 154, 88, 0.14) !important;
  color: #d8c29b !important;
  vertical-align: middle !important;
}

body.anc-site--editor .anc-module-panel td:first-child,
body.anc-site--editor .anc-module-panel th:first-child {
  width: 235px !important;
  color: #c9a46b !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

body.anc-site--editor .anc-module-panel input[type="text"],
body.anc-site--editor .anc-module-panel input[type="password"],
body.anc-site--editor .anc-module-panel input[type="email"],
body.anc-site--editor .anc-module-panel input[type="url"],
body.anc-site--editor .anc-module-panel input[type="number"],
body.anc-site--editor .anc-module-panel select,
body.anc-site--editor .anc-module-panel textarea {
  width: 100% !important;
  box-sizing: border-box !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(201, 154, 88, 0.24) !important;
  border-radius: 8px !important;
  background: #15110e !important;
  color: #f0debd !important;
  box-shadow: inset 0 1px 0 rgba(255, 231, 184, 0.04) !important;
  font-family: var(--anc-font-body) !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

body.anc-site--editor .anc-module-panel textarea {
  min-height: 240px !important;
  resize: vertical !important;
}

body.anc-site--editor .anc-module-panel input::placeholder,
body.anc-site--editor .anc-module-panel textarea::placeholder {
  color: #8f7752 !important;
}

body.anc-site--editor .anc-module-panel input[type="text"]:focus,
body.anc-site--editor .anc-module-panel input[type="password"]:focus,
body.anc-site--editor .anc-module-panel input[type="email"]:focus,
body.anc-site--editor .anc-module-panel input[type="url"]:focus,
body.anc-site--editor .anc-module-panel input[type="number"]:focus,
body.anc-site--editor .anc-module-panel select:focus,
body.anc-site--editor .anc-module-panel textarea:focus {
  outline: none !important;
  border-color: rgba(228, 185, 112, 0.46) !important;
  box-shadow: 0 0 0 3px rgba(201, 154, 88, 0.10) !important;
}

body.anc-site--editor .anc-module-panel input[type="checkbox"],
body.anc-site--editor .anc-module-panel input[type="radio"] {
  accent-color: #c99a58 !important;
}

body.anc-site--editor .anc-module-panel input[type="file"] {
  width: 100% !important;
  color: #d9c19a !important;
  font-size: 0.94rem !important;
}

body.anc-site--editor .anc-module-panel input[type="file"]::file-selector-button {
  margin-right: 12px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(201, 154, 88, 0.24) !important;
  border-radius: 8px !important;
  background: #1d1712 !important;
  color: #f0d7a4 !important;
  cursor: pointer !important;
}

body.anc-site--editor .anc-module-panel input[type="submit"],
body.anc-site--editor .anc-module-panel input[type="reset"] {
  min-height: 40px !important;
  padding: 8px 16px !important;
  border: 1px solid rgba(201, 154, 88, 0.24) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #251c15, #17110d) !important;
  color: #f0d7a4 !important;
  font-family: var(--anc-font-display) !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.04em !important;
}

body.anc-site--editor .anc-module-panel .u-comboeditcell,
body.anc-site--editor .anc-module-panel .u-comboeditcell input,
body.anc-site--editor .anc-module-panel .u-comboeditcell select,
body.anc-site--editor .anc-module-panel .u-combolist,
body.anc-site--editor .anc-module-panel .u-combolist div,
body.anc-site--editor .anc-module-panel .u-combolist span {
  background: #15110e !important;
  color: #f0debd !important;
  border-color: rgba(201, 154, 88, 0.24) !important;
}

body.anc-site--editor .anc-module-panel .u-mpanel,
body.anc-site--editor .anc-module-panel .uEditorPanelCont,
body.anc-site--editor .anc-module-panel .uEditorButtons,
body.anc-site--editor .anc-module-panel .editorToolbar,
body.anc-site--editor .anc-module-panel .bbCodesBar {
  background: #17120f !important;
  border-color: rgba(201, 154, 88, 0.16) !important;
}

body.anc-site--editor .anc-module-panel small,
body.anc-site--editor .anc-module-panel .manTd,
body.anc-site--editor .anc-module-panel .eDetails {
  color: #a98b5f !important;
}

@media (max-width: 900px) {
  body.anc-site--editor .anc-module-panel td,
  body.anc-site--editor .anc-module-panel th {
    display: block !important;
    width: 100% !important;
  }

  body.anc-site--editor .anc-module-panel td:first-child,
  body.anc-site--editor .anc-module-panel th:first-child {
    padding-bottom: 4px !important;
  }
}

/* news item view patch: append only v1 */
.anc-feed-card--news {
  overflow: hidden;
}

.anc-feed-card--news .anc-feed-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.anc-feed-card--news .anc-feed-excerpt p {
  display: inline;
  margin: 0;
}

.anc-feed-card--news .anc-feed-excerpt br {
  display: none;
}

.anc-feed-card--news .anc-feed-excerpt img,
.anc-feed-card--news .anc-feed-excerpt table,
.anc-feed-card--news .anc-feed-excerpt iframe,
.anc-feed-card--news .anc-feed-excerpt ul,
.anc-feed-card--news .anc-feed-excerpt ol,
.anc-feed-card--news .anc-feed-excerpt .quoteMessage,
.anc-feed-card--news .anc-feed-excerpt .codeMessage,
.anc-feed-card--news .anc-feed-excerpt .uSpoilerText,
.anc-feed-card--news .anc-feed-excerpt .spoiler,
.anc-feed-card--news .anc-feed-excerpt .eAttach,
.anc-feed-card--news .anc-feed-excerpt .eDetails,
.anc-feed-card--news .anc-feed-excerpt .eDetails1,
.anc-feed-card--news .anc-feed-excerpt .eDetails2 {
  display: none !important;
}

.anc-feed-card--news .anc-feed-excerpt * {
  color: inherit !important;
  font: inherit !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anc-feed-card--news .anc-feed-title {
  margin: 0;
}

.anc-feed-card--news .anc-feed-meta a,
.anc-feed-card--news .anc-feed-title a,
.anc-feed-card--news .anc-feed-link {
  text-decoration: none;
}

.anc-feed-card--news .anc-feed-link:hover,
.anc-feed-card--news .anc-feed-title a:hover,
.anc-feed-card--news .anc-feed-meta a:hover {
  text-decoration: none;
}

.anc-feed-card--inactive {
  opacity: 0.72;
}


/* =========================================================
   NEWS ARCHIVE GRID FINAL HARD FIX 20260620
   Для страницы архива новостей AncientCivs
   ВАЖНО: $BODY$ должен выводиться в скрытый .anc-news-raw,
   а скрипт переносит в .anc-news-archive-grid только .anc-feed-card
========================================================= */

body.anc-site--news-list .anc-news-raw {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.anc-site--news-list .anc-news-archive,
body.anc-site--news-list .anc-news-archive * {
  box-sizing: border-box;
}

body.anc-site--news-list .anc-news-archive-panel {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 22px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.anc-site--news-list .anc-news-archive-panel > .anc-module-head,
body.anc-site--news-list .anc-news-archive-panel > .anc-module-head--tight {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.anc-site--news-list .anc-news-archive-grid,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  align-content: start !important;
}

body.anc-site--news-list .anc-news-archive-grid > *,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid > * {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

body.anc-site--news-list .anc-news-archive-grid > .anc-feed-card,
body.anc-site--news-list .anc-news-archive-grid > .anc-feed-card--news,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid > .anc-feed-card,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid > .anc-feed-card--news {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  overflow: hidden !important;
  color: var(--anc-ink) !important;
  font-size: 16px !important;
  line-height: normal !important;
  box-sizing: border-box !important;
}

body.anc-site--news-list .anc-news-archive-grid > .anc-feed-card:first-child,
body.anc-site--news-list .anc-news-archive-grid > .anc-feed-card--news:first-child,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid > .anc-feed-card:first-child,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid > .anc-feed-card--news:first-child {
  grid-column: auto !important;
  grid-row: auto !important;
  display: flex !important;
  grid-template-columns: none !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-cover,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-cover {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 155px !important;
  min-height: 155px !important;
  max-height: 155px !important;
  flex: 0 0 155px !important;
  margin: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(201, 145, 69, 0.22) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-sizing: border-box !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-body,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px !important;
  flex: 1 1 auto !important;
  box-sizing: border-box !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-meta,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  font-size: 0.72rem !important;
  line-height: 1.3 !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-title,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-title {
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.32 !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-title a,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: var(--anc-ink-soft) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt p,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt p {
  display: inline !important;
  margin: 0 !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt br,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt br {
  display: none !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt img,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt table,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt iframe,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt script,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt style,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt ul,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt ol,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .quoteMessage,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .codeMessage,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .uSpoilerText,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .spoiler,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .eAttach,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .eDetails,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .eDetails1,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt .eDetails2,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt img,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt table,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt iframe,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt script,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt style,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt ul,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt ol,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .quoteMessage,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .codeMessage,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .uSpoilerText,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .spoiler,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .eAttach,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .eDetails,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .eDetails1,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-excerpt .eDetails2 {
  display: none !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-footer,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 9px !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-links,
body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* Пагинация архива */
body.anc-site--news-list .anc-pages,
body.anc-site--news-list .pagesBlockuz1,
body.anc-site--news-list .pagesBlockuz2,
body.anc-site--news-list .pagesBlock1,
body.anc-site--news-list .pagesBlock2,
body.anc-site--news-list .catPages1,
body.anc-site--news-list .catPages2,
body.anc-site--news-list .plist {
  margin-top: 18px !important;
}

@media (max-width: 1280px) {
  body.anc-site--news-list .anc-news-archive-grid,
  body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.anc-site--news-list .anc-news-archive-grid,
  body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  body.anc-site--news-list .anc-news-archive-panel {
    padding: 16px !important;
  }

  body.anc-site--news-list .anc-news-archive-grid,
  body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.anc-site--news-list .anc-news-archive-grid .anc-feed-cover,
  body.anc-site--news-list .anc-live-grid.anc-live-grid--news.anc-news-archive-grid .anc-feed-cover {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    flex-basis: 190px !important;
  }
}


/* =========================================================
   NEWS PAGINATION — CLEAN CENTERED STYLE 20260620
   Центрируем переключатель страниц и убираем оранжевую подложку
========================================================= */

body.anc-site--news-list .anc-news-pages {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 22px auto !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.anc-site--news-list .anc-news-pages:empty {
  display: none !important;
}

body.anc-site--news-list .anc-news-pages--top {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

body.anc-site--news-list .anc-news-pages--bottom {
  margin-top: 22px !important;
  margin-bottom: 0 !important;
}

body.anc-site--news-list .anc-news-pages .plist,
body.anc-site--news-list .anc-news-pages .pagesBlockuz1,
body.anc-site--news-list .anc-news-pages .pagesBlockuz2,
body.anc-site--news-list .anc-news-pages .pagesBlock1,
body.anc-site--news-list .anc-news-pages .pagesBlock2,
body.anc-site--news-list .anc-news-pages .catPages1,
body.anc-site--news-list .anc-news-pages .catPages2,
body.anc-site--news-list .anc-news-pages .switch,
body.anc-site--news-list .anc-news-pages .anc-news-generated-pages {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.anc-site--news-list .anc-news-pages a,
body.anc-site--news-list .anc-news-pages b,
body.anc-site--news-list .anc-news-pages span,
body.anc-site--news-list .anc-news-pages .swchItem,
body.anc-site--news-list .anc-news-pages .swchItemA {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(201, 145, 69, 0.34) !important;
  background: rgba(8, 8, 8, 0.78) !important;
  color: #f2d7a2 !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 159, 0.06),
    0 6px 18px rgba(0, 0, 0, 0.28) !important;
  transition:
    transform 0.18s ease,
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease !important;
}

body.anc-site--news-list .anc-news-pages a:hover,
body.anc-site--news-list .anc-news-pages .swchItem:hover {
  background: rgba(23, 17, 12, 0.96) !important;
  border-color: rgba(241, 204, 139, 0.62) !important;
  color: #ffe8bb !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 159, 0.08),
    0 8px 22px rgba(0, 0, 0, 0.36) !important;
}

body.anc-site--news-list .anc-news-pages b,
body.anc-site--news-list .anc-news-pages .swchItemA,
body.anc-site--news-list .anc-news-pages span.swchItemA {
  border-color: rgba(241, 204, 139, 0.78) !important;
  background:
    linear-gradient(180deg, #c79349 0%, #8d5a25 100%) !important;
  color: #fff4d5 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 234, 182, 0.22),
    0 8px 22px rgba(0, 0, 0, 0.34) !important;
}

body.anc-site--news-list .anc-news-pages span:not(.swchItemA) {
  width: auto !important;
  min-width: 42px !important;
  padding: 0 10px !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.anc-site--news-list .anc-news-pages::before,
body.anc-site--news-list .anc-news-pages::after,
body.anc-site--news-list .anc-news-pages .plist::before,
body.anc-site--news-list .anc-news-pages .plist::after,
body.anc-site--news-list .anc-news-pages .pagesBlockuz1::before,
body.anc-site--news-list .anc-news-pages .pagesBlockuz1::after,
body.anc-site--news-list .anc-news-pages .pagesBlockuz2::before,
body.anc-site--news-list .anc-news-pages .pagesBlockuz2::after,
body.anc-site--news-list .anc-news-pages .pagesBlock1::before,
body.anc-site--news-list .anc-news-pages .pagesBlock1::after,
body.anc-site--news-list .anc-news-pages .pagesBlock2::before,
body.anc-site--news-list .anc-news-pages .pagesBlock2::after,
body.anc-site--news-list .anc-news-pages .catPages1::before,
body.anc-site--news-list .anc-news-pages .catPages1::after,
body.anc-site--news-list .anc-news-pages .catPages2::before,
body.anc-site--news-list .anc-news-pages .catPages2::after,
body.anc-site--news-list .anc-news-pages .switch::before,
body.anc-site--news-list .anc-news-pages .switch::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 520px) {
  body.anc-site--news-list .anc-news-pages {
    gap: 8px !important;
    margin: 18px auto !important;
  }

  body.anc-site--news-list .anc-news-pages .plist,
  body.anc-site--news-list .anc-news-pages .pagesBlockuz1,
  body.anc-site--news-list .anc-news-pages .pagesBlockuz2,
  body.anc-site--news-list .anc-news-pages .pagesBlock1,
  body.anc-site--news-list .anc-news-pages .pagesBlock2,
  body.anc-site--news-list .anc-news-pages .catPages1,
  body.anc-site--news-list .anc-news-pages .catPages2,
  body.anc-site--news-list .anc-news-pages .switch,
  body.anc-site--news-list .anc-news-pages .anc-news-generated-pages {
    gap: 8px !important;
  }

  body.anc-site--news-list .anc-news-pages a,
  body.anc-site--news-list .anc-news-pages b,
  body.anc-site--news-list .anc-news-pages span,
  body.anc-site--news-list .anc-news-pages .swchItem,
  body.anc-site--news-list .anc-news-pages .swchItemA {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 0.86rem !important;
  }
}

/* =========================================================
   NEWS ARCHIVE HERO — CLEAN VERSION
   Убираем большую тёмную плашку сверху и серые блоки статистики
========================================================= */

body.anc-site--news-list .anc-news-archive .anc-article-hero {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 22px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-hero::before,
body.anc-site--news-list .anc-news-archive .anc-article-hero::after {
  display: none !important;
  content: none !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-hero > div {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-hero .anc-ribbon {
  margin: 0 0 12px 0 !important;
  color: #b89562 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.2em !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-hero h1 {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 18px 0 !important;
  color: #f6d89d !important;
  font-size: clamp(2.2rem, 4vw, 4rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.035em !important;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.8),
    0 0 22px rgba(199, 145, 69, 0.16) !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-hero h1::after {
  content: "" !important;
  display: block !important;
  width: 160px !important;
  height: 1px !important;
  margin-top: 18px !important;
  background: linear-gradient(
    90deg,
    rgba(201, 145, 69, 0.65),
    rgba(201, 145, 69, 0)
  ) !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-hero p {
  max-width: 780px !important;
  margin: 4px 0 0 0 !important;
  color: #d7bd91 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

body.anc-site--news-list .anc-news-archive .anc-article-meta {
  display: none !important;
}

/* =========================================================
   NEWS ARCHIVE FINAL CLEAN PATCH 20260620
   Убираем верхний страшный hero и делаем нормальную пагинацию
========================================================= */

/* Убираем огромную страшную плашку сверху */
body.anc-site--news-list .anc-article-hero,
body.anc-site--news-list .anc-news-archive .anc-article-hero,
body.anc-site--news-list .anc-content .anc-article-hero {
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 18px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.anc-site--news-list .anc-article-hero::before,
body.anc-site--news-list .anc-article-hero::after,
body.anc-site--news-list .anc-news-archive .anc-article-hero::before,
body.anc-site--news-list .anc-news-archive .anc-article-hero::after,
body.anc-site--news-list .anc-content .anc-article-hero::before,
body.anc-site--news-list .anc-content .anc-article-hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

body.anc-site--news-list .anc-article-hero > div,
body.anc-site--news-list .anc-news-archive .anc-article-hero > div,
body.anc-site--news-list .anc-content .anc-article-hero > div {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

body.anc-site--news-list .anc-article-hero .anc-ribbon,
body.anc-site--news-list .anc-news-archive .anc-article-hero .anc-ribbon,
body.anc-site--news-list .anc-content .anc-article-hero .anc-ribbon {
  margin: 0 0 10px 0 !important;
  color: #b89562 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.2em !important;
}

body.anc-site--news-list .anc-article-hero h1,
body.anc-site--news-list .anc-news-archive .anc-article-hero h1,
body.anc-site--news-list .anc-content .anc-article-hero h1 {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 18px 0 !important;
  color: #f6d89d !important;
  font-size: clamp(2rem, 3.6vw, 3.8rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.035em !important;
  text-shadow:
    0 2px 0 rgba(0, 0, 0, 0.8),
    0 0 22px rgba(199, 145, 69, 0.16) !important;
}

body.anc-site--news-list .anc-article-hero h1::after,
body.anc-site--news-list .anc-news-archive .anc-article-hero h1::after,
body.anc-site--news-list .anc-content .anc-article-hero h1::after {
  content: "" !important;
  display: block !important;
  width: 160px !important;
  height: 1px !important;
  margin-top: 18px !important;
  background: linear-gradient(
    90deg,
    rgba(201, 145, 69, 0.65),
    rgba(201, 145, 69, 0)
  ) !important;
}

body.anc-site--news-list .anc-article-hero p,
body.anc-site--news-list .anc-news-archive .anc-article-hero p,
body.anc-site--news-list .anc-content .anc-article-hero p {
  max-width: 780px !important;
  margin: 4px 0 0 0 !important;
  color: #d7bd91 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
}

/* Убираем серые квадраты статистики */
body.anc-site--news-list .anc-article-meta,
body.anc-site--news-list .anc-news-archive .anc-article-meta,
body.anc-site--news-list .anc-content .anc-article-meta {
  display: none !important;
}

/* Верхнюю пагинацию полностью убираем */
body.anc-site--news-list .anc-news-pages--top {
  display: none !important;
}

/* Нижняя пагинация — по центру, без оранжевой подложки */
body.anc-site--news-list .anc-news-pages,
body.anc-site--news-list .anc-news-pages--bottom {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: none !important;
  margin: 26px auto 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Внутренние uCoz-обертки */
body.anc-site--news-list .anc-news-pages .plist,
body.anc-site--news-list .anc-news-pages .pagesBlockuz1,
body.anc-site--news-list .anc-news-pages .pagesBlockuz2,
body.anc-site--news-list .anc-news-pages .pagesBlock1,
body.anc-site--news-list .anc-news-pages .pagesBlock2,
body.anc-site--news-list .anc-news-pages .catPages1,
body.anc-site--news-list .anc-news-pages .catPages2,
body.anc-site--news-list .anc-news-pages .switch,
body.anc-site--news-list .anc-news-generated-pages {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Убираем старые подложки и псевдоэлементы */
body.anc-site--news-list .anc-news-pages::before,
body.anc-site--news-list .anc-news-pages::after,
body.anc-site--news-list .anc-news-pages *::before,
body.anc-site--news-list .anc-news-pages *::after {
  display: none !important;
  content: none !important;
}

/* Кнопки страниц */
body.anc-site--news-list .anc-news-pages a,
body.anc-site--news-list .anc-news-pages b,
body.anc-site--news-list .anc-news-pages span,
body.anc-site--news-list .anc-news-pages .swchItem,
body.anc-site--news-list .anc-news-pages .swchItemA {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  border: 1px solid rgba(201, 145, 69, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(10, 9, 8, 0.92) !important;
  color: #f2d7a2 !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 159, 0.08),
    0 6px 16px rgba(0, 0, 0, 0.28) !important;
}

body.anc-site--news-list .anc-news-pages a:hover,
body.anc-site--news-list .anc-news-pages .swchItem:hover {
  border-color: rgba(241, 204, 139, 0.62) !important;
  background: rgba(32, 22, 13, 0.98) !important;
  color: #ffe8bb !important;
  transform: translateY(-1px) !important;
}

/* Активная страница */
body.anc-site--news-list .anc-news-pages b,
body.anc-site--news-list .anc-news-pages .swchItemA,
body.anc-site--news-list .anc-news-pages span.swchItemA {
  border-color: rgba(241, 204, 139, 0.72) !important;
  background:
    linear-gradient(180deg, #b9823a 0%, #6b3f18 100%) !important;
  color: #fff0c8 !important;
}

/* Многоточие */
body.anc-site--news-list .anc-news-pages span:not(.swchItemA) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #b89562 !important;
}

/* =========================================================
   NEWS ARCHIVE PAGINATION — HORIZONTAL CLEAN BUTTONS FINAL
   Скрипт собирает .anc-news-clean-pager только из .anc-page-btn
========================================================= */

body.anc-site--news-list .anc-news-pages--top {
  display: none !important;
}

body.anc-site--news-list .anc-news-pages,
body.anc-site--news-list .anc-news-pages--bottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 28px auto 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.anc-site--news-list .anc-news-pages:empty {
  display: none !important;
}

body.anc-site--news-list .anc-news-clean-pager {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.anc-site--news-list .anc-news-clean-pager::before,
body.anc-site--news-list .anc-news-clean-pager::after,
body.anc-site--news-list .anc-news-clean-pager *::before,
body.anc-site--news-list .anc-news-clean-pager *::after {
  display: none !important;
  content: none !important;
}

body.anc-site--news-list .anc-news-clean-pager > *:not(.anc-page-btn) {
  display: none !important;
}

body.anc-site--news-list .anc-news-clean-pager .anc-page-btn,
body.anc-site--news-list .anc-news-clean-pager a.anc-page-btn,
body.anc-site--news-list .anc-news-clean-pager span.anc-page-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  border: 1px solid rgba(201, 145, 69, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(10, 9, 8, 0.92) !important;
  color: #f2d7a2 !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 159, 0.08),
    0 6px 16px rgba(0, 0, 0, 0.28) !important;
}

body.anc-site--news-list .anc-news-clean-pager a.anc-page-btn:hover {
  border-color: rgba(241, 204, 139, 0.62) !important;
  background: rgba(32, 22, 13, 0.98) !important;
  color: #ffe8bb !important;
  transform: translateY(-1px) !important;
}

body.anc-site--news-list .anc-news-clean-pager .anc-page-btn--active,
body.anc-site--news-list .anc-news-clean-pager span.anc-page-btn--active {
  border-color: rgba(241, 204, 139, 0.72) !important;
  background:
    linear-gradient(180deg, #b9823a 0%, #6b3f18 100%) !important;
  color: #fff0c8 !important;
}

body.anc-site--news-list .anc-news-clean-pager .anc-page-btn:not(.anc-page-btn--active):not(a) {
  border-color: transparent !important;
  background: transparent !important;
  color: #b89562 !important;
  box-shadow: none !important;
}

/* =========================================================
   NEWS CARD VIEWS ONLY
   В карточке оставляем только просмотры, без Читать дальше / Комментарии
========================================================= */

body.anc-site--news-list .anc-feed-footer--views {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(201, 145, 69, 0.16) !important;
}

body.anc-site--news-list .anc-feed-views {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #caa66f !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.anc-site--news-list .anc-feed-views::before {
  content: "◈" !important;
  color: #b98542 !important;
  font-size: 0.7rem !important;
}

/* Если в старом виде материала ещё остались ссылки в футере, скрываем их */
body.anc-site--news-list .anc-news-archive-grid .anc-feed-footer:not(.anc-feed-footer--views) .anc-feed-links {
  display: none !important;
}

/* =========================================================
   NEWS ARCHIVE PAGINATION — HORIZONTAL FINAL FIX v2
   Чистая пагинация без дублей и вертикального столба
========================================================= */

body.anc-site--news-list .anc-news-pages--top {
  display: none !important;
}

body.anc-site--news-list .anc-news-pages,
body.anc-site--news-list .anc-news-pages--bottom {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: none !important;
  margin: 28px auto 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.anc-site--news-list .anc-news-pages:empty {
  display: none !important;
}

body.anc-site--news-list .anc-news-clean-pager {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.anc-site--news-list .anc-news-clean-pager::before,
body.anc-site--news-list .anc-news-clean-pager::after,
body.anc-site--news-list .anc-news-clean-pager *::before,
body.anc-site--news-list .anc-news-clean-pager *::after {
  display: none !important;
  content: none !important;
}

body.anc-site--news-list .anc-news-clean-pager > *:not(.anc-page-btn) {
  display: none !important;
}

body.anc-site--news-list .anc-news-clean-pager a,
body.anc-site--news-list .anc-news-clean-pager b,
body.anc-site--news-list .anc-news-clean-pager span,
body.anc-site--news-list .anc-news-clean-pager .anc-page-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  border: 1px solid rgba(201, 145, 69, 0.34) !important;
  border-radius: 999px !important;
  background: rgba(10, 9, 8, 0.92) !important;
  color: #f2d7a2 !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 224, 159, 0.08),
    0 6px 16px rgba(0, 0, 0, 0.28) !important;
}

body.anc-site--news-list .anc-news-clean-pager .anc-page-btn {
  display: inline-flex !important;
}

body.anc-site--news-list .anc-news-clean-pager a:hover,
body.anc-site--news-list .anc-news-clean-pager .anc-page-btn:hover {
  border-color: rgba(241, 204, 139, 0.62) !important;
  background: rgba(32, 22, 13, 0.98) !important;
  color: #ffe8bb !important;
  transform: translateY(-1px) !important;
}

body.anc-site--news-list .anc-news-clean-pager b,
body.anc-site--news-list .anc-news-clean-pager .swchItemA,
body.anc-site--news-list .anc-news-clean-pager .anc-page-btn--active {
  border-color: rgba(241, 204, 139, 0.72) !important;
  background:
    linear-gradient(180deg, #b9823a 0%, #6b3f18 100%) !important;
  color: #fff0c8 !important;
}

body.anc-site--news-list .anc-news-clean-pager span:not(.swchItemA):not(.anc-page-btn--active) {
  border-color: transparent !important;
  background: transparent !important;
  color: #b89562 !important;
  box-shadow: none !important;
}

/* =========================================================
   NEWS CARD VIEWS — FINAL CLEAN FIX v2
   Просмотры внизу карточки, всегда аккуратно
========================================================= */

body.anc-site--news-list .anc-feed-card {
  height: 100% !important;
}

body.anc-site--news-list .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

body.anc-site--news-list .anc-feed-footer--views {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(201, 145, 69, 0.14) !important;
}

body.anc-site--news-list .anc-feed-views {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  max-width: 100% !important;
  color: #caa66f !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.anc-site--news-list .anc-feed-views::before {
  content: "◈" !important;
  color: #b98542 !important;
  font-size: 0.68rem !important;
}

body.anc-site--news-list .anc-feed-views__label,
body.anc-site--news-list .anc-feed-views__num {
  display: inline-flex !important;
  align-items: center !important;
}

body.anc-site--news-list .anc-feed-views__num:empty::before {
  content: "0" !important;
}

/* =========================================================
   NEWS CARD FINAL HEIGHT + VIEWS FIX
   Просмотры всегда видны внизу карточки
========================================================= */

body.anc-site--news-list .anc-news-archive-grid > .anc-feed-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 390px !important;
  overflow: hidden !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-cover {
  flex: 0 0 155px !important;
  height: 155px !important;
  min-height: 155px !important;
  max-height: 155px !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 14px !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-meta {
  flex: 0 0 auto !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.32 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-excerpt {
  display: -webkit-box !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  max-height: 4.5em !important;
  color: var(--anc-ink-soft) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-footer--views {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(201, 145, 69, 0.14) !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-views {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  max-width: 100% !important;
  color: #caa66f !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-views::before {
  content: "◈" !important;
  color: #b98542 !important;
  font-size: 0.68rem !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-views__num:empty::before {
  content: "0" !important;
}

@media (max-width: 520px) {
  body.anc-site--news-list .anc-news-archive-grid > .anc-feed-card {
    min-height: 430px !important;
  }

  body.anc-site--news-list .anc-news-archive-grid .anc-feed-cover {
    flex-basis: 190px !important;
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }
}

/* =========================================================
   NEWS VIEWS HARD NORMALIZE
   Если в карточке нет просмотров — скрипт добавляет их сам
========================================================= */

body.anc-site--news-list .anc-news-archive-grid .anc-feed-footer--views {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(201, 145, 69, 0.14) !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-views {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #caa66f !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-views::before {
  content: "◈" !important;
  color: #b98542 !important;
  font-size: 0.68rem !important;
}

body.anc-site--news-list .anc-news-archive-grid .anc-feed-views__label,
body.anc-site--news-list .anc-news-archive-grid .anc-feed-views__num {
  display: inline-flex !important;
  align-items: center !important;
}

/* =========================================================
   NEWS CATEGORIES PANEL — MORE AIR
   Расправляем блок категорий новостей
========================================================= */

body.anc-site--news-list .anc-module-panel--reference {
  padding: 26px 28px 30px !important;
  margin-bottom: 28px !important;
}

body.anc-site--news-list .anc-module-panel--reference .anc-module-head {
  margin-bottom: 22px !important;
}

body.anc-site--news-list .anc-module-panel--reference .anc-section-title {
  margin-bottom: 0 !important;
  font-size: clamp(2rem, 3vw, 3.2rem) !important;
}

body.anc-site--news-list .anc-module-panel--reference table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 14px 14px !important;
  margin: 0 !important;
}

body.anc-site--news-list .anc-module-panel--reference td,
body.anc-site--news-list .anc-module-panel--reference .catsTd {
  padding: 18px 20px !important;
  vertical-align: top !important;
  border: 1px solid rgba(201, 145, 69, 0.18) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 212, 139, 0.04), transparent 55%),
    linear-gradient(180deg, rgba(31, 29, 25, 0.92), rgba(22, 21, 19, 0.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 230, 170, 0.04),
    0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

body.anc-site--news-list .anc-module-panel--reference a.catName,
body.anc-site--news-list .anc-module-panel--reference a.catName:link,
body.anc-site--news-list .anc-module-panel--reference a.catName:visited,
body.anc-site--news-list .anc-module-panel--reference .catName,
body.anc-site--news-list .anc-module-panel--reference .catNameActive {
  display: inline-block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  color: #f1d08b !important;
  font-family: var(--anc-font-ui) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  background: none !important;
  text-decoration: none !important;
}

body.anc-site--news-list .anc-module-panel--reference .catDescr {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #d7bd91 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

body.anc-site--news-list .anc-module-panel--reference .catNumData {
  color: #b89562 !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

body.anc-site--news-list .anc-module-panel--reference a,
body.anc-site--news-list .anc-module-panel--reference span,
body.anc-site--news-list .anc-module-panel--reference div {
  text-decoration: none !important;
}

body.anc-site--news-list .anc-module-panel--reference a:hover {
  color: #ffe3ab !important;
}

@media (max-width: 760px) {
  body.anc-site--news-list .anc-module-panel--reference {
    padding: 20px 16px 22px !important;
  }

  body.anc-site--news-list .anc-module-panel--reference table,
  body.anc-site--news-list .anc-module-panel--reference tbody,
  body.anc-site--news-list .anc-module-panel--reference tr,
  body.anc-site--news-list .anc-module-panel--reference td {
    display: block !important;
    width: 100% !important;
  }

  body.anc-site--news-list .anc-module-panel--reference table {
    border-spacing: 0 !important;
  }

  body.anc-site--news-list .anc-module-panel--reference td {
    margin-bottom: 12px !important;
  }
}