/* ===== Стили внутренних страниц «Татищев Парк» (01.09.2026) =====
   Отдельный файл: главная живёт на выгрузке Тильды, эти страницы — своя вёрстка
   в обычном потоке. Палитра и шрифты те же, что на главной, чтобы человек не
   чувствовал перехода на «другой сайт». */

:root{
  --brown:#56413c; --green:#213432; --green2:#202e2e; --sage:#667c7c;
  --beige:#e8e2d8; --beige2:#d7d0c6; --cream:#f5f0e8; --gold:#ae8f63;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.tpp{margin:0;background:#fff;color:var(--brown);
  font-family:'MyriadProRegular',-apple-system,Arial,sans-serif;
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;}
body.tpp img{max-width:100%;height:auto;display:block;}
body.tpp a{color:inherit;}
.wrap{max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px);}

/* шапка */
.hdr{position:sticky;top:0;z-index:50;background:rgba(32,46,46,.96);color:#fff;
  backdrop-filter:blur(6px);}
.hdr .wrap{display:flex;align-items:center;gap:clamp(12px,2vw,28px);height:64px;}
.hdr__logo{font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:1px;font-size:15px;text-decoration:none;white-space:nowrap;}
.hdr__nav{display:flex;gap:clamp(10px,1.4vw,22px);margin-left:auto;overflow-x:auto;
  scrollbar-width:none;}
.hdr__nav::-webkit-scrollbar{display:none;}
.hdr__nav a{font-size:15px;text-decoration:none;color:rgba(255,255,255,.82);
  white-space:nowrap;transition:color .2s;}
