/* Журнал: тёмная тема в клетку, читаемая колонка текста и просторная вёрстка.
   Подключается после встроенных стилей статьи и journal.html, поэтому перекрывает их.
   Шапка сайта и подвал остаются как везде; фон меняется только внутри .article и .jr. */

.article,.jr{
  --bg:#101010; --bg2:#141414; --surface:#171717;
  --grid:rgba(201,169,110,.06);
  background-color:var(--bg);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:56px 56px;background-position:center top
}
.article .toc{background:rgba(16,16,16,.96)}
.article .art-cta{background:rgba(8,8,8,.88)}
.lead-form{background:var(--bg2)}
.article .sc-panel{background:rgba(8,8,8,.6)}
.jr .j-card,.jr .j-soon{background:rgba(8,8,8,.75)}

/* сетка страницы: контейнер 1240 px, текст в колонке 760 px, схемы и картинки на всю ширину контейнера */
.article .col,.article .wide,.article .toc-in,.article .ch-sum,.article .sub-sum{max-width:1240px}
.article .col,.article .wide,.article .toc-in,.article .ch-sum{padding-left:64px;padding-right:64px}
.article .sub-sum{padding-left:64px;padding-right:64px;background-size:calc(100% - 128px) 1px;background-position:64px 0}
.article .col>*,.article .ch-sum .teaser{max-width:760px}
.article .col>.lead,.article .col>.decision{max-width:900px}
.article .col>h1{max-width:none}
.article .col>figure,.article .col>.cover-fig,.article .col>.photo-fig,.article .col>.ill-fig,.article .col>.cycles,
.article .col>.plans,.article .col>.explain,.article .col>.sc,.article .col>.types,.article .col>.trio,.article .col>.layers,
.article .col>.scroll,.article .col>table,.article .col>.fig-title,.article .col>.cta-grid,.article .col>.pc,.article .col>.bars,
.article .col>div:not([class]){max-width:none}
.article figcaption,.article .caption{max-width:760px}

/* воздух */
.article{line-height:1.8}
.article .hero .col{padding-top:72px}
.article .crumbs,.article .who{margin-bottom:18px!important}
.article h1{margin-bottom:36px}
.article .lead{margin-bottom:36px;line-height:1.5}
.article .cover-fig{margin-top:24px}
.article .ch-sum{padding-top:128px;padding-bottom:40px}
.article .ch-sum h2{margin-bottom:18px}
.article .ch-body{padding-bottom:96px}
.article main p:not([class]){margin-bottom:26px}
.article h3{margin:64px 0 18px}
.article .fig-title{margin-top:72px!important;margin-bottom:12px}
.article figure,.article .ill-fig,.article .photo-fig{margin-top:44px;margin-bottom:44px}
.article figure.ill-fig figcaption,.article .photo-fig figcaption{margin-top:18px}
.article .sub-sum{padding-top:30px;padding-bottom:30px}
.article .sub-body{padding:16px 0 56px}
.article details.sub:first-of-type{margin-top:56px}
.article dl.facts{margin:36px 0 24px}
.article dl.facts dt,.article dl.facts dd{padding:18px 0}
.article td,.article th{padding-top:18px;padding-bottom:18px}
.article ol.steps{margin:32px 0}
.article ol.steps li{padding-bottom:30px}
.article .decision{margin:16px 0 56px}
.article .types{gap:36px 24px;margin:48px 0 16px}
.article .trio{gap:40px}
.article .explain{margin-top:36px;padding-top:28px;gap:20px 64px}
.article .explain h4{margin-bottom:16px!important}
.article .explain .legend{gap:14px}
.article .explain .keys li{margin-bottom:14px}
.article .plans{gap:48px;margin:28px 0 12px}
.article .layers{gap:40px;margin:24px 0 12px}
.article .sc-tabs{margin-top:32px}
.article .sc-panel{padding:36px 40px 38px}
.article .sc-panel .sc-who{margin-bottom:28px}
.article .sc-cols{gap:48px}
.article .faq-item summary{padding-top:24px;padding-bottom:24px}
.article .faq-item p{padding-bottom:26px}
.article .art-cta{padding:120px 0}
.article .cta-grid{gap:80px}

/* циклы дома */
.cycles{margin:44px 0 12px}
.cy-row{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;padding:30px 0;border-top:1px solid var(--border)}
.cy-row:last-of-type{border-bottom:1px solid var(--border)}
.cy-name{font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1.1;color:var(--white)}
.cycles .cycle{margin:0}
.cycles .cycle-legend{margin:24px 0 0}
.cycles .caption{margin-top:16px}

