/* A compact notebook: one word, one illustration, one named next action. */
.approach-home-story{background:none;border:0;box-shadow:none;padding:0;margin-inline:0;max-width:none}
.design-book{width:min(100%,480px);margin-inline:auto;overflow-anchor:none;min-width:0}
.design-book:focus-visible{outline:none}
.design-book h3{font:400 26px/1.25 var(--serif);letter-spacing:-.5px;margin:0}
.book-cover{position:relative;isolation:isolate;margin:18px 0 26px}
.book-cover:before,.book-cover:after{content:"";position:absolute;inset:7px 5px -7px;border:1px solid #d9e0f2;background:#f5f7fe;border-radius:16px;z-index:-1;pointer-events:none}
.book-cover:after{inset:12px 11px -13px;background:#edf1fd;z-index:-2}
.book-rail{position:relative;display:grid;gap:12px;border:1px solid #d4ddef;border-radius:16px;background:white;box-shadow:0 18px 34px -28px #1b3bb844}
.book-ready .book-rail{display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}
.book-rail::-webkit-scrollbar{display:none}.book-rail:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.book-page{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:264px;padding:30px 22px;text-align:center;user-select:none}
.book-page-number{position:absolute;top:16px;right:18px;font:11px/1.5 var(--mono);color:var(--muted)}
.book-illustration{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:22px;background:#edf1ff;color:var(--blue)}
.book-illustration .icon{width:38px;height:38px}
.book-page h4{font:400 39px/1.15 var(--serif);letter-spacing:-.8px;margin:17px 0 8px;color:var(--ink)}
.book-page>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:100%}
.book-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.book-navigation>span{min-width:104px}
.book-navigation button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;font-size:13px;line-height:1.4}
#book-prev{padding:8px 0;background:none;color:var(--blue)}#book-prev:hover{text-decoration:underline;text-underline-offset:4px}
#book-next{padding:10px 19px;border:1px solid var(--blue);border-radius:999px;background:var(--blue);color:white;min-width:120px;transition:background .15s,transform .15s}
#book-next:hover{background:#173cc8;transform:translateY(-1px)}.book-navigation .icon{width:14px;height:14px}
.design-book .book-hint{font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin:14px 0 0}
.design-book.is-dragging .book-rail{scroll-snap-type:none;cursor:grabbing}
@media(max-width:760px){.design-book h3{font-size:25px}.book-page{min-height:244px;padding:26px 18px}.book-page h4{font-size:37px}.book-illustration{width:70px;height:70px;border-radius:20px}.book-illustration .icon{width:35px;height:35px}.book-page>p{font-size:13px}.book-cover{margin-top:16px}.book-navigation button{font-size:12px}#book-next{min-width:113px;padding-inline:16px}.book-navigation>span{min-width:96px}}
@media(prefers-reduced-motion:reduce){#book-next{transition:none;transform:none}}
.motion-reduced #book-next{transition:none;transform:none}
@media print{.book-ready .book-rail{display:block;overflow:visible}.book-page{break-inside:avoid}.book-navigation,.book-hint{display:none}.book-cover:before,.book-cover:after{display:none}}