/* @font-face {
  font-family: "Junicode";
  src: url("Junicode-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Junicode";
  src: url("Junicode-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Junicode";
  src: url("Junicode-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
} */

@font-face {
  font-family: "Junicode";
  src: url("JunicodeVF-Roman.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Junicode";
  src: url("JunicodeVF-Italic.woff2") format("woff2");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

:root { --accent: #B3201F; }

body {
  font-family: "Junicode", Georgia, serif;
  font-size: 1.3rem;
  line-height: 1.4;       
  max-width: 65ch;
  margin: 0 auto;
  padding: 2rem 1rem;
  hyphens: auto;
}

h1 {
  color: var(--accent);
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 2.6em;
}



h2 {
    text-align: center;
    margin: 2em 0 0.75em;
}

.subtitle {
  font-weight: 400;
  text-align: center;
}

.small-caps {
  font-variant-caps: small-caps;
  letter-spacing: 0.06em;
}

p {
    margin: 0 0 0.75em;
}

strong {
  color: var(--accent);
}

ol { list-style-type: upper-roman; padding-left: 2.5em; }
ol ol { list-style-type: lower-alpha; padding-left: 1.5em; margin-top: 0.4em; }
li { margin-bottom: 0.5em; }
li li {
  font-size: 0.85em;       /* sub points smaller */
}

nav {
  text-align: center;
  margin-bottom: 2em;
}

nav a {
  margin: 0 0.75em;
  color: inherit;
}

hr {
  border: none;          /*luv me line breks simpo as*/
  height: auto;
  text-align: center;
  margin: 2em 0;
}

hr::after {
  content: "\F01B";
  color: var(--accent);
  font-size: 2.5em;
  line-height: 1;
}

h1 { margin-bottom: 0.1em; text-indent: 0.1em; }   /*indent re-centers letterspaced text */
h1 a { color: inherit; text-decoration: none; }

a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.15em; }
a:hover { color: var(--accent); }

nav {
  text-align: center;
  margin: 1.2em 0 2.5em;
  padding: 0.35em 0;
  border-top: 1px solid var(--accent);
  border-bottom: 1px solid var(--accent);
}
nav a {
  margin: 0 0.6em;
  text-decoration: none;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.08em;
}
nav a[aria-current="page"] { color: var(--accent); }

/* .parallel { display: grid; grid-template-columns: auto auto; justify-content: center; gap: 0 2em; margin: 1em 0; }
.parallel span { padding-left: 1.5em; text-indent: -1.5em; hyphens: manual; } */

@media (max-width: 700px) {
  .parallel { grid-template-columns: 1fr; }
  .parallel span:nth-child(even) { margin-bottom: 0.6em; font-size: 0.9em; }
}

/* .breakout {
  width: min(95ch, calc(100vw - 2rem));
  position: relative;
  left: 50%;
  transform: translateX(-50%);
} */