/* Keep product specifications and documents beneath the card, outside legacy split layouts. */
main>.specs-section,
main>section#documents {
  display: block;
  grid-template-columns: none;
  width: 100%;
  min-height: 0;
  scroll-margin-top: 165px
}

.live-documents {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.live-documents a {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-wrap: anywhere;
  line-height: 1.5;
  border: 1px solid var(--line);
  border-radius: 4px
}

.live-documents small {
  color: #a13d00;
  font-size: 11px
}

.live-documents a:hover {
  background: #fff0df
}

.live-product-photo {
  min-width: 0
}

.live-product-photo>img {
  height: 440px
}

.photo-thumbnails img {
  height: 70px
}

@media(max-width:720px) {
  .live-documents {
    grid-template-columns: 1fr
  }

  .live-product-photo>img {
    height: 290px
  }

  .live-specs>div {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
  }
}

.doc-autocomplete {position:relative;flex:1;min-width:0}
.doc-autocomplete input {width:100%}
#docSuggestions {position:absolute;left:0;right:0;top:100%;z-index:12;background:#fff;border:1px solid var(--line);box-shadow:0 12px 24px #17312918;max-height:360px;overflow-y:auto}
#docSuggestions[hidden] {display:none}
#docSuggestions button {display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:12px 16px;background:#fff;color:inherit;font:inherit;cursor:pointer}
#docSuggestions button:hover,#docSuggestions button[aria-selected="true"] {background:#fff1e5;color:#b74600}
#docSuggestions strong,#docSuggestions small {display:block;white-space:normal;overflow-wrap:anywhere}
#docSuggestions small {margin-top:4px;color:#737378;font-size:12px}
#docSuggestions p {padding:12px 16px;margin:0;font-size:14px}