/* Approved transparent plates; measured atlas crops, native icons and labels. */
.book-layout{--rail-width:clamp(145px,12vw,200px)}
.book-tabs{position:relative;z-index:3;display:flex;flex-direction:column;min-width:0}
.book-tab{--tab-unit:1;--tab-art:url('/assets/art/book-tab-round-cream.png');position:relative;isolation:isolate;z-index:var(--tab-stack,1);box-sizing:border-box;border:0;border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none;color:#171467;font:inherit;text-align:left;cursor:pointer;transform-origin:100% 50%;transition:transform .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent}
.book-tab::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--tab-art);background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.book-tab-case{--tab-art:url('/assets/art/book-tab-round-blue.png')}
.book-tab-showcase{--tab-art:url('/assets/art/book-tab-round-mint.png')}
.book-tab[aria-pressed=true]{--tab-art:url('/assets/art/book-tab-round-selected.png');transform:rotate(6deg)}
.book-tab:hover:not([aria-pressed=true]){transform:rotate(6deg);filter:brightness(1.025)}
.book-tab:focus-visible{outline:3px solid #8c66ef;outline-offset:3px;border-radius:12px}
.book-tab-content{position:absolute;left:20%;right:13%;top:30%;display:grid;grid-template-columns:calc(37px * var(--tab-unit)) minmax(0,1fr);align-items:start;gap:calc(9px * var(--tab-unit));transform:rotate(6deg);transform-origin:center;pointer-events:none;text-align:left}
.book-tab-label{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0;font-size:calc(18px * var(--tab-unit));line-height:1.22;font-weight:900;white-space:nowrap;letter-spacing:0;text-align:left;color:#171467}
.book-tab-content small{display:block;box-sizing:border-box;min-width:calc(53px * var(--tab-unit));margin:calc(6px * var(--tab-unit)) 0 0;padding:calc(3px * var(--tab-unit)) calc(12px * var(--tab-unit));border-radius:30px;background:#b9e9ff;color:#3441c7;text-align:center;font-family:Arial,sans-serif;font-size:calc(17px * var(--tab-unit));line-height:1.1;font-weight:800}
.book-tab-pending{display:block;margin-top:calc(5px * var(--tab-unit));color:#6979a7;font-size:calc(16px * var(--tab-unit));line-height:1.2;font-style:normal;font-weight:800}
.book-tab[aria-pressed=true] .book-tab-label{color:#fff}
.book-tab[aria-pressed=true] small{background:#eee3ff;color:#562cce}
.book-tab[aria-pressed=true] .book-tab-pending{color:#ede5ff}
.book-simple-icon{display:block;width:calc(37px * var(--tab-unit));height:calc(42px * var(--tab-unit));margin-top:calc(-3px * var(--tab-unit));fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;--icon-outline:#3044cc;--icon-face:#fff;--icon-accent:#6ddcfa;--icon-lines:#405bdc;--icon-symbol:#5861e9;--icon-back:#a2d6f3;--icon-picture:#1499ad;--icon-light:#fff}
.book-tab[aria-pressed=true] .book-simple-icon{--icon-outline:#fff;--icon-face:#fff;--icon-accent:#e8ddff;--icon-lines:#7750e1;--icon-symbol:#fff;--icon-back:#bcaaf5;--icon-picture:#fff;--icon-light:#7750e1}
.book-simple-icon .icon-shadow{fill:var(--icon-back);stroke:none}.book-simple-icon .icon-face{fill:var(--icon-face);stroke:var(--icon-outline)}.book-simple-icon .icon-accent{fill:var(--icon-accent);stroke:var(--icon-outline)}.book-simple-icon .icon-lines{fill:none;stroke:var(--icon-lines)}.book-simple-icon .icon-symbol{fill:var(--icon-symbol);stroke:none}.book-simple-icon .icon-picture{fill:var(--icon-picture);stroke:var(--icon-outline)}.book-simple-icon .icon-mountain{stroke:var(--icon-light);fill:none}.book-simple-icon .icon-light{fill:var(--icon-light);stroke:none}
.book-curve-aligned .book-tabs{position:absolute;inset:0;display:block;pointer-events:none}
.book-curve-aligned .book-tab{position:absolute;pointer-events:auto;transform:rotate(6deg)}
@media(max-width:700px),(max-height:520px){.book-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.book-paper{grid-column:1}.book-tabs{flex-direction:row;gap:5px;padding:9px 8px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c0b1ed transparent}.book-tab{--tab-unit:.78;flex:0 0 155px;width:155px;height:92.26px;transform-origin:center}.book-tab[aria-pressed=true]{transform:scale(1.06)}.book-tab-content{left:14%;top:29%}.book-tab-label{font-size:14px}.book-tab-content small{font-size:13px}.book-tab-pending{font-size:12px}.book-tab:hover:not([aria-pressed=true]){transform:none}}
@media(prefers-reduced-motion:reduce){.book-tab{transition:none}}

/* Short reading frames keep readable labels in a compact horizontal rail. */
.book-tabs-horizontal{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
.book-tabs-horizontal .book-paper{grid-column:1}
.book-tabs-horizontal .book-tabs{flex-direction:row;gap:5px;padding:9px 8px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.book-tabs-horizontal .book-tab{--tab-unit:.78;flex:0 0 155px;width:155px;height:92.26px;transform-origin:center}
.book-tabs-horizontal .book-tab[aria-pressed=true]{transform:scale(1.06)}
.book-tabs-horizontal .book-tab:hover:not([aria-pressed=true]){transform:none}
.book-tabs-horizontal .book-tab-content{left:14%;top:29%}
.book-tabs-horizontal .book-tab-label{font-size:14px}
.book-tabs-horizontal .book-tab-content small{font-size:13px}
.book-tabs-horizontal .book-tab-pending{font-size:12px}