/* Shared tablet and narrow-phone rules, loaded after page styles. */
@media (max-width: 820px) {
  .site-header { height: 70px; min-height: 70px; padding: 0 18px; flex-wrap: nowrap; }
  .menu { display: block; }
  .site-header nav { display: none; position: absolute; z-index: 30; top: 70px; left: 0; right: 0; background: #091522; padding: 25px; flex-direction: column; align-items: stretch; gap: 16px; }
  .site-header nav.open { display: flex; }
  .cards, .workflow ol, .cap-grid, .feature-grid, .guide-card-grid, .manufacturing-advantages { grid-template-columns: 1fr; }
  .split, .quality, .contact-layout { grid-template-columns: 1fr; gap: 32px; }
  .guide-table-wrap { max-width: 100%; overflow-x: auto; }
}
@media (max-width: 480px) {
  .site-header { padding-inline: 16px; }
  .section, .page-hero, .final-cta { padding-inline: 18px; }
  .actions { flex-direction: column; align-items: flex-start; gap: 18px; }
  .section, .guide-card, .contact-layout > *, .company-record dd { min-width: 0; overflow-wrap: anywhere; }
  .guide-table th, .guide-table td { padding: 10px; }
}