/* 名前の背景に風景写真を敷くヒーローヘッダー */
.md-typeset .hero {
  margin: 0 0 1.2rem;
  /* padding: 4rem 2rem 3rem; */
  padding: 7rem 2rem 6rem;
  border-radius: 0.4rem;
  background:
    linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.45)),
    url(../hero.jpg) center / cover no-repeat;
}

.md-typeset .hero h1 {
  margin: 0;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}

/* 論文・スライド・ポスターなどのリンクをチップ（バッジ風）表示にする */
.md-typeset .pub-chip {
  display: inline-block;
  margin: 0.1em 0.05em;
  padding: 0 0.7em;
  border: 1px solid var(--md-default-fg-color--lighter);
  border-radius: 2em;
  background-color: var(--md-code-bg-color);
  font-size: 0.68rem;
  line-height: 1.7;
  white-space: nowrap;
}

.md-typeset a.pub-chip:hover {
  border-color: var(--md-accent-fg-color);
  color: var(--md-accent-fg-color);
}

/* リンク先がまだ無いもの（公開準備中など） */
.md-typeset .pub-chip--disabled {
  border-style: dashed;
  color: var(--md-default-fg-color--light);
}