.feature-carousel{position:relative}
.carousel-shell{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;gap:24px;align-items:center}
.carousel-track{min-width:0;overflow:hidden;padding:8px 0 16px}
.carousel-slide{width:min(560px,100%);margin:0 auto}
.carousel-slide[hidden]{display:none}
.carousel-slide img{display:block;width:100%;aspect-ratio:1122/1402;object-fit:cover;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(16,45,42,.12)}
.carousel-slide figcaption{font-size:.875rem;color:var(--muted);margin:12px 0 0;text-align:center}
.carousel-control{width:52px;height:52px;border:1px solid #adc2b8;border-radius:50%;background:#fff;color:var(--navy);font-size:1.5rem;line-height:1;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .15s}
.carousel-control:hover{background:var(--paper);border-color:#78988d;transform:translateY(-1px)}
.carousel-meta{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px;color:var(--muted);font-size:.875rem}
.carousel-meta:before,.carousel-meta:after{content:'';width:42px;height:1px;background:var(--line)}
@media(max-width:600px){.carousel-shell{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.carousel-control{width:42px;height:42px;font-size:1.25rem}.carousel-track{padding-block:4px 12px}.carousel-slide figcaption{font-size:.8125rem;line-height:1.5}}
