/* Final density and accessibility pass. */
:where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid var(--gold-soft);
  outline-offset: 4px;
}

@media (max-width: 680px) {
  .section { padding-block: 50px; }
  .section-heading { margin-bottom: 28px; }
  .service-grid, .quality-list, .guarantee-grid, .portfolio-grid, .maintenance-plans { gap: 12px; }
  .service-card { padding: 20px; }
  .service-card h3 { margin-top: 18px; }
  .service-card ul { margin-top: 18px; gap: 9px; }
  .quality-item { padding: 18px; gap: 10px; }
  .guarantee-grid article { padding: 20px; }
  .guarantee-grid h3 { margin-top: 22px; }
  .project-card { padding: 14px; }
  .project-visual { min-height: 160px; }
  .project-content { padding: 20px 4px 4px; }
  .maintenance-plan li { padding-block: 9px; }
  .timeline article { padding: 18px; }
  .timeline h3 { margin-top: 18px; }
}