.hero {
  text-align: center;
  padding: 1.5rem 0 1rem;
}

.hero h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.hero-tagline {
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--md-default-fg-color);
  margin-top: 0;
}

.hero .md-button {
  margin: 0.25rem;
}

.md-typeset .grid.cards.pillars > ul > li {
  border-top: 0.25rem solid var(--md-primary-fg-color);
  padding: 1.2rem;
}

.md-typeset .grid.cards.pillars > ul > li > p:first-child {
  font-size: 1.1rem;
}

.md-typeset .grid.features {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.md-typeset__table {
  display: block;
}

.md-typeset__table table:not([class]) {
  display: table;
  width: 100%;
}

.md-typeset td:first-child code {
  white-space: nowrap;
}

.md-typeset .autofix-yes {
  color: var(--md-primary-fg-color);
  font-size: 1.2em;
}