/* Livrets d'outils : gabarit réutilisable, sans modifier les composants du site. */
.boite-outils { --p:#4f46e5; --p-bg:#eef2ff; --p-border:#c7d2fe; }
.outil-page { margin:24px 0; padding:30px; border:1px solid var(--p-border); border-radius:12px; }
.outil-kicker { color:var(--p); font:700 .78rem/1.4 var(--font-sans,Arial,sans-serif); letter-spacing:.06em; }
.outil-page h2 { margin-top:8px; }
.outil-page h3 { margin-top:20px; }
.outil-lead { font-size:1.25rem; }
.outil-identity { padding:12px 0; }
.outil-example,.outil-warning { padding:14px 16px; margin:16px 0; border-left:4px solid var(--p); background:var(--p-bg); border-radius:0 6px 6px 0; }
.outil-warning { border-color:#b45309; background:var(--warning-bg,#fff7ed); color:var(--text-color,inherit); }
.outil-note,.outil-next,.outil-credit { font-size:.87rem; }
.outil-next { border-top:1px solid var(--p-border); padding-top:12px; }
.outil-credit { text-align:center; margin-top:24px; }
.outil-sommaire { padding-left:20px; }
.outil-sommaire li { padding:4px 0; }
.outil-sommaire a { color:var(--p); }
.outil-sommaire span { float:right; margin-left:12px; }
.outil-graph .chart-wrap { height:230px; }
.outil-graph figcaption { font-size:.8rem; }
html[data-lecture="nuit"] .boite-outils { --p:#a5b4fc; --p-bg:#202742; --p-border:#4b5580; }
html[data-lecture="nuit"] .outil-warning { background:#302717; }
@media(max-width:600px){
  .outil-page { padding:15px; margin:16px 0; }
  .outil-page table { font-size:.8rem; }
  .outil-page th,.outil-page td { padding:6px 4px; overflow-wrap:anywhere; }
  .outil-page mjx-container[display="true"] { overflow-x:auto; max-width:100%; }
}
@media print {
  @page { size:A4; margin:16mm 14mm 17mm; }
  .boite-outils { font-size:10.5pt !important; line-height:1.28 !important; }
  .boite-outils .c { font-size:10.5pt !important; line-height:1.28 !important; }
  .boite-outils .outil-page { margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; break-before:page; }
  .boite-outils .outil-page:first-of-type { break-before:auto; }
  .boite-outils .outil-page h1 { font-size:28pt !important; line-height:1.12; margin:8mm 0 !important; }
  .boite-outils .outil-page h2 { font-size:18pt !important; margin:2mm 0 5mm !important; }
  .boite-outils .outil-page h3 { font-size:11.5pt !important; margin:4mm 0 2mm !important; }
  .boite-outils .outil-page p,.boite-outils .outil-page ul,.boite-outils .outil-page ol { margin:2.5mm 0 !important; }
  .boite-outils .outil-page li { margin:1mm 0 !important; }
  .boite-outils .outil-kicker { font-size:9pt !important; }
  .boite-outils .outil-example,.boite-outils .outil-warning { margin:3mm 0 !important; padding:3mm !important; break-inside:avoid; }
  .boite-outils .outil-page table { width:100% !important; font-size:9.5pt !important; margin:3mm 0 !important; }
  .boite-outils .outil-page th,.boite-outils .outil-page td { padding:2mm !important; }
  .boite-outils .outil-note,.boite-outils .outil-next,.boite-outils .outil-credit { font-size:8.5pt !important; }
  .boite-outils .outil-page .reglure { --lh:6.5mm; margin:2mm 0 !important; }
  .boite-outils .outil-graph { margin:3mm 0 !important; break-inside:avoid; }
  .boite-outils .outil-graph .chart-wrap { height:48mm !important; }
  .boite-outils .outil-graph .chart-wrap:has(img) { height:auto !important; }
  .boite-outils .outil-graph .chart-wrap img { max-height:55mm; width:auto !important; }
  .boite-outils .outil-page a[href]::after { content:none !important; }
  .boite-outils .corr,.boite-outils .bc { display:none !important; }
  .boite-outils .outil-sommaire { list-style:none; padding:0; }
  .boite-outils .outil-sommaire li { border-bottom:.5pt solid #cbd5e1; padding:2mm 0 !important; }
}