/* Keep the theme's page shell independent of content and account form widths. */
html.th-site-root {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}
html.th-site-root body.th-site-layout {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}
html.th-site-root body.th-site-layout > :is(.site-header, main, .footer) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}
/* Long labels and account actions must never squeeze adjacent navigation text. */
@media (min-width: 1101px) {
  html.th-site-root body.th-site-layout .site-header.th84-header.th-hf-header .th84-nav {
    height: auto !important;
    min-height: var(--th-hf-header-height, 84px) !important;
    column-gap: clamp(12px, 1.4vw, 28px) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  html.th-site-root body.th-site-layout .site-header.th84-header.th-hf-header .th84-links {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px clamp(10px, 1vw, 20px) !important;
    min-width: 0 !important;
  }
  html.th-site-root body.th-site-layout .site-header.th84-header.th-hf-header .th84-links > a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
  }
}