/* Shared breadcrumb and title alignment. Blog is the reference, including secondary entrances. */
body.jqc-site main>.page-intro>.wrap,
body.jqc-site main>.section>.wrap{width:calc(100% - var(--media-gutter));max-width:2200px;margin-inline:auto}
body.jqc-site .page-intro{padding:36px 0 26px;border-bottom:1px solid var(--line)}
body.jqc-site .page-intro>.wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(32px,5vw,100px);align-items:end}
body.jqc-site .page-intro .breadcrumbs{grid-column:1/-1;margin:0 0 22px;font-size:13px;line-height:1.6}
body.jqc-site .page-intro h1{font-size:clamp(40px,4.25vw,72px);line-height:1.08;max-width:21ch;margin:0;letter-spacing:-.035em}
body.jqc-site .page-intro .lead{font-size:clamp(16px,1.25vw,20px);line-height:1.6;margin:0;max-width:56ch;color:var(--text)}
body.jqc-site .page-intro+.section{padding-top:30px}
/* Keep the solution breadcrumb at the top rather than vertically centering it against the diagram. */
body.jqc-site[data-view="solutions.html"] .planning-intro-grid{align-items:start}
body.jqc-site[data-view="solutions.html"] .planning-intro-grid .breadcrumbs{margin-top:0}
/* Retain the full-bleed About image, with navigation at the same top inset as Blog. */
body.jqc-site[data-view="about.html"] .wide-hero>.wrap{top:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding-block:76px 42px}
body.jqc-site[data-view="about.html"] .wide-hero .breadcrumbs{position:absolute;top:36px;left:0;right:0;margin:0;font-size:13px;line-height:1.6;text-shadow:0 1px 5px #101214}
body.jqc-site[data-view="about.html"] .wide-hero:after{background:linear-gradient(180deg,rgba(16,18,20,.72),rgba(16,18,20,.15) 35%,rgba(16,18,20,.82))}
body.jqc-site main section[id]{scroll-margin-top:calc(var(--site-chrome,126px) + 18px)}
@media(max-width:750px){
 body.jqc-site .page-intro{padding:24px 0 18px}
 body.jqc-site .page-intro>.wrap{grid-template-columns:minmax(0,1fr)}
 body.jqc-site .page-intro .breadcrumbs{margin-bottom:15px}
 body.jqc-site .page-intro h1{font-size:clamp(38px,8vw,54px);max-width:none;margin-bottom:15px}
 body.jqc-site .page-intro .lead{font-size:16px;max-width:60ch}
 body.jqc-site .page-intro+.section{padding-top:24px}
 body.jqc-site[data-view="about.html"] .wide-hero>.wrap{padding-block:68px 28px}
 body.jqc-site[data-view="about.html"] .wide-hero .breadcrumbs{top:24px}
}