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

*{box-sizing:border-box}

body,html{
 margin:0;
 padding:0;
 background:var(--t-bg);
 color:var(--t-t);
 font:400 16px/1.65 "Noto Serif", system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue","Noto Sans",Arial,sans-serif
}

a{
 color:var(--t-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) --- */

/* Используем классы из index.html, заменив h-6101 на 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)); /* Цвет bg-2 */
 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(--t-c),var(--t-v),var(--t-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(--t-v),var(--t-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 --- */

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

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

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

@keyframes t-cur1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(4%,-3%,0)}}
@keyframes t-cur2{0%,100%{transform:rotate(0)}50%{transform:rotate(7deg)}}

.t-7201{position:relative;z-index:1;padding:clamp(1.2rem,3vw,2rem) 0 2rem}

.t-hero{padding-top:1.2rem;padding-bottom:1rem}

.t-ttl{
 margin:0 0 .5rem;
 font-size:clamp(2.1rem,5vw,3.2rem);
 letter-spacing:-.02em;
 line-height:1;
 /* Градиент заголовка обновлен */
 background:conic-gradient(from 210deg,var(--t-c),var(--t-v),var(--t-m),var(--t-c));
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent
}

.t-date{color:var(--t-d)}

.t-card{
 background:rgba(241,230,212,.03); /* Используем t-t */
 border:1px solid rgba(241,230,212,.1); /* Используем t-t */
 border-radius:16px;
 padding:1rem
}

.t-card h2{margin:1.2rem 0 .4rem;font-size:1.25rem}
.t-card h3{margin:.8rem 0 .3rem}
.t-card p{color:var(--t-t);margin:.6rem 0} /* Цвет текста теперь через переменную */
.t-card ul{margin:.4rem 0 .6rem 1.4rem}
.t-card li{margin:.35rem 0}
.t-small{color:var(--t-d);font-size:.95rem}

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

.f-9000{
 border-top:1px solid rgba(241,230,212,.06); /* Используем t-t */
 background:linear-gradient(180deg,var(--t-ink),var(--t-bg)); /* Новые цвета */
 padding:1.4rem 0;
 margin-top:2rem
}

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

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

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