.hero > img{max-height:none}
.actions a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px}
.actions svg{flex-shrink:0}
.specs{margin:0 0 2rem}
.spec-table{width:100%;border-collapse:collapse;background:#17233a;text-align:left;font-size:.95rem}
.spec-table th,.spec-table td{padding:.75rem .85rem;vertical-align:top;border-bottom:1px solid #31415b}
.spec-table thead th{background:#23334f}
.spec-table tbody th{width:29%;color:#f4f7ff}
.spec-table tbody tr:nth-child(even){background:#1a2941}
@media(max-width:520px){.spec-table th,.spec-table td{padding:.55rem;font-size:.87rem}.spec-table tbody th{width:35%;overflow-wrap:anywhere}}
dialog figure{touch-action:pan-y pinch-zoom}
@media(max-width:620px){
  .title{flex-wrap:wrap}
  dialog{width:100%;max-width:100%;max-height:100dvh;margin:auto;padding:3.2rem .55rem 4.15rem;border-radius:0}
  dialog img{display:block;height:min(68vh, calc(100dvh - 10rem));margin:auto}
  dialog figcaption{padding:.55rem .15rem;overflow-wrap:anywhere}
  dialog button{min-width:48px;min-height:48px}
  dialog .close{right:.5rem}
  dialog .prev,dialog .next{top:auto;bottom:.5rem}
  dialog .prev{left:calc(50% - 58px)}
  dialog .next{right:calc(50% - 58px)}
}