.hepnet-page #content { width: 100%; }
.hepnet-page #site_content { padding-top: 18px; }
.hepnet-page #footer { color: #a8abb5; }
.hepnet-page #content p { line-height: 1.8; }
.hepnet-page a:focus-visible { outline: 2px solid #90b2ff; outline-offset: 5px; }
.hepnet-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 4px 0 12px; }
.hepnet-heading { min-width: 0; }
.hepnet-intro h1 { display: flex; align-items: center; gap: 12px; padding: 0; margin-bottom: 12px; font-size: 250%; letter-spacing: .04em; }
.hepnet-logo { display: block; flex: 0 0 48px; width: 48px; height: 48px; border: 0; }
.hepnet-title-text { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; min-width: 0; }
.hepnet-purpose { font-size: 18px; line-height: 1.4; letter-spacing: normal; color: #c7d6ed; }
.hepnet-intro .hepnet-tagline { padding-bottom: 0; font-size: 112%; color: #d1d8e3; }
.hepnet-intro .cta_link { flex-shrink: 0; margin: 0; }
.hepnet-banner { margin: 8px 0 24px; }
.hepnet-banner a { display: block; }
.hepnet-banner img { display: block; width: 100%; height: auto; border: 0; }
.hepnet-banner figcaption { margin-top: 10px; color: #afb9c8; font-size: 92%; line-height: 1.5; }
.hepnet-story { max-width: 730px; padding-bottom: 6px; }
.hepnet-story h2, .hepnet-explore > h2, .hepnet-inspire h2 { color: #7798ff; }
.hepnet-page #content ul.hepnet-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; margin: 4px 0 20px; }
.hepnet-page #content .hepnet-features li { background: none; border-top: 1px solid #303b49; padding: 20px 0 4px; margin: 0; }
.hepnet-features h3 { padding: 0; margin-bottom: 9px; color: #c7d6ed; font-size: 135%; line-height: 1.4; }
.hepnet-features p { color: #d2d5db; }
.hepnet-inspire { border-top: 1px solid #303b49; padding: 14px 0 8px; }
.hepnet-inspire p { max-width: 730px; }
.hepnet-inspire .hepnet-credit { color: #afb9c8; font-size: 95%; }

@media (max-width: 920px) {
  .hepnet-page #logo, .hepnet-page #menubar, .hepnet-page #footer { width: 100%; }
  .hepnet-page #site_content { box-sizing: border-box; width: 100%; padding: 18px 20px 20px; }
  .hepnet-page #logo #logo_text { left: 20px; }
  .hepnet-page ul#menu { display: flex; flex-wrap: wrap; float: none; }
  .hepnet-page ul#menu li a { padding-left: 16px; padding-right: 16px; }
}

@media (max-width: 680px) {
  .hepnet-page #header { height: auto; }
  .hepnet-page #logo { height: 125px; }
  .hepnet-page #logo h1 { font-size: clamp(23px, 6.6vw, 34px); }
  .hepnet-page #logo h2 { font-size: 11px; }
  .hepnet-page #menubar { height: auto; min-height: 52px; padding-bottom: 10px; }
  .hepnet-page ul#menu li a { font-size: 11px; margin-left: 5px; padding-left: 11px; padding-right: 11px; }
  .hepnet-intro { align-items: flex-start; flex-direction: column; gap: 18px; }
  .hepnet-page #content ul.hepnet-features { grid-template-columns: minmax(0, 1fr); gap: 0; }
}