/* 09.71: phone QA follow-up. Loaded only on home and checklist.
   Screen-only overrides leave printed checklist layout unchanged. */
@media screen and (max-width: 600px) {
  .checklist-page { background: #f5f3ee; font: 16px/1.6 "Segoe UI", Arial, sans-serif; }
  .checklist-page .site-header { height: auto; min-height: 64px; padding: 10px 18px; gap: 12px; background: #f5f3ee; }
  .checklist-page .logo { min-width: 0; font-size: 13px; line-height: 1.4; gap: 10px; }
  .checklist-page .logo span { width: 36px; height: 36px; border-radius: 2px; flex-shrink: 0; font-size: 11px; }
  .checklist-page .site-header .cta { flex-shrink: 0; display: inline-flex; align-items: center; min-height: 44px; padding: 10px 12px; font-size: 13px; line-height: 1.4; }
  .checklist-page .breadcrumb { padding: 20px 20px 0; line-height: 1.5; }
  .check-page { padding: 28px 20px 48px; }
  .check-hero { gap: 20px; margin-bottom: 24px; }
  .check-hero .eyebrow { margin-bottom: 14px; font-size: 11px; letter-spacing: .13em; color: #5e6863; }
  .check-hero h1 { font-size: clamp(34px, 9vw, 40px); line-height: 1.1; }
  .check-hero .lead { font: 16px/1.6 "Segoe UI", Arial, sans-serif; margin: 18px 0 0; }
  .print-btn { min-height: 48px; padding: 14px 18px; font: 700 15px/1.4 "Segoe UI", Arial, sans-serif; }
  .checklist-page .source-note { font-size: 14px; line-height: 1.6; margin: 20px 0; }
  .checklist-page .progress { position: static; top: auto; background: #e7e3da; color: #19211f; border-left: 3px solid #9b7a43; padding: 14px 16px; gap: 4px; flex-direction: column; margin-bottom: 16px; font-size: 14px; line-height: 1.5; }
  .check-sections { gap: 16px; }
  .check-group { padding: 20px; border-top: 3px solid #9b7a43; }
  .check-group h2 { font-size: 26px; line-height: 1.2; }
  .check-group > p { font-size: 14px; margin-bottom: 16px; }
  .check-list label { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; min-height: 48px; padding: 14px 0; font-size: 16px; line-height: 1.5; }
  .check-list input { width: 22px; height: 22px; margin-top: 1px; }
  .check-list input:focus-visible, .checklist-page .print-btn:focus-visible, .checklist-page .cta:focus-visible { outline: 3px solid #9b7a43; outline-offset: 4px; }
  .checklist-page .decision { margin-top: 0; padding: 24px; }
  .checklist-page .decision h2 { font-size: 26px; line-height: 1.2; }
  .checklist-page .site-footer { padding: 28px 20px; font-size: 14px; }
  .electro .compare article { padding: 24px; }
  .electro .compare small, .electro .electro-cta small { font-size: 11px; line-height: 1.5; letter-spacing: .12em; }
  .electro .compare h3 { font-size: 26px; line-height: 1.2; margin: 18px 0 14px; }
  .electro .compare ul { margin: 0; font-size: 16px; line-height: 1.6; }
  .electro .electro-calc { margin-top: 36px; gap: 24px; }
  .electro .electro-cta { margin-top: 32px; padding: 24px; gap: 24px; }
  .electro .electro-calc h3, .electro .electro-cta h3 { font-size: 28px; line-height: 1.15; margin: 14px 0; }
  .electro .electro-cta p { font-size: 16px; line-height: 1.6; margin: 0; }
  .electro .electro-links { gap: 12px; }
  .electro .electro-links > a { min-height: 44px; padding: 12px; font-size: 15px; line-height: 1.5; }
  .electro .electro-links > a:focus-visible { outline: 3px solid #d8d1c2; outline-offset: 4px; }
}