:root {
  /* Updated Color Palette (Brown Tones) matching index.css */
  --g-bg:#1c140f;    /* Dark Brown / Near Black - main background */
  --g-ink:#100906;    /* Very Dark Brown / Deepest elements */
  --g-t:#f1e6d4;     /* Off-White / Beige - main text */
  --g-d:#a18a6e;     /* Muted Gold / Tan - dimmed text */
  --g-c:#d4c09d;     /* Light Gold / Brass - primary accent */
  --g-m:#c49b65;     /* Copper / Bronze - secondary accent */
  --g-v:#a18a6e;     /* Muted Gold - gradient start */
}

* {
  box-sizing: border-box
}

body,
html {
  margin: 0;
  padding: 0;
  background: var(--g-bg);
  color: var(--g-t);
  /* Шрифт изменен для соответствия index.html */
  font: 400 16px/1.6 "Noto Serif", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", "Noto Sans", Arial, sans-serif
}

a {
  color: var(--g-c);
  text-decoration: none
}

.u-max {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 1rem
}

@media (min-width:960px) {
  .u-max {
    padding: 0 2rem
  }
}


/* --- HEADER STYLES (MATCHING INDEX) --- */

/* Замена h-1001 на s-14010101 */
.s-14010101{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(28,20,15,.92),rgba(28,20,15,.45));backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid rgba(241,230,212,.06)}
.s-14010102{max-width:1240px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;gap:.9rem;justify-content:space-between}
.s-14010103{display:flex;align-items:center;gap:.7rem}
.s-14010104{width:36px;height:36px;filter:drop-shadow(0 0 8px rgba(212, 192, 157, .75))} /* Новый цвет тени */
.s-14010105{font-weight:900;background:linear-gradient(90deg,var(--g-c),var(--g-v),var(--g-m));-webkit-background-clip:text;background-clip:text;color:transparent} /* Новый градиент */
.s-14010101 nav{display:none}
.s-14010106{display:inline-grid;gap:.25rem}
.s-14010106 span{width:26px;height:2px;background:linear-gradient(90deg,var(--g-v),var(--g-c));border-radius:2px;transition:transform .35s,opacity .35s} /* Новый градиент */
.s-14010101.is-open .s-14010106 span:first-child{transform:translateY(6px) rotate(45deg)}
.s-14010101.is-open .s-14010106 span:nth-child(2){opacity:0}
.s-14010101.is-open .s-14010106 span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.s-14010107{position:fixed;inset:auto 0 0 0;background:linear-gradient(180deg,#2a2018 0,#1c140f 100%);display:none;border-top:1px solid rgba(241,230,212,.06)} /* Новые цвета */
.s-14010101.is-open .s-14010107{display:block}
.s-14010107 ul{list-style:none;margin:0;padding:1rem;display:grid;gap:.5rem}
.s-14010107 a{display:block;padding:.9rem 1rem;border:1px solid rgba(241,230,212,.08);border-radius:12px;background:rgba(241,230,212,.03)}

@media (min-width:960px) {
  .s-14010102 {padding: .7rem 2rem}
  .s-14010101 nav {display: flex; gap: .6rem}
  .s-14010101 nav a {padding: .5rem .9rem; border-radius: 12px; border: 1px solid rgba(241,230,212,.08); background: rgba(241,230,212,.03)}
  .s-14010106, .s-14010107 {display: none !important}
}


/* --- MAIN CONTENT STYLES --- */

.a-2010 {
  position: relative;
  min-height: 100vh;
  display: grid;
  align-items: center;
  overflow: hidden;
  /* Градиент фона обновлен */
  background: radial-gradient(120% 100% at 10% 10%, #2a2018 0, var(--g-bg) 55%, var(--g-ink) 100%)
}

.a-2010:after,
.a-2010:before {
  content: "";
  position: absolute;
  inset: -20% -20% auto -20%;
  height: 140%;
  /* Эффект свечения обновлен */
  background: radial-gradient(60% 40% at 30% 20%, rgba(161,138,110, .15) 0 60%, transparent 70%), radial-gradient(80% 50% at 80% 30%, rgba(212,192,157, .15) 0 55%, transparent 70%), radial-gradient(90% 70% at 20% 80%, rgba(196,155,101, .13) 0 60%, transparent 70%);
  filter: blur(18px);
  animation: 24s linear infinite a-cur1;
  pointer-events: none
}

.a-2010:after {
  animation: 37s linear infinite reverse a-cur2;
  opacity: .7;
  mix-blend-mode: screen
}

@keyframes a-cur1 {

  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1)
  }

  50% {
    transform: translate3d(4%, -3%, 0) scale(1.05)
  }
}

@keyframes a-cur2 {

  0%,
  100% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(7deg)
  }
}

.a-2011 {
  position: relative;
  z-index: 1
}

.a-2011 h1 {
  margin: 0 0 .6rem;
  font-size: clamp(2.2rem, 5.5vw, 4.2rem);
  letter-spacing: -.02em;
  line-height: 1;
  /* Градиент заголовка обновлен */
  background: conic-gradient(from 210deg at 40% 40%, var(--g-c), var(--g-v), var(--g-m), var(--g-c));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* Тень обновлена */
  text-shadow: 0 0 18px rgba(212,192,157, .25), 0 0 48px rgba(161,138,110, .16)
}

.a-2011 p {
  color: var(--g-d);
  max-width: 80ch
}

.a-2012 {
  display: grid;
  gap: 1.2rem;
  margin-top: 1.4rem
}

.a-2012 article {
  /* Фоны обновлены */
  background: rgba(241,230,212, .02);
  border: 1px solid rgba(241,230,212, .08);
  border-radius: 16px;
  padding: 1rem
}

.a-2012 h3 {
  margin: .1rem 0 .4rem
}

.a-2013 {
  display: grid;
  gap: 1rem;
  margin-top: 1.4rem
}

.a-note {
  /* Цвет рамки и фона обновлены */
  border-left: 3px solid rgba(212,192,157, .6);
  padding: .8rem;
  background: rgba(241,230,212, .02);
  border-radius: 12px;
  color: var(--g-t) /* Цвет текста должен быть светлым */
}

/* --- FOOTER STYLES (MATCHING INDEX) --- */

.f-9000 {
  border-top: 1px solid rgba(241,230,212, .06);
  background: linear-gradient(180deg, var(--g-ink), var(--g-bg));
  padding: 1.4rem 0;
  margin-top: 2rem
}

.f-9001 {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  color: var(--g-d)
}

.f-9001 a {
    color: var(--g-t);
}

@media (min-width:760px) {
  .f-9001 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }
}