.site-directory { max-width: 1380px; margin: 0 auto; padding: 2rem 5%; border-top: 1px solid #ffffff20; }
.site-directory p { margin: 0 0 1rem; color: #91a7b7; font-size: .875rem; }
.site-directory nav { display: flex; flex-wrap: wrap; gap: .6rem 2rem; }
.site-directory a { display: inline-flex; align-items: center; min-height: 44px; color: #eef5f8; font-size: .9375rem; }
.site-directory a:hover { color: #9be5ef; }
.detail-page .detail-heading { background: #0b1d2a; color: #fff; }
.detail-page .detail-heading-inner { max-width: 1380px; margin: auto; padding: 3rem 5% 3.5rem; }
.detail-page .breadcrumb { display: flex; flex-wrap: wrap; gap: .7rem; color: #afc4d1; font-size: .875rem; margin-bottom: 2rem; }
.detail-page .breadcrumb a { text-decoration: underline; text-underline-offset: .25rem; }
.detail-page .detail-heading h1 { font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 650; margin: 0 0 1.2rem; line-height: 1.3; word-break: keep-all; overflow-wrap: anywhere; }
.detail-page .detail-heading p { max-width: 780px; color: #c1d2dd; line-height: 1.85; margin: 0; font-size: 1.0625rem; }
.detail-page .desktop-nav a[aria-current=page] { color: #057d95; }
.detail-page .desktop-nav a[aria-current=page]:after { transform: scaleX(1); }
.detail-page .section-wrap:not(.facts) { padding-block: 4.5rem; }
.detail-page .detail-related { max-width: 1380px; margin: auto; padding: 2.5rem 5%; }
.detail-page .detail-related a { color: #057d95; text-decoration: underline; text-underline-offset: .25rem; font-size: 1rem; }
@media (max-width:760px) {
  .detail-page .detail-heading-inner { padding-block: 2rem 2.5rem; }
  .detail-page .detail-heading p { font-size: 1rem; }
  .detail-page .section-wrap:not(.facts) { padding-block: 3rem; }
  .site-directory nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem 1rem; }
}