/* LES CALENDRIERS QUI SE FEUILLETTENT (V334, 16 octobre 2026, conversation 60 ; choix d'Anne : sous l'introduction, la
   couverture d'abord, puis la photo du mois et la grille des jours de l'annee ; la page se souleve par-dessus la
   spirale, comme au mur de la cuisine). Les pieces de l'album restent en dessous, telles quelles. Script :
   js/calendrier.js ; reglages dans l'attribut data-pages du bloc .calendrier de chaque album.
   LES POLICES SONT CELLES QUE L'ALBUM CHARGE DEJA (Caveat 600, Work Sans) : en Caveat 700 et EB Garamond, le calendrier
   ajoutait 75 Ko de polices a l'arrivee, et Les 12 Mois passait au-dessus des 700 Ko au telephone (mesure du 16 octobre). */
.calendrier { --cal-l: min(440px, 92vw); width:var(--cal-l); margin:22px auto 30px; position:relative; perspective:1600px;
  user-select:none; -webkit-user-select:none; }
.cal-clou { position:absolute; left:50%; top:-16px; width:12px; height:12px; margin-left:-6px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #d9c7a0, #8b6f47 60%, #5a4630); box-shadow:0 1px 2px rgba(0,0,0,.35); z-index:6; }
.cal-ficelle { position:absolute; left:50%; top:-10px; width:46%; height:28px; transform:translateX(-50%); z-index:5;
  pointer-events:none; }
.cal-spirale { position:absolute; left:6%; right:6%; top:-7px; height:20px; z-index:4; pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='20'%3E%3Crect x='4.5' y='0' width='5' height='20' rx='2.5' fill='%23574634'/%3E%3Crect x='5.6' y='1.5' width='1.6' height='16' rx='.8' fill='%23b9a583'/%3E%3Ccircle cx='7' cy='15.5' r='2.4' fill='%23f6efe0' stroke='%23cdbb98' stroke-width='.6'/%3E%3C/svg%3E")
  repeat-x center / 14px 20px; }
.cal-pile { position:relative; display:grid; }   /* toutes les feuilles dans la meme case : la pile prend la hauteur de la plus haute (six semaines, decembre 2017), rien ne deborde */
.cal-feuille { grid-area:1 / 1; position:relative; background:#fffdf6; border-radius:2px 2px 4px 4px; padding:22px 16px 12px;
  box-sizing:border-box; box-shadow:0 1px 1px rgba(60,40,20,.10), 0 6px 14px rgba(60,40,20,.16);
  transform-origin:50% 0; transition:transform .8s cubic-bezier(.45,.05,.3,1), opacity .3s .5s; backface-visibility:hidden;
  display:flex; flex-direction:column; cursor:pointer;
  background-image:linear-gradient(rgba(140,110,70,.04) 1px, transparent 1px); background-size:100% 4px; }
.cal-feuille.dessous { box-shadow:0 1px 1px rgba(60,40,20,.08); }
.cal-feuille.tournee { transform:rotateX(178deg); opacity:0; pointer-events:none; }
.cal-feuille.cachee { visibility:hidden; }
.cal-photo { flex:none; aspect-ratio:3 / 2; display:flex; align-items:center; justify-content:center; background:#f4ecdb;
  border:1px solid #e8dcc4; }
.cal-photo img { max-width:100%; max-height:100%; display:block; }
.cal-bas { flex:0 0 auto; padding-top:10px; }
.cal-mois { font-family:'Caveat', cursive; font-weight:600; font-size:30px; line-height:1; color:#7a2e3a; text-align:center; }
.cal-mois .an { font-size:22px; color:#9A6F2A; margin-left:.25em; }
.cal-grille { width:100%; border-collapse:collapse; margin-top:4px; font-family:'Work Sans', arial, sans-serif; font-size:12px; font-variant-numeric:tabular-nums;
  color:#5a4a3a; table-layout:fixed; }
.cal-grille th { font-family:'Work Sans', arial, sans-serif; font-weight:500; font-size:9px; letter-spacing:.12em;
  color:#9a8a76; padding:2px 0; }
.cal-grille td { text-align:center; padding:1px 0; height:17px; }
.cal-grille td.di { color:#a0522d; }
.cal-feuille.couv .cal-photo { background:none; border:0; }
.cal-feuille.couv .cal-bas { flex:1 1 auto; display:flex; align-items:center; justify-content:center; }
.cal-couv-titre { text-align:center; line-height:1; }
.cal-couv-titre .sur { display:block; font-family:'Work Sans', arial, sans-serif; font-size:11px; letter-spacing:.32em;
  text-transform:uppercase; color:#9a8a76; margin-bottom:6px; padding-left:.32em; }
.cal-couv-titre .an-g { display:block; font-family:'Caveat', cursive; font-weight:600; font-size:64px; color:#7a2e3a; }
.cal-couv-titre .an-g::before, .cal-couv-titre .an-g::after { content:""; display:inline-block; width:38px; height:1px;
  background:#c9b48c; vertical-align:middle; margin:0 14px; }
@media (max-width:560px) { .cal-couv-titre .an-g { font-size:50px; } .cal-couv-titre .an-g::before,
  .cal-couv-titre .an-g::after { width:24px; margin:0 10px; } }
.cal-nav { display:flex; justify-content:center; align-items:center; gap:18px; margin-top:12px;
  font-family:'Caveat', cursive; font-size:21px; color:#8a7550; }
.cal-nav button { width:34px; height:34px; border-radius:50%; border:1px solid #c9b48c; background:#fbf6ea; color:#8b6f47;
  font-size:18px; line-height:1; cursor:pointer; }
.cal-nav button:disabled { opacity:.3; cursor:default; }
@media (max-width:560px) { .cal-mois { font-size:25px; } .cal-grille { font-size:11.5px; } .cal-grille td { height:14px; }
  .cal-feuille { padding:20px 10px 10px; } }
@media (prefers-reduced-motion: reduce) { .cal-feuille { transition:none; } }