/* Isolated preview; approved artwork, header and hero are retained. */
#mp-site.hp-preview {
  --hp-ink: #20292d;
  --hp-muted: #51636c;
  --hp-line: #cbd6db;
  --hp-accent: #176b83;
  --hp-paper: #f3f4f1;
}
#mp-site.hp-preview ::selection {background: #174b61; color: #fff}
#mp-site.hp-preview :is(input, textarea) {caret-color: var(--hp-accent)}
#mp-site.hp-preview :is(a, button, summary):focus-visible {outline: 3px solid #176b83; outline-offset: 5px}
#mp-site.hp-preview :is(table, .hp-project-meta) {font-variant-numeric: tabular-nums}
#mp-site.hp-preview a {text-underline-offset: .22em; text-decoration-thickness: 1px}
#mp-site.hp-preview .mp-dock a {color: #4b5d68; font-size: 12px}
#mp-site.hp-preview .mp-dock a[aria-current] {color: #075e9b}
#mp-site.hp-preview :is(.hp-container, .sp-shell) {scroll-margin-top: 108px}