/* Only loaded by articles that contain the cleaning checklist. */
.cleaning-checklist {
  margin-block: var(--space-7, 32px);
  padding: clamp(18px, 3vw, 32px);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface-alt);
  color: var(--ink);
}
.cleaning-checklist > h2 { margin-top: 0; }
.cleaning-checklist__intro { color: var(--text); }
.cleaning-checklist__tools { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin-block: 20px 28px; }
.cleaning-checklist [hidden] { display: none !important; }
.cleaning-checklist__status { margin: 0; color: var(--muted); font-size: .875rem; }
.cleaning-checklist__group { min-inline-size: 0; margin: 0 0 24px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }
.cleaning-checklist__group legend { max-width: 100%; padding-inline: 7px; font-weight: 700; color: var(--ink); font-size: 1rem; line-height: 1.5; }
.cleaning-checklist__hint { margin: 0 0 12px; color: var(--muted); font-size: .875rem; }
.cleaning-checklist__item { display: flex; align-items: flex-start; gap: 12px; padding-block: 10px; cursor: pointer; font-size: .9375rem; line-height: 1.65; }
.cleaning-checklist__item + .cleaning-checklist__item { border-top: 1px solid var(--line); }
.cleaning-checklist__item input { flex: 0 0 22px; width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--primary); cursor: pointer; }
.cleaning-checklist__item input:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.cleaning-checklist__item span { min-width: 0; }
.cleaning-checklist__source { font-size: .8125rem; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  .cleaning-checklist { padding: 16px 12px; }
  .cleaning-checklist__group { padding: 12px 10px; }
}
@media print {
  @page { size: A4; margin: 14mm; }
  body.has-cleaning-checklist { padding: 0 !important; color: #000; background: #fff; }
  .has-cleaning-checklist main > :not(.blog-article),
  .has-cleaning-checklist .blog-article__cover,
  .has-cleaning-checklist .page-aside,
  .has-cleaning-checklist .page-main > :not(.blog-article__body),
  .has-cleaning-checklist .blog-article__body > :not(.cleaning-checklist),
  .has-cleaning-checklist .cleaning-checklist__tools { display: none !important; }
  .has-cleaning-checklist main, .has-cleaning-checklist .blog-article { content-visibility: visible !important; contain: none !important; }
  .has-cleaning-checklist .blog-article { padding: 0; }
  .has-cleaning-checklist .container { width: 100%; max-width: none; padding: 0; }
  .has-cleaning-checklist .page-layout { display: block; }
  .has-cleaning-checklist .cleaning-checklist { margin: 0; padding: 0; border: 0; border-radius: 0; background: #fff; font-size: 10pt; color: #000; }
  .has-cleaning-checklist .cleaning-checklist > h2 { margin: 0 0 3mm; font-size: 18pt; line-height: 1.2; }
  .has-cleaning-checklist .cleaning-checklist p { margin: 0 0 3mm; color: #000; font-size: 9pt; line-height: 1.4; }
  .has-cleaning-checklist .cleaning-checklist__group { break-inside: avoid; margin: 0 0 4mm; padding: 2mm 3mm; border: 1px solid #777; background: #fff; }
  .has-cleaning-checklist .cleaning-checklist__group legend { font-size: 10pt; color: #000; }
  .has-cleaning-checklist .cleaning-checklist__item { padding-block: 1.5mm; gap: 2.5mm; color: #000; font-size: 9pt; line-height: 1.4; break-inside: avoid; }
  .has-cleaning-checklist .cleaning-checklist__item input { appearance: none; flex-basis: 3.5mm; width: 3.5mm; height: 3.5mm; margin: .5mm 0 0; border: 1px solid #000; border-radius: 0; background: #fff; position: relative; }
  .has-cleaning-checklist .cleaning-checklist__item input:checked::after { content: ''; position: absolute; width: 1.3mm; height: 2.2mm; top: -.1mm; left: .7mm; border: solid #000; border-width: 0 .5mm .5mm 0; transform: rotate(45deg); }
  .has-cleaning-checklist .cleaning-checklist a { color: #000; }
  .has-cleaning-checklist .cleaning-checklist a::after { content: none !important; }
}