/* Журнал: тёмная тема в клетку, читаемая колонка текста и просторная вёрстка.
   Подключается после встроенных стилей статьи и 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}}