.static-page {
  min-height: 45vh;
}

.static-page__state {
  text-align: center;
  padding: 2rem 0;
  color: var(--text-secondary, #667a77);

  h1 {
    margin-bottom: 0.5rem;
    color: var(--text-primary, #1e3c38);
  }

  a {
    color: var(--primary-color, #497671);
    text-decoration: none;

    &:focus-visible {
      outline: 2px solid var(--primary-color, #497671);
      outline-offset: 2px;
    }
  }
}

.static-page__content {
  display: grid;
  gap: 1rem;

  h1 {
    color: var(--text-primary, #1e3c38);
    margin: 0;
  }
}

.static-page__html {
  color: var(--text-primary, #1e3c38);
  line-height: 1.6;

  h2,
  h3 {
    margin-top: 1.25rem;
  }
}
