@layer components {

@media (max-width: 1023px) {
  .main-content .hn-legend {
    margin-top: var(--stack-sm);
    padding-top: 0;
    border-top: 0;
  }
}

@media (max-width: 1023px) {
  .crew-u--upkeep .crew-upkeep {
    border-top: 0;
    padding-top: 0;
  }
  .crew-u--upkeep .crew-house-floor--solo { margin-top: 8px; }
  .crew-u--upkeep .crew-house-bar { padding-bottom: 10px; }
  .crew-u--upkeep .crew-upkeep-list { --chore-h: 28px; margin-top: 0; }
}

}

@layer components {
@media (max-width: 1023px) {

  .main-content .hnp-rail,
  .main-content .hnp-label,
  .main-content .hnp-value,
  .main-content .hnp-micro { font-size: 13.3px; }

  .main-content .hnp-stamp { font-size: 13.3px; }

  .main-content .hnp-num--sm { font-size: 21px; }

  .main-content .hn-legend { font-size: 13px; line-height: 1.45; }
}
}