/* Circular symbols retain one centered line at every breakpoint. */
.tools button,#help,.close,.reader-arrow,.project-nav button,.tv-side button{display:grid;place-items:center;padding:0;line-height:1;flex-shrink:0;font-family:Arial,sans-serif;box-sizing:border-box}
.tools button{width:42px;height:42px;min-width:0;min-height:0}.tools .offslash{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-48deg)}
.hotspot:before{flex:0 0 auto;line-height:1;box-sizing:border-box}.wordmark{display:inline-flex;align-items:center}.house{display:inline-grid;place-items:center;line-height:1}.wordmark-dot{align-self:flex-start}
.case-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.case-header>.eyebrow{min-width:0}.project-nav{position:static;display:flex;align-items:center;justify-self:end;gap:8px}.project-nav button{width:36px;height:36px;border:1px solid #ffffffe0;border-radius:50%;background:#fdf7e8;color:#4f5546;font-size:21px}
.process-page-nav{position:absolute;right:18px;bottom:12px;display:flex;gap:8px;z-index:2}.process-page-nav button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #756d4555;border-radius:50%;background:#fff5db;color:#554e35;line-height:1}.process-notebook .page:last-child{padding-bottom:62px;transform-origin:left;animation:processTurn .45s ease-out}
@keyframes processTurn{from{transform:perspective(1200px) rotateY(-35deg);opacity:.5}to{transform:none;opacity:1}}
#labels>.hotspot.secondary-label,#labels>.hotspot.bonus{background:rgba(255,250,240,.38);opacity:.67;font-size:10px;padding:4px 6px}

/* Stable paper geometry; content is fitted to the measured page size. */
.blog-dialog{width:min(1060px,96vw)}.blog-reader{--paper-height:clamp(420px,66dvh,650px);padding-top:7px}
.book-page{height:var(--paper-height);min-height:0;padding:28px 32px 35px;display:flex;flex-direction:column}
.page-running{flex:none}.page-copy{padding-top:12px;flex:1;min-height:0;overflow:visible}
.page-copy p,.page-copy li{font-size:16px;line-height:1.6;margin:0 0 12px}.page-copy h2{font-size:32px;line-height:1.08;margin:12px 0 16px}.page-copy h3{font-size:22px;line-height:1.2;margin:14px 0 10px}
.page-copy .title-page{padding-top:0}.page-copy .end-page{display:block;min-height:0}.page-measure{position:fixed!important;left:-20000px;top:0;visibility:hidden;pointer-events:none;--paper-height:clamp(420px,66dvh,650px)}
.page-copy>span{font-size:12px;display:block;margin-top:14px}.book-spread{filter:none;box-shadow:0 24px 38px #15211655;isolation:isolate}
.book-spread:after{z-index:-1}.book-spread:before{z-index:6}.reader-status{margin-top:22px}
.turning-leaf{position:absolute;z-index:5;top:0;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none}
.book-spread>.resting-page{position:absolute;top:0;width:50%;height:100%;z-index:3}.resting-page.left{left:0}.resting-page.right{right:0}
.turning-leaf.forward{left:50%;transform-origin:left center}.turning-leaf.backward{left:0;transform-origin:right center}
.turning-leaf .book-page{position:absolute;inset:0;width:100%;height:100%;margin:0;backface-visibility:hidden;overflow:hidden;border-radius:0 5px 5px 0}
.turning-leaf .leaf-front{transform:translateZ(.4px);box-shadow:inset 20px 0 28px #71513724}
.turning-leaf .leaf-back{transform:rotateY(180deg) translateZ(.4px);box-shadow:inset -20px 0 28px #71513724}
.turning-leaf:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#70543845,transparent 30%,#fff5 75%,#70543825);pointer-events:none;backface-visibility:hidden;transform:translateZ(.8px);border-radius:inherit}
.book-opening .book-spread{animation:unfoldBook .7s cubic-bezier(.2,.65,.2,1) both}.book-opening .book-page.left{transform-origin:right;animation:unfoldCover .7s ease-out both}
@keyframes unfoldBook{from{transform:translateY(24px) scale(.88);opacity:0}to{transform:none;opacity:1}}
@keyframes unfoldCover{from{transform:rotateY(145deg)}to{transform:rotateY(0)}}
@media(max-width:760px){.tools button{width:36px;height:36px}.project-nav{right:53px}.blog-reader{padding:7px 12px 0;--paper-height:clamp(400px,65dvh,620px)}.page-measure{--paper-height:clamp(400px,65dvh,620px)}.book-page{padding:24px 26px 36px}.book-page.left{border-radius:5px;box-shadow:inset 14px 0 25px #6b513c19}.page-copy h2{font-size:29px}.reader-arrow{position:absolute;top:50%;width:32px;height:32px}.page-previous{left:-15px}.page-next{right:-15px}.turning-leaf.single{width:100%;left:0}.turning-leaf.single.forward{transform-origin:left}.book-spine-title{max-width:95%;font-size:10px}.book-switcher button{min-height:40px}.book-switcher button span{display:none}}
@media(prefers-reduced-motion:reduce){.book-opening .book-spread,.book-opening .book-page.left{animation:none!important}}