* {
  box-sizing: border-box;
}

html {
  color-scheme: light;
}

body {
  margin: 0;
  min-height: 100vh;
}

a {
  color: inherit;
}

code,
.mono {
  font-family: var(--mono, "SFMono-Regular", "Menlo", monospace);
}

.panel[data-content-tier="supporting"],
.panel.tier-supporting {
  border-color: color-mix(in srgb, var(--line, #d7ccbb) 92%, var(--accent, #1f4f64));
}

.panel[data-content-tier="diagnostic"],
.panel.tier-diagnostic {
  border-style: dashed;
  box-shadow: 0 10px 24px rgba(20, 24, 28, 0.04);
  opacity: 0.96;
}

.panel[data-content-tier="diagnostic"] .section-copy,
.panel.tier-diagnostic .section-copy {
  opacity: 0.9;
}