html {
    font-size: 62.5%;
    /* One serif stack for every script: Georgia covers Latin, the rest
       cover Chinese. Declared once here and reused everywhere so mac,
       iPad, and phone all render text with the same typeface instead of
       individual elements picking their own fallback chains. */
    --serif-stack: "Georgia", "Songti SC", "SimSun", "STSong", "Noto Serif SC", serif;
}

/* The theme's own body{font-family:monospace} rule has the same
   specificity as this one, so it's set directly here (rather than via
   inheritance from html) to win on cascade order - a plain `*` selector
   would lose to that rule on specificity and everything under body ends
   up back on monospace. Normal inheritance carries this to every
   descendant that doesn't declare its own font-family. */
body {
  font-family: var(--serif-stack);
  letter-spacing: 0.06em;
  #text-indent: 2em;
  color: #2D2D2D;
  line-height: 2.0;
  font-size:1.6rem;
}

h1, h2, h3 {
  font-family: var(--serif-stack);
  font-weight: 600;
  letter-spacing: 0.02em;
}

p, a {
    font-family: var(--serif-stack);
}

p {
    line-height: 1.75;
}

.signature-box {
    text-align: right;
    margin-top: 4rem;
    font-style: italic;
    white-space: pre-line;
}

.pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    margin: 2.5rem 0;
    font-size: 1.4rem;
}

.pager .pager-current {
    text-decoration: underline;
    font-weight: 600;
}

.pager .pager-disabled,
.pager .pager-ellipsis {
    opacity: 0.4;
}

.site-header {
    margin-bottom: 0.5rem;
}

.site-header h1 {
    margin: 0;
}

.site-header p {
    margin: 0.3rem 0 0;
    opacity: 0.6;
}

.site-logo {
    /* the theme's global `img { display: block; margin: 0 auto; }` rule
       would otherwise pop this out of the heading's inline text flow */
    display: inline;
    width: 0.85em;
    height: 0.85em;
    vertical-align: -0.1em;
    margin: 0 0.3em 0 0;
}

.categories {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1rem 1.6rem;
    font-size: 1.4rem;
}