body.page-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--page-background);
}

body.page-shell > main {
  margin-bottom: 0;
}

body.page-shell > topr-header {
  position: relative;
  z-index: 5;
  background: var(--page-background);
}

body.page-shell > topr-header .logo,
body.page-shell > topr-header .site-nav {
  color: var(--ink, #08090b);
}

:where(.content-panel) {
  --intro-inline-padding: 0;
  --panel-arc-height: clamp(44px, 5vw, 78px);

  position: relative;
  z-index: 4;
  flex: 1 0 auto;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  padding-top: 0;
  overflow: visible;
  border-radius: 0;
  background: #fff;
}

:where(.content-panel-inner) {
  display: grid;
  max-width: var(--page-max-width, 1672px);
  margin: 0 auto;
  padding: 0 var(--page-gutter, clamp(22px, 4.9vw, 58px)) 0;
}

:where(.content-panel-inner) > * {
  position: relative;
  z-index: 1;
}