/* Habillage du wiki Luna Invicta, injecté après le build (voir deploy/deploy.sh).
 *
 * Trois partis pris :
 *   - une page se lit, elle ne se parcourt pas : mesure de ligne courte,
 *     interligne large, une serif pour le corps ;
 *   - la source est la valeur du wiki, mais elle ne doit pas encombrer :
 *     les références d'épisode s'effacent jusqu'au moment où on les cherche ;
 *   - ce qui n'est pas canon doit se voir sans être lu.
 */

/* Polices : une serif pour le corps, la lecture d'une fiche est longue.
   Déclarées ici plutôt que laissées à la seule configuration, pour que le
   rendu ne dépende pas de l'ordre des feuilles de style de Quartz. */
:root {
  --bodyFont: "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --headerFont: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-text: var(--bodyFont);
}

body,
article,
p,
li,
td {
  font-family: var(--bodyFont);
}

h1, h2, h3, h4, h5, h6,
.page-title {
  font-family: var(--headerFont);
}

/* ------------------------------------------------------------ lecture */

article .markdown-preview-view,
article > :not(.infobox) {
  max-width: 44rem;
}

article p,
article li {
  line-height: 1.7;
}

article h1 {
  letter-spacing: -0.01em;
}

article h2 {
  /* L'encart d'identité flotte à droite. Un titre est une boîte de bloc : sa
     bordure passerait derrière l'encart et le barrerait de part en part. En
     faire un contexte de formatage de bloc le fait se rétrécir à côté du
     flottant, et le filet s'arrête où l'encart commence. */
  display: flow-root;
  margin-top: 2.4rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--lightgray);
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--darkgray);
}

article h3 {
  display: flow-root;
  margin-top: 1.8rem;
  font-size: 1.05rem;
}

/* Même raison pour les filets de séparation : sans cela, ils traversent
   l'encart. */
article hr {
  display: flow-root;
}

/* La définition, en tête de fiche : c'est la phrase qui dit ce qu'est la
   chose. Elle mérite mieux qu'un italique perdu. */
article > p:first-of-type em,
article .markdown-preview-view > p:first-of-type em {
  display: block;
  font-size: 1.08rem;
  font-style: normal;
  line-height: 1.6;
  color: var(--darkgray);
}

/* L'encart « Properties » de Quartz n'affiche que les alias, en anglais. Le
   plugin reste actif parce qu'il alimente les redirections d'alias, mais son
   encart cède la place à celui d'aggregate.py. */
.note-properties {
  display: none;
}

/* ------------------------------------------------------------- encart */

.infobox {
  float: right;
  clear: right;
  width: 17rem;
  max-width: 100%;
  margin: 0 0 1.2rem 1.6rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--lightgray);
  border-radius: 6px;
  background: var(--highlight);
  font-size: 0.82rem;
  line-height: 1.45;
}

.ib-grille {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 0.7rem;
}

.ib-cle {
  color: var(--gray);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.ib-val {
  color: var(--dark);
}

.ib-detail {
  color: var(--gray);
  font-size: 0.92em;
}

@media (max-width: 900px) {
  .infobox {
    float: none;
    width: auto;
    margin: 0 0 1.5rem 0;
  }
}

/* --------------------------------------------------------- références */

/* « ép. 31 · 15:37 » : présent sur chaque ligne, donc discret par défaut,
   lisible dès qu'on s'y arrête. C'est la promesse du wiki, pas son décor. */
article li small,
article td small {
  color: var(--gray);
  font-size: 0.74rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

article li:hover small {
  color: var(--secondary);
}

/* Ce qui n'est pas canon se signale : inféré, contradictoire. */
article li small em,
article li small i {
  padding: 0.05rem 0.35rem;
  border-radius: 999px;
  background: var(--lightgray);
  color: var(--darkgray);
  font-style: normal;
  font-size: 0.95em;
}

/* Les citations de l'œuvre : quinze mots maximum, sourcées. */
article blockquote {
  margin: 0.3rem 0 0.8rem 1.2rem;
  padding-left: 0.9rem;
  border-left: 2px solid var(--tertiary);
  color: var(--darkgray);
  font-style: italic;
}

/* Les encadrés d'avertissement produits par aggregate.py (homonymes,
   transcription incomplète) ne sont pas des citations. */
article blockquote:has(strong:first-child) {
  border-left-color: var(--gray);
  font-style: normal;
}

/* ---------------------------------------------------------- tableaux */

article table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
}

article thead th {
  position: sticky;
  top: 0;
  background: var(--light);
  border-bottom: 2px solid var(--lightgray);
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gray);
}

article tbody tr:nth-child(even) {
  background: var(--highlight);
}

article td,
article th {
  padding: 0.45rem 0.6rem;
  vertical-align: top;
}

/* ------------------------------------------------------------- liens */

article a.internal {
  background: none;
  border-bottom: 1px solid var(--lightgray);
  text-decoration: none;
}

article a.internal:hover {
  border-bottom-color: var(--secondary);
}

/* ------------------------------------------------------------ divers */

.page-title a {
  letter-spacing: 0.02em;
}

footer .luna-credits {
  max-width: 44rem;
  margin: 0 auto;
  font-size: 0.78rem;
  line-height: 1.6;
  color: var(--gray);
  text-align: center;
}

footer .luna-credits strong {
  color: var(--darkgray);
}

/* Les pages de rubrique (pistes, cuisine, contradictions, chronologie,
   crédits) portent
   leur propre sommaire, rédigé et résumé. La liste automatique que Quartz
   ajoute sous toute page de dossier ferait doublon, et son « 0 élément sous ce
   dossier » n'a aucun sens sur une page qui n'a pas d'enfant. */
article.sans-liste ~ .page-listing {
  display: none;
}

/* Menu de gauche, sommaire et liens retour : les titres de fiches sont longs
   (« A, L et C sont les trois Moires, mais dans le désordre ») et passent à la
   ligne dans une colonne étroite. Sans retrait, la suite d'une entrée
   s'aligne sur le début de la suivante et on ne voit plus où l'une finit.
   Retrait négatif sur la première ligne, marge égale sur le bloc : les lignes
   de continuation rentrent, la première ne bouge pas. */
.explorer a.nav-file-title,
.explorer .folder-title,
.toc .toc-content li > a {
  display: block;
  padding-left: 1.1em;
  text-indent: -1.1em;
  line-height: 1.35;
}

/* Les liens retour portent un fond de surlignage qui doit épouser le texte :
   en bloc, il s'étendrait sur toute la largeur de la colonne. */
.backlinks ul.overflow li > a {
  display: inline-block;
  padding-left: 1.1em;
  text-indent: -1.1em;
  line-height: 1.35;
}

/* Les entrées deviennent plus hautes quand elles tiennent sur deux lignes :
   un peu d'air entre elles évite qu'elles se touchent. */
.explorer ul.content li,
.toc .toc-content li {
  margin: 0.15rem 0;
}