.seo-stock-snapshot {
  box-sizing: border-box;
  min-height: 100vh;
  padding: clamp(1.25rem, 4vw, 4rem);
  background: #050812;
  color: #f7f9ff;
  font: 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.seo-stock-snapshot > header,
.seo-stock-snapshot > main,
.seo-stock-snapshot > footer {
  width: min(100%, 70rem);
  margin-inline: auto;
}

.seo-stock-snapshot__brand,
.seo-stock-snapshot a {
  color: #8ea7ff;
}

.seo-stock-snapshot header > p {
  margin: 2.5rem 0 0;
  color: #a9b2c7;
}

.seo-stock-snapshot h1 {
  margin: .2rem 0 1rem;
  font-size: clamp(2rem, 7vw, 4.5rem);
  line-height: 1;
}

.seo-stock-snapshot nav {
  display: flex;
  gap: .6rem;
}

.seo-stock-snapshot nav a {
  padding: .55rem .9rem;
  border: 1px solid #283149;
  border-radius: 999px;
  text-decoration: none;
}

.seo-stock-snapshot nav a[aria-current="page"] {
  border-color: #7394ff;
  background: #16234b;
  color: #fff;
}

.seo-stock-snapshot main {
  margin-block: 2rem;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid #20283b;
  border-radius: 1rem;
  background: #0b101f;
}

.seo-stock-snapshot h2 {
  margin-top: 0;
}

.seo-stock-snapshot main article {
  padding-block: 1rem;
  border-top: 1px solid #20283b;
}

.seo-stock-snapshot dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: .75rem;
}

.seo-stock-snapshot dl div {
  padding: .85rem;
  border-radius: .65rem;
  background: #11192d;
}

.seo-stock-snapshot dt {
  color: #9aa5bc;
  font-size: .8rem;
}

.seo-stock-snapshot dd {
  margin: .2rem 0 0;
  font-weight: 700;
}

.seo-stock-snapshot footer {
  color: #9aa5bc;
}