.social-example-carousel{display:block;padding:36px 0}
.social-example-carousel .social-copy{max-width:65ch}
.case-carousel{max-width:374px;margin:24px 0 16px;color:#17191c}
.carousel-viewport{outline-offset:5px;border-radius:4px}
.carousel-slide{margin:0 0 28px}
.carousel-slide[hidden],.carousel-controls[hidden]{display:none!important}
.carousel-slide-art{display:block;width:100%;height:auto;aspect-ratio:374/484;object-fit:contain;background:#fff;border-radius:4px;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-drag:none}
.carousel-slide>figcaption{margin-top:12px;font-size:13px;line-height:1.55;color:#626873}
.case-carousel .carousel-slide-text{margin:12px 0 0;padding:0;border:0;font-size:14px;line-height:1.65}
.case-carousel .carousel-slide-text summary{width:fit-content;min-height:32px;font-size:14px;font-weight:400;cursor:pointer;color:#30343a;text-decoration:underline;text-underline-offset:4px}
.carousel-slide-text p{max-width:65ch;margin:10px 0;color:#30343a;font-size:14px!important}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.carousel-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:98px;min-height:44px;padding:10px 18px;border:1px solid #d4d7dc;border-radius:999px;background:#fff;color:#17191c;font:inherit;font-size:13px;line-height:1.2;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease}
.carousel-controls button:hover:not([aria-disabled="true"]){background:#f1f2f4;border-color:#a5a7ad}
.carousel-controls button[aria-disabled="true"]{color:#727782;background:#f6f7f8;border-color:#e0e2e5;cursor:default}
.carousel-counter{font-size:13px;color:#626873;font-variant-numeric:tabular-nums;white-space:nowrap}
.carousel-hint{margin:12px 0 0!important;color:#626873;font-size:12px!important;line-height:1.5!important}
.case-carousel:not([data-carousel-ready]) .carousel-hint{display:none}
.case-carousel[data-carousel-ready] .carousel-slide{margin-bottom:0}
.carousel-viewport:focus-visible,.carousel-controls button:focus-visible,.carousel-slide-text summary:focus-visible{outline:2px solid #0071e3;outline-offset:4px}
@media(max-width:560px){.case-carousel{margin-top:20px}.carousel-controls button{min-width:88px;padding:10px 14px}.carousel-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.carousel-controls button{transition:none}}