.notebook-sheet{position:relative;min-width:0;padding:clamp(1rem,3vw,2rem);color:var(--tp-ink,#111);background-color:var(--tp-paper,#fff4d6);border:1px solid var(--tp-line,#c9c4b8);border-radius:.25rem .75rem .75rem .25rem;box-shadow:2px 3px 0 var(--tp-line,#c9c4b8);overflow-wrap:anywhere}.notebook-sheet--ruled{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2rem - 1px),var(--tp-line,#c9c4b8) calc(2rem - 1px),var(--tp-line,#c9c4b8) 2rem);background-position:0 1rem}.notebook-sheet--spine{border-inline-start:.5rem double var(--tp-line,#c9c4b8)}.notebook-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:start}.notebook-spread-tabs{width:100%;min-width:0}.notebook-flip{min-width:0;touch-action:pan-y}.notebook-flip__stage{display:grid;perspective:1600px}.notebook-flip__page{grid-area:1/1;min-width:0;transform-style:preserve-3d;backface-visibility:hidden}.notebook-flip .notebook-flip__stage>.notebook-flip__page--next{transform-origin:left center;animation:notebook-turn-next .6s ease both!important}.notebook-flip .notebook-flip__stage>.notebook-flip__page--prev{transform-origin:right center;animation:notebook-turn-prev .6s ease both!important}.notebook-flip .notebook-flip__stage>.notebook-flip__page--outgoing{pointer-events:none;animation:notebook-fade-out .6s ease both!important}.notebook-flip__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.notebook-flip__controls button{min-height:44px;min-width:44px;padding:.5rem 1rem;border:1px solid;border-radius:.25rem}.notebook-flip__controls button:disabled{opacity:.45;cursor:not-allowed}.notebook-flip:focus-visible,.notebook-flip__controls button:focus-visible{outline:3px solid var(--tp-link,#1849d6);outline-offset:4px}@keyframes notebook-turn-next{0%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}@keyframes notebook-turn-prev{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}@keyframes notebook-crossfade{0%{opacity:0}to{opacity:1}}@keyframes notebook-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.notebook-flip .notebook-flip__stage>.notebook-flip__page--next,.notebook-flip .notebook-flip__stage>.notebook-flip__page--prev{animation:notebook-crossfade .15s ease both!important;transform:none}.notebook-flip .notebook-flip__stage>.notebook-flip__page--outgoing{animation:notebook-fade-out .15s ease both!important}}