/* AD33: keep reference labels and values readable on narrow screens. */
.product-spec-table dt,.product-spec-table dd{min-width:0;overflow-wrap:anywhere}
@media(max-width:400px){
 body .product-spec-table>div,body .landing-facts .product-spec-table>div{
  grid-template-columns:minmax(0,1fr);gap:6px;padding-block:14px
 }
 body .product-spec-table dt{font-size:13px;line-height:1.5}
 body .product-spec-table dd{font-size:16px;line-height:1.6}
 body .landing-source .product-spec-table dd{font-size:14px}
}

/* A column aligned at its start must still constrain the social links to its grid cell. */
.footer-top>*{min-width:0}
.footer-direct,.footer-direct .social-links{min-width:0;max-width:100%}
.footer-direct .social-links{flex-wrap:wrap}

/* Product code references use the same reading layout as code landing pages. */
.product-page .landing-detail-grid>div{min-width:0}
@media(max-width:960px){
 body.product-page .landing-detail-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .product-page .landing-detail-grid h3{font-size:clamp(24px,5vw,32px);line-height:1.25}
}

/* Keep the offer table and code reference one below another inside the flex scene. */
.product-page .product-details{flex-direction:column;gap:44px}
@media(max-width:960px){.product-page .product-details{gap:28px}}