/* Compact collection cards and bounded finish-studio tracks. */
.card-title{display:grid;grid-template-columns:minmax(0,1fr)}
.card-title .serial{grid-row:1}
.card-title h3{grid-row:2;min-height:0}
.card-mobile-description{display:none}
.studio-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.studio-layout>*,.studio-options{min-width:0;max-width:100%}
.studio-options select{min-width:0;max-width:100%;width:100%;text-overflow:ellipsis}
.studio-options .specs>div{gap:12px}
.studio-options .specs strong{min-width:0;max-width:75%;overflow-wrap:anywhere}
.studio-options .button,.studio-options>.quiet{max-width:100%;text-align:center;white-space:normal}
.studio-visual{scroll-margin-top:90px}
.studio-visual:has(.photo-viewer) .studio-toolbar{justify-content:flex-end;padding:8px 12px}
.studio-visual:has(.photo-viewer) .studio-toolbar .segmented{display:none}
.studio-rail{width:100%;max-width:100%;min-width:0;padding:4px 4px 10px;scroll-padding-inline:4px;overscroll-behavior-x:contain}
.studio-rail .finish-thumbnail{flex-shrink:0}
.studio-rail-controls{min-width:0}
.studio-rail-controls button{min-width:0;padding-inline:8px}
#compareDivider:focus{outline:none}
#compareDivider:focus-visible span{outline:3px solid #ff8c0a;outline-offset:3px}
@media(max-width:760px){
 .section{padding-block:40px}
 .section-head{gap:12px;margin-bottom:22px}
 .section-head .eyebrow{margin-bottom:10px}
 #collection .section-head{gap:12px;margin-bottom:22px}
 #collection .section-head .eyebrow{font-size:.82rem;letter-spacing:.13em;margin-bottom:12px}
 #collection .section-head h2{margin:0;font-size:clamp(1.85rem,7.7vw,2.5rem);line-height:1.06;letter-spacing:-.04em}
 #collection .section-head>p{margin:0;padding:0 0 0 12px;border-left:3px solid #e87c00;font-size:.9rem;line-height:1.6}
 .family-grid{gap:12px}
 .family-card{min-width:0}
 .family-card:hover{transform:none}
 .family-card .card-copy{padding:14px 12px 15px;gap:0;display:flex;flex-direction:column}
 .family-card .card-title{display:flex;gap:7px;align-items:flex-start;min-height:0;margin-bottom:8px}
 .family-card .card-title h3{flex:1;min-width:0;min-height:0;margin:0;font-size:clamp(.88rem,3.55vw,1.07rem);line-height:1.24;letter-spacing:-.035em}
 .family-card .card-title .serial{flex:none;margin:0;font-size:.72rem;line-height:1.5;border-bottom:2px solid #e87c00;padding:0 1px 3px;color:#536b84}
 .family-card .card-description{display:none}
 .family-card .card-mobile-description{display:block;margin-bottom:14px}
 .family-card .card-mobile-description p{margin:0;font-size:.8rem;line-height:1.5}
 .family-card .card-mobile-description>p{min-height:3em}
 .family-card details{margin-top:3px}
 .family-card summary{cursor:pointer;color:#254c76;font-size:.76rem;padding-block:7px;min-height:32px}
 .family-card details[open] p{padding:0 0 6px}
 .family-card .text-link{margin-top:auto;align-self:flex-start;color:#924900;font-size:.8rem;line-height:1.4;text-underline-offset:4px;min-height:32px;display:flex;align-items:center}
 .studio-layout{grid-template-columns:minmax(0,1fr)}
 .studio-options{padding:20px 18px}
 .studio-options h3{font-size:1.4rem}
 .studio-options label{margin-top:19px}
 .studio-options select{font-size:16px;padding-inline:12px}
 .studio-options .specs{margin:22px 0;padding:18px 0}
 .studio-options .specs>div{align-items:flex-start;font-size:.85rem}
 .studio-options .specs strong{max-width:72%;text-align:right}
 .studio-options .small-note{font-size:.85rem;line-height:1.6}
 .studio-options .wide{padding:12px 14px;margin-inline:auto}
 .studio-visual .photo-stage{aspect-ratio:1}
 .studio-rail-controls{gap:6px}
 .studio-rail-controls button{font-size:.73rem;min-height:42px}
 .angle-copy>p:not(.eyebrow):not(.small-note){font-size:.9rem;line-height:1.6}
 .angle-copy .detail-list{margin-block:16px}
 .angle-copy .detail-list li{padding-block:9px}
}