/* Final illustrative configurations; no claims of completed installations. */
.cabinet-configurations .configuration-intro{max-width:920px;margin:0 0 28px;color:var(--muted)}
.cabinet-configurations .cabinet-solution-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;grid-auto-flow:row;grid-template-rows:none;row-gap:20px}
.cabinet-configurations .cabinet-solution-cards article{display:flex;flex-direction:column;grid-row:auto;padding:22px;min-width:0}
.cabinet-configurations .configuration-art{margin:-22px -22px 6px;aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#fff}
.cabinet-configurations .configuration-art img{width:100%;height:100%;object-fit:contain}
.cabinet-configurations .cabinet-solution-cards h3{font-size:23px;line-height:1.25}
.cabinet-configurations .cabinet-solution-cards dl{display:block;grid-row:auto;margin:18px 0 22px;font-size:14px}
.cabinet-configurations .cabinet-solution-cards dl>div{display:block;padding:12px 0}
.cabinet-configurations .cabinet-solution-cards dt{font-weight:600;color:var(--ink);margin-bottom:5px}
.cabinet-configurations .cabinet-solution-cards dd{text-align:left;color:var(--muted);line-height:1.5}
.cabinet-configurations .cabinet-solution-cards article>a{margin-top:auto;align-self:start;min-height:44px}
@media(max-width:1000px){.cabinet-configurations .cabinet-solution-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px}.cabinet-configurations .cabinet-solution-cards article{flex:0 0 min(82%,360px);scroll-snap-align:start}}
@media(max-width:700px){.cabinet-configurations .cabinet-solution-cards article{padding:16px}.cabinet-configurations .configuration-art{margin:-16px -16px 6px}.cabinet-configurations .cabinet-solution-cards h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.cabinet-configurations .cabinet-solution-cards{scroll-behavior:auto;scroll-snap-type:none}}

/* Reuse the service disclosures: full desktop cards, compact mobile cards. */
.cabinet-configurations .configuration-details{display:contents;border:0;padding:0;background:transparent}
.cabinet-configurations .configuration-details>summary{display:none}
@media(max-width:700px){
 .cabinet-configurations .cabinet-solution-cards{align-items:flex-start}
 .cabinet-configurations .configuration-art{height:160px;aspect-ratio:auto;margin-bottom:0}
 .cabinet-configurations .cabinet-solution-cards h3{margin-top:12px!important;margin-bottom:8px;font-size:20px;line-height:1.25}
 .cabinet-configurations .cabinet-solution-cards article>p{margin:0 0 12px;font-size:16px;line-height:1.45}
 .cabinet-configurations .configuration-details{display:block;width:100%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 8px}
 .cabinet-configurations .configuration-details>summary{display:flex;justify-content:space-between;min-height:44px;padding:8px 0;font-size:16px;font-weight:500;cursor:pointer;gap:8px}
 .cabinet-configurations .configuration-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
 .cabinet-configurations .configuration-details dl{margin:0 0 12px}
 .cabinet-configurations .cabinet-solution-cards article>a{padding-top:8px;line-height:1.4}
}

/* Shared content tracks keep the configuration rail aligned at every width. */
@supports (grid-template-rows: subgrid) {
 .cabinet-configurations .cabinet-solution-cards{display:grid;grid-template-rows:repeat(7,auto);grid-auto-flow:column;row-gap:0;align-items:stretch}
 .cabinet-configurations .cabinet-solution-cards article{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-items:stretch}
 .cabinet-configurations .cabinet-solution-cards h3{margin-bottom:12px}
 .cabinet-configurations .cabinet-solution-cards article>p{margin:0;align-self:start}
 .cabinet-configurations .configuration-details{display:contents}
 .cabinet-configurations .configuration-details dl{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}
 .cabinet-configurations .cabinet-solution-cards dl>div{display:block}
 .cabinet-configurations .cabinet-solution-cards article>a{margin-top:0;align-self:end;justify-self:start}
 @media(max-width:1000px){
  .cabinet-configurations .cabinet-solution-cards{grid-template-columns:none;grid-auto-columns:min(82%,360px);column-gap:16px}
 }
 @media(max-width:700px){
  .cabinet-configurations .cabinet-solution-cards{grid-template-rows:repeat(5,auto)}
  .cabinet-configurations .cabinet-solution-cards article{grid-row:span 5}
  .cabinet-configurations .cabinet-solution-cards h3{margin-bottom:8px}
  .cabinet-configurations .cabinet-solution-cards article>p{margin-bottom:12px}
  .cabinet-configurations .configuration-details{display:grid;grid-template-rows:auto 1fr;align-content:start}
  .cabinet-configurations .configuration-details>summary{align-self:start;align-items:center}
  .cabinet-configurations .configuration-details dl{display:grid;grid-template-rows:repeat(3,1fr);grid-row:auto;margin:0 0 12px}
  .cabinet-configurations .configuration-details:not([open])>dl{display:none}
 }
}

/* Native details has an internal content box; expose desktop parameter tracks. */
@media(min-width:701px){
 .cabinet-configurations .configuration-details::details-content{display:contents}
}

/* Long technical names must remain within the mobile disclosure header. */
@media(max-width:700px){.cabinet-page .mobile-detail summary h3{overflow-wrap:anywhere;hyphens:auto}}
