/* /legal · hub spacing and the two page parts the shared legal set does not have yet (promote request: a company details card and
   a grouped document index). Every class starts with pg-legal-. */

/* company details in the hero aside (the "In one minute" box, holding a definition list) */
.pg-legal-co__dl{display:grid;margin:0}
.pg-legal-co__row{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:24px;padding:12px 0;border-top:1px solid var(--pg-rule)}
.pg-legal-co__row:first-child{padding-top:0;border-top:0}
.pg-legal-co__row:last-child{padding-bottom:0}
.pg-legal-co__row dt{font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--s-ink-3)}
.pg-legal-co__row dd{margin:0;font-size:17px;line-height:1.5;color:var(--s-ink)}
.pg-legal-co__name{font-weight:500}
.pg-legal-co__id{white-space:nowrap}

/* the index: each group a row, its heading in cols 1 to 3 (where the documents keep their table of contents), the list from col 4
   and on to the page edge, so the arrows line up with the company details above */
.pg-legal-dir{padding-top:8px;padding-bottom:var(--pg-section-y)}
.pg-legal-group+.pg-legal-group{margin-top:72px}
.pg-legal-group__t{grid-column:1/span 3;align-self:start;display:flex;align-items:center;gap:10px;padding-top:27px;font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1.4;color:var(--s-ink)}
.pg-legal-group__t::before{content:"";flex:none;width:6px;height:6px;background:#2757C9}
.pg-legal-group__list{grid-column:4/-1}
.pg-legal-dir__after{margin-top:72px}
.pg-legal-ask{grid-column:4/-1;max-width:min(72ch,40em)}

@media (max-width:1279px){
  .pg-legal-co__row{grid-template-columns:124px minmax(0,1fr);column-gap:16px}
}
@media (max-width:1019px){
  .pg-legal-group__t{grid-column:1/span 2}
  .pg-legal-group__list,.pg-legal-ask{grid-column:3/-1}
}
@media (max-width:899px){
  .pg-legal-group__t,.pg-legal-group__list,.pg-legal-ask{grid-column:1/-1}
  .pg-legal-group__t{padding-top:0;margin-bottom:14px}
  .pg-legal-group+.pg-legal-group{margin-top:52px}
  .pg-legal-dir__after{margin-top:52px}
}
@media (max-width:519px){
  .pg-legal-co__row{grid-template-columns:112px minmax(0,1fr);column-gap:16px}
  .pg-legal-co__row dd{font-size:16px}
}