.cat-hero{padding:clamp(84px,11vw,132px) clamp(18px,2.4vw,30px) clamp(40px,6vw,72px)}.cat-hero-grid{max-width:var(--maxw);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.cat-hero h1{max-width:22ch;font-size:clamp(38px,4.6vw,66px)}.cat-hero .lede{max-width:54ch;margin-top:22px}.cat-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.cat-facts{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-neutral-500);flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:11px;display:flex}.cat-cover{aspect-ratio:595.5/842.25;justify-self:center;width:min(100%,380px);position:relative}.cat-cover:before{content:"";filter:blur(6px);background:radial-gradient(#1d2d3d59,#0000 70%);border-radius:50%;height:12%;position:absolute;bottom:-6%;left:6%;right:6%}.cat-cover img{background:var(--color-neutral-100);transform-origin:50%;width:100%;height:100%;transition:transform .6s var(--ease);border-radius:6px;position:absolute;inset:0;transform:perspective(1400px)rotateY(-7deg)rotateX(1.5deg);box-shadow:0 30px 60px -20px #1d2d3d73,0 2px 6px #1d2d3d1f,inset 0 0 0 1px #1d2d3d14}.cat-cover:hover img{transform:perspective(1400px)rotateY(-3deg)rotateX(.5deg)}.cat-cover .spine{pointer-events:none;background:linear-gradient(90deg,#0000002e,#0000);border-radius:6px 0 0 6px;width:10px;position:absolute;top:2%;bottom:2%;left:0;transform:perspective(1400px)rotateY(-7deg)}.cat-toc{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:clamp(28px,4vw,44px);display:grid}.toc-group{background:var(--surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--sh-1);padding:20px 20px 16px}.toc-group h3{font-family:var(--font-display);font-variation-settings:"wdth" 106;letter-spacing:-.01em;color:var(--color-text);margin:0 0 12px;font-size:15.5px;font-weight:700}.toc-group .rng{font-family:var(--font-mono);letter-spacing:.18em;color:var(--color-neutral-500);margin-top:4px;font-size:10.5px;font-weight:400;display:block}.toc-group ol{margin:0;padding:0;list-style:none}.toc-group li{border-top:1px solid var(--color-divider)}.toc-group button{all:unset;cursor:pointer;width:100%;font-family:var(--font-body);color:var(--color-neutral-800);transition:color .2s var(--ease);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 2px;font-size:14.5px;display:flex}.toc-group button:hover,.toc-group button:focus-visible{color:var(--color-accent-700)}.toc-group button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:6px}.toc-group button .pg{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-neutral-500);font-variant-numeric:tabular-nums;flex:none;font-size:11.5px}.reader{background:var(--color-neutral-100);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.reader-bar{z-index:20;background:color-mix(in srgb, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(14px,2.4vw,30px);display:flex;position:sticky;top:76px}.reader-bar .grp{align-items:center;gap:6px;display:flex}.rb-btn{all:unset;border:1px solid color-mix(in srgb, var(--color-text) 16%, transparent);background:var(--surface);min-width:36px;height:36px;color:var(--color-text);font-family:var(--font-body);cursor:pointer;box-shadow:var(--sh-1);white-space:nowrap;transition:border-color .2s var(--ease), color .2s var(--ease), background-color .2s var(--ease);border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:500;display:inline-flex}.rb-btn:hover{border-color:var(--color-accent);color:var(--color-accent-700)}.rb-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rb-btn[disabled]{opacity:.45;cursor:default}.rb-btn svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.rb-page{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-neutral-700);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.rb-page input{text-align:center;border:1px solid var(--color-divider);width:42px;height:32px;font:inherit;background:var(--surface);color:var(--color-text);border-radius:8px}.rb-page input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.rb-progress{background:var(--color-accent);width:0;height:2px;transition:width .3s var(--ease);position:absolute;bottom:-1px;left:0}.rb-progress.done{opacity:0;transition:opacity .6s var(--ease) .4s}.pages{max-width:var(--reader-w,900px);flex-direction:column;gap:clamp(16px,2.4vw,28px);margin:0 auto;padding:clamp(22px,3.5vw,44px) clamp(14px,2.4vw,30px) clamp(40px,6vw,72px);display:flex}.pg-wrap{aspect-ratio:595.5/842.25;background:#fff;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 1px 2px #1d2d3d14,0 18px 40px -18px #1d2d3d59}.pg-wrap img{object-fit:cover;width:100%;height:100%;display:block}.pg-wrap.missing{color:var(--color-neutral-500);font-family:var(--font-mono);letter-spacing:.18em;place-items:center;font-size:11px;display:grid}.pg-wrap.missing:before{content:"PAGE UNAVAILABLE"}.pg-wrap .pg-num{font-family:var(--font-mono);letter-spacing:.16em;color:var(--color-neutral-500);opacity:0;transition:opacity .2s var(--ease);background:#fffc;border-radius:6px;padding:3px 8px;font-size:10.5px;position:absolute;bottom:10px;right:12px}.pg-wrap:hover .pg-num{opacity:1}.pg-wrap.loading:after{content:"";background:linear-gradient(90deg,#f5f5f8 0%,#ececf0 50%,#f5f5f8 100%) 0 0/200% 100%;animation:1.4s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.reader.is-full{z-index:100;background:var(--color-neutral-200);position:fixed;inset:0;overflow:auto}.reader.is-full .reader-bar{top:0}.reader-fallback{text-align:center;max-width:60ch;color:var(--color-neutral-600);margin:0 auto;padding:60px 20px;display:none}.reader.no-js .reader-fallback,.reader.failed .reader-fallback{display:block}.reader.failed .pages,.reader.failed .reader-bar{display:none}@media (max-width:1020px){.cat-toc{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.cat-hero-grid{grid-template-columns:1fr}.cat-cover{width:min(70%,320px);margin-top:8px}}@media (max-width:640px){.cat-toc{grid-template-columns:1fr}.rb-btn.txt span{display:none}.rb-btn.txt{padding:0 10px}.reader-bar{top:64px}}@media (prefers-reduced-motion:reduce){.cat-cover canvas,.rb-progress,.toc-group button,.rb-btn{transition:none}.pg-wrap.loading:after{animation:none}}