/* Self-hosted Latin reading fonts. Keep the OFL license files with the assets. */

@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(reading-fonts/jetbrains-mono-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(reading-fonts/lexend-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(reading-fonts/libre-baskerville-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(reading-fonts/lora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Preset appearance affects article paragraphs, translations, and the live sample only. */
.reader[data-reading-appearance]{position:relative;--ra-default-size:21px}
.reader[data-reading-appearance] .reading>p[data-paragraph]{font-family:var(--ra-font);font-size:var(--ra-size);line-height:var(--ra-line-height)}
.reader[data-reading-appearance] .reading .tr-text{font-family:var(--ra-font);font-size:var(--ra-zh-size);line-height:var(--ra-zh-line-height)}
.ra-toggle{position:absolute;top:45px;right:0;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--line,#dddfd6);border-radius:10px;background:var(--paper,#f7f6f2);color:var(--ink,#292e29);font:18px/1.3 Georgia,serif;touch-action:manipulation}
.ra-panel{position:absolute;z-index:24;top:97px;right:0;width:min(344px,100%);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line,#dddfd6);border-radius:14px;background:var(--paper,#f7f6f2);color:var(--ink,#292e29);box-shadow:0 8px 30px #18281818;font:14px/1.5 system-ui,-apple-system,sans-serif}
.ra-panel[hidden]{display:none!important}
.ra-heading,.ra-caption{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ra-panel .ra-heading h2{font:500 16px/1.5 system-ui,-apple-system,sans-serif;margin:0}
.ra-close{min-width:44px;min-height:44px;margin:-9px -9px -5px 0;font:24px/1 system-ui,sans-serif;color:var(--muted,#7b8077)}
.ra-field{display:block;margin:18px 0 0}
.ra-field select{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px 10px;border:1px solid var(--line,#dddfd6);border-radius:8px;background:var(--paper,#f7f6f2);color:inherit;font:inherit}
.ra-field output{font-size:12px;color:var(--muted,#7b8077);font-variant-numeric:tabular-nums}
.ra-field input[type=range]{display:block;width:100%;min-height:44px;margin:0;accent-color:var(--green,#365644)}
.ra-preview{margin:14px 0 6px;padding:13px;background:var(--soft,#e9eee4);border-radius:8px;overflow-wrap:anywhere}
.ra-preview-en{margin:0;font-family:var(--ra-font);font-size:var(--ra-size);line-height:var(--ra-line-height)}
.ra-preview-zh{margin:7px 0 0;font-family:var(--ra-font);font-size:var(--ra-zh-size);line-height:var(--ra-zh-line-height)}
.ra-reset{min-height:44px;padding:8px 0;font:inherit;color:var(--green,#365644)}
.ra-status{margin:3px 0 0;font-size:11px;line-height:1.7;color:var(--muted,#7b8077)}
.ra-toggle:focus-visible,.ra-panel button:focus-visible,.ra-panel select:focus-visible,.ra-panel input:focus-visible{outline:2px solid var(--green,#365644);outline-offset:3px}
@media(max-width:600px){.reader[data-reading-appearance]{--ra-default-size:20px}.ra-toggle{top:22px}.ra-panel{top:74px;max-height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){.ra-panel,.ra-toggle{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ra-sources{margin:8px 0 0;font:11px/1.7 system-ui,-apple-system,sans-serif;color:var(--muted,#7b8077)}
.ra-sources summary{min-height:32px;cursor:pointer}.ra-sources p{margin:8px 0}.ra-sources a{text-decoration:underline;text-underline-offset:3px}.ra-sources ul{margin:8px 0 0;padding-left:18px}.ra-sources li{margin:5px 0}