/* The guide shares the header logo's shell and responsive side gutters. */
.enb-service-intent-section { scroll-margin-top: 7rem; }
.enb-service-intent {
  box-sizing: border-box;
  width: calc(100% - 24px);
  max-width: var(--enb-global-shell-max, var(--enb-layout-shell, var(--enb-header-shell, 1552px)));
  margin: 2rem auto;
  padding: 1.25rem;
  color: #1e293b;
  background: #fff;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.enb-service-intent h2 { margin: 0 0 1rem; font-size: clamp(1.35rem, 3vw, 1.9rem); line-height: 1.3; }
.enb-service-intent h3 { margin: 1.25rem 0 .5rem; font-size: 1.125rem; line-height: 1.4; }
.enb-service-intent p { margin: 0 0 1rem; }
.enb-service-intent__intro { max-width: 75ch; }
.enb-service-intent__details { display: grid; gap: 0 2rem; }
.enb-service-intent__details > div { min-width: 0; }
.enb-service-intent__planning { margin-top: 1rem; padding-top: .25rem; border-top: 1px solid #cbd5e1; }
.enb-service-intent ul { padding-left: 1.25rem; list-style: disc; }
.enb-service-intent li { margin-bottom: .5rem; }
.enb-service-intent a { color: #075985; text-decoration: underline; text-underline-offset: .2em; }
.enb-service-intent a:focus-visible { outline: 3px solid #075985; outline-offset: 3px; }
.enb-service-intent__actions { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; }
.enb-service-intent__actions a { display: inline-flex; align-items: center; min-height: 44px; padding: .4rem 0; }
@media (min-width: 640px) and (max-width: 767.98px) {
  .enb-service-intent { width: calc(100% - 40px); }
}
@media (min-width: 768px) {
  .enb-service-intent { width: calc(100% - 28px); padding: 2rem; }
  .enb-service-intent__details { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .enb-service-intent {
    width: var(--enb-global-shell-width, min(calc(100% - var(--enb-layout-edge-gap, 48px)), var(--enb-layout-shell, var(--enb-header-shell, 1552px))));
  }
}