.directory-page--simple .directory-hero {
  grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
  gap: clamp(45px, 7vw, 110px);
  padding-block: 44px 72px;
}
.directory-page--simple .directory-hero h1 {
  max-width: 690px;
  font-size: clamp(54px, 5.2vw, 82px);
}
.directory-page--simple .directory-hero p:not(.eyebrow) { max-width: 475px; }
.directory-paths { display: grid; gap: 11px; }
.directory-path {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 21px 52px 22px 24px;
  min-height: 130px;
  border: 1px solid #d6decd;
  border-radius: 16px;
  background: #f3f5ed;
  color: #202820;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.directory-path:nth-child(3) { background: #f6f0e8; border-color: #e4dacc; }
.directory-path--support { background: #1d2922; border-color: #31452e; color: #f7faef; }
.directory-path > span { font-size: 10px; letter-spacing: .12em; color: #6f7f5d; }
.directory-path--support > span { color: #d7fa87; }
.directory-path strong { font-size: clamp(23px, 2.3vw, 32px); line-height: 1.1; font-weight: 500; letter-spacing: -.045em; }
.directory-path small { font-size: 13px; line-height: 1.5; color: #65715f; }
.directory-path--support small { color: #cbd8c5; }
.directory-path i { position: absolute; right: 23px; top: 50%; transform: translateY(-50%); font-size: 25px; font-style: normal; font-weight: 300; }
.directory-path:hover { transform: translateY(-3px); border-color: #a8ba8a; box-shadow: 0 16px 28px -23px #34492e88; }
.directory-path:focus-visible { outline: 2px solid #7d9f40; outline-offset: 3px; }
.directory-more { border-top: 1px solid #cdd6c2; border-bottom: 1px solid #cdd6c2; margin-block: 0 56px; }
.directory-more > summary { list-style: none; display: flex; align-items: center; gap: 20px; padding: 27px 4px; cursor: pointer; }
.directory-more > summary::-webkit-details-marker { display: none; }
.directory-more > summary > span { font-size: clamp(21px, 2vw, 29px); font-weight: 500; letter-spacing: -.035em; }
.directory-more > summary > small { margin-left: auto; font-size: 13px; color: #73806d; }
.directory-more > summary > i { width: 37px; height: 37px; display: grid; place-items: center; flex: none; border: 1px solid #bfccb5; border-radius: 50%; font-size: 23px; font-style: normal; line-height: 1; }
.directory-more[open] > summary > i { transform: rotate(45deg); }
.directory-more > summary:focus-visible { outline: 2px solid #7d9f40; outline-offset: 3px; }
.directory-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; padding: 4px 0 32px; }
.directory-category { min-width: 0; padding: 29px; border: 1px solid #dde4d6; border-radius: 16px; background: #f8f9f5; scroll-margin-top: 115px; }
.directory-category .eyebrow { color: #738461; font-size: 10px; margin: 0 0 12px; }
.directory-category h2 { font-size: clamp(27px, 2.7vw, 38px); line-height: 1.12; letter-spacing: -.045em; margin: 0 0 18px; }
.directory-service-grid { display: grid; }
.directory-service-link { position: relative; display: grid; gap: 5px; padding: 14px 28px 14px 0; border-top: 1px solid #dce4d5; scroll-margin-top: 115px; }
.directory-service-link strong { font-size: 16px; line-height: 1.3; font-weight: 500; }
.directory-service-link span { color: #687568; font-size: 12px; line-height: 1.55; }
.directory-service-link i { position: absolute; right: 0; top: 17px; font-size: 17px; font-style: normal; color: #71885d; }
.directory-service-link:hover strong { color: #527536; }
.directory-service-link:focus-visible { outline: 2px solid #7d9f40; outline-offset: 3px; }
.directory-next { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 0 0 75px; }
.directory-next p { max-width: 560px; color: #62705f; font-size: 18px; line-height: 1.5; }
.directory-next .button { flex: none; }
.directory-more { scroll-margin-top: 110px; }

@media (max-width: 900px) {
  .directory-page--simple .directory-hero { grid-template-columns: 1fr; gap: 32px; padding-block: 28px 48px; }
  .directory-page--simple .directory-hero h1 { max-width: 700px; }
  .directory-paths { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .directory-path { min-height: 180px; padding: 20px 20px 46px; }
  .directory-path i { right: 20px; top: auto; bottom: 13px; transform: none; }
}
@media (max-width: 700px) {
  .directory-paths, .directory-categories { grid-template-columns: 1fr; }
  .directory-path { min-height: 124px; padding: 19px 54px 20px 20px; }
  .directory-path i { right: 20px; top: 50%; bottom: auto; transform: translateY(-50%); }
  .directory-more > summary > small { display: none; }
  .directory-more > summary > i { margin-left: auto; }
  .directory-next { align-items: flex-start; flex-direction: column; gap: 22px; padding-bottom: 52px; }
}
@media (max-width: 470px) {
  .directory-page--simple .directory-hero h1 { font-size: clamp(44px, 12vw, 58px); }
  .directory-category { padding: 22px; }
  .directory-next .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .directory-path { transition: none; } }