.hdr__nav a:hover,.hdr__nav a[aria-current]{color:#fff;}
.hdr__tel{margin-left:auto;font-size:15px;text-decoration:none;white-space:nowrap;}
@media (max-width:900px){.hdr__nav{display:none;}}

/* хлебные крошки */
.crumbs{padding:14px 0;font-size:14px;color:rgba(86,65,60,.6);}
.crumbs a{text-decoration:none;}
.crumbs a:hover{color:var(--gold);}

/* первый экран страницы */
.phero{background:var(--cream);padding:clamp(28px,4vw,56px) 0 clamp(36px,5vw,72px);}
.phero h1{margin:0 0 18px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  font-weight:700;text-transform:uppercase;line-height:1.12;
  font-size:clamp(26px,4vw,48px);}
.phero__lead{margin:0;max-width:760px;font-size:clamp(17px,1.5vw,21px);
  line-height:1.5;color:rgba(86,65,60,.85);}
.phero__img{margin-top:clamp(24px,3vw,40px);border-radius:14px;overflow:hidden;}
.phero__facts{display:flex;flex-wrap:wrap;gap:clamp(14px,2vw,32px);margin-top:26px;}
.phero__fact{flex:1 1 180px;padding:16px 18px;background:#fff;border-radius:12px;}
.phero__fact b{display:block;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  font-size:clamp(20px,2.2vw,28px);line-height:1.1;}
.phero__fact span{font-size:14px;color:rgba(86,65,60,.65);}

/* контент */
.sec{padding:clamp(34px,4.5vw,64px) 0;}
.sec h2{margin:0 0 20px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  font-weight:700;text-transform:uppercase;line-height:1.15;
  font-size:clamp(22px,2.8vw,34px);}
.sec h3{margin:26px 0 10px;font-size:clamp(18px,1.7vw,22px);font-weight:600;}
.sec p{margin:0 0 14px;max-width:820px;}
.sec ul{margin:0 0 16px;padding-left:22px;max-width:820px;}
.sec li{margin-bottom:8px;}
.sec--cream{background:var(--cream);}
.tbl{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:16px;}
.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(86,65,60,.16);}
.tbl th{font-weight:600;background:rgba(232,226,216,.5);}
.tbl tr:hover td{background:rgba(232,226,216,.28);}
.tblwrap{overflow-x:auto;}

/* карточки */
.cards{display:grid;gap:clamp(14px,2vw,24px);
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:8px;}
.card{display:block;text-decoration:none;background:#fff;border:1px solid rgba(86,65,60,.14);
  border-radius:14px;overflow:hidden;transition:border-color .2s,background .2s;}
.card:hover{border-color:var(--gold);background:rgba(245,240,232,.6);}
.card__body{padding:18px 20px 22px;}
.card__t{font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;
  text-transform:uppercase;font-size:19px;margin-bottom:6px;}
.card__m{font-size:15px;color:rgba(86,65,60,.66);}
.card__p{margin-top:10px;font-size:17px;font-weight:600;}

/* призыв */
.cta{background:var(--green2);color:#fff;padding:clamp(34px,4.5vw,64px) 0;}
.cta h2{color:#fff;}
.cta p{color:rgba(255,255,255,.8);max-width:720px;}
.cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;}
.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;
  padding:0 28px;border-radius:40px;text-decoration:none;font-size:17px;
  transition:filter .2s,background .2s;}
.btn--main{background:var(--beige2);color:var(--brown);}
.btn--ghost{border:1px solid rgba(255,255,255,.45);color:#fff;}
.btn--main:hover{filter:brightness(1.06);}
.btn--ghost:hover{background:rgba(255,255,255,.12);}

/* подвал */
.ftr{background:var(--green);color:rgba(255,255,255,.72);font-size:15px;
  padding:clamp(30px,4vw,54px) 0 26px;}
.ftr a{text-decoration:none;}
.ftr a:hover{color:#fff;}
.ftr__grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
.ftr__t{color:#fff;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  text-transform:uppercase;font-size:14px;letter-spacing:.5px;margin-bottom:12px;}
.ftr ul{list-style:none;margin:0;padding:0;}
.ftr li{margin-bottom:8px;}
.ftr__req{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
  font-size:13px;line-height:1.5;color:rgba(255,255,255,.5);}


/* ===== v3 (05.09.2026): шапка с настоящим логотипом, журнал с фото-обложками ===== */
.hdr .wrap{height:68px;}
.hdr__logo{display:inline-flex;align-items:center;flex:0 0 auto;}
.hdr__logo img{height:34px;width:auto;display:block;}
.hdr__nav{margin-left:auto;}
.hdr__tel{margin-left:0;}
.hdr__cta{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:30px;
  background:var(--beige2);color:var(--brown);font-size:14px;text-decoration:none;white-space:nowrap;
  transition:filter .2s;}
.hdr__cta:hover{filter:brightness(1.06);}
@media (max-width:700px){.hdr__cta{display:none;}.hdr__logo img{height:30px;}}

/* первый экран журнала: фото за заголовком, как на главной */
.bhero{position:relative;isolation:isolate;color:#fff;background:var(--green2) url(/images/blog/_hero.webp) center/cover no-repeat;
  padding:clamp(72px,11vw,160px) 0 clamp(56px,8vw,120px);}
.bhero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(32,46,46,.62) 0%,rgba(32,46,46,.28) 45%,rgba(32,46,46,.7) 100%);}
.bhero__kicker{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.72);margin:0 0 16px;}
.bhero h1{margin:0 0 18px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;
  text-transform:uppercase;line-height:1.08;font-size:clamp(30px,5.2vw,62px);color:#fff;max-width:900px;}
.bhero__lead{margin:0;max-width:720px;font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:rgba(255,255,255,.86);}
.blog-list{padding:clamp(34px,5vw,64px) 0;}
.blog-list__head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;}
.blog-list__head h2{margin:0;}
.blog-list__count{font-size:15px;color:rgba(86,65,60,.6);}

/* карточка статьи: обложка сверху */
.card__img{aspect-ratio:1200/630;overflow:hidden;background:var(--beige);}
.card__img img{width:100%;height:100%;object-fit:cover;}
.card--art .card__body{padding:16px 20px 22px;}
.card--art .card__m{font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--gold);}
.card--art .card__t2{font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;font-size:19px;line-height:1.3;margin-top:8px;}

/* статья: обложка — первый экран */
.ahero{position:relative;isolation:isolate;color:#fff;background:var(--green2);display:flex;align-items:flex-end;
  min-height:min(64vh,660px);padding:clamp(110px,15vw,210px) 0 clamp(34px,5vw,60px);}
