/* Everflow home showcase — no illustrated/fake page styling, no spine:
   both sheets are real Book-mode pages inside sandboxed local preview frames. */
.ps-book-showcase--template{padding:18px 16px 16px!important;overflow:hidden!important}
.ps-book-showcase--template .ps-document-top{position:relative;z-index:2;margin-bottom:6px;gap:8px}
.ps-book-showcase--template .ps-document-top b{font-size:10px;white-space:nowrap}
.ps-book-showcase--template .ps-books-stage{
 position:relative;height:clamp(350px,34vw,474px);max-width:100%;
 overflow:hidden;isolation:isolate;touch-action:pan-y;border-radius:11px;
 background:radial-gradient(ellipse at 50% 54%,#e4eee73b,transparent 78%)
}
.ps-book-showcase--template .ps-book-card{
 position:absolute;left:50%;top:50%;display:block;box-sizing:border-box;
 width:clamp(195px,58%,278px);aspect-ratio:210/297;
 padding:0!important;margin:0!important;overflow:hidden;
 border:1px solid #e1e6e1!important;border-radius:1px!important;
 background:#fff;color:#1d2722;cursor:pointer;
 box-shadow:0 7px 21px #293e3019!important;
 outline-offset:4px;transform-origin:center center;
 transition:transform .4s cubic-bezier(.22,.72,.2,1),opacity .4s,box-shadow .4s;
}
.ps-book-showcase--template .ps-book-card[data-book-index="2"]{aspect-ratio:200/150}
.ps-book-showcase--template .ps-book-card.is-centered{
 transform:translate(-56%,-50%) scale(1);z-index:5;opacity:1;
 box-shadow:0 13px 34px #183b271f!important
}
.ps-book-showcase--template .ps-book-card.is-next{
 transform:translate(calc(-50% + 47%),-50%) scale(.83);
 z-index:3;opacity:.62;
}
.ps-book-showcase--template .ps-book-card.is-prev{
 transform:translate(calc(-50% - 47%),-50%) scale(.83);
 z-index:3;opacity:.62;
}
.ps-book-showcase--template .ps-book-card.is-next:hover,
.ps-book-showcase--template .ps-book-card.is-prev:hover{opacity:.93}
.ps-book-showcase--template .ps-book-card:focus-visible{outline:2px solid var(--ps-accent)}
/* The iframe itself keeps the full PHYSICAL page-sized layout viewport.
   Scale the iframe as a visual object, not its contents: narrow iframe
   viewports on iPad Safari trigger text inflation and mobile editor rules. */
.ps-book-showcase--template .ps-book-template-frame{
 display:block!important;position:absolute!important;top:0!important;left:0!important;
 width:var(--book-native-width,793.701px)!important;height:var(--book-native-height,1122.52px)!important;
 max-width:none!important;max-height:none!important;
 transform:scale(var(--book-scale,.35))!important;transform-origin:top left!important;
 box-sizing:border-box;border:0!important;margin:0;padding:0;
 background:white;overflow:hidden;pointer-events:none
}
.ps-book-showcase--template .ps-books-control{
 display:flex;align-items:center;justify-content:space-between;gap:11px;margin:0
}
.ps-book-showcase--template .ps-books-control>button{
 display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;
 border:1px solid var(--ps-line);border-radius:9px;background:var(--ps-panel);
 color:var(--ps-accent);font-size:23px;line-height:1;cursor:pointer
}
.ps-book-showcase--template .ps-books-control>button:hover{background:var(--ps-accent-2)}
.ps-book-showcase--template .ps-books-caption{
 min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px
}
.ps-book-showcase--template .ps-books-caption strong{font-size:12px;color:var(--ps-ink);font-weight:760}
.ps-book-showcase--template .ps-books-caption span{font-size:10px;color:var(--ps-muted)}
.ps-book-showcase--template .ps-books-dots{display:flex;justify-content:center;gap:8px;margin:13px 0 9px}
.ps-book-showcase--template .ps-books-dots button{width:19px;height:6px;padding:0;border:0;border-radius:5px;background:#bbcfbe;cursor:pointer}
.ps-book-showcase--template .ps-books-dots button[aria-current="true"]{width:36px;background:var(--ps-accent)}
.ps-book-showcase--template .ps-books-note{
 font-size:10px;line-height:1.65;color:var(--ps-muted);text-align:center;margin:0
}
body.paper-home.dark .ps-book-showcase--template .ps-books-stage{
 background:radial-gradient(ellipse at 50% 54%,#24443538,transparent 78%)
}
@media(min-width:761px) and (max-width:1040px){
 .ps-book-showcase--template{padding:13px!important}
 .ps-book-showcase--template .ps-books-stage{height:360px}
 .ps-book-showcase--template .ps-book-card{width:clamp(190px,60%,238px)}
}
@media(max-width:760px){
 .ps-book-showcase--template{max-width:530px;padding:13px!important}
 .ps-book-showcase--template .ps-books-stage{height:390px}
 .ps-book-showcase--template .ps-book-card{width:clamp(195px,60%,262px)}
 .ps-book-showcase--template .ps-books-note{font-size:9px}
}
@media(max-width:420px){
 .ps-book-showcase--template .ps-books-stage{height:350px}
 .ps-book-showcase--template .ps-book-card{width:208px}
 .ps-book-showcase--template .ps-books-caption strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .ps-book-showcase--template .ps-book-card{transition:none!important}
}
/* Three-device refinements: keep showcase readable on iPad in both rotations.
   A physical page is scaled inside the frame, never reflowed into phone width. */
@media(min-width:981px) and (max-width:1199px){
 .ps-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:clamp(24px,3vw,38px)!important}
 .ps-book-showcase--template .ps-books-stage{height:clamp(394px,41vw,462px)}
 .ps-book-showcase--template .ps-book-card{width:clamp(215px,54%,270px)}
}
@media(min-width:761px) and (max-width:980px){
 .ps-hero{grid-template-columns:minmax(0,1fr)!important;gap:22px!important;padding-top:42px!important}
 .ps-hero-copy{max-width:670px}
 .ps-book-showcase--template{width:min(100%,680px)!important;max-width:680px!important;justify-self:center;box-sizing:border-box}
 .ps-book-showcase--template .ps-books-stage{height:455px}
 .ps-book-showcase--template .ps-book-card{width:clamp(225px,50%,288px)}
}
@media(max-width:760px){
 .ps-book-showcase--template{box-sizing:border-box!important}
 .ps-book-showcase--template .ps-books-stage{height:clamp(340px,94vw,410px)}
 .ps-book-showcase--template .ps-book-card{width:clamp(185px,58%,263px)}
 .ps-book-showcase--template .ps-books-control{gap:6px}
 .ps-book-showcase--template .ps-books-caption span{font-size:10px;line-height:1.45}
 .ps-book-showcase--template .ps-document-top span{font-size:10px}
 .ps-book-showcase--template .ps-books-note{max-width:320px;margin:0 auto}
}
@media(max-width:360px){
 .ps-book-showcase--template .ps-books-stage{height:322px}
 .ps-book-showcase--template .ps-book-card{width:184px}
}

/* Tablet/phone header: never squeeze Chinese navigation words into vertical
   columns. Keep every destination accessible via a native details menu. */
.ps-header-mobile-menu{display:none}
@media(max-width:980px){
 .ps-header .ps-header-inner{position:relative!important;height:62px!important;gap:12px!important;display:flex!important;align-items:center!important}
 .ps-header .ps-header-links{display:none!important}
 .ps-header .ps-brand{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:1 1 auto}
 .ps-header .ps-brand-mark{flex:0 0 35px!important;width:35px!important;height:35px!important;font-size:20px!important}
 .ps-header .ps-brand-copy{min-width:0!important;max-width:100%!important}
 .ps-header .ps-brand-copy b{font-size:clamp(13px,2vw,16px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .ps-header .ps-brand-copy small{max-width:100%!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:0!important}
 .ps-header-mobile-menu{display:block;flex:0 0 auto;position:relative;margin-left:auto}
 .ps-header-mobile-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;
   height:36px;padding:0 11px;border:1px solid var(--ps-line);border-radius:9px;
   color:var(--ps-ink);background:var(--ps-panel);font-size:12px;font-weight:700;
   cursor:pointer;list-style:none;white-space:nowrap;touch-action:manipulation}
 .ps-header-mobile-menu>summary::-webkit-details-marker{display:none}
 .ps-header-mobile-menu>summary svg{width:18px;height:18px}
 .ps-header-mobile-menu>summary:hover,.ps-header-mobile-menu[open]>summary{background:var(--ps-accent-2)}
 .ps-mobile-nav-popover{display:grid;gap:3px;position:absolute;z-index:95;top:calc(100% + 11px);right:0;
   width:196px;max-width:calc(100vw - 24px);padding:8px;
   border:1px solid var(--ps-line);border-radius:13px;background:var(--ps-panel);
   box-shadow:0 18px 45px #19352724}
 .ps-mobile-nav-popover a,.ps-mobile-nav-popover button{
   display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:40px;
   padding:9px 12px;border:0;border-radius:8px;background:transparent;
   text-decoration:none;white-space:nowrap;color:var(--ps-ink);
   font-size:12px;font-weight:620;text-align:left;cursor:pointer}
 .ps-mobile-nav-popover a:hover,.ps-mobile-nav-popover button:hover{background:var(--ps-accent-2)}
}
@media(max-width:400px){
 .ps-header .ps-header-inner{height:58px!important;gap:8px!important}
 .ps-header .ps-brand{gap:7px!important}
 .ps-header .ps-brand-copy b{font-size:12px!important}
 .ps-header .ps-brand-copy small{font-size:8px!important}
 .ps-header-mobile-menu>summary{height:34px;padding:0 8px}
}