/* La feuille (panneau de gauche au bureau, feuille du bas au téléphone) : une échelle, pas douze.
   Relevé du 28/09/2026 sur la production, quatre états (accueil, commune, parcelle, explorer) :
   21 couples taille/graisse, 12 tailles (de 10 à 20 px), 4 graisses (dont 700). Henri : « trop de
   taille de type différentes (...) hiérarchise mieux l'info ».
   Trois tailles, deux graisses (relevées le 06/10/2026 : Henri, « améliore la taille des textes et la mise en page ») :
     20 px  ce qui répond à la question : le titre de la fiche et les chiffres clés (prix, surface) ;
     15 px  le corps : texte, lignes de liste, boutons, titres de bloc (en 600) ;
     13 px  les étiquettes, notes, sources et mentions, en encre atténuée.
   Un chiffre se distingue par sa taille ou sa graisse, jamais par une couleur. Les couleurs de la
   feuille ne sont que de la ponctuation (pastilles de 6 à 9 px, filets). */

.page-app .feuille-corps { font-size: var(--t-15); line-height: 1.5; font-variant-numeric: tabular-nums; }
.page-app .feuille-corps :is(b, strong, h2, h3, h4, dd, th) { font-weight: 600; }

/* 17 px : titre et chiffres clés */
.page-app .feuille-corps :is(.feuille-titre, .fiche-titre, .vl-valeur, .bande-valeur, .pprn-rouge) {
  font-size: 1.25rem; font-weight: 600; letter-spacing: -0.015em; line-height: 1.2; color: var(--encre);
}
.page-app .feuille-corps .bande-cellule.choisie .bande-valeur { color: var(--encre); text-decoration: underline 1px var(--encre-3); text-underline-offset: 4px; }

/* 14 px, graisse 600 : titres de bloc et valeurs de liste */
.page-app .feuille-corps :is(.feuille-section, .encart-foncier h2, .regle-titre, .texte-corps h4, .texte-corps p.num, .lc-prix, .rg-valeur, .prevision strong, dd) {
  font-size: var(--t-15); font-weight: 600; letter-spacing: -0.005em; color: var(--encre);
}
/* Un bloc titré s'ouvre sur un filet : les sujets se lisent comme des chapitres, sans encadré */
.page-app .feuille-corps .feuille-section { margin: 28px 0 10px; padding-top: 18px; border-top: 1px solid var(--filet); line-height: 1.3; flex-direction: column; align-items: flex-start; gap: 2px; }
.page-app .feuille-corps .feuille-section .feuille-section-note { text-align: left; } /* la note passe SOUS le titre : le titre ne se coupe plus en deux lignes */
.page-app .feuille-corps .volet-corps > .feuille-section:first-child { margin-top: 16px; padding-top: 0; border-top: 0; }

/* 14 px, graisse 400 : le corps */
.page-app .feuille-corps :is(p, li, summary, .prevision, .lc-nom, .rg-nom, .art-n, .texte-corps, .encart-foncier > p, .nd, .volet, .tri, .bouton, button, mark) {
  font-size: var(--t-15);
}
.page-app .feuille-corps :is(p, summary, .prevision, .lc-nom, .rg-nom, .art-n, .texte-corps, .encart-foncier > p, .volet, .tri, .bouton, button) { font-weight: 400; }
.page-app .feuille-corps :is(.lc-nom, .rg-nom) { color: var(--encre); }
.page-app .feuille-corps .prevision, .page-app .feuille-corps .encart-foncier > p { color: var(--encre-2); }
.page-app .feuille-corps .texte-corps { line-height: 1.55; }
.page-app .feuille-corps .volet[aria-selected="true"] { font-weight: 600; }
.page-app .feuille-corps .nd { font-weight: 400; }

/* 12 px : étiquettes, notes, sources */
.page-app .feuille-corps :is(.feuille-chapo, .fiche-sous-titre, .feuille-section-note, .note, .bande-titre, .bande-note, .vl-titre, .vl-note,
  .lc-note, .rg-note, .rg-rang, .art-nr, .fiab, .fiab b, .section-plu, .tri i, .encart-foncier-actions span, dt, small, figcaption, .courbe-texte, text) {
  font-size: var(--t-13); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--encre-3);
}
.page-app .feuille-corps .section-plu { font-weight: 600; color: var(--encre-2); }
.page-app .feuille-corps svg text { font-size: var(--t-13); }
.page-app .feuille-corps .feuille-section-note { font-weight: 400; }

/* Liens de la feuille : encre et souligné fin, pas une couleur */
.page-app .feuille-corps a:not(.ligne-commune):not(.bouton) { color: var(--encre); text-decoration: underline; text-decoration-color: var(--filet-2); text-underline-offset: 2px; }
.page-app .feuille-corps a:not(.ligne-commune):not(.bouton):hover { text-decoration-color: var(--encre-3); }

/* Surlignage du règlement : un fond neutre, le mot reste lisible */
.page-app .feuille-corps .texte-corps mark { background: var(--actif); box-shadow: inset 0 -1px 0 var(--encre-3); font-size: inherit; }

/* Cibles de 44 px (onglets, tri, boutons d'action de la feuille) */
.page-app .feuille-corps :is(.volet, .tri, .bouton) { min-height: 44px; }
.page-app .feuille-corps .tri { height: auto; }
.page-app .feuille-corps .encart-foncier-actions .bouton { height: auto; }

/* Tableaux de la feuille (chiffres de la parcelle, volet Règles) : ils restaient à 11 et 13 px,
   hors de l'échelle (relevé du 28/09/2026 sur /?parcelle=97120AM17). En 14 px, le tableau des
   chiffres déborde du panneau de 384 px : cellules en 12 px, comme les autres chiffres de détail. */
.page-app .feuille-corps table th { font-size: var(--t-12); font-weight: 600; }
.page-app .feuille-corps table td { font-size: var(--t-12); font-weight: 400; }

/* La largeur suit l'écran (420 px sur un portable, 500 px sur un grand écran) : à 420 px les titres de bloc se coupaient */
@media (min-width: 900px) {
  .page-app .feuille, .page-app .haut { width: clamp(420px, 31vw, 500px); }
}