/* Site presentation only. Preserve the viewer's evidence colors and print layout. */
@media screen {
  :root {
    --color-secondary: #8e8e96;
    --color-rule: #26262a;
    --color-evidence: #ffffff;
    --color-visited: #ffffff;
  }
  body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  a, a:visited {
    text-decoration-color: #64646e;
    text-underline-offset: 4px;
  }
  a:hover { text-decoration-color: #ffffff; }
  :focus-visible { outline: 2px solid #ffffff; outline-offset: 4px; }
  .site-header { padding: 12px 0 0; }
  .site-links {
    gap: 16px;
    font-size: 12px;
    letter-spacing: .04em;
  }
  .site-links a, .site-links a:visited {
    color: var(--color-secondary);
    text-decoration: none;
  }
  .site-links a:hover { color: var(--color-ink); }
  .viewer-main { padding-top: 48px; }
  .artifact-intro h1 { font-size: 36px; line-height: 1.15; margin-bottom: 16px; }
  .artifact-intro > div > p:last-child { color: #bcbcc4; }
  .eyebrow { font-size: 12px; letter-spacing: .04em; }
  .rq-heading { font-size: 24px; font-weight: 600; letter-spacing: -.008em; }
  input[type="search"], select, button { border-color: #64646e; }
  .evidence-surface, .message-tooltip {
    --color-evidence: #ffffff;
    --color-visited: #ffffff;
  }
  /* The legacy summary route briefly displays status, or an invalid-link error. */
  body.trace-fallback {
    margin: 0;
    padding: 48px 24px;
    background: #0b0b0d;
    color: #ffffff;
    font: 17px/1.65 "Nunito", sans-serif;
    color-scheme: dark;
  }
  .trace-fallback a, .trace-fallback a:visited { color: #ffffff; }
  @media (max-width: 767px) {
    .page-shell { padding-inline: 24px; }
    .viewer-main { padding-top: 36px; }
    .artifact-intro h1 { font-size: 30px; }
    .evidence-surface { margin-inline: -24px; padding-inline: 24px; }
    .site-links { gap: 12px; }
  }
  @media (max-width: 380px) {
    .site-brand { gap: 8px; font-size: 14px; }
    .site-links { gap: 9px; font-size: 11px; }
  }
}