.carousel-accessible{--akcr-accent:#be185d;--akcr-accent-hover:#9d174d;--akcr-accent-50:#fdf2f8;--akcr-accent-100:#fce7f3;--akcr-ink:#0f172a;--akcr-ink-muted:#475569;--akcr-border:#e2e8f0;--akcr-border-strong:#cbd5e0;--akcr-surface:#fff;--akcr-surface-alt:#f8fafc;--akcr-code-bg:#0b1220;--akcr-code-ink:#e2e8f0;--akcr-success:#15803d;--akcr-warn:#b45309;--akcr-radius:10px;--akcr-radius-sm:6px;--akcr-shadow:0 1px 2px #0f172a0a, 0 2px 8px #0f172a0f;color:var(--akcr-ink);background:linear-gradient(#fdf2f8 0%,#fff 320px);min-height:100vh;padding:32px 16px 80px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}.carousel-accessible .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.carousel-accessible .carousel-accessible__container{max-width:920px;margin:0 auto}.carousel-accessible .hero{border-bottom:1px solid var(--akcr-border);margin-bottom:36px;padding-bottom:28px}.carousel-accessible .hero__eyebrow{letter-spacing:.04em;color:var(--akcr-accent);background:var(--akcr-accent-100);border-radius:999px;margin:0 0 12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.carousel-accessible .hero__title{letter-spacing:-.02em;margin:0 0 10px;font-size:36px;font-weight:800;line-height:1.15}.carousel-accessible .hero__lede{color:var(--akcr-ink-muted);max-width:760px;margin:0 0 16px;font-size:16px}.carousel-accessible .hero__lede code{background:var(--akcr-accent-100);color:var(--akcr-accent);border-radius:4px;padding:1px 6px;font-size:13px}.carousel-accessible .hero__badges{flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.carousel-accessible .hero__badges li{background:var(--akcr-surface);border:1px solid var(--akcr-border);border-radius:999px;padding:4px 10px}.carousel-accessible .hero__badges strong{color:var(--akcr-ink)}.carousel-accessible .section{margin:44px 0}.carousel-accessible .section-head{margin-bottom:18px}.carousel-accessible .section-head__row{color:var(--akcr-ink);align-items:center;gap:10px;display:flex}.carousel-accessible .section-head__num{background:var(--akcr-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.carousel-accessible .section-head__title{margin:0;font-size:22px;font-weight:700}.carousel-accessible .section-head__subtitle{color:var(--akcr-ink-muted);margin:6px 0 0;font-size:14px}.carousel-accessible .section p{color:var(--akcr-ink);margin:0 0 12px}.carousel-accessible .section p code,.carousel-accessible .plain-list code,.carousel-accessible .checklist code,.carousel-accessible .callout code,.carousel-accessible .data-table code{background:var(--akcr-accent-100);color:var(--akcr-accent);border-radius:4px;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.carousel-accessible .section a{color:var(--akcr-accent);text-underline-offset:2px;text-decoration:underline}.carousel-accessible .section a:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:2px;border-radius:2px}.carousel-accessible .section-intro{background:var(--akcr-surface-alt);border-radius:var(--akcr-radius-sm);border-left:3px solid var(--akcr-accent);padding:12px 14px;font-size:14px}.carousel-accessible .h3{color:var(--akcr-ink);margin:22px 0 10px;font-size:15px;font-weight:700}.carousel-accessible .variant-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:820px){.carousel-accessible .variant-grid{grid-template-columns:1fr 1fr}}.carousel-accessible .variant-card{background:var(--akcr-surface);border:1px solid var(--akcr-border);border-radius:var(--akcr-radius);box-shadow:var(--akcr-shadow);flex-direction:column;display:flex;overflow:hidden}.carousel-accessible .variant-card__head{border-bottom:1px solid var(--akcr-border);background:var(--akcr-surface-alt);align-items:center;gap:10px;padding:12px 14px;display:flex}.carousel-accessible .variant-card__letter{background:var(--akcr-accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.carousel-accessible .variant-card__name{flex:1;margin:0;font-size:14px;font-weight:700}.carousel-accessible .variant-card__verdict{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.carousel-accessible .variant-card__verdict--best{color:var(--akcr-success);background:#dcfce7}.carousel-accessible .variant-card__verdict--warn{color:var(--akcr-warn);background:#fef3c7}.carousel-accessible .variant-card__demo{border-bottom:1px solid var(--akcr-border);background:#fafbfd;padding:14px}.carousel-accessible .variant-card__demo-label{color:var(--akcr-ink-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.carousel-accessible .variant-card__tabs{border-bottom:1px solid var(--akcr-border);background:var(--akcr-surface-alt);display:flex}.carousel-accessible .variant-card__tab{font:inherit;color:var(--akcr-ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.carousel-accessible .variant-card__tab.is-active{color:var(--akcr-accent);border-bottom-color:var(--akcr-accent);background:var(--akcr-surface)}.carousel-accessible .variant-card__tab:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:-2px}.carousel-accessible .variant-card__code{padding:0}.carousel-accessible .variant-card__note{color:var(--akcr-ink-muted);background:var(--akcr-surface-alt);border-top:1px solid var(--akcr-border);margin:0;padding:10px 14px;font-size:12px}.carousel-accessible .variant-demo{flex-direction:column;gap:10px;display:flex}.carousel-accessible .variant-demo__row{flex-wrap:wrap;gap:6px;display:flex}.carousel-accessible .variant-demo__pill{background:var(--akcr-surface);border:1px solid var(--akcr-border-strong);font:inherit;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:12px}.carousel-accessible .variant-demo__pill[aria-pressed=true]{background:var(--akcr-accent);color:#fff;border-color:var(--akcr-accent)}.carousel-accessible .variant-demo__pill:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:2px}.carousel-accessible .variant-demo__carousel{background:var(--akcr-surface);border:1px solid var(--akcr-border);border-radius:var(--akcr-radius-sm);padding:14px;position:relative}.carousel-accessible .variant-demo__slides{min-height:72px}.carousel-accessible .variant-demo__slide h3{margin:0 0 4px;font-size:14px;font-weight:700}.carousel-accessible .variant-demo__slide p,.carousel-accessible .variant-demo__slide span{color:var(--akcr-ink-muted);margin:0;font-size:13px}.carousel-accessible .variant-demo__slide strong{margin-bottom:2px;font-size:14px;display:block}.carousel-accessible .variant-demo__slide--promo{flex-direction:column;gap:2px;display:flex}.carousel-accessible .variant-demo__slide--rich a{background:var(--akcr-accent);color:#fff;border-radius:var(--akcr-radius-sm);margin-top:8px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.carousel-accessible .variant-demo__slide--rich a:focus-visible{outline:2px solid var(--akcr-ink);outline-offset:2px}.carousel-accessible .variant-demo__controls{align-items:center;gap:10px;margin-top:12px;display:flex}.carousel-accessible .variant-demo__controls--top{justify-content:flex-end;margin:0 0 10px}.carousel-accessible .variant-demo__nav-btn{background:var(--akcr-surface);border:1px solid var(--akcr-border-strong);border-radius:var(--akcr-radius-sm);cursor:pointer;width:32px;height:32px;color:var(--akcr-ink);justify-content:center;align-items:center;display:inline-flex}.carousel-accessible .variant-demo__nav-btn:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:2px}.carousel-accessible .variant-demo__counter{color:var(--akcr-ink-muted);margin-left:auto;font-size:12px}.carousel-accessible .variant-demo__dots{gap:6px;display:flex}.carousel-accessible .variant-demo__dot{background:var(--akcr-border-strong);cursor:pointer;border:2px solid #0000;border-radius:50%;width:10px;height:10px;padding:0}.carousel-accessible .variant-demo__dot.is-active{background:var(--akcr-accent)}.carousel-accessible .variant-demo__dot:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:3px}.carousel-accessible .variant-demo__status{color:var(--akcr-ink-muted);margin:0;font-size:12px}.carousel-accessible .variant-demo__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.carousel-accessible .variant-demo__slide{transition:none;animation:none}}.carousel-accessible .callout{border-radius:var(--akcr-radius-sm);margin-top:18px;padding:14px 16px;font-size:14px}.carousel-accessible .callout--pin{background:var(--akcr-accent-50);border:1px solid var(--akcr-accent-100);border-left:4px solid var(--akcr-accent)}.carousel-accessible .callout--info{background:#eff6ff;border:1px solid #dbeafe;border-left:4px solid #1c6cbf}.carousel-accessible .callout code{background:#fff9}.carousel-accessible .code-tabs{border-bottom:1px solid var(--akcr-border);gap:2px;margin-bottom:10px;display:flex}.carousel-accessible .code-tabs__tab{font:inherit;color:var(--akcr-ink-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.carousel-accessible .code-tabs__tab.is-active{color:var(--akcr-accent);border-bottom-color:var(--akcr-accent)}.carousel-accessible .code-tabs__tab:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:-2px}.carousel-accessible .code-stack{flex-direction:column;gap:14px;display:flex}.carousel-accessible .data-table{border-collapse:collapse;background:var(--akcr-surface);border:1px solid var(--akcr-border);border-radius:var(--akcr-radius-sm);width:100%;font-size:14px;overflow:hidden}.carousel-accessible .data-table th,.carousel-accessible .data-table td{text-align:left;border-bottom:1px solid var(--akcr-border);vertical-align:top;padding:10px 14px}.carousel-accessible .data-table thead th{background:var(--akcr-surface-alt);text-transform:uppercase;letter-spacing:.04em;color:var(--akcr-ink-muted);font-size:12px}.carousel-accessible .data-table tbody th{width:32%;font-weight:600}.carousel-accessible .data-table tr:last-child th,.carousel-accessible .data-table tr:last-child td{border-bottom:none}.carousel-accessible .data-table kbd{border:1px solid var(--akcr-border-strong);font:inherit;background:#f1f5f9;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.carousel-accessible .plain-list{margin:0 0 16px;padding-left:20px}.carousel-accessible .plain-list li{margin-bottom:6px}.carousel-accessible .checklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.carousel-accessible .checklist li{background:var(--akcr-surface);border:1px solid var(--akcr-border);border-radius:var(--akcr-radius-sm);padding:10px 14px 10px 38px;font-size:14px;position:relative}.carousel-accessible .checklist li:before{content:"";border:2px solid var(--akcr-accent);border-radius:4px;width:16px;height:16px;position:absolute;top:12px;left:12px}.carousel-accessible .download-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:640px){.carousel-accessible .download-grid{grid-template-columns:1fr 1fr}}.carousel-accessible .download-card{background:var(--akcr-surface);border:1px solid var(--akcr-border);border-radius:var(--akcr-radius-sm);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex;color:var(--akcr-ink)!important}.carousel-accessible .download-card strong{font-size:14px;display:block}.carousel-accessible .download-card span{color:var(--akcr-ink-muted);font-size:12px;display:block}.carousel-accessible .download-card:focus-visible{outline:2px solid var(--akcr-accent);outline-offset:2px}.carousel-accessible .download-card:hover{border-color:var(--akcr-accent)}
