.helia-page #content { width: 100%; }

.helia-sidebar {
  float: right;
  width: 340px;
  max-width: 100%;
  margin: 18px 0 24px 30px;
}

.helia-badges {
  display: grid;
  grid-template-columns: 1fr 0.95fr 1.25fr;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 14px;
}

.helia-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 96px;
  min-width: 0;
}

.helia-badge img { display: block; max-width: 100%; object-fit: contain; border: 0; }
.esa-badge { background: #f6f8fa; overflow: hidden; }
.esa-badge img { width: 100%; height: auto; transform: scale(1.5); }
.bexus-badge img, .project-helia-badge img { width: 100%; height: auto; }
.helia-badge:focus-visible { outline: 2px solid #8feaf1; outline-offset: 3px; }
.helia-model-box { border: 1px solid #2757E6; background: #06101a; }
.helia-model { display: block; width: 100%; height: 340px; border: 0; }
.helia-payload { margin: 14px 0 0; }
.helia-payload img { display: block; width: 100%; height: auto; border: 0; }
.helia-payload figcaption { padding-top: 8px; color: #ccc; font-size: 12px; text-align: center; }

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

@media (max-width: 680px) {
  .helia-page #header { height: auto; }
  .helia-page #logo { height: 125px; }
  .helia-page #logo h1 { font-size: clamp(23px, 6.6vw, 34px); }
  .helia-page #logo h2 { font-size: 11px; }
  .helia-page #menubar { height: auto; min-height: 52px; padding-bottom: 10px; }
  .helia-page ul#menu li a { font-size: 11px; margin-left: 5px; padding-left: 11px; padding-right: 11px; }
  .helia-sidebar { float: none; margin: 18px auto 20px; }
}