@font-face {
  font-family: 'CD Mono';
  src: url('fonts/BO CD Mono Light.otf') format('opentype');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'CD Mono';
  src: url('fonts/BO CD Mono Medium.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'EX Mils';
  src: url('fonts/EX Mils Med.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'EX Mils';
  src: url('fonts/EX Mils Med Oblique.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: oblique;
}

@font-face {
  font-family: 'EX PS Neon';
  src: url('fonts/EX PS Medium Neon.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

/* Basic page setup for the dark theme */
body {
  background-color: #000;
  color: #E8E8E9;
  /* Updated text color */
  font-family: 'Inter', sans-serif;
  /* Using Inter as a modern, clean font */
  padding: 2rem;
}

h1 {
  font-family: 'EX PS Medium Neon';
}

.section-count {
  border: 1px solid red;
}

/* Main container for the UI component */
.cargo-management {
  width: 100%;
  max-width: 600px;
}

.cargo-management h1 {
  font-size: 1.5rem;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

/* Styling for section titles like "Carried on Back" */
.section-title-label {
  background-color: #295ea2e6;
}
.section-title {
  padding: 0.5rem 1rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  /* Flexbox for alignment */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #204c81de;
  /* Updated border color with 87% alpha */
}

.item-name {
  flex-grow: 1;
}

.item-details {
  color: #aaa;
  font-family: monospace;
}

/* Placeholder for the capacity gauge */
.cargo-capacity {
  margin-top: 2rem;
  text-align: right;
  color: #aaa;
}