.book-primary-column{min-width:0}.book-scroll-anchor{top:var(--book-bar-top,calc(var(--site-inset,9px) + var(--site-topbar-height,50px) + 6px));z-index:9;pointer-events:none;height:0;position:sticky}.book-scroll-header{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);min-height:58px;color:var(--ink);opacity:0;visibility:hidden;transform-origin:top;pointer-events:none;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;padding:6px 10px;transition:opacity .24s,transform .32s cubic-bezier(.22,1,.36,1),visibility .24s;display:grid;transform:translateY(10px)scale(.985);box-shadow:0 8px 26px #0002}.book-scroll-header[data-collapsed=true]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.book-scroll-header[data-collapsed=true]:before{content:"";background:var(--bg);pointer-events:none;height:7px;position:absolute;top:-7px;left:-1px;right:-1px}.book-scroll-title{-webkit-line-clamp:2;overflow-wrap:anywhere;font:700 clamp(16px,1.5vw,22px)/1.2 var(--book-serif);letter-spacing:-.2px;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-scroll-back,.book-scroll-save{border:1px solid var(--line);background:var(--surface-soft);width:44px;min-width:44px;height:44px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;transition:background .18s,transform .18s;display:flex}.book-scroll-save.saved{background:var(--lavender);color:var(--purple)}.book-scroll-save.saved .icon{fill:currentColor}.book-scroll-header .icon{width:21px;height:21px}.book-scroll-header :is(a,button):focus-visible{outline:2px solid var(--purple);outline-offset:2px}.book-scroll-header :is(a,button):active{transform:scale(.94)}.book-showcase-info .book-showcase-metrics{border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--ink);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 0;display:grid}.book-showcase-info .book-showcase-metrics>:is(button,div){text-align:center;min-width:0;font:inherit;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:4px 6px;display:flex}.book-showcase-info .book-showcase-metrics>:is(button,div)+*{border-left:1px solid var(--line)}.book-showcase-info .book-showcase-metrics>:is(button,div)>span{flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%;display:flex}.book-showcase-info .book-showcase-metrics .icon{width:22px;height:22px;color:var(--purple);flex:none}.book-showcase-info .book-showcase-metrics>button .icon{color:#c99521}.book-showcase-info .book-showcase-metrics>div:nth-child(3) .icon{color:var(--book-accent)}.book-showcase-info .book-showcase-metrics>div:last-child>.icon{color:var(--muted);fill:none;stroke-width:1.8px}.book-showcase-info .book-showcase-metrics b{font:700 20px/1.2 var(--font-ui);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.book-showcase-info .book-showcase-metrics small{font:12px/1.4 var(--font-ui);color:var(--muted);white-space:normal;overflow-wrap:anywhere}.book-showcase-info .book-showcase-metrics small span{font-size:11px;display:block}.book-redesign :is(#book-sections,.book-following-content>div){scroll-margin-top:calc(var(--site-inset,9px) + var(--site-topbar-height,50px) + 90px)}@media (max-width:767px){.book-scroll-header{border-radius:13px;gap:8px;min-height:56px;padding:5px 7px}.book-scroll-title{font-size:18px}.book-showcase-info .book-showcase-metrics>:is(button,div){gap:5px;padding:3px 2px}.book-showcase-info .book-showcase-metrics b{font-size:18px}.book-showcase-info .book-showcase-metrics small{font-size:11px;line-height:1.35}.book-showcase-info .book-showcase-metrics small span{font-size:10px}.book-showcase-info .book-showcase-metrics .icon{width:20px;height:20px}.book-showcase .book-round-action{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.book-scroll-header,.book-scroll-header :is(a,button){transition:none;transform:none}}
