/* Chapter nodes, matching collectible banners and composite-only course hover. */
.shop-reader .course-card{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:180px minmax(0,1fr) auto;min-height:185px;padding:18px 26px;border-radius:25px;border:1px solid #ffffffe0;background:linear-gradient(125deg,#dcecf1,#8bc1d6 68%,#dcecf1);box-shadow:inset 0 3px 1px #ffffffb0,inset 0 -4px 1px #29536720,0 6px 0 -3px #779fab,0 15px 28px -22px #283f56}
.shop-reader .course-card[data-course=scene]{background:linear-gradient(125deg,#e3ebd3,#9cbe84 68%,#e3ebd3);box-shadow:inset 0 3px 1px #ffffffb0,inset 0 -4px 1px #43532b20,0 6px 0 -3px #869c71,0 15px 28px -22px #364329}
.shop-reader .course-card:after{content:'';position:absolute;inset:8px;border:1px solid #ffffff75;border-radius:18px;pointer-events:none;z-index:-1}.shop-reader .course-card img{width:180px;height:155px;background:none;border-radius:0;margin:0;grid-row:1/3;object-fit:contain;filter:drop-shadow(0 9px 6px #294f5920)}.shop-reader .course-card p{font:650 clamp(24px,2.5vw,34px)/1.2 var(--font-display);letter-spacing:-.03em;align-self:end}.shop-reader .course-card span{color:#345867;align-self:start;margin-top:10px}.shop-reader .course-card[data-course=scene] span{color:#4d652a}.shop-reader .course-card button{font-size:12px;padding:10px 19px}
.shop-reader .class-layout #chapters{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px 6px;overflow:visible;padding:16px 0 10px;margin-top:25px;isolation:isolate}.shop-reader .class-layout #chapters a{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;min-width:0;max-width:none;padding:8px 0;min-height:90px;border:0;border-radius:0;background:none;box-shadow:none;color:#75647e;text-align:center;line-height:1.3}.shop-reader #chapters a:before{content:'';position:absolute;left:calc(-50% - 3px);right:calc(50% + 20px);top:30px;height:1px;background:#b8aac680;z-index:-1}.shop-reader #chapters a:first-child:before{display:none}.shop-reader #chapters a b{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #ad9dbd;border-radius:50%;background:#e9e0ef;font:11px var(--font-mono);color:#776282;box-shadow:inset 0 1px #fff;transition:transform 350ms,box-shadow 350ms,color 350ms,background-color 350ms}.shop-reader #chapters a span.chapter-keyword{margin:0;font-size:11px;color:inherit}.shop-reader .class-layout #chapters a[aria-current=page]{color:#30213e;font-weight:600;background:none;border:0;box-shadow:none}.shop-reader #chapters a[aria-current=page] b{background:#30283f;border-color:#f5e7ff;color:#fff7ff;transform:scale(1.12);box-shadow:inset 0 1px #ffffff70,0 0 0 4px #f4e9fb70,0 0 22px #aa81bf65}.shop-reader #chapters a:hover b{border-color:#80618f;transform:translateY(-2px)}.chapter-focus{font-size:15px;font-weight:500;color:#594566;padding:14px 18px;border:1px solid #c4b1cf;border-radius:16px;background:linear-gradient(115deg,#f8eff690,#ddd0e645);margin:6px 0 18px}.shop-reader .chapter-pagination{justify-content:space-between}
/* Long filter transitions repaint large alpha layers; keep shadows static. */
.lesson-mini .product__image,.lesson-hero .lesson-hero__art{filter:drop-shadow(0 12px 9px #26303d20);transition:transform 280ms cubic-bezier(.2,.7,.2,1)}.lesson-mini .layer-art .art-part,.lesson-hero .layer-art .art-part{filter:none;transition:transform 280ms cubic-bezier(.2,.7,.2,1);backface-visibility:hidden}.lesson-mini:hover .product__image,.lesson-hero:hover .lesson-hero__art{filter:drop-shadow(0 12px 9px #26303d20)}.lesson-mini:hover .layer-art .art-part,.lesson-hero:hover .layer-art .art-part{filter:none;will-change:transform}.lesson-mini:hover .product__image{will-change:transform}.lesson-mini .crystal-number,.lesson-mini:hover .crystal-number{filter:none;transition:none}.lesson-mini .crystal-number:after{transition:opacity 250ms;transform:none}.lesson-mini .product__visual{perspective:none}.lesson-mini .product__image{transform-style:flat}
#lessonModalTitle:focus,#cartTitle:focus{outline:none}.shop-page .lesson-modal-close:focus:not(:focus-visible),.shop-page .cart-close:focus:not(:focus-visible),.shop-page #closeUnlock:focus:not(:focus-visible){outline:none;box-shadow:none}
@media(max-width:1100px){.shop-reader .class-layout #chapters{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.shop-reader #chapters a:nth-child(6):before{display:none}.shop-reader .course-card{grid-template-columns:125px minmax(0,1fr);padding:18px 23px;gap:10px 15px}.shop-reader .course-card img{width:125px;height:145px;grid-row:1/4}.shop-reader .course-card button{grid-row:auto;grid-column:2;justify-self:start}.shop-reader .course-card p{font-size:28px}.shop-reader .course-card span{margin:0}}
@media(max-width:480px){.shop-reader .course-card{grid-template-columns:100px minmax(0,1fr);padding:17px 16px;gap:9px 12px}.shop-reader .course-card img{width:100px;height:150px}.shop-reader .course-card p{font-size:25px}.shop-reader .course-card span{font-size:10px}.shop-reader .course-card button{font-size:10px;padding:8px 12px;min-height:40px}.shop-reader .class-layout #chapters{gap:7px 5px}.shop-reader #chapters a span.chapter-keyword{font-size:10px}.chapter-focus{font-size:13px;line-height:1.7}.shop-reader #chapters a b{width:40px;height:40px}.shop-reader #chapters a:before{top:28px}}
@media(prefers-reduced-motion:reduce){.shop-reader #chapters a b,.lesson-mini .product__image,.lesson-mini .layer-art .art-part,.lesson-hero .layer-art .art-part{transition:none!important}.shop-reader #chapters a:hover b,.shop-reader #chapters a[aria-current=page] b{transform:none}}