/* Both shelves share controls; their existing card dimensions stay unchanged. */
.home-shelf-browser { position: relative; min-width: 0; margin-top: 1rem; }
.home-shelf-browser > [data-shelf-track] { margin-top: 0; scroll-padding-inline: 0.25rem; }
.home-shelf-arrow {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid #e0e6f2;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 8px rgba(32, 55, 91, 0.18);
    color: var(--activity-color, var(--books-color));
    cursor: pointer;
}
.home-shelf-arrow[hidden] { display: none; }
.home-shelf-arrow-previous { left: -1.15rem; }
.home-shelf-arrow-next { right: -1.15rem; }
.home-shelf-arrow svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.home-shelf-arrow:disabled { opacity: 0.35; cursor: default; }
.home-shelf-arrow:not(:disabled):hover { border-color: currentColor; }
.home-shelf-arrow:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
@media (max-width: 600px) {
    .home-shelf-arrow-previous { left: -0.75rem; }
    .home-shelf-arrow-next { right: -0.75rem; }
}