/* Complete Traditional Chinese fonts, bundled locally for offline reading.
   See assets/fonts/README.md and the accompanying SIL OFL 1.1 licenses. */
@font-face {
  font-family: 'Margin WenKai TC';
  src: url('./assets/fonts/LXGWWenKaiTC-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Margin Noto Serif TC';
  src: url('./assets/fonts/NotoSerifTC-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: 'Margin Noto Sans TC';
  src: url('./assets/fonts/NotoSansTC-Variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

.reader-font-list {
  display: grid;
  gap: 9px;
}

.reader-font-option {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: inherit;
  text-align: left;
  background: transparent;
  transition: border-color .18s ease, background-color .18s ease;
}

.reader-font-option:hover {
  background: var(--soft);
}

.reader-font-option[aria-pressed='true'] {
  border-color: #7e967b;
  box-shadow: inset 3px 0 0 #7e967b;
  background: var(--soft);
}

.reader-font-option > span {
  font: 500 12px/1.5 var(--sans);
}

.reader-font-option > small {
  color: var(--muted);
  font: 10px/1.7 var(--sans);
}

.reader-font-option > em {
  display: block;
  padding-top: 3px;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: .04em;
}