@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Roboto:wght@400&display=swap');

:root{
  --ink:#111;
  --muted:#555;
  --accent:#8e0b0b; /* deep muted red */
  --paper:#fff;
  --wash:#f6f6f6;
  --maxw:750px;
}

*{box-sizing:border-box}

body{
  font-family:'EB Garamond',serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  margin:0;
}

header{
  text-align:center;
  margin:6rem 2rem 3rem;
}

h1{
  font-variant-caps: small-caps; /* small-caps only for the main title */
  font-weight: 600;
  letter-spacing: .05em;
  font-size: 2.8rem;
  margin: .2em 0 .1em;
}

/* precisely control the subscript μν */
h1 .indices{
  font-variant: normal;          /* turn OFF small-caps here */
  font-variant-caps: normal;     /* explicitly disable caps variants */
  text-transform: none;          /* no auto uppercasing */
  font-feature-settings: "smcp" 0, "c2sc" 0;
  letter-spacing: 0;             /* no extra tracking on the indices */
  font-size: 0.6em;              /* visual subscript size */
  vertical-align: sub;           /* subscript baseline shift */
  line-height: 0;
}

.sub{
  font-size:0.6em;       /* smaller μν */
  vertical-align:sub;     /* render as subscript */
  letter-spacing:0.02em;
}

.tagline{
  font-style:italic;
  color:var(--muted);
}

main{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 2rem 5rem;
}

h2{
  font-weight:600;
  margin-top:3rem;
  text-transform:uppercase;
  font-size:1.2rem;
  letter-spacing:.05em;
  color:var(--accent);
}

p,li{
  margin:1rem 0;
  font-size:1.1rem;
}

ul{
  list-style:disc;
  padding-left:2rem;
}

footer{
  text-align:center;
  padding:2rem 1rem;
  background:var(--wash);
  font-family:'Roboto',sans-serif;
  font-size:.9rem;
  color:var(--muted);
}

/* --- Paper pages: better heading spacing --- */
.paper h1 {
    line-height: 1.2; /* tighten line spacing */
    font-variant-caps: normal; /* turn off small-caps for long titles */
    letter-spacing: 0; /* remove extra tracking */
    font-size: clamp(1.9rem, 4.5vw, 2.6rem); /* scale more gently on narrow screens */
    margin: .5em 0 .3em;
}

/* Keep small-caps only for the homepage masthead */
header h1 {
    font-variant-caps: small-caps;
    letter-spacing: .05em;
}