/* DRAFT ADAPTER CSS ONLY. Load after legacy hero CSS and the shared heading CSS.
   This positions the shared header; its internal typography/logo rules belong
   exclusively to tool-product-heading.css. No ordering-control selectors. */
.product-main .tool-heading-shell{
 display:grid;
 grid-template-columns:minmax(0,.92fr) minmax(0,1fr);
 grid-template-rows:auto 1fr;
 column-gap:clamp(24px,3vw,48px);
 row-gap:20px;
 align-items:start;
 min-width:0;
 max-width:100%;
}
.product-main .tool-heading-shell>[data-tool-product-heading]{grid-column:2;grid-row:1;min-width:0}
.product-main .tool-heading-shell--generic>.product-visual-column,
.product-main .tool-heading-shell--compact>.compact571-hero{grid-column:1;grid-row:1 / 3;min-width:0;max-width:100%}
.product-main .tool-heading-shell--generic>.product-summary,
.product-main .tool-heading-shell--compact>.tool-heading-intro{grid-column:2;grid-row:2;min-width:0}
.product-main .tool-heading-shell--generic>.product-summary{width:auto}
.product-main .tool-heading-shell--compact>.tool-heading-intro{margin:0;font:400 17px/1.5 Arial,Helvetica,sans-serif}
@media(max-width:900px){
 .product-main .tool-heading-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:20px}
 .product-main .tool-heading-shell>[data-tool-product-heading]{grid-column:1;grid-row:1}
 .product-main .tool-heading-shell--generic>.product-visual-column,
 .product-main .tool-heading-shell--compact>.compact571-hero{grid-column:1;grid-row:2}
 .product-main .tool-heading-shell--generic>.product-summary,
 .product-main .tool-heading-shell--compact>.tool-heading-intro{grid-column:1;grid-row:3}
 /* The new shared heading contains the mobile manufacturer mark.
    Keep the existing gallery and drawing DOM; hide only its duplicate logo. */
 .product-main .tool-heading-shell--generic>.product-visual-column .product-brand-logo{display:none}
 .product-main .tool-heading-shell--compact>.compact571-hero .compact571-parts>a:has(>.compact571-brand){display:none}
}