.pa-material-guide .pa-material-image {
  position: relative;
  overflow: hidden;
  align-self: center;
  min-height: 0 !important;
  height: clamp(16rem, 33.333vw, 30rem);
  background-image: none;
}

.pa-material-guide .pa-material-atlas {
  position: relative;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: fill;
  object-view-box: var(--material-view);
}

.pa-material-guide .pa-material-atlas--dark {
  display: none;
}

html[data-pa-theme="light"] body.pa-family-document:not(.pa-protected-workspace)
  #main-content .pa-material-guide > .pa-page-hero .pa-eyebrow {
  color: #066d78 !important;
}

html[data-pa-theme="light"] body.pa-family-document:not(.pa-protected-workspace)
  #main-content .pa-material-guide > .pa-page-hero > div > p {
  color: #486171 !important;
}

html[data-pa-theme="light"] body.pa-family-document:not(.pa-protected-workspace)
  #main-content .pa-material-guide > .pa-page-hero .pa-action-panel {
  background-color: #edf8fb !important;
  background-image: none !important;
}

html[data-pa-theme="light"] body.pa-family-document:not(.pa-protected-workspace)
  #main-content .pa-material-guide > .pa-page-hero .pa-action-panel > p {
  color: #486171 !important;
}

html[data-pa-theme="light"] body.pa-family-document:not(.pa-protected-workspace)
  #main-content .pa-material-guide .pa-material-copy {
  background-color: #fbfdfe !important;
  background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body.pa-family-document:not(.pa-protected-workspace)
  #main-content#main-content#main-content .pa-material-guide .pa-material-image {
  border-color: var(--border) !important;
  background-color: var(--surface) !important;
  background-image: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body.pa-family-document:not(.pa-protected-workspace)
  #main-content#main-content#main-content .pa-material-guide .pa-material-atlas--light {
  display: none !important;
}

html[data-pa-theme="dark"] body.pa-body.pa-body.pa-family-document:not(.pa-protected-workspace)
  #main-content#main-content#main-content .pa-material-guide .pa-material-atlas--dark {
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
}
.pa-material-guide > .pa-page-hero { position: relative; overflow: hidden; padding-block: clamp(3rem, 6vw, 5rem); border-radius: 0; }
#main-content .pa-material-guide > .pa-page-hero h1 { max-width: 15ch; font-size: clamp(2.5rem, 4.5vw, 4.5rem) !important; font-weight: 560 !important; letter-spacing: -.05em; }
#main-content .pa-material-guide > .pa-page-hero::after { content: ""; position: absolute; right: -8%; top: -50%; width: 55%; aspect-ratio: 1; border: 1px solid #93b8c155; border-radius: 50%; box-shadow: 0 0 0 3rem #93b8c10a; pointer-events: none; }
#main-content .pa-material-guide > .pa-page-hero .pa-action-panel { position: relative; z-index: 1; padding: 1.5rem 0 1.5rem 2rem; border: 0; border-left: 1px solid #a8c4cd; border-radius: 0; box-shadow: none; }