/* Jaettu tyyli. Väri- ja typografiamuuttujat ovat samat kuin
   requiem.html:ssä, jotta sivusto näyttää yhdeltä kokonaisuudelta. */
:root{
  --paper:#ecebe4;
  --paper-2:#e2e0d6;
  --ink:#191512;
  --ink-soft:rgba(25,21,18,.62);
  --rubric:#9d1b18;
  --rule:rgba(25,21,18,.16);
  --serif:"EB Garamond","Hoefler Text",Palatino,"Palatino Linotype",Georgia,serif;
  --sans:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  line-height:1.5;
}

/* Valikon tyyli on sivusto.py:n NAVI_TYYLI-vakiossa, koska sama valikko
   upotetaan myös requiem.html:ään, joka ei lataa tätä tiedostoa. */
:focus-visible{outline:2px solid var(--rubric);outline-offset:2px}

/* ---------- sivun runko ---------- */
.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem 6rem}
/* Otsikko on sama kuin requiem.html:ssä, joka on itsenäinen sivu omine
   tyyleineen: sivujen pitää näyttää samalta. */
header.masthead{
  padding:4rem 0 2.5rem;
  border-bottom:2px solid var(--ink);
  margin-bottom:2.5rem;
}
h1{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(2.6rem,7vw,5rem);line-height:.98;
  letter-spacing:-.015em;margin:0;
}
h2{
  font-family:var(--serif);font-weight:500;font-size:1.6rem;
  margin:2.8rem 0 .6rem;
}
p{max-width:62ch}
a{color:var(--rubric)}
.johdanto{font-family:var(--serif);font-size:1.1rem;max-width:52ch;
          margin:1.8rem 0 0;color:var(--ink-soft)}

/* ---------- luotettavuusvaroitus ---------- */
.varoitus{
  border-left:3px solid var(--rubric);
  background:var(--paper-2);
  padding:.9rem 1.1rem;
  margin:2rem 0;
}
.varoitus p{margin:0;max-width:62ch}

/* ---------- sisällystaulukko ---------- */
th.aani,td.aani{text-align:center;font-variant-numeric:tabular-nums}
table.sisallys td:first-child{min-width:14ch}

/* ---------- latauslista ---------- */
.lataukset{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.2rem}
.lataukset li{text-align:center}
.lataukset a.stemma{
  display:block;text-decoration:none;color:var(--ink);
  font-size:.75rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;
}
.lataukset a.stemma:hover{color:var(--rubric)}
.lataukset .muodot{
  display:block;margin-top:.2rem;
  font-size:.7rem;color:var(--ink-soft);
}
.lataukset .muodot a{color:var(--ink-soft);text-decoration:none}
.lataukset .muodot a:hover{color:var(--rubric);text-decoration:underline}
.lataukset img{
  display:block;border:1px solid var(--rule);background:#fff;
  margin-bottom:.4rem;
}

@media (max-width:600px){
  table{font-size:.8rem}
  h1{margin-top:2rem}
}