/* Hill Country Journal on the live workspace. Resource and result colors remain semantic. */
body.hill-country #mars {
  --navy: var(--ink);
  --rust: var(--orange);
  --border: var(--line);
  --pale: var(--surface);
}
body.hill-country #mars .simulation-intro {
  border-color: #bdc7ad;
  border-radius: 2px;
  background: #eeefdf;
  box-shadow: 3px 3px 0 var(--paper), 4px 4px 0 #bdc7ad;
}
body.hill-country #mars .simulation-intro::after {
  background: linear-gradient(90deg,#eeefdf 0%,#eeefdf20 36%,transparent 58%),url('/mars-outpost/outpost-1536.webp') center 58%/cover;
}
body.hill-country #mars .simulation-intro h1 {
  font: 400 2.4rem/1.1 var(--serif);
  letter-spacing: -.045em;
}
body.hill-country #mars .simulation-intro h1 span { color: var(--orange); }
body.hill-country #mars .simulation-intro .kicker,
body.hill-country #mars .brief .kicker { color: var(--hill-sage-ink); }
body.hill-country #mars .brief h2,
body.hill-country #mars .board-body h2 {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.03em;
}
body.hill-country #mars .brief h2 { font-size: 1.6rem; }
body.hill-country #mars .board-body h2 { font-size: 1.65rem; }
body.hill-country #mars .mode-switch .selected {
  color: var(--ink);
  border-bottom-color: var(--hill-sage);
}
body.hill-country #mars .mode-switch button:hover:not(:disabled) { background: #e9eadc; }
body.hill-country #mars .mode-help>button,
body.hill-country #mars .packing-jump {
  background: #e9eddf;
  border-color: #b9c3ab;
  color: var(--ink);
  border-radius: 2px;
}
body.hill-country #mars .mission-strip {
  border-color: var(--line);
  border-radius: 2px;
  background: #e9eddf;
}
body.hill-country #mars .mission-strip .mission.selected {
  background: #fffcf3;
  color: var(--ink);
  border-color: var(--hill-sage);
  box-shadow: 0 2px 5px #3e45200c;
}
body.hill-country #mars .mission-strip .mission.selected:hover { background: #f4f4e9; }
body.hill-country #mars .mission.selected .mission-num {
  background: var(--hill-sage-ink);
  border-color: var(--hill-sage-ink);
  color: #fff;
}
body.hill-country #mars .mission-rules {
  background: #eeefdf;
  border-color: var(--line);
  border-radius: 2px;
}
body.hill-country #mars .supply,
body.hill-country #mars .mission-board {
  background: #fffcf3;
  border-radius: 2px;
}
body.hill-country #mars .mission-board { border-color: #bdc7ad; }
body.hill-country #mars .board-body { background: #eeefdf; }
body.hill-country #mars .supply input:not([aria-invalid="true"]) { background: #f8f4e9; }
body.hill-country #mars .cargo-label {
  color: var(--ink);
  border: 1px dashed #9ba88e;
  background: #e9eddf;
  border-radius: 2px;
}
body.hill-country #mars .campaign {
  --campaign-muted: var(--muted);
  --campaign-line: var(--line);
  --campaign-surface: #fffcf3;
}
body.hill-country #mars .campaign .campaign-status { border-radius: 2px; }
body.hill-country #mars .campaign .campaign-eyebrow { color: var(--hill-sage-ink); }
body.hill-country #mars .campaign .campaign-button { border-radius: 2px; }
body.hill-country #mars dialog {
  background: var(--paper);
  border-color: #bdc7ad;
  border-radius: 3px;
}
body.hill-country #mars button.guide-dialog-close { background: var(--paper); }
body.hill-country #mars #project-context .project-story {
  border-left-color: var(--hill-sage);
}
body.hill-country .mars-landscape { margin-top: 28px; }
@media(max-width:760px) {
  body.hill-country #mars .simulation-intro h1 { font-size: 2.1rem; }
  body.hill-country #mars .brief h2 { font-size: 1.45rem; }
}
@media print {
  body.hill-country #mars .simulation-intro { box-shadow: none; }
}