.slat-capability{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);align-items:center;gap:48px}
.slat-carousel{min-width:0;background:var(--paper);padding:16px}
.slat-slides{position:relative;touch-action:pan-y}
.slat-slide{margin:0;animation:slat-reveal .5s ease}
.slat-slide[hidden]{display:none!important}
.slat-slide a{display:block;cursor:zoom-in}
.slat-slide img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.slat-slide figcaption{font-size:14px;padding:14px 4px 6px;color:var(--muted)}
.slat-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.slat-controls button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #aab5ad;background:transparent;color:#23332c;font:inherit;font-size:14px;cursor:pointer}
.slat-controls button:focus-visible{outline:3px solid #9b7537;outline-offset:3px}
.slat-controls button:hover,.slat-dots button[aria-pressed=true]{background:#23332c;color:#fff}
.slat-dots{display:flex;gap:6px}
.slat-controls [data-slat-pause]{margin-left:auto}
.slat-capability .slat-hint{font-size:14px!important;margin:14px 4px 0;line-height:1.5!important}
@keyframes slat-reveal{from{opacity:.3}to{opacity:1}}
@media(max-width:900px){.slat-capability{grid-template-columns:1fr}.slat-carousel{max-width:100%}}
@media(max-width:420px){.slat-controls{gap:6px}.slat-controls [data-slat-pause]{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.slat-slide{animation:none}}