/* Only the added service dropdown and opt-in navigation shell are styled here. */
.noto-service-menu { position: relative; }
.noto-service-menu > summary { cursor: pointer; list-style: none; }
.noto-service-menu > summary::-webkit-details-marker { display: none; }
.noto-service-menu > summary::after { content: " ▾"; }
.noto-service-links {
  position: absolute; top: 100%; left: 0; width: 285px;
  padding: .65rem; background: #fbfcf9; border: 1px solid #d9e3d9;
  box-shadow: 0 8px 24px rgba(20,61,41,.12); z-index: 1001;
}
.noto-service-links a { display: block; padding: .65rem .8rem; color: #20342c; line-height: 1.45; }
.noto-service-links a:hover, .noto-service-links a[aria-current="page"] { background: #eaf1e8; color: #006629; }
.noto-service-menu :focus-visible, .noto-navigation .mobile-menu-toggle:focus-visible {
  outline: 3px solid #e52126; outline-offset: 3px;
}
@media (max-width: 1099px) {
  .noto-navigation .header-container { flex-wrap: wrap; }
  .noto-navigation .mobile-menu-toggle { display: block; min-width: 46px; min-height: 46px; }
  .noto-navigation .nav { display: none; }
  .noto-navigation .nav.active { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-height: 75vh; overflow-y: auto; }
  .noto-navigation .nav-list { flex-direction: column; }
  .noto-navigation .nav-link { display: block; padding: .7rem .2rem; }
  .noto-navigation .nav .header-cta { align-self: flex-start; }
  .noto-service-links { position: static; width: 100%; box-shadow: none; margin: .3rem 0 .7rem; }
}
@media (min-width: 1100px) {
  .noto-navigation .mobile-menu-toggle { display: none; }
  .noto-navigation .nav { display: flex; }
  .noto-navigation .nav-list { flex-direction: row; }
}