/* Company pages share the hero's left edge and the site's reading width. */
.company-page > .layout-reading { padding-top:40px; }
.company-page > .layout-reading > .content { display:flow-root; max-width:var(--content); }
.company-page .content-list > li + li { margin-top:24px; }
.company-page > .assessment-section { width:min(calc(100% - 2 * var(--gutter)),var(--container)); margin:48px auto var(--section-y); }
.company-page > .assessment-section > p { max-width:var(--content); }
.company-page > .assessment-section > :last-child { margin-bottom:0; }
.company-page .hero-assessment-link a { color:var(--teal-dark); }
@media(max-width:599px) {
  .company-page > .layout-reading { padding-top:32px; }
  .company-page > .assessment-section { margin-top:40px; }
}

/* The content wrapper stays wide; every reading block is centered inside it. */
.company-page > .layout-reading > .about-content { max-width:none; }
/* Keep the heading with its paragraph so the portrait aligns to the heading. */
.no-rail .about-founder { max-width:var(--content); margin-inline:auto; display:grid; grid-template-columns:minmax(0,1fr) 224px; gap:32px; align-items:start; margin-bottom:24px; }
.company-page .about-founder-copy > h2 { margin-top:0; }
.company-page .about-founder-copy > p { margin-bottom:0; }
.no-rail .about-founder img { display:block; width:224px; max-width:100%; height:auto; border-radius:8px; }
@media(max-width:720px) {
  .no-rail .about-founder { grid-template-columns:1fr; }
}

/* Company pages load this sheet without layouts.css. */
.company-page.no-rail .company-hero { display:block; max-width:var(--content); margin-inline:auto; }
.company-page.no-rail > .layout-reading > .content { margin-inline:auto; }
.company-page.no-rail > .assessment-section { max-width:var(--content); }