@media (max-width:1024px){
  .article .col,.article .wide,.article .toc-in,.article .ch-sum{padding-left:40px;padding-right:40px}
  .article .sub-sum{padding-left:40px;padding-right:40px;background-size:calc(100% - 80px) 1px;background-position:40px 0}
}
@media (max-width:768px){
  .article .col,.article .wide,.article .toc-in,.article .ch-sum{padding-left:24px;padding-right:24px}
  .article .sub-sum{padding-left:24px;padding-right:24px;background-size:calc(100% - 48px) 1px;background-position:24px 0}
  .article .ch-sum{padding-top:80px}
  .article .hero .col{padding-top:40px}
  .article .sc-panel{padding:24px 20px}
  .article .art-cta{padding:80px 0}
  .cy-row{grid-template-columns:1fr;gap:16px}
}

/* страница журнала */
.jr{min-height:60vh}
.jr .j-hero,.jr .j-list{max-width:1240px;padding-left:64px;padding-right:64px}
.jr .j-hero{padding-top:calc(var(--nav-h) + 120px);padding-bottom:72px}
.jr .j-list{padding-bottom:128px}
.jr .j-next{margin-top:112px}
@media (max-width:768px){.jr .j-hero,.jr .j-list{padding-left:24px;padding-right:24px}.jr .j-hero{padding-top:calc(var(--nav-h) + 56px)}}

/* картинки во вкладках сценариев */
.article .sc-img{margin:-36px -40px 32px}
.article .sc-img img{border:0;border-bottom:1px solid var(--border2)}
@media (max-width:768px){.article .sc-img{margin:-24px -20px 22px}}

/* ---- правки 2026-10-15 ---- */
/* клетка: у шапки статьи и у каждого раздела своя сетка, раздел за разделом она поворачивается */
.article{background-image:none}
.article .hero{background-image:none;border-bottom:0}
.article .hero,.article main>section:not(.art-cta){
  --ga:0deg;
  background-image:
    repeating-linear-gradient(var(--ga),var(--grid) 0 1px,transparent 1px 56px),
    repeating-linear-gradient(calc(var(--ga) + 90deg),var(--grid) 0 1px,transparent 1px 56px);
  background-position:center top
}
.article main>section:nth-of-type(6n+1){--ga:12deg}
.article main>section:nth-of-type(6n+2){--ga:24deg}
.article main>section:nth-of-type(6n+3){--ga:36deg}
.article main>section:nth-of-type(6n+4){--ga:-12deg}
.article main>section:nth-of-type(6n+5){--ga:-24deg}
.article main>section:nth-of-type(6n+6){--ga:-36deg}
.article main>section{border-top:1px solid var(--border)}

/* второе меню: подчёркнут раздел, который сейчас читаем */
.article .toc a{position:relative;display:inline-block;padding:6px 0}
.article .toc a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.article .toc a.on{color:var(--gold)}
.article .toc a.on::after{transform:scaleX(1)}

/* первый экран статьи: заголовок, абзац и обложка помещаются вместе */
.article .hero{padding:28px 0 40px}
.article .hero .col{padding-top:0}
.article .crumbs{margin-bottom:10px!important}
.article .hero .who{margin-bottom:14px!important}
.article h1{font-size:clamp(40px,4.6vw,68px);margin-bottom:18px}
.article .hero .lead{font-size:clamp(19px,1.7vw,23px);margin-bottom:24px;max-width:980px}
.article .cover-fig{margin-top:0!important;margin-bottom:0!important}
.article .cover-fig img{height:clamp(300px,calc(100vh - 470px),720px);object-fit:cover}

/* главная журнала: компактнее, статьи двумя карточками в ряд */
.jr .j-hero{padding-top:calc(var(--nav-h) + 48px);padding-bottom:40px}
.jr .j-title{font-size:clamp(48px,5.4vw,80px);margin-bottom:18px}
.jr .j-title br{display:none}
.jr .j-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:96px}
.jr .j-card{grid-template-columns:1fr;grid-template-rows:auto 1fr}
.jr .j-art{border-right:0;border-bottom:1px solid var(--border2);aspect-ratio:16/9}
.jr .j-body{padding:28px 32px 30px;gap:14px}
.jr .j-h{font-size:clamp(28px,2.4vw,36px)}
.jr .j-p{font-size:15px}
.jr .j-next{grid-column:1/-1;margin-top:56px}
@media (max-width:900px){.jr .j-list{grid-template-columns:1fr}}
@media (max-width:768px){.article .cover-fig img{height:auto}.article .hero{padding-top:20px}}