/* Optional carousel: without enhancement every slide remains in document flow. */
@layer components {
  .r-carousel {border:1px solid var(--r-border);border-radius:var(--r-radius);background:var(--r-surface);color:var(--r-text);overflow-wrap:anywhere;}
  .r-carousel>[data-r-slide] {padding:calc(2rem * var(--r-density));border-block-end:1px solid var(--r-border);}
  .r-carousel>[data-r-slide][hidden] {display:none;}
  .r-carousel-controls {display:flex;align-items:center;gap:calc(.75rem * var(--r-density));padding:calc(1rem * var(--r-density));flex-wrap:wrap;}
  .r-carousel-indicators {display:flex;flex:1;justify-content:center;flex-wrap:wrap;gap:calc(.4rem * var(--r-density));}
  .r-carousel-control {min-width:calc(2rem * var(--r-font-scale));font-size:calc(.875rem * var(--r-font-scale));padding:calc(.5rem * var(--r-density)) calc(.75rem * var(--r-density));}
  .r-carousel-indicators [aria-current=true] {background:var(--r-accent);border-color:var(--r-accent);color:var(--r-on-accent);}
  .r-carousel-control:disabled {opacity:.4;cursor:not-allowed;}
  .r-carousel:focus-visible,.r-carousel-control:focus-visible {outline:2px solid var(--r-accent);outline-offset:3px;}
  .r-carousel-status {margin:0;padding:0 calc(1rem * var(--r-density)) calc(.75rem * var(--r-density));font-size:calc(.8rem * var(--r-font-scale));color:var(--r-muted);}
  .r-carousel-status:empty {display:none;}
  .r-carousel-art {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(.75rem * var(--r-density));margin-block:calc(1.5rem * var(--r-density));align-items:end;min-height:8rem;}
  .r-carousel-art span {display:block;padding:calc(1rem * var(--r-density));border:1px solid var(--r-border);border-radius:var(--r-radius);background:var(--r-subtle);text-align:center;font-size:calc(.9rem * var(--r-font-scale));}
  .r-carousel-art span:nth-child(2) {background:var(--r-accent);color:var(--r-on-accent);padding-block:calc(2rem * var(--r-density));}
  .r-carousel[data-r-carousel-ready]>[data-r-slide]:not([hidden]) {animation:r-carousel-reveal var(--r-duration) var(--r-ease);}
  @keyframes r-carousel-reveal {from {opacity:.6;} to {opacity:1;}}
  @media(prefers-reduced-motion:reduce) {.r-carousel[data-r-carousel-ready]>[data-r-slide]:not([hidden]) {animation:none;}}
  @media(max-width:420px) {.r-carousel>[data-r-slide] {padding:calc(1rem * var(--r-density));}.r-carousel-controls {gap:calc(.3rem * var(--r-density));}.r-carousel-art {gap:calc(.3rem * var(--r-density));}.r-carousel-art span {padding:calc(.5rem * var(--r-density));}}
}