/* Pages secondaires (confidentialité, CGU, 404) : même fond et mêmes couleurs que le calendrier */

.page {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 20px 40px;
  color: var(--creme);
  line-height: 1.65;
  font-size: 17px;
}
.page h1 {
  margin: 0 0 6px;
  text-align: left;
  color: var(--or);
}
.page h2 {
  margin: 34px 0 8px;
  font-weight: normal;
  font-size: 22px;
  line-height: 1.3;
  color: var(--or);
}
.page p,
.page li { margin: 0 0 12px; }
.page ul { padding-left: 22px; }
.page a { color: var(--or); text-underline-offset: 3px; }
.page a:focus-visible { outline: 2px solid var(--creme); outline-offset: 2px; }
.page .maj { color: var(--vert-pale); font-style: italic; }
.page table {
  width: 100%;
  margin: 8px 0 14px;
  border-collapse: collapse;
  font-size: 15px;
}
.page th,
.page td {
  padding: 8px 10px;
  border: 1px solid rgba(243, 212, 138, .3);
  text-align: left;
  vertical-align: top;
}
.page th { color: var(--or); font-weight: normal; }
.page code { font-size: .9em; color: var(--or); }

.retour {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 15px;
}

/* Tableau trop large sur petit téléphone : il défile sans élargir la page */
.tableau { overflow-x: auto; }

/* 404 : un paquet mystère */
.introuvable {
  min-height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.introuvable h1 { text-align: center; }
.introuvable p { max-width: 30ch; }
.introuvable .case {
  width: 130px;
  margin: 26px 0 30px;
  cursor: default;
}
.introuvable .case__noeud { font-size: 40px; top: -26px; }
.introuvable .case__pastille { font-size: 30px; font-weight: bold; }
.page a.appel { color: #3d1d0c; text-decoration: none; }