/* Custode — memoria verificata di Monte Porzio (PU).
   Un foglio di stile solo. Niente JavaScript, niente font remoti,
   niente analytics, niente cookie: la pagina non sa chi la legge. */

:root {
  --inchiostro: #23201c;
  --carta: #faf8f4;
  --margine: #6b6459;
  --filo: #ddd6c9;
  --nota: #8a2f1d;
}

* { box-sizing: border-box; }

body {
  margin: 0 auto;
  padding: 2.5rem 1.25rem 4rem;
  max-width: 41rem;
  background: var(--carta);
  color: var(--inchiostro);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  line-height: 1.65;
}

h1, h2, h3 { line-height: 1.25; font-weight: normal; }
h1 { font-size: 1.9rem; margin: 0 0 .3rem; }
h2 {
  font-size: 1.3rem;
  margin: 2.5rem 0 .8rem;
  padding-bottom: .3rem;
  border-bottom: 1px solid var(--filo);
}
h3 { font-size: 1.1rem; margin: 1.8rem 0 .5rem; }

a { color: var(--nota); text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { background: #f0e9dc; }

.sottotitolo { color: var(--margine); font-style: italic; margin: 0 0 2rem; }

.verifica {
  color: var(--margine);
  font-size: .9rem;
  font-style: italic;
}

/* Il riquadro della disambiguazione, e ogni avviso in evidenza. */
.avviso {
  border-left: 3px solid var(--nota);
  padding: .7rem 1rem;
  margin: 1.5rem 0;
  background: #f4ede1;
  font-size: .95rem;
}

/* Ciò che non è ancora verificato non deve mai sembrare verificato. */
.incerto {
  border: 1px dashed var(--margine);
  padding: .7rem 1rem;
  margin: 1.2rem 0;
  font-size: .95rem;
  color: var(--margine);
}

table { border-collapse: collapse; width: 100%; margin: 1.2rem 0; }
td, th {
  text-align: left;
  padding: .45rem .7rem .45rem 0;
  border-bottom: 1px solid var(--filo);
  vertical-align: top;
}
th { font-weight: normal; color: var(--margine); width: 40%; }

footer {
  margin-top: 4rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--filo);
  font-size: .87rem;
  color: var(--margine);
}
footer p { margin: .5rem 0; }

.note { font-size: .9rem; color: var(--margine); }
.note li { margin-bottom: .6rem; }

@media (prefers-color-scheme: dark) {
  :root {
    --inchiostro: #e8e3d9;
    --carta: #1c1a17;
    --margine: #a39a8c;
    --filo: #3a352e;
    --nota: #e0836b;
  }
  .avviso { background: #262218; }
  a:hover { background: #2e2820; }
}