.reading-book{--book-spread:1;--leaf-height:640px;--leaf-inset:24px;--leaf-top:4rem;--leaf-bottom:4rem;color:#242a24;margin:28px -12px;container-type:inline-size}.reading-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:0 12px 24px;display:flex}.reading-desk{background:#e3dacb;border-radius:8px;padding:12px 6px 18px}.reading-spread{perspective:2200px;border:1px solid #baad97;border-radius:2px;position:relative;box-shadow:0 12px 22px #352c2426,0 3px #c2b7a4,0 6px #eee7da}.reading-visible-pages{grid-template-columns:1fr;display:grid}.reading-spread[data-spread=true] .reading-visible-pages{grid-template-columns:1fr 1fr}.reading-leaf{height:var(--leaf-height);color:#242a24;min-width:0;padding:var(--leaf-top) var(--leaf-inset) var(--leaf-bottom);background:#fffdf8;position:relative}.reading-spread[data-spread=true] .reading-leaf{background:linear-gradient(90deg,#fffdf8 94%,#ede6d8 100%)}.reading-spread[data-spread=true] .reading-visible-pages>.reading-leaf:nth-child(2){background:linear-gradient(90deg,#e7dece 0%,#fffdf8 6%);box-shadow:inset 1px 0 #b6a78e}.reading-book .reading-running-head{top:22px;left:var(--leaf-inset);right:var(--leaf-inset);color:#465347;border-bottom:1px solid #d1ba8c;padding-bottom:8px;font:1rem/1.4 Georgia,serif;position:absolute}.reading-book .reading-leaf-body{height:calc(var(--leaf-height) - var(--leaf-top) - var(--leaf-bottom));overflow-wrap:anywhere;text-align:left;font:1.25rem/1.65 Georgia,serif;overflow:hidden}.reading-book[data-large=true] .reading-leaf-body{font-size:1.6rem}.reading-book .reading-leaf-body p{font:inherit;margin:0 0 1em}.reading-book .reading-folio{bottom:22px;left:var(--leaf-inset);right:var(--leaf-inset);color:#465347;border-top:1px solid #d1ba8c;justify-content:space-between;gap:12px;padding-top:8px;font:.9375rem/1.4 Arial,sans-serif;display:flex;position:absolute}.reading-measure-leaf{width:100%;padding:var(--leaf-top) var(--leaf-inset) var(--leaf-bottom);visibility:hidden;pointer-events:none;z-index:-1;position:absolute;top:0;left:0}.reading-spread[data-spread=true] .reading-measure-leaf{width:50%}.reading-book .reading-end{padding-top:100px;font-style:italic}.reading-turn{height:var(--leaf-height);width:100%;transform-style:preserve-3d;z-index:3;pointer-events:none;position:absolute;top:0}.reading-spread[data-spread=true] .reading-turn{width:50%}.reading-turn-forward{transform-origin:0;animation:.48s ease-in-out both reading-forward;right:0}.reading-turn-back{transform-origin:100%;animation:.48s ease-in-out both reading-back;left:0}.reading-turn-front,.reading-turn>.reading-turn-reverse{backface-visibility:hidden;position:absolute;inset:0;box-shadow:0 12px 32px #352c2440}.reading-turn>.reading-turn-reverse{animation:none;transform:rotateY(180deg)}.reading-spread[data-spread=false] .reading-turn>.reading-turn-reverse{display:none}@keyframes reading-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes reading-back{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.reading-navigation{grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin:24px 12px 0;display:grid}.reading-book .reading-count{text-align:center;grid-area:1/1/auto/-1;margin:0;font:1.125rem/1.5 Arial,sans-serif}.reading-navigation button{min-height:56px;padding:12px}.reading-book .reading-navigation button:disabled{color:#5a5145;opacity:1;cursor:default;background:#e4ded3;border-color:#c0b4a0}.reading-book .reading-hint{color:#514b42;margin:20px 12px 0;font:1.125rem/1.6 Arial,sans-serif}.reading-hint a{text-underline-offset:4px;text-decoration:underline}@container (min-width:720px){.reading-desk{padding:20px 10px 26px}.reading-spread{--book-spread:2;--leaf-height:700px;--leaf-inset:32px}.reading-navigation{grid-template-columns:1fr auto 1fr;gap:24px}.reading-book .reading-count{grid-area:1/2}.reading-navigation button:first-child{grid-area:1/1}.reading-navigation button:last-child{grid-area:1/3}}@media (min-width:651px){.reading-book{margin-inline:-32px}}@media (prefers-reduced-motion:reduce){.reading-turn{animation:none}}
.story-demo{color:#22201c;font-family:Arial,sans-serif;font-size:1.25rem;line-height:1.65}.story-demo .demo-intro{max-width:800px;margin:0 0 28px}.demo-nav ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.demo-nav li{min-width:0}.demo-nav button{text-align:left;color:#22201c;cursor:pointer;background:#faf6ef;border:1px solid #9a8c7b;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:86px;padding:16px;font:600 1.125rem/1.4 Arial,sans-serif;display:flex}.demo-nav button[aria-current=step]{color:#fffdf8;background:#31483f;border-color:#31483f}.demo-nav button span{flex-shrink:0;font:1.8rem/1 Georgia,serif}.story-demo button:focus-visible,.story-demo a:focus-visible,.story-demo summary:focus-visible{outline-offset:4px;outline:3px solid #8c3b2e}.demo-panel{background:#fffdf8;border:1px solid #c1b4a3;border-radius:12px;margin-top:20px;padding:40px 48px}.story-demo .demo-step{color:#65523e;margin:0 0 16px;font-size:1.125rem;font-weight:600}.story-demo .demo-panel h3{margin:0 0 24px;scroll-margin-top:28px;font:2.2rem/1.2 Georgia,serif}.demo-panel h3:focus{outline:none}.story-demo .demo-guidance{max-width:800px;margin:0 0 24px}.story-demo .demo-rough{border-left:3px solid #a98c63;margin:28px 0;padding:0 0 0 24px;font:1.375rem/1.8 Georgia,serif}.story-demo .demo-rough p{margin:0 0 24px}.demo-rough summary{cursor:pointer;margin-bottom:12px;padding:14px 0;font:600 1.125rem/1.5 Arial,sans-serif}.demo-question,.demo-answer{border-radius:8px;max-width:850px;margin:28px 0;padding:28px}.demo-question{background:#e8eee9;border-left:4px solid #31483f}.demo-answer{background:#f6efe3;border-left:4px solid #a98c63;margin-left:40px}.story-demo .demo-speaker{margin:0 0 14px;font:600 1.125rem/1.5 Arial,sans-serif}.demo-answer>p:not(.demo-speaker){font-family:Georgia,serif;font-size:1.375rem}.story-demo .demo-story{max-width:760px;margin:36px auto;font:1.5rem/1.85 Georgia,serif}.story-demo .demo-story p{margin:0 0 28px}.demo-takeaway{border-top:1px solid #c1b4a3;margin:28px 0;padding-top:28px}.demo-takeaway h4{margin:0 0 16px;font:1.5rem/1.4 Georgia,serif}.demo-actions{flex-wrap:wrap;align-items:center;gap:16px;padding-top:12px;display:flex}.story-demo .demo-disclosure{color:#514b42;max-width:850px;margin:20px 0 0;font-size:1.125rem}@media (max-width:650px){.demo-nav ol{grid-template-columns:1fr;gap:8px}.demo-nav button{min-height:62px}.demo-panel{padding:28px 20px}.story-demo .demo-panel h3{font-size:1.8rem}.demo-answer{margin-left:0}.demo-question,.demo-answer{padding:20px}.story-demo .demo-rough{padding-left:16px}.demo-actions>*{width:100%}.story-demo .demo-story{font-size:1.375rem}}.story-demo .primary-button{color:#fff;background:#8c3b2e}.story-demo .secondary-button{color:#6d2c22;background:#fffdf8}.demo-edit-request{border-top:1px solid #c1b4a3;margin:32px 0 8px;padding-top:24px}.demo-edit-request h4{margin:0 0 16px;font:1.5rem/1.4 Georgia,serif}.demo-edit-request blockquote{border-left:3px solid #a98c63;margin:16px 0;padding-left:20px;font:1.375rem/1.7 Georgia,serif}