@layer theme,base;@layer components{.sc-section{padding-block:var(--spacing-section-l);position:relative}@media (max-width:63.99rem){.sc-section{padding-block:var(--spacing-section-m)}}.sc-section[data-pinned=true]{padding-block:0}.sc-section[data-pinned=true] .sc-pin{height:230svh}.sc-section[data-pinned=true] .sc-stage{align-items:center;height:100svh;padding-top:72px;display:flex;position:sticky;top:0}.sc-stage{position:relative}.sc-stage>.ctl-wrap{z-index:1;width:100%;position:relative}.sc-grid{grid-template-columns:minmax(0,1fr);align-items:center;row-gap:28px;display:grid}.sc-rail{align-content:start;gap:18px;min-width:0;display:grid}.sc-rail .ctl-bandhead{margin-bottom:0}.sc-lede{max-width:30rem;font-size:var(--text-body-l);line-height:var(--text-body-l--line-height);color:var(--band-fg-muted,var(--color-ink-muted))}.sc-lede strong{color:var(--band-fg,var(--color-ink));font-weight:500}.sc-lede a{color:var(--band-fg,var(--color-ink));text-decoration:underline;-webkit-text-decoration-color:var(--color-butter);text-decoration-color:var(--color-butter);text-underline-offset:4px}.sc-controls{border-block:1px solid color-mix(in oklab, var(--band-line,var(--color-line)) 45%, transparent);gap:14px;padding:16px 0;display:grid}.sc-pager{align-items:center;gap:12px;display:flex}.sc-count{text-align:center;font-variant-numeric:tabular-nums;min-width:9.5em;color:var(--band-fg,var(--color-ink));font-size:14.5px;font-weight:500}.sc-tools{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.sc-mode{min-height:44px;color:var(--band-fg-muted,var(--color-ink-muted));cursor:pointer;align-items:center;gap:10px;font-size:14px;display:none}.sc-mode input{width:22px;height:22px;accent-color:var(--color-butter)}.sc-cta{justify-self:start}@media (max-width:63.99rem){.sc-rail{display:contents}.sc-rail>*,.sc-viewport{grid-column:1/-1}.sc-rail>.ctl-bandhead{order:1}.sc-rail>.sc-lede{order:2}.sc-viewport{order:3;margin-top:6px}.sc-controls{border-top:0;flex-wrap:wrap;order:4;justify-content:space-between;gap:12px;padding-top:0;display:flex}.sc-rail>.sc-cta{order:5}}.sc-viewport{outline:none;min-width:0;position:relative}.sc-viewport:focus-visible{outline:2px solid var(--color-paper-raised);outline-offset:6px;box-shadow:0 0 0 10px var(--color-ink);border-radius:var(--radius-card)}.sc-book:focus-visible{outline:2px solid var(--color-paper-raised);outline-offset:2px;box-shadow:0 0 0 6px var(--color-ink);border-radius:var(--radius-card)}.sc-flag{z-index:30;border-radius:var(--radius-pill);background:var(--color-ink);min-height:28px;color:var(--color-on-ink);font:600 12.5px/1.2 var(--font-body);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px -6px #00000073}.sc-flag>svg{width:14px;height:14px}.sc-face{border-radius:0 var(--radius-cover) var(--radius-cover) 0;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.sc-face--back{border-radius:var(--radius-cover) 0 0 var(--radius-cover);transform:rotateY(180deg)}.sc-page{color:var(--color-ink);background:var(--grain-paper), linear-gradient(90deg, color-mix(in oklab, var(--ctl-umber) 12%, transparent), transparent 9%), var(--color-paper-raised);background-size:var(--grain-size) auto, auto, auto}.sc-face--back.sc-page{background:var(--grain-paper), linear-gradient(270deg, color-mix(in oklab, var(--ctl-umber) 12%, transparent), transparent 9%), var(--color-paper-raised);background-size:var(--grain-size) auto, auto, auto}.sc-page-art{width:100%;height:100%;position:absolute;inset:0}.sc-page-img{position:absolute;inset:0}.sc-page-img img{object-fit:contain;width:100%;height:100%}.sc-page-no{text-align:center;font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;color:var(--color-ink-faint);font-size:12px;position:absolute;bottom:4.2%;left:0;right:0}.sc-endpaper{background:var(--grain-paper), var(--laid-lines), var(--gradient-endpaper);background-size:var(--grain-size) auto, auto, auto}.sc-endpaper-mark{width:22%;color:color-mix(in oklab, var(--color-cream) 88%, var(--color-gilt));filter:drop-shadow(0 1px 0 #ffffffb3) drop-shadow(0 -1px 0 color-mix(in oklab, var(--ctl-umber) 22%, transparent));position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.sc-cover{background:var(--gradient-cover-sheen), radial-gradient(120% 80% at 20% 10%, #ffffff1a, transparent 60%), var(--gradient-bookcloth);box-shadow:inset 10px 0 12px -10px #00000080}.sc-cover-frame{border:1.5px solid color-mix(in oklab, var(--color-gilt-on-ink) 85%, transparent);outline:1px solid color-mix(in oklab, var(--color-gilt-on-ink) 50%, transparent);outline-offset:-7px;position:absolute;inset:6.5% 7% 6.5% 9%}.sc-cover-swift{width:30%;color:var(--color-gilt-light);filter:drop-shadow(0 2px 3px #00000040);position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.sc-cover-rule{background:color-mix(in oklab, var(--color-gilt-on-ink) 70%, transparent);height:1px;position:absolute;top:52%;left:22%;right:20%}.sc-cover-rule:after{content:"";background:var(--color-gilt-on-ink);width:7px;height:7px;margin-left:-3.5px;position:absolute;top:-3px;left:50%;transform:rotate(45deg)}.sc-cover-glyphs{color:var(--color-gilt-on-ink);justify-content:space-between;display:flex;position:absolute;bottom:17%;left:14%;right:12%}.sc-cover-glyphs>svg{aspect-ratio:1;width:9%;height:auto}.sc-cover-book{background:var(--subject-tint,var(--color-paper-sunken));overflow:hidden;container-type:inline-size}.sc-cover-type{border-radius:0 var(--radius-cover) var(--radius-cover) 0;box-shadow:inset 10px 0 12px -10px #00000080}@media (min-width:64rem){.sc-grid{column-gap:var(--spacing-gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.sc-rail{grid-column:1/span 4}.sc-viewport{grid-column:5/-1}.sc-mode{display:inline-flex}.sc-book{width:min(100%,150svh - 285px);aspect-ratio:var(--aspect-spread);perspective:var(--perspective-book);transform-style:preserve-3d;--tilt-rx:0deg;--tilt-ry:0deg;margin-inline:auto;position:relative}.sc-book-tilt{transform-style:preserve-3d;transform:rotateX(calc(4deg + var(--tilt-rx))) rotateY(var(--tilt-ry)) translateX(var(--shift,-25%));transition:transform var(--duration-slow) var(--ease-smooth-out);position:absolute;inset:0}.sc-book[data-scrubbing] .sc-book-tilt,.sc-book[data-scrubbing] .sc-leaf{transition:none}.sc-leaf,.sc-base{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--t,0) * -180deg)) translateZ(var(--zt,0px));transition:transform var(--duration-slow) var(--ease-smooth-out);position:absolute;top:0;left:50%}.sc-base{transform:translateZ(0)}.sc-leaf .sc-face,.sc-base .sc-face{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-line-strong) 18%, transparent)}.sc-base:before{content:"";background:var(--gradient-page-edge);box-shadow:18px 26px 40px -18px color-mix(in oklab, var(--color-band-plum-deep) 55%, transparent), 6px 10px 18px -8px color-mix(in oklab, var(--color-band-plum-deep) 40%, transparent);border-radius:0 3px 3px 0;position:absolute;inset:.6% -1.1% -1% 0;transform:translateZ(-2px)}.sc-shadow-left{background:var(--gradient-page-edge);width:50%;opacity:var(--open,0);box-shadow:-10px 26px 40px -18px color-mix(in oklab, var(--color-band-plum-deep) 50%, transparent);transition:opacity var(--duration-slow) var(--ease-smooth-out);border-radius:3px 0 0 3px;position:absolute;top:.6%;bottom:-1%;right:50%;transform:translateZ(-2px)}.sc-leaf--cover .sc-face:not(.sc-face--back){border-radius:0 4px 4px 0}}@media (max-width:63.99rem){.sc-book:not([data-view=book]){scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px var(--spacing-page) 22px;margin-inline:calc(-1 * var(--spacing-page));gap:14px;display:flex;overflow-x:auto}.sc-book:not([data-view=book])::-webkit-scrollbar{display:none}.sc-book:not([data-view=book]) :is(.sc-book-tilt,.sc-leaf,.sc-base){display:contents}.sc-book:not([data-view=book]) .sc-shadow-left{display:none}.sc-book:not([data-view=book]) .sc-face{aspect-ratio:3/4;scroll-snap-align:center;backface-visibility:visible;border-radius:var(--radius-cover);box-shadow:var(--shadow-book), 0 0 0 1px color-mix(in oklab, var(--color-line-strong) 18%, transparent);flex:0 0 min(78%,360px);position:relative;inset:auto;transform:none!important}.sc-book:not([data-view=book]) .sc-face--back{border-radius:var(--radius-cover)}.sc-book:not([data-view=book]) .sc-face[data-blank]{display:none}.sc-flag{top:-6px}}@media (min-width:48rem) and (max-width:63.99rem){.sc-book:not([data-view=book]) .sc-face{flex-basis:calc(50% - 7px)}}@media (max-width:63.99rem){.sc-book[data-view=book]{width:100%;aspect-ratio:var(--aspect-spread);perspective:var(--perspective-book);transform-style:preserve-3d;margin-inline:auto;position:relative}.sc-book[data-view=book] .sc-book-tilt{transform-style:preserve-3d;transform:rotateX(4deg) translateX(var(--shift,-25%));transition:transform var(--duration-slow) var(--ease-smooth-out);position:absolute;inset:0}.sc-book[data-view=book] :is(.sc-leaf,.sc-base){transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--t,0) * -180deg)) translateZ(var(--zt,0px));transition:transform var(--duration-slow) var(--ease-smooth-out);position:absolute;top:0;left:50%}.sc-book[data-view=book] .sc-base{transform:translateZ(0)}.sc-book[data-view=book] :is(.sc-leaf,.sc-base) .sc-face{box-shadow:0 0 0 1px color-mix(in oklab, var(--color-line-strong) 18%, transparent)}.sc-book[data-view=book] .sc-shadow-left{background:var(--gradient-page-edge);width:50%;opacity:var(--open,0);border-radius:3px 0 0 3px;position:absolute;top:.6%;bottom:-1%;right:50%;transform:translateZ(-2px)}.sc-book[data-view=book] .sc-leaf--cover .sc-face:not(.sc-face--back){border-radius:0 4px 4px 0}}.sch-show{--band-fg:var(--color-on-dark);--band-fg-muted:var(--color-on-plum-muted);--band-line:var(--color-on-plum-muted);--band-focus:var(--color-sunflower);padding-block:var(--spacing-v5-section);border-radius:var(--radius-v5-cover);color:var(--color-on-dark);--sch-show-end:color-mix(in srgb, var(--color-plum) 50%, var(--color-band-plum));background:radial-gradient(40% 50% at 92% 18%, color-mix(in srgb, var(--color-sunflower) 10%, transparent), transparent 60%), linear-gradient(105deg, var(--color-band-plum-deep) 0%, var(--color-band-plum) 50%, var(--sch-show-end) 100%);box-shadow:var(--shadow-navy-float);margin:clamp(10px,1.2vw,20px) clamp(0px,1.4vw,24px) 0;overflow:hidden}.sch-show :focus-visible{outline-color:var(--color-sunflower)}.sch-show .sc-rail .pg-section-head{margin-bottom:0}.sch-show .sc-lede{color:var(--color-on-plum-muted)}.sch-show .sc-lede :is(strong,a){color:var(--color-on-dark)}.sch-show .sc-viewport{padding-top:34px}.sch-show .sc-flag{background:var(--color-ink);color:var(--color-on-dark);box-shadow:none;letter-spacing:.02em;top:0;left:6px;transform:none}.sch-show .sc-flag>svg{width:16px;height:16px}@media (min-width:64rem){.sch-show .sc-book{width:min(100%,150svh - 285px)}}@media (max-width:63.99rem){.sch-show{background:radial-gradient(60% 40% at 90% 70%, color-mix(in srgb, var(--color-sunflower) 10%, transparent), transparent 60%), linear-gradient(180deg, var(--color-band-plum-deep) 0%, var(--color-band-plum) 55%, var(--sch-show-end) 100%)}.sch-show .sc-rail>.pg-section-head{order:1}}.sc-full{place-items:center;width:100%;height:100%;padding:64px 4vw 40px;display:grid}.sc-full .sc-book{width:min(92vw,150svh - 210px)}.sc-full-bar{align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.sc-leaf,.sc-book-tilt,.sc-book[data-view=book] :is(.sc-leaf,.sc-base,.sc-book-tilt){transition:none!important}}:root[data-motion=reduced] .sc-leaf,:root[data-motion=reduced] .sc-book-tilt{transition:none!important}}@layer utilities;