/* Learning comes first. Material and motion follow the content structure. */
main.workbench{max-width:690px;padding:14px 22px 30px;gap:22px;margin-top:0}
.learning-home-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.learning-home-header h1{font-size:1.6rem}.learning-home-header .eyebrow{font-size:.72rem;letter-spacing:.08em}.learning-home-header a{font-size:.8rem}
.current-lesson{background:#fffcf4;border:1px solid #d9cbd9;border-left:7px solid #ad92ba;border-radius:3px 13px 13px 3px;padding:25px;box-shadow:0 4px #d3c5d5,7px 12px 22px #58436818;gap:13px!important}.current-lesson h2{font-size:1.75rem;color:#403148}.current-lesson .eyebrow{font-size:.76rem}.lesson-goal{font-size:.91rem;color:#675b6b}.lesson-path{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #dfd3df;padding:12px 2px;font-size:.77rem;color:#675271}.lesson-path i{font-style:normal;color:#b1a1b5}.current-lesson .primary{width:100%;margin-top:3px}
.notebook-entry{display:flex;align-items:center;gap:17px;border-top:1px dashed #d6c4d8;padding-top:16px;margin-top:4px;min-height:80px}.notebook-entry>span:nth-child(2){flex:1}.notebook-entry strong{font-size:1rem}.notebook-entry small{font-size:.74rem}.mini-notebook{width:51px;height:66px;display:grid;place-items:center;flex:none;background:repeating-linear-gradient(90deg,#ffffff09 0 1px,transparent 1px 3px),#b7a0c9;border-left:6px solid #8b729f;border-radius:3px 7px 7px 3px;box-shadow:0 3px #fffae8,0 5px #9d89aa,3px 7px 5px #6c517524;transform:rotate(-6deg);font:10px/1.6 Georgia,serif;color:#53415f;text-align:center}.mini-notebook span{border:1px solid #dfccea80;padding:7px}
.study-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.study-shortcuts .destination{gap:10px;padding:12px 0;align-items:flex-start}.study-shortcuts .destination>span:last-child{display:none}.study-shortcuts strong{font-size:.95rem}.study-shortcuts small{font-size:.7rem}.break-shelf{padding:18px 20px;background:#e3d9e7;border:1px solid #c6b4ce;border-radius:8px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 4px #b9a7c3}.break-shelf h2{font-size:1rem}.break-shelf p{font-size:.75rem;color:#675570;max-width:190px;margin-top:5px}.shelf-link{display:flex;flex-direction:column;align-items:center;min-width:91px;gap:1px;font-size:.73rem;font-weight:600}.shelf-dice{font-size:52px;line-height:1;color:#654f73;filter:drop-shadow(2px 4px 1px #a997b2);transform:rotate(10deg)}
main[data-page=notebook]{background:none;box-shadow:none;border:0;padding:12px;max-width:660px}main[data-page=notebook]:before{display:none}.notebook-reader{min-width:0;width:100%}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;padding:0 3px 8px}.reader-toolbar .text-button{font-size:.8rem;min-height:44px}.page-book{margin:auto;position:relative;max-width:100%;min-height:390px}.notebook-page{background:#fffbed;border:1px solid #d3c8ba;box-shadow:inset 7px 0 16px #59495213;color:#3d3446;overflow:hidden}.page-content{height:100%;padding:30px 25px;display:flex;flex-direction:column;gap:26px;position:relative}.page-kicker{font-size:.65rem;letter-spacing:.08em;color:#7e6c84}.page-content h2{font-size:1.65rem;line-height:1.5}.page-content p{font-size:1.03rem;line-height:1.95;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere}.page-number{font-size:.7rem;color:#897a8b;margin-top:auto;text-align:right}.notebook-cover{background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),#bca7ce;color:#43324f;border-left:12px solid #8b719e;border-radius:3px 9px 9px 3px}.notebook-cover .page-content{border:1px solid #dfcfe879;margin:12px;height:calc(100% - 24px);padding:22px 15px}.notebook-cover h2{font-size:1.9rem}.notebook-emblem{font-family:Georgia,serif;font-size:76px;line-height:1;text-align:center;color:#7c5a92}.notebook-cover .page-content p{font-size:.95rem}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 5px 0;font-size:.8rem}.reader-controls button{min-width:64px}.plain-book{display:flex;flex-direction:column;gap:15px;min-height:0}.plain-book .notebook-page{position:static!important;width:auto!important;height:auto!important}.plain-book .page-content{min-height:250px;height:auto}.plain-book .notebook-cover{display:none}.plain-book .page-content p{font-size:1rem}.stf__wrapper{margin:auto!important}.stf__parent{overflow:visible!important}.stf__block{box-shadow:5px 9px 14px #4c34532a}
main[data-page=desk]{max-width:860px;background:none;box-shadow:none;border:0;padding:12px 18px;margin-bottom:35px}main[data-page=desk]:before{display:none}.toy-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.toy-heading h1{font-size:1.6rem}.toy-heading .eyebrow{font-size:.72rem}.toy-heading a{font-size:.78rem}.toy-stage{width:100%;height:clamp(350px,55svh,520px);border:1px solid #bda8c7;border-radius:18px;overflow:hidden;box-shadow:0 6px #aa96b4,0 15px 28px #4d34532a;background:#e5dfe9;position:relative}.toy-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.toy-stage.grabbing canvas{cursor:grabbing}.toy-loading{padding:35px;text-align:center}.toy-instruction{font-size:.8rem;text-align:center;color:#5d4c68}.toy-actions{display:flex;flex-wrap:wrap;gap:10px}.toy-actions button{flex:1;white-space:nowrap;font-size:.85rem}.dice-result{padding:17px 20px;background:#fff9ec;border-bottom:2px solid #cfbed2;font-size:1rem;min-height:62px}.roll-history h2{font-size:.92rem}.roll-history ol{padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none}.roll-history li{background:#fffaf0;padding:8px 10px;display:flex;justify-content:space-between;gap:10px;font-size:.82rem}.roll-history li:only-child{grid-column:1/-1}
main[data-page=session]>.heading{gap:5px}main[data-page=session]>.heading h1{font-size:1.45rem}main[data-page=session]>.between{gap:6px}.notebook-reader + .primary{width:100%}
@media(max-width:650px){main.workbench{padding:10px 18px 28px;gap:18px;margin-bottom:95px}.current-lesson{padding:20px;gap:11px!important}.current-lesson h2{font-size:1.5rem}.current-lesson .lesson-goal{font-size:.84rem}.break-shelf{padding:15px}.learning-home-header h1{font-size:1.45rem}.study-shortcuts{gap:12px}.study-shortcuts .destination>svg{width:20px;height:20px}.study-shortcuts .destination{gap:8px}.page-content{padding:25px 20px;gap:20px}.page-content h2{font-size:1.4rem}.page-content p{font-size:.95rem;line-height:1.9}.notebook-cover h2{font-size:1.55rem}.notebook-emblem{font-size:64px}.notebook-cover .page-content p{font-size:.88rem}main[data-page=session]{padding:19px 16px 27px}.reader-toolbar{padding-inline:0}.toy-heading h1{font-size:1.4rem}.toy-heading a{font-size:.73rem}.toy-stage{height:410px}.toy-actions{gap:7px}.toy-actions button{padding:10px;min-height:48px;font-size:.8rem}.roll-history ol{grid-template-columns:repeat(2,1fr)}main[data-page=desk]{margin:9px 0 22px;padding:10px 15px}.toy-instruction{font-size:.72rem}.dice-result{font-size:.9rem}.page-book{max-width:100%}}
@media(max-width:360px){.study-shortcuts strong{font-size:.85rem}.study-shortcuts small{font-size:.66rem}.study-shortcuts .destination>svg{display:none}.break-shelf p{font-size:.7rem}.toy-stage{height:365px}.page-content p{font-size:.87rem}.page-content{gap:17px}}

/* Long or enlarged lesson text remains reachable inside a page. */
.page-content{overflow-y:auto;overscroll-behavior:contain}.plain-book .page-content{overflow:visible}

.factor-example{margin:0;padding:15px;background:#eee5f0;border-radius:4px;border-left:3px solid #a68aba}.factor-example figcaption{font-size:.8rem;display:flex;align-items:baseline;gap:5px}.factor-example figcaption strong{font:700 1.4rem Georgia,serif}.factor-example figcaption>span{margin-left:auto;color:#786081}.factor-example>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.factor-example>div span{width:32px;height:32px;border:1px solid #c6b5ca;display:grid;place-items:center;border-radius:50%;background:#fffcf5;font-family:Georgia,serif}