.plq-top{padding-block:clamp(18px,2.6vw,30px)}.plq-bar{display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap}.plq-bar .crumbs{margin-bottom:8px}.plq-bar h1{font-size:clamp(24px,3vw,38px);margin:0;line-height:1.05}.plq-bar .btn{padding:14px 20px}.plq-band{padding-block:clamp(20px,3vw,40px) clamp(32px,5vw,64px)}.plq{--pw:min(88vw,520px,calc((100svh - 300px) / var(--ratio)));display:flex;flex-direction:column;align-items:center;gap:20px}.plq[data-mode=double]{--pw:min(44vw,560px,calc((100svh - 300px) / var(--ratio)))}.plq-hint{font:400 14px/1.4 var(--ti);margin:0;text-align:center;color:var(--gc)}.plq-stage{width:100%;display:flex;justify-content:center;outline-offset:8px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}.plq-stage[hidden],.plq-nav[hidden],.plq-hint[hidden]{display:none}.plq-stage:focus-visible{outline:3px solid var(--bn)}.plq-book{position:relative;width:var(--pw);height:calc(var(--pw) * var(--ratio));perspective:2800px;margin-block:6px}.plq[data-mode=double] .plq-book{width:calc(var(--pw) * 2)}.plq-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.25,1)}.plq[data-mode=double] .plq-book[data-pos=start] .plq-in{transform:translate(calc(var(--pw) * -.5))}.plq[data-mode=double] .plq-book[data-pos=end] .plq-in{transform:translate(calc(var(--pw) * .5))}.plq-leaf{position:absolute;top:0;height:100%;width:100%;left:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.45,.05,.25,1)}.plq[data-mode=double] .plq-leaf{left:50%;width:50%}.plq-leaf.flipped{transform:rotateY(-180deg)}.plq-face{position:absolute;inset:0;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 1px 2px #11114e2e,0 14px 30px -12px #11114e59}.plq-face.back{transform:rotateY(180deg)}.plq-face img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-drag:none;pointer-events:none}.plq-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#11114e38,#11114e00 14%);opacity:.55;transition:opacity .9s}.plq-face.back:after{background:linear-gradient(to left,#11114e38,#11114e00 14%)}.plq-leaf.flipping .plq-face:after{opacity:1}.plq-face.blank{background:var(--os)}.plq-nav{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.plq-btn{width:48px;height:48px;border:2px solid var(--bn);background:transparent;color:var(--bn);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.plq-btn:hover:not(:disabled),.plq-btn:focus-visible{background:var(--bn);color:var(--os)}.plq-btn:disabled{opacity:.35;cursor:default}.plq-btn .i,.plq-zoom .i,.plq-bar .btn .i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}.plq-count{font:700 13px/1.2 var(--ti);letter-spacing:.08em;text-transform:uppercase;min-width:11.5em;text-align:center}.plq-zoom{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--bn);background:transparent;color:var(--bn);font:800 13px/1 var(--ti);letter-spacing:.1em;text-transform:uppercase;padding:0 16px;height:48px;cursor:pointer}.plq-zoom:hover,.plq-zoom:focus-visible{background:var(--bn);color:var(--os)}.plq-alt{width:100%;max-width:960px;margin-top:12px;border-top:2px solid var(--bn);padding-top:14px}.plq-alt>summary{font:800 14px/1.3 var(--ti);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.plq-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:18px 0}.plq-flow figure{margin:0}.plq-flow img{display:block;width:100%;height:auto;box-shadow:0 1px 2px #11114e2e,0 10px 22px -12px #11114e59;background:#fff}.plq-flow figcaption{font:700 12px var(--ti);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;color:var(--gc)}.plq-txt{margin-top:8px}.plq-txt>summary{font:700 14px var(--ti);cursor:pointer}.plq-txt section{margin-top:14px}.plq-txt h2{font-size:18px;margin:0 0 6px}.plq-txt div{white-space:pre-wrap;font:400 15px/1.5 var(--tx);overflow-wrap:anywhere}.plq-dl{font:400 15px/1.5 var(--ti);margin:0;text-align:center}.plq-dl a{text-decoration:underline}.plq-dlg{border:0;padding:0;background:var(--os);color:var(--bn);width:min(1500px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:auto}.plq-dlg::backdrop{background:#11114ed1}.plq-dbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--os);border-bottom:2px solid var(--bn);padding:10px max(16px,env(safe-area-inset-left,0px))}.plq-dbar .plq-x{padding:12px 20px;margin-left:12px}.plq-zbody{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px max(16px,env(safe-area-inset-left,0px)) 40px;overflow:auto}.plq-zbody img{width:min(100%,980px);height:auto;display:block;background:#fff;box-shadow:0 10px 30px -14px #11114e80}@media(prefers-reduced-motion:reduce){.plq-in,.plq-leaf,.plq-face:after{transition:none}}@media(max-width:899px){.plq-count{min-width:9em}}
