*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body.scmi-app-body {
  margin: 0;
  font-family: var(--scmi-font-sans);
  background: var(--scmi-slate-200);
  color: var(--scmi-navy-900);
  min-block-size: 100vh;
}

a {
  color: var(--scmi-teal-600);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.scmi-icon-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-size:large;
}

.scmi-icon-link--danger{
    color: var(--scmi-danger);
}

.scmi-icon-link--info {
    color: #0993c8 !important;
}
.scmi-focus:focus-visible {
    outline: 2px solid var(--scmi-teal-500);
    outline-offset: 2px;
}

.scmi-muted {
  color: var(--scmi-slate-600);
  font-size: 0.875rem;
}

.scmi-breadcrumb {
    font-size: 0.8125rem;
    color: var(--scmi-slate-600);
    margin-block-end: 0.75rem;
}

.scmi-h1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 0.25rem;
}

.scmi-h2 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}

.scmi-section-title {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--scmi-slate-600);
  margin-block-end: 0.75rem;
}

label .text-danger[aria-hidden="true"],
.scmi-form-label .text-danger[aria-hidden="true"],
.form-label .text-danger[aria-hidden="true"],
.scmi-scoring-justification-label .text-danger[aria-hidden="true"],
.scsc-required-mark {
    margin-inline-start: 0.15em;
    font-weight: 700;
}