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

*{box-sizing:border-box}

body,html{
 margin:0;
 padding:0;
 background:var(--k-bg);
 color:var(--k-t);
 /* Шрифт изменен для соответствия index.html */
 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(--k-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) --- */

/* Замена q-8101 на 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(--k-c),var(--k-v),var(--k-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(--k-v),var(--k-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 --- */

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

.k-9300:after,.k-9300: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 k-cur1;
 pointer-events:none
}

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

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

.k-9301{position:relative;z-index:1;padding:clamp(1.2rem,3vw,2rem) 0 2rem}
.k-hero{padding-top:1.2rem;padding-bottom:1rem}
.k-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(--k-c),var(--k-v),var(--k-m),var(--k-c));
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent
}

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

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

.k-card h2{margin:1.2rem 0 .4rem;font-size:1.25rem}
.k-card h3{margin:.8rem 0 .3rem}
.k-card p{color:var(--k-t);margin:.6rem 0}
.k-card ul{margin:.4rem 0 .6rem 1.4rem}
.k-card li{margin:.35rem 0}
.k-small{color:var(--k-d);font-size:.95rem}

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

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

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

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

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