/* Static front doors use the site's existing type, colors, and product cards. */
.static-page { padding-block: 32px; overflow-wrap: anywhere; }
.static-page h1 { font-size: clamp(2rem, 7vw, 3.2rem); line-height: 1.15; }
.static-page > p, .static-page > .card { max-width: 80ch; }
.static-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.static-grid > *, .static-video { min-width: 0; }
.static-grid img { display: block; width: 100%; height: auto; object-fit: contain; }
.static-links { display: flex; flex-wrap: wrap; gap: 10px 18px; padding-block: 20px; }
.static-links a { min-height: 44px; display: inline-flex; align-items: center; }
.static-video { display: grid; gap: 8px; padding: 16px; }
.static-video h3 { font-size: 1.1rem; }
.static-table { overflow-x: auto; max-width: 100%; }
.static-table .spec-table th { width: auto; }
@media (max-width: 850px) { .static-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) {
  .static-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .static-page .card { padding: 16px; }
  .static-page .static-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .static-page .btn { white-space: normal; max-width: 100%; }
  .static-table { overflow-x: visible; }
  .static-table table, .static-table tbody, .static-table tr, .static-table th, .static-table td { display: block; width: 100%; }
  .static-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .static-table tbody tr { margin-block: 16px; border: 1px solid var(--line); border-radius: 8px; padding: 8px; }
  .static-table td::before { content: attr(data-label); display: block; font-size: .85rem; font-weight: 400; color: var(--muted); }
}