/* Preserve the original stacked public Help and Legal header. */
body.sm-public-page .wrapper.homepage {
  width:100%;
  max-width:1000px;
  margin-inline:auto;
  box-sizing:border-box;
}
body.sm-public-page .wrapper.homepage > .top_section {
  margin-top:100px;
  position:relative;
}
body.sm-public-page .top_section > ul.icons {
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  position:relative;
  width:calc(min(100vw, 1000px) - 60px);
  max-width:none;
  margin:0 auto;
  padding:0;
  list-style:none;
}
body.sm-public-page .top_section > ul.icons > li {
  display:block;
  flex:0 0 60px;
  width:60px;
  height:60px;
  margin:0 15px 0 0;
}
body.sm-public-page .top_section > ul.icons > li > a {
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:60px;
  height:60px;
  padding:15px;
  border-radius:50%;
}
body.sm-public-page .top_section > ul.icons > li > a.active {
  background:linear-gradient(to right, var(--sm-secondary,#e4339c) 0%, var(--sm-tertiary,#a91ccd) 100%);
}
body.sm-public-page .top_section > ul.icons > li > a > img { max-width:100%; }
/* Solid navigation circle role. Follow the selected Primary and on-accent ink. */
body.sm-public-page .top_section > ul.icons > li > a.active { background:var(--sm-nav-circle,var(--sm-accent-fill,#00BCD4)); color:var(--sm-nav-circle-ink,var(--sm-on-accent,#171725)); --sm-icon-color:var(--sm-nav-circle-ink,var(--sm-on-accent,#171725)); }
/* End solid navigation circle role. */
body.sm-public-page .top_section > .section-title-wrap {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:8px 0 16px;
}
body.sm-public-page .top_section > .section-title-wrap > h1 {
  margin:0;
  font-size:40px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.02em;
}
