/* StackedCard public-preview adaptation, five real covers with keyboard and touch controls. */
#readingPaths{height:auto!important;margin:48px 0;padding:30px 18px;position:relative}#readingPaths .reading-frame{position:static!important;height:auto!important;min-height:560px;display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center}#readingPaths .reading-intro{padding:0 18px}#readingPaths .reading-intro h2{font-size:clamp(26px,3vw,38px);line-height:1.4}#readingPaths .reading-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-top:22px}#readingPaths .reading-tabs button{padding:9px 12px;font-size:11px;flex:0 0 auto;min-width:0;text-align:center;border:1px solid color-mix(in srgb,var(--outline) 75%,transparent);background:color-mix(in srgb,var(--card) 50%,transparent);border-radius:30px}#readingPaths .reading-tabs [aria-selected="true"]{background:var(--primary-container)}.reading-selection{margin-top:24px;min-height:90px}.reading-selection>strong{font-size:15px;display:block;margin-bottom:8px}.reading-selection>p{font-size:12px;max-width:280px}.reading-fan-controls{display:flex;align-items:center;gap:16px;margin-top:12px}.reading-fan-controls .icon-button{background:color-mix(in srgb,var(--card) 80%,transparent);border:1px solid var(--outline);width:36px;height:36px}.reading-fan-controls [data-fan-prev] svg{transform:rotate(180deg)}.reading-fan-controls>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
#readingPaths .reading-stack{height:540px;overflow:visible;position:relative;border-radius:0;isolation:isolate;touch-action:pan-y}#readingPaths .reading-card{display:block!important;position:absolute;inset:45px auto auto;left:calc(50% - 100px);width:200px;height:280px;border:1px solid #fff9;border-radius:18px;background:var(--card);box-shadow:0 15px 35px #1a32272b;overflow:hidden;clip-path:none!important;transform:translateX(calc((var(--fan-i) - 2)*65px)) translateY(var(--fan-y)) rotate(var(--fan-angle))!important;z-index:calc(5 - var(--fan-i));opacity:1;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .3s;transform-origin:center}.fan-category{position:absolute;top:12px;left:12px;z-index:2;font-size:9px;padding:5px 8px;border-radius:20px;background:#ffffffe6;color:#355746}.reading-card .reading-cover{height:187px;background:linear-gradient(145deg,var(--green-container),var(--container));padding:15px;overflow:hidden}.reading-card .reading-cover .mini-book{width:102px;height:147px;transform:translateY(8px) rotate(-3deg)!important;transition:transform .6s}.reading-card .fan-card-copy{padding:12px 14px}.reading-card .fan-card-copy h3{margin:0;padding:0;height:auto;border:0;color:var(--text);font-size:13px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fan-card-copy>p{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}#readingPaths .reading-card .path-action{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:4px 0;margin:2px 0 0;color:var(--primary);background:transparent;font-size:10px;min-height:26px}.path-action .icon{width:14px;height:14px}#readingPaths .reading-card.active{z-index:10;transform:translateX(calc((var(--fan-i) - 2)*65px)) translateY(calc(var(--fan-y) - 18px)) rotate(calc(var(--fan-angle)*.5))!important;box-shadow:0 24px 48px #183c3435}.reading-card.active .reading-cover .mini-book{transform:translateY(-5px) rotate(0deg)!important}
#readingPaths.fan-visible .reading-card{animation:fan-enter .75s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--fan-i)*65ms)}@keyframes fan-enter{from{opacity:0;translate:35px 80px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){#readingPaths{padding:24px 0}#readingPaths .reading-frame{grid-template-columns:250px minmax(0,1fr)}#readingPaths .reading-card{width:170px;height:260px;left:calc(50% - 85px);transform:translateX(calc((var(--fan-i) - 2)*42px)) translateY(var(--fan-y)) rotate(var(--fan-angle))!important}#readingPaths .reading-card.active{transform:translateX(calc((var(--fan-i) - 2)*42px)) translateY(calc(var(--fan-y) - 18px)) rotate(calc(var(--fan-angle)*.5))!important}.reading-card .reading-cover{height:167px}.reading-card .reading-cover .mini-book{width:90px;height:130px}}
@media(max-width:800px){#readingPaths .reading-frame{grid-template-columns:1fr;gap:0}#readingPaths .reading-intro{text-align:center;padding:0}#readingPaths .reading-intro h2 br{display:none}#readingPaths .reading-tabs,#readingPaths .reading-fan-controls{justify-content:center}#readingPaths .reading-selection{min-height:0;margin:18px 0}#readingPaths .reading-selection>p{max-width:none}.reading-intro>p br{display:none}#readingPaths .reading-stack{height:460px;overflow:hidden;margin-top:15px}#readingPaths .reading-card{top:28px;width:180px;height:270px;left:calc(50% - 90px);transform:translateX(calc((var(--fan-i) - 2)*39px)) translateY(calc(var(--fan-y)*.65)) rotate(var(--fan-angle))!important}#readingPaths .reading-card.active{transform:translateX(calc((var(--fan-i) - 2)*39px)) translateY(calc(var(--fan-y)*.65 - 10px)) rotate(calc(var(--fan-angle)*.5))!important}}
@media(max-width:400px){#readingPaths .reading-stack{height:400px}#readingPaths .reading-card{width:155px;height:248px;left:calc(50% - 77.5px);transform:translateX(calc((var(--fan-i) - 2)*29px)) translateY(calc(var(--fan-y)*.55)) rotate(var(--fan-angle))!important}#readingPaths .reading-card.active{transform:translateX(calc((var(--fan-i) - 2)*29px)) translateY(calc(var(--fan-y)*.55 - 10px)) rotate(calc(var(--fan-angle)*.5))!important}.reading-card .reading-cover{height:157px}}
@media(prefers-reduced-motion:reduce){#readingPaths .reading-card,#readingPaths .mini-book{animation:none!important;transition:none!important}}html[data-motion="quiet"] #readingPaths .reading-card,html[data-motion="quiet"] #readingPaths .mini-book{animation:none!important;transition:none!important}