/* Product roles share one footer, typography and rule across card layouts. */
body main .product-card-shell{border:1px solid var(--line,#c8deeb);border-radius:0}
body main .featured-product.product-card-shell{padding:16px}
body main .catalog-card.product-card-shell .catalog-card-body{padding:16px 16px 0}
body main .related-product.product-card-shell .related-product-caption{padding:16px}
body main .product-card-shell :is(.product-model,.catalog-model,.product-card-model){display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--ink-soft);margin:8px 0;text-decoration:none}
body main .scene-part strong{font-size:22px;line-height:1.3}
body main .card-dimension-scroll{--alta-card-metric-gap:12px}
body main :is(.product-actions,.product-card-actions){display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;min-width:0;margin:0;padding:12px 0 0;border-top:1px solid var(--line,#c8deeb)}
body main .catalog-card>.product-actions{margin:0 16px 16px}
body main :is(.product-actions,.product-card-actions)>:is(a,button){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0;font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap;text-decoration:none;box-shadow:none}
body main .product-actions>.product-action-details,body main .product-card-actions>a:first-child{color:var(--blue-dark,#244f76);padding:0;border:0;background:transparent}
body main .product-card-shell .product-actions>.product-action-ask,body main .product-card-actions>.product-inquiry{flex:none;padding:8px 12px;border:1px solid var(--orange,#f47437);background:var(--orange,#f47437);color:#fff}
body main .product-actions>.product-action-details:hover,body main .product-card-actions>a:first-child:hover{color:var(--orange-dark,#ad4518);text-decoration:underline}
body main .product-card-shell .product-actions>.product-action-ask:hover,body main .product-card-actions>.product-inquiry:hover{background:var(--ink,#102f53);border-color:var(--ink,#102f53);color:#fff;text-decoration:none}
body main .product-actions>:focus-visible{outline:2px solid var(--orange,#f47437);outline-offset:3px}
body main .product-actions>button:disabled{opacity:.55;cursor:not-allowed}
/* About modules are scene explanations; their footnotes use the same pale rule. */
body main .combination .module .spec{border-top:1px solid var(--line,#c8deeb);padding-top:12px;margin-top:12px}
/* Home and About application choices use the same selected and focus states. */
body main :is(.scene-tabs,#applications .tabs){display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;border-bottom:0;overflow-x:auto;scrollbar-width:none}
body main :is(.scene-tabs,#applications .tabs)>button{border:1px solid var(--line,#c8deeb);border-radius:0;width:auto;min-width:0;flex:0 0 auto;white-space:nowrap;padding:12px 16px;min-height:48px;background:transparent;color:var(--ink);font-family:inherit;font-size:16px;font-weight:600;line-height:1.5}
body main :is(.scene-tabs,#applications .tabs)>button::after{content:none}
body main :is(.scene-tabs,#applications .tabs)>button[aria-selected=true]{background:var(--ink,#102f53);border-color:var(--ink,#102f53);color:#fff}
body main :is(.scene-tabs,#applications .tabs)>button:focus-visible{outline:2px solid var(--orange,#f47437);outline-offset:3px}
@media(max-width:760px){
 body main .catalog-card.product-card-shell .catalog-card-body{padding:12px 8px 0}
 body main .related-product.product-card-shell .related-product-caption{padding:8px}
 body main .catalog-card>.product-actions{margin:0 8px 12px}
 body main :is(.product-actions,.product-card-actions){gap:6px}
 body main :is(.product-actions,.product-card-actions)>:is(a,button){font-size:14px}
 body main .product-card-shell .product-actions>.product-action-ask,body main .product-card-actions>.product-inquiry{padding-inline:8px}
 body main .scene-part strong{font-size:18px}
 body main #applications .tabs{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 body main #applications .tabs>button{flex:0 0 auto}
}

@media(max-width:380px){
 body main :is(.product-actions,.product-card-actions){gap:4px}
 body main .product-card-shell .product-actions>.product-action-ask,body main .product-card-actions>.product-inquiry{padding-inline:5px}
}