.wpb-sec .sec__head{margin-bottom:clamp(28px,3.5vw,48px)}
.wpb{position:relative;margin:0 auto;max-width:min(980px,100vh)}
.wpb__src{list-style:none;margin:0;padding:0 0 12px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.wpb__src .wpb__p{flex:0 0 78%;scroll-snap-align:center;box-shadow:0 10px 26px rgba(0,0,0,.12)}
.wpb__p{position:relative;background:var(--w);aspect-ratio:900/1273;overflow:hidden}
.wpb__p img{width:100%;height:100%;object-fit:cover;display:block}
.wpb__lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:12%;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.75))}
.wpb__lock::before{content:"";width:58px;height:58px;border-radius:50%;background:var(--k) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFDA03' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/26px no-repeat}
.wpb__lock p{margin:0;font-weight:700;font-size:clamp(16px,1.5vw,21px);color:var(--k);line-height:1.3}
.wpb__lock .btn{font-size:15px;padding:11px 20px}
.wpb__end{background:var(--y);display:flex;flex-direction:column;justify-content:flex-end;padding:12%;color:var(--k)}
.wpb__end strong{font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.01em;margin-bottom:14px}
.wpb__end span{font-size:clamp(15px,1.2vw,18px);margin-bottom:26px}
.wpb__end .btn{align-self:flex-start}
.wpb__stage{display:none}
.wpb.is-book .wpb__src{display:none}
.wpb.is-book .wpb__stage{display:block;perspective:2400px}
.wpb__book{position:relative;width:100%;aspect-ratio:1800/1273;transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.wpb__book.is-start{transform:translateX(-25%)}
.wpb__book.is-end{transform:translateX(25%)}
.wpb__leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.2,1);cursor:pointer}
.wpb__leaf.is-flipped{transform:rotateY(-180deg)}
.wpb__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.wpb__face--back{transform:rotateY(180deg)}
.wpb__leaf:not(.show-back) .wpb__face--back,.wpb__leaf.show-back .wpb__face--front{visibility:hidden}
.wpb__face::after{content:"";position:absolute;inset:0;pointer-events:none}
.wpb__face--front::after{background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,0) 7%)}
.wpb__face--back::after{background:linear-gradient(270deg,rgba(0,0,0,.14),rgba(0,0,0,0) 7%)}
.wpb__face>.wpb__p{position:absolute;inset:0;aspect-ratio:auto}
.wpb__nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}
.wpb__btn{width:52px;height:52px;border-radius:50%;border:2px solid var(--k);background:transparent;font-size:20px;cursor:pointer;color:var(--k);font-family:inherit}
.wpb__btn:hover:not(:disabled){background:var(--y);border-color:var(--y)}
.wpb__btn:disabled{opacity:.25;cursor:default}
.wpb__count{min-width:170px;text-align:center;font-weight:700;font-size:15px;color:var(--g);font-variant-numeric:tabular-nums}
.wpb__hint{text-align:center;font-size:14px;color:var(--stone);margin:10px 0 0}
.wpb-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);max-width:980px;margin:clamp(48px,6vw,80px) auto 0}
.wpb-info__col h3{margin-bottom:14px}
.wpb-chapters{list-style:none;padding:0;margin:0;counter-reset:ch}
.wpb-chapters li{counter-increment:ch;display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.1)}
.wpb-chapters li:last-child{border-bottom:0}
.wpb-chapters li::before{content:counter(ch,decimal-leading-zero);font-weight:700;color:var(--k);background:var(--y);border-radius:999px;font-size:13px;padding:3px 0;text-align:center;width:34px}
@media (max-width:760px){.wpb-info{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wpb__leaf,.wpb__book{transition:none}}