/* PrintZakaz 0.143: common content grid, compact introductions and current navigation. */
:root{--site-width:1240px;--site-gutter:18px}
h1,.hero h1,.hub-hero h1,.product-hero h1,.editorial-hero h1{font-size:clamp(30px,3.25vw,46px);line-height:1.14;letter-spacing:-.035em;overflow-wrap:break-word}
.hero h1{font-size:clamp(34px,4vw,56px)}
.page-intro{display:block;width:min(var(--site-width),calc(100% - var(--site-gutter) - var(--site-gutter)));padding:32px 0 30px}
.page-intro h1{max-width:1050px;margin:0 0 18px;overflow-wrap:break-word}
.page-intro>p{max-width:960px;font-size:18px;line-height:1.65;margin:0}
.page-intro .label{margin-bottom:14px}
.page-copy,.editorial-layout,.brief-layout,.brief-result,.faq-page,.article-layout,.legal,.article-page>header{width:min(var(--site-width),calc(100% - var(--site-gutter) - var(--site-gutter)));max-width:none;margin-left:auto;margin-right:auto}
.page-copy{padding:0;margin-bottom:40px}
.page-copy h2{font-size:clamp(26px,2.5vw,34px);line-height:1.22;margin-bottom:20px}
.page-copy p{font-size:18px;line-height:1.75}
.page-copy .table-scroll{width:100%}
.editorial-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;padding:30px;gap:32px;margin-top:12px;margin-bottom:36px}
.editorial-hero>div{min-width:0}
.editorial-hero h1{font-size:clamp(30px,3vw,42px);margin-bottom:18px}
.editorial-hero .lead{font-size:17px;line-height:1.7}
.editorial-hero .lead p:last-child{margin-bottom:0}
.editorial-hero .hero-actions{margin-top:22px}
.editorial-hero figure{align-self:start}
.editorial-hero figure img{max-height:340px;object-fit:contain}
.editorial-layout{grid-template-columns:230px minmax(0,1fr);gap:36px}
.article-body{max-width:none}
.article-body h2{line-height:1.24}
.hub-hero{min-height:360px}
.hub-hero>div:first-child{padding:38px}
.hero-copy{padding:48px 40px}
.hero{min-height:460px}
.nav>a{position:relative;white-space:nowrap}
.nav>a.is-current{color:#982c20;font-weight:750;border-bottom-color:#b23524;background:#fff6df;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px;box-shadow:0 0 0 7px #fff6df}
.catalog-button.is-current{box-shadow:inset 0 -4px 0 #982c20;text-decoration:underline;text-underline-offset:6px}
.header-menu>.button.is-current{box-shadow:inset 0 -4px 0 #7b2017;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.editorial-layout{grid-template-columns:200px minmax(0,1fr);gap:28px}.editorial-hero{gap:24px;padding:26px}.header-menu{gap:22px}.nav{gap:18px}.catalog-button{min-width:210px}}
@media(max-width:760px){.menu-toggle{margin-left:auto}h1,.hero h1,.hub-hero h1,.product-hero h1,.editorial-hero h1{font-size:32px;line-height:1.18}.page-intro{padding:26px 0}.page-intro h1{margin-bottom:16px}.page-intro>p{font-size:17px}.page-copy{margin-bottom:32px}.page-copy p{font-size:17px;line-height:1.75}.editorial-hero{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px;margin-bottom:28px}.editorial-hero figure img{max-height:280px}.editorial-layout{grid-template-columns:minmax(0,1fr);gap:26px}.editorial-layout>.article-body{width:100%}.article-body h2{font-size:28px}.hero{min-height:0}.hero-copy{padding:34px 24px}.hub-hero{min-height:0}.hub-hero>div:first-child{padding:28px 24px}.nav>a{padding:13px 12px;white-space:normal}.nav>a.is-current{box-shadow:none;border-left:4px solid #b23524;border-bottom-color:transparent;text-underline-offset:5px}.catalog-button{min-height:48px}}
@media(max-width:400px){h1,.hero h1,.hub-hero h1,.product-hero h1,.editorial-hero h1{font-size:30px}.editorial-hero{padding:22px}.page-copy h2,.article-body h2{font-size:26px}}

/* 0.148: the tablet header has room for every navigation link and the brief action. */
@media(min-width:761px) and (max-width:1100px){
.header-menu{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 24px;align-items:center}
.catalog-button{justify-self:start;min-height:54px}
.header-menu>.button{grid-column:2;grid-row:1;white-space:nowrap}
.nav{grid-column:1/-1;grid-row:2;min-width:0;justify-content:space-between;gap:16px}
.nav>a{font-size:14px;padding:14px 0}
}
