/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/cY9CfjOCX1hbuyalUrK439vCgYhCBJWxZCPp.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/cY9CfjOCX1hbuyalUrK439vCgIhCBJWxZCPp.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/cY9CfjOCX1hbuyalUrK439vCjohCBJWxZA.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;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/cY9AfjOCX1hbuyalUrK439HyjIJFJpeBZQ.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/cY9AfjOCX1hbuyalUrK439DyjIJFJpeBZQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/fonts/cY9AfjOCX1hbuyalUrK4397yjIJFJpc.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;
}

/* Modern Times-style typography (Newsreader) over the LaTeX defaults */
body {
    font-family: 'Newsreader', 'Times New Roman', Georgia, serif;
    font-optical-sizing: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Newsreader', 'Times New Roman', Georgia, serif;
    font-optical-sizing: auto;
    font-weight: 600;
}

/* Tone down gruvbox's yellow-cream light mode to modern paper white */
:root {
    --bg_h: #fdfcfa;
    --bg: #fffefb;
    --bg_s: #f6f4ef;
    --bg1: #f0ede6;
    --bg2: #e2ded4;
}

/* Neutral code-block background (was gruvbox cream #fbf1c7) */
.bg, .chroma {
    background-color: #f6f4ef;
}
.chroma .hl {
    background-color: #eae6dc;
}
pre {
    background-color: #f6f4ef;
}
.darkmode .bg, .darkmode .chroma, .darkmode pre {
    background-color: #1d2021;
}

/* Modest site title instead of the giant LaTeX-style header */
header h1 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

/* No dark-mode toggle button */
#dark-mode-toggle { display: none; }

/* Header title: code box for the name, softer emphasis */
header h1 code {
    font-size: 0.95em;
    padding: 0.1em 0.35em;
    background-color: #f0ede6;
    border-radius: 4px;
}
header h1 em {
    font-weight: 400;
    color: var(--fg3);
}

/* No back-to-top button */
#back-to-top { display: none !important; }

/* Homepage epigraph + intro: centered under the head rule, title-page style */
.epigraph {
    color: var(--fg3);
    max-width: 34rem;
    margin: 0 auto 3rem auto;
    text-align: center;
}

/* Homepage intro line */
.intro {
    max-width: 34rem;
    margin: 0 auto 3rem auto;
    text-align: center;
    color: var(--fg2);
}