/* ===== TO2026 : la page du BBS ===== */
.to-bbs-une { margin: 48px 0 0; max-width: 960px; }
.to-bbs-une img, .to-bbs-grille img { display: block; width: 100%; height: auto; image-rendering: pixelated; border: 2px solid var(--to-ink); box-sizing: border-box; }
.to-bbs-une figcaption, .to-bbs-grille figcaption { margin-top: 12px; font-size: 16px; line-height: 1.5; }
html body .to-bbs-h { font-size: 24px; margin: 72px 0 24px; }
.to-bbs-etapes { margin: 0; padding-left: 24px; max-width: 820px; }
.to-bbs-etapes li { margin-bottom: 16px; line-height: 1.6; }
.to-bbs-touches { border-collapse: collapse; width: 100%; max-width: 820px; }
.to-bbs-touches th, .to-bbs-touches td { text-align: left; padding: 10px 12px; border-bottom: 2px dotted var(--to-rule); vertical-align: top; }
.to-bbs-touches th { background: var(--to-ink); color: var(--to-paper); font-weight: 400; }
.to-bbs-touches td:first-child { white-space: nowrap; }
.to-bbs-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 32px; }
.to-bbs-grille figure { margin: 0; }
.to-bbs-grille kbd, .to-bbs-touches kbd { font: inherit; border: 1px solid var(--to-ink); padding: 0 5px; background: #fff; }
.to-bbs-texte { max-width: 820px; line-height: 1.6; }
.to-bbs-action { margin: 32px 0 0; }
@media (max-width: 720px) {
  .to-bbs-grille { grid-template-columns: 1fr; }
  .to-bbs-touches td:first-child { white-space: normal; }
}
.to-bbs-etapes code, .to-bbs-texte code, .to-bbs-grille code { font-size: 16px; }