.ahero__bg{position:absolute;inset:0;z-index:-2;}
body.tpp .ahero__bg img{width:100%;height:100%;object-fit:cover;}
.ahero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(32,46,46,.55) 0%,rgba(32,46,46,.32) 40%,rgba(32,46,46,.84) 100%);}
.ahero .crumbs{position:absolute;top:0;left:0;right:0;color:rgba(255,255,255,.62);}
.ahero .crumbs a:hover{color:#fff;}
.ahero .art__meta{color:rgba(255,255,255,.72);}
.ahero .art__cat{color:#e6d3ad;}
.ahero h1{margin:0 0 14px;color:#fff;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;
  text-transform:uppercase;line-height:1.12;font-size:clamp(26px,3.8vw,46px);max-width:900px;}
.ahero .art__lead{color:rgba(255,255,255,.88);margin:0;max-width:760px;}
.art--after-hero{padding-top:clamp(28px,4vw,48px);}

/* v3.1: заголовок списка статей — как остальные h2; шапка не режет меню при 8 пунктах */
.blog-list h2{font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;text-transform:uppercase;
  font-size:clamp(20px,2.4vw,30px);line-height:1.15;}
.hdr__nav a{font-size:14px;}
@media (max-width:1399px){.hdr__cta{display:none;}}

/* заглушка блога */
.soon{padding:clamp(50px,7vw,110px) 0;text-align:center;background:var(--cream);}
.soon h1{margin:0 0 16px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  text-transform:uppercase;font-size:clamp(26px,4vw,44px);}
.soon p{max-width:620px;margin:0 auto 12px;color:rgba(86,65,60,.8);}

/* ===== статьи журнала (рендер из tatischev-seo/src/render_static.py) ===== */
.art{padding:clamp(20px,3vw,40px) 0 clamp(36px,5vw,64px);}
.art__wrap{max-width:820px;}
.art__meta{font-size:14px;color:rgba(86,65,60,.6);margin-bottom:14px;}
.art__cat{color:var(--gold);font-weight:600;}
.art h1{margin:0 0 16px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-weight:700;
  text-transform:uppercase;line-height:1.14;font-size:clamp(24px,3.4vw,40px);}
.art__lead{font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:rgba(86,65,60,.85);margin:0 0 22px;}
.art__cover{margin:0 0 26px;border-radius:14px;overflow:hidden;}
.art__body{font-size:clamp(16px,1.2vw,18px);line-height:1.62;}
.art__body h2{margin:34px 0 14px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  font-weight:700;text-transform:uppercase;font-size:clamp(20px,2.2vw,28px);line-height:1.2;}
.art__body h3{margin:24px 0 10px;font-size:clamp(17px,1.5vw,21px);font-weight:600;}
.art__body p{margin:0 0 14px;}
.art__body ul,.art__body ol{margin:0 0 16px;padding-left:22px;}
.art__body li{margin-bottom:6px;}
.art__body a{color:var(--gold);}
.art__fig{margin:22px 0;}
.art__fig img{border-radius:12px;}
.art__fig figcaption{font-size:13px;color:rgba(86,65,60,.6);margin-top:8px;}
.pl{margin:20px 0;padding:16px 20px;border-left:4px solid var(--gold);background:var(--cream);border-radius:0 12px 12px 0;}
.pl p{margin:0;}
.pl-main{border-color:var(--green);background:#eef2ef;}
.pl-warn{border-color:#b0533c;background:#f7ece7;}
.pl-tip{border-color:var(--gold);}
.pl-note{border-color:var(--sage);background:#eef1f1;}
.stats{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.stat{flex:1 1 160px;padding:14px 16px;background:#fff;border:1px solid rgba(86,65,60,.14);border-radius:12px;}
.stat b{display:block;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;font-size:clamp(20px,2vw,26px);line-height:1.1;}
.stat span{font-size:13px;color:rgba(86,65,60,.65);}
.cta-inline{margin:22px 0;padding:16px 20px;background:var(--beige);border-radius:12px;}
.cta-inline a{font-weight:600;}
.art__check,.art__faq,.art__rel{margin-top:34px;}
.art__check h2,.art__faq h2,.art__rel h2{margin:0 0 14px;font-family:'Zen Kaku Gothic Antique',Arial,sans-serif;
  font-weight:700;text-transform:uppercase;font-size:clamp(20px,2.2vw,26px);}
.art__check ul{padding-left:22px;}
.faq__item{border-top:1px solid rgba(86,65,60,.16);}
.faq__item:last-child{border-bottom:1px solid rgba(86,65,60,.16);}
.faq__item summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:600;}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__item summary:hover{color:var(--gold);}
.faq__a{padding:0 0 14px;color:rgba(86,65,60,.86);}
.art__by{margin-top:30px;padding-top:16px;border-top:1px solid rgba(86,65,60,.16);font-size:14px;color:rgba(86,65,60,.6);}
.art__rel{padding:0 clamp(16px,4vw,40px) 40px;max-width:1120px;margin:0 auto;}
.cards--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.card__t2{font-weight:600;font-size:17px;line-height:1.35;margin-top:4px;}
.card__d{font-size:14px;color:rgba(86,65,60,.66);margin-top:8px;line-height:1.45;}