/* Styles for the /checklist page (src/pages/checklist.astro), including the print layout. */
.checklist-page .checklist-intro-actions { margin-top: 22px; }
.checklist-page .checklist-card { padding: 26px 30px; }
.checklist-page .checklist-card h2 { margin-top: 30px; }
.checklist-page .checklist-card h2:first-of-type { margin-top: 0; }
.checklist-page .checklist-sub { margin: 0 0 8px; }
.checklist-page ul.todo { list-style: none; padding: 0; margin: 12px 0 0; columns: 2; column-gap: 32px; }
.checklist-page ul.todo li { position: relative; padding-left: 32px; margin: 0 0 10px; break-inside: avoid; page-break-inside: avoid; }
.checklist-page ul.todo li::before { content: ""; position: absolute; left: 2px; top: 5px; width: 16px; height: 16px; border: 2px solid var(--accent); border-radius: 4px; background: #fff; }
.checklist-page ul.todo li small { display: block; color: var(--muted); font-size: 0.9em; }
.checklist-page ul.todo.single { columns: 1; }
.checklist-page .routine th, .checklist-page .routine td { text-align: left; }
.checklist-page .checklist-tip { margin: 22px 0 0; }
.checklist-page .related-guides ul { margin: 12px 0 0; padding-left: 22px; }
.checklist-page .related-guides li { margin: 6px 0; }
.checklist-page .related-guides li a { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 700px) {
  .checklist-page .checklist-card { padding: 20px; }
  .checklist-page ul.todo { columns: 1; }
}
@media print {
  .site-header, .footer, .breadcrumbs, .no-print { display: none !important; }
  html, body { background: #fff !important; }
  body { font-size: 11pt; line-height: 1.45; }
  main, .page-hero, .section { padding: 0 !important; }
  .page-hero { padding-bottom: 8pt !important; }
  .container { width: 100%; }
  .checklist-page h1 { font-size: 20pt; margin: 0; }
  .checklist-page p.lead { font-size: 11pt; margin-top: 6pt; }
  .checklist-page .checklist-card { border: 0; box-shadow: none; padding: 0; background: #fff; border-radius: 0; }
  .checklist-page .checklist-card h2 { font-size: 14pt; margin-top: 16pt; break-after: avoid; }
  .checklist-page ul.todo li { margin-bottom: 6pt; }
  .checklist-page .print-source { display: block !important; margin-top: 14pt; font-size: 9pt; color: #444; }
}
.checklist-page .print-source { display: none; }