/* ==================================================================
   Le rapport : la liasse tenue par un trombone (24/10/2026)
   ==================================================================
   Chargée après pages.css, qu'elle ne modifie pas. La liasse (les deux
   feuilles du dessous) est commune (pages.css) ; ici, ce qui la tient,
   le trombone d'acier (img/trombone.png), et les constats numérotés.
   ================================================================== */

.trombone {
  position: absolute; z-index: 3;
  top: -24px; right: clamp(14px, 2.6vw, 22px);
  width: 33px; height: 96px;
  max-width: none;
}
.rapport h1 { text-wrap: balance; }
.fiche-rapport { margin-top: clamp(26px, 4vw, 36px); }

.constats { margin-top: 18px; border-top: 1px solid var(--encre); }
.constats > div {
  position: relative;
  padding: 16px 0 15px 3.2rem;
  border-bottom: 1px dotted var(--pointille);
}
.constats > div:last-child { border-bottom: 0; padding-bottom: 0; }
.constats dt { font-family: var(--f-titre); font-size: var(--t-etiquette); line-height: 1.35; }
.constats .n { position: absolute; left: 0; color: var(--encre-2); font-variant-numeric: tabular-nums; }
.constats dd { margin: 6px 0 0; line-height: 1.6; }

.document .resultat {
  margin-top: 20px; padding: 12px 16px;
  border: 1.5px solid var(--encre);
  font-family: var(--f-titre); font-size: var(--t-etiquette); line-height: 1.35;
}

@media (max-width: 600px) {
  .trombone { top: -16px; right: 22px; width: 22px; height: 64px; }
  .constats > div { padding: 14px 0 13px; }
  .constats .n { position: static; margin-right: 10px; }
  .constats dd { margin-top: 4px; }
}
@media print {
  .trombone { display: none; }
}