/* 홈·서재 공통 선반: 페이지 이동은 현재 목록, 전체 보기는 원래 목적지. 화살표 동그라미 40 · 전체 보기 흰 알약(2026-10-28 사용자 결정, 레퍼런스 폴인패스 상세 화살표) — 터치는 투명 확장으로 46. */
#merciUX .mm-shelf-heading, #pv-shelf-pager-demo .mm-shelf-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;}
#merciUX .mm-shelf-heading h3, #pv-shelf-pager-demo .mm-shelf-heading h3 {flex:1 1 160px;min-width:0;margin:0;word-break:keep-all;overflow-wrap:anywhere;}
#merciUX .mm-shelf-actions, #pv-shelf-pager-demo .mm-shelf-actions {display:flex;align-items:center;flex-shrink:0;gap:16px;margin-left:auto;}
#merciUX .mm-shelf-pager, #pv-shelf-pager-demo .mm-shelf-pager {display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;border:0;background:transparent;color:var(--text-primary,#17243B);}
#merciUX .mm-shelf-pager[hidden], #pv-shelf-pager-demo .mm-shelf-pager[hidden] {display:none;}
#merciUX .mm-shelf-pager button, #pv-shelf-pager-demo .mm-shelf-pager button {position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:0;border:1px solid var(--border-light,#E2E8F0);border-radius:var(--radius-full,9999px);background:var(--bg-card,#FFFFFF);color:inherit;font:inherit;font-size:18px;cursor:pointer;touch-action:manipulation;}
#merciUX .mm-shelf-pager button::before, #pv-shelf-pager-demo .mm-shelf-pager button::before {content:"";position:absolute;inset:-3px;}
#merciUX .mm-shelf-pager button .mm-shelf-chevron, #pv-shelf-pager-demo .mm-shelf-pager button .mm-shelf-chevron {display:block;width:20px;height:20px;min-width:20px;flex:none;aspect-ratio:1;transform:none;}
#merciUX .mm-shelf-pager button:hover, #pv-shelf-pager-demo .mm-shelf-pager button:hover {background:var(--bg-subtle,#F1F5F9);}
#merciUX .mm-shelf-pager button[aria-disabled="true"], #pv-shelf-pager-demo .mm-shelf-pager button[aria-disabled="true"] {color:var(--border-medium,#CBD5E1);cursor:default;background:var(--bg-card,#FFFFFF);}
#merciUX .mm-shelf-all, #pv-shelf-pager-demo .mm-shelf-all {position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--border-light,#E2E8F0);border-radius:var(--radius-full,9999px);background:var(--bg-card,#FFFFFF);color:var(--text-primary,#17243B);font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;text-decoration:none;touch-action:manipulation;}
#merciUX .mm-shelf-all::before, #pv-shelf-pager-demo .mm-shelf-all::before {content:"";position:absolute;inset:-3px 0;}
#merciUX .mm-shelf-all:hover, #pv-shelf-pager-demo .mm-shelf-all:hover {background:var(--bg-subtle,#F1F5F9);color:var(--text-primary,#17243B);text-decoration:none;}
#merciUX .mm-shelf-all:active, #pv-shelf-pager-demo .mm-shelf-all:active {background:var(--color-gray-200,#E2E8F0);}
#merciUX .mm-shelf-pager button:focus-visible, #merciUX .mm-shelf-all:focus-visible, #merciUX .mm-shelf-track:focus-visible, #pv-shelf-pager-demo button:focus-visible, #pv-shelf-pager-demo a:focus-visible, #pv-shelf-pager-demo .mm-shelf-track:focus-visible {outline:2px solid var(--color-primary-700,#006CD4);outline-offset:2px;}
#merciUX .mm-shelf-track[data-shelf-ready], #pv-shelf-pager-demo .mm-shelf-track {display:flex;gap:var(--lib-gap,16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding-block:2px 9px;scrollbar-width:thin;}
#merciUX .mm-shelf-track[data-shelf-ready] > *, #pv-shelf-pager-demo .mm-shelf-track > * {flex:0 0 calc((100% - var(--lib-gap,16px) * (var(--lib-cols,4) - 1)) / var(--lib-cols,4));min-width:0;scroll-snap-align:start;}
#merciUX .mm-shelf-track.is-dragging {scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none;}
/* 서재의 5행 subgrid(썸네일·제목·평점·가격·학습 버튼)는 가로 선반에서도 유지한다. */
#merciUX .library-overview .mm-shelf-track[data-shelf-ready] {display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - var(--lib-gap,16px) * (var(--lib-cols,4) - 1)) / var(--lib-cols,4));grid-template-rows:repeat(5,auto);row-gap:0;}
#merciUX.is-searching .library-overview .mm-shelf-track[data-shelf-ready] {display:grid;grid-auto-flow:row;grid-template-columns:repeat(var(--lib-cols,4),minmax(0,1fr));grid-auto-columns:auto;grid-template-rows:none;row-gap:20px;overflow:visible;scroll-snap-type:none;}
#merciUX .library-overview .mm-shelf-heading {margin-bottom:0;}
#merciUX .library-overview .mm-shelf-track {margin-top:var(--space-3,12px);}
@media (hover:hover) and (pointer:fine) {#merciUX .library-overview .mm-shelf-track[data-shelf-ready] {cursor:grab;}}
@media (max-width:599px) {#merciUX .library-overview .mm-shelf-heading h3 {flex-basis:120px;} #pv-shelf-pager-demo {--lib-cols:2;}}

#merciUX [data-shelf-static] .home-shelf.mm-shelf-track {display:grid;grid-template-columns:repeat(var(--lib-cols,4),minmax(0,1fr));gap:20px var(--lib-gap,16px);overflow:visible;scroll-snap-type:none;cursor:auto;}