/* The doors on the homepage (8 September 2026; controls redrawn 26 September 2026). Three cards a view on wide screens,
   two on tablets, one on phones. The row scrolls with snap and turns every five seconds until it is touched, hovered,
   focused or paused. Beneath it a hairline carries the counter at the left and three small round controls at the
   right: previous, pause or play, next. On phones the row takes the height of the card on view (set by the script),
   so a short card is not stretched to the tallest one. */
#doors .band-in{padding-bottom:56px}
#doors .shelf{display:flex;box-sizing:content-box;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px;transition:height .32s ease}
#doors .shelf::-webkit-scrollbar{display:none}
#doors .hc-book{flex:0 0 calc((100% - 36px)/3);box-sizing:border-box;scroll-snap-align:start;min-width:0}
#doors .carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
#doors .carousel-status{font:10.5px/1 var(--ff-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}
#doors .carousel-buttons{display:flex;align-items:center;gap:8px}
#doors .carousel-controls button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;margin:0;border:1px solid var(--line2);border-radius:50%;background:transparent;color:var(--ink2);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
#doors .carousel-controls button svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#doors [data-pause] .i-play,#doors [data-pause].is-paused .i-pause{display:none}
#doors [data-pause].is-paused .i-play{display:block}
#doors .carousel-controls button:hover{border-color:var(--gold);color:var(--gold-ink)}
#doors .carousel-controls button:active{background-color:rgba(196,162,101,.1)}
#doors .carousel-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#doors .hc-book:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
@media(max-width:1000px){#doors .hc-book{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:600px){#doors .hc-book{flex-basis:100%}#doors .shelf{align-items:flex-start}#doors .band-in{padding-bottom:44px}#doors .carousel-controls{margin-top:6px}#doors .carousel-controls button{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){#doors .hc-book,#doors .shelf,#doors .carousel-controls button{transition:none}}