/* Lettres, brouillon, horaire, plan, bulletin, note du rédacteur */
.p-lettre {
  background-color: #f6f4ee;
  background-image: repeating-linear-gradient(transparent 0 33px, #c5d2e6 33px 34px);
  font: 1.35rem/34px var(--plume-fine);
  color: #23306a;
  padding-top: 34px;
}
.p-lettre p { margin: 0 0 34px; }
.p-lettre .lieu-date { text-align: right; }
.p-lettre .signature { text-align: right; font-size: 1.5rem; }
.p-lettre.anselme { font-family: var(--plume); font-size: 1.45rem; color: #1c2a4f; }

.enveloppe-postale {
  background: #e9dfc8;
  color: var(--encre);
  padding: 1.2rem;
  margin-bottom: 1rem;
  box-shadow: var(--ombre-papier);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  font: 1.25rem/1.4 var(--plume-fine);
}
.cachet { width: 12rem; height: auto; justify-self: end; transform: rotate(-6deg); }
.enveloppe-postale .adresse { grid-column: 1 / -1; padding-left: 30%; }

.p-brouillon {
  background-color: #f2eee3;
  background-image: linear-gradient(115deg, transparent 30%, rgba(0, 0, 0, .06) 31%, transparent 33%),
    linear-gradient(200deg, transparent 55%, rgba(0, 0, 0, .07) 56%, transparent 58%),
    linear-gradient(20deg, transparent 70%, rgba(255, 255, 255, .5) 71%, transparent 73%);
  font: 1.4rem/1.5 var(--plume);
  transform: rotate(-1.2deg);
}
.p-brouillon s { text-decoration-thickness: 2px; color: #444; }

.p-horaire { background: #fbf9f3; font: 14px/1.45 var(--ui); }
.p-horaire h3 { font: 700 1.1rem var(--presse); margin-bottom: .2rem; }
.p-horaire table { width: 100%; border-collapse: collapse; margin: .8rem 0; font-variant-numeric: tabular-nums; }
.p-horaire th, .p-horaire td { border: 1px solid #8d8778; padding: .3rem .5rem; text-align: center; }
.p-horaire th { background: #e6e0cf; font-weight: 600; }
.p-horaire .renvois { font-size: .85rem; font-style: italic; border-top: 1px solid #8d8778; padding-top: .5rem; }

.p-plan { background: #f7f5ef; font: 14px/1.4 var(--machine); }
.p-plan svg { width: 100%; height: auto; display: block; margin: .6rem 0; }
.p-plan svg text { font-family: var(--machine); fill: var(--encre); }
.p-plan .annotation { font: 1.25rem/1.3 var(--plume); color: #22407a; }

.p-bulletin { background: #ece4cf; font: 15px/1.5 var(--presse); }
.p-bulletin .tete { display: flex; align-items: center; gap: .8rem; border-bottom: 2px solid var(--encre); padding-bottom: .5rem; margin-bottom: 1rem; }
.p-bulletin .tete svg { width: 3.2rem; height: auto; flex: none; }
.p-bulletin figure { margin: 0 0 1rem; }
.p-bulletin figure svg { width: 100%; height: auto; display: block; background: #b9a582; }
.p-bulletin figcaption { font-style: italic; font-size: .9rem; margin-top: .4rem; }

/* Note du rédacteur en chef : la page d'accueil */
.p-memo { max-width: 34rem; position: relative; font: 16px/1.6 var(--machine); transform: rotate(-.6deg); }
.p-memo::before {
  content: "";
  position: absolute;
  top: -.9rem; left: 2.2rem;
  width: .9rem; height: 2.6rem;
  border: 3px solid #9aa0a8;
  border-radius: .5rem;
}
.p-memo .titre-jeu { font: 700 2.4rem/1.05 var(--presse); margin: .2rem 0 1.2rem; }
.p-memo .griffe { font: 1.7rem var(--plume); text-align: right; }
.p-memo .bouton { margin-top: .8rem; font-family: var(--ui); }