/* Fiches imprimables (A4). */
@import url(/css/site.css);

body { background: var(--papier); }
.barre-fiche { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; max-width: 210mm; margin: 0 auto; padding: 18px 16px; }
.barre-fiche a { text-decoration: none; }
.feuille {
  max-width: 210mm; margin: 0 auto 48px; background: #fffdf8; color: #26252b;
  padding: 18mm 18mm 16mm; box-shadow: var(--ombre); border-radius: 4px;
  font-size: 11.5pt; line-height: 1.5;
}
.feuille h1 { font-size: 24pt; margin: 0 0 4pt; }
.feuille h2 { font-size: 14pt; margin: 16pt 0 6pt; color: #965c1c; }
.feuille h3 { font-size: 12pt; margin: 10pt 0 4pt; font-family: var(--sans); font-weight: 600; }
.feuille .chapeau { font-size: 12pt; color: #66625a; }
.feuille a { color: #965c1c; }
.tete-fiche { display: flex; align-items: center; gap: 10px; border-bottom: 2px solid #e0a43a; padding-bottom: 10pt; margin-bottom: 14pt; font: 500 11pt var(--serif); color: #66625a; }
.tete-fiche .logo { width: 22px; height: 22px; background: #e0a43a; }
.pied-fiche { margin-top: 18pt; padding-top: 8pt; border-top: 1px solid #e2ddd1; font-size: 9pt; color: #66625a; display: flex; justify-content: space-between; }
.ligne { border-bottom: 1px solid #cfc8ba; height: 9mm; }
.zone { border: 1px solid #cfc8ba; border-radius: 6px; padding: 6pt 8pt; margin-bottom: 8pt; break-inside: avoid; }
.zone .titre-zone { font: 600 9.5pt var(--sans); text-transform: uppercase; letter-spacing: .06em; color: #965c1c; }
.zone .aide { font-size: 9.5pt; color: #66625a; margin: 0; }
.zone .lignes { margin-top: 2pt; }
.deux-col { display: grid; grid-template-columns: 1fr 1fr; gap: 8pt; }
.feuille ol li, .feuille ul li { margin-bottom: 5pt; }
.feuille table { width: 100%; border-collapse: collapse; font-size: 10.5pt; }
.feuille th, .feuille td { border: 1px solid #cfc8ba; padding: 4pt 6pt; text-align: left; vertical-align: top; }
.feuille th { background: #f6f3ec; font-family: var(--sans); font-weight: 600; }
.case { display: inline-block; width: 11px; height: 11px; border: 1.5px solid #66625a; border-radius: 2px; vertical-align: -1px; }
.exemple { font-family: var(--serif); background: #f6f3ec; border-radius: 4px; padding: 1pt 5pt; }
@media (max-width: 640px) { .feuille { padding: 20px 16px; } .deux-col { grid-template-columns: 1fr; } }

@page { size: A4; margin: 12mm; }
@media print {
  body { background: #fff; }
  .barre-fiche { display: none; }
  .feuille { box-shadow: none; padding: 0; margin: 0; max-width: none; }
  .saut { break-before: page; }
  a { color: inherit; text-decoration: none; }
}