/* Homepage hero layout */
.hero { text-align: center; margin: 1rem auto 2rem; }
.hero__logo { display:block; margin:.5rem auto 1rem; width:100%; max-width:420px; height:auto; }
.subtitle { font-size: 1.1rem; opacity: .85; margin-top: .25rem; }

/* Button spacing */
.cta .md-button { margin: .25rem .4rem; }

/* (Optional) Bigger header logo site-wide */
.md-header__button.md-logo img { height: 44px; }
@media (min-width: 960px) { .md-header__button.md-logo img { height: 48px; } }

.download-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 0 0 1rem 0;
  background: var(--md-default-bg-color);
}
.file-meta { opacity: .7; margin-left: .5rem; }

/* Beta pill and banner */
.pill {
  display: inline-block;
  font-size: .75rem;
  font-weight: 600;
  border-radius: 999px;
  padding: .15rem .5rem;
  vertical-align: middle;
}
.pill.beta {
  background: #ffe08a;           /* soft amber */
  color: #624a00;
  border: 1px solid rgba(98,74,0,.2);
  margin-left: .4rem;
}
.beta-banner {
  margin: .6rem auto 1rem;
  background: #fff7d6;
  border: 1px solid #f0da96;
  border-radius: 8px;
  padding: .6rem .8rem;
}
.beta-banner a { font-weight: 600; }
.byline { margin:.2rem 0 .6rem; font-size:.95rem; opacity:.8; }
.hero .byline { text-align:center; }