/* Единая типографическая шкала: H1, заголовок секции, заголовок материала. */
:root{
 --heading-display-size:clamp(38px,4.15vw,60px);
 --heading-section-size:clamp(32px,3.05vw,44px);
 --heading-content-size:28px;
 --heading-weight:500;
 --heading-tracking:-.04em;
}
#main h1,#main .hero-display{
 font-size:var(--heading-display-size);
 font-weight:var(--heading-weight);
 line-height:1.12;
 letter-spacing:var(--heading-tracking);
}
#main h2{
 font-size:var(--heading-section-size);
 font-weight:var(--heading-weight);
 line-height:1.18;
 letter-spacing:var(--heading-tracking);
}
#main :is(.article-body,.legal-copy,.atom-reading-section,.atom-reading-outro,.document-record,.object-service-list,.document-band,.address-panel,.photo-credits) h2,
body .dialog-heading h2,body .document-dialog h2{
 font-size:var(--heading-content-size);
 font-weight:var(--heading-weight);
 line-height:1.3;
 letter-spacing:-.025em;
}
#main .hero-display{font-size:var(--heading-display-size);line-height:1.12}
#main .hero-display span{font-weight:inherit}
@media(max-width:767px){
 :root{--heading-display-size:34px;--heading-section-size:30px;--heading-content-size:24px}
 #main h1,#main .hero-display{line-height:1.18}
 #main h2{line-height:1.22}
 #main :is(.article-body,.legal-copy,.atom-reading-section,.atom-reading-outro,.document-record,.object-service-list,.document-band,.address-panel,.photo-credits) h2,
 body .dialog-heading h2,body .document-dialog h2{line-height:1.3}
}
.photo-credits article{grid-template-columns:160px minmax(0,1fr)}
.photo-credits article>div{min-width:0}
.photo-credits h2{overflow-wrap:anywhere}
@media(max-width:767px){.photo-credits article{grid-template-columns:minmax(0,1fr);gap:12px}}
@media(max-width:359px){.steps{grid-template-columns:minmax(0,1fr);gap:24px}.step{min-width:0}}