/* Objects with construction and purpose, rather than themed rectangles. */
.current-lesson{padding-left:36px;border:0;border-left:10px solid #9880af;border-radius:3px 10px 6px 3px;background:linear-gradient(90deg,#c9b9b044,transparent 22px),repeating-linear-gradient(0deg,transparent 0 27px,#9888a010 27px 28px),#fff9e9;box-shadow:-5px 0 #bba6cc,0 3px #d1c3b9,0 5px #fff6df,0 7px #d1c3b9,0 11px #a087b7,9px 18px 0 #697ba52a;overflow:visible}
.current-lesson:before{left:16px;top:0;bottom:0;width:1px;background:#bb7c922c;border:0}.current-lesson:after{display:none}
.notebook-binding{position:absolute;left:-18px;top:26px;bottom:24px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:2}
.notebook-binding i{width:34px;height:12px;border:3px solid #aaa0ab;border-top-color:#e8dde4;border-bottom-color:#72637f;border-radius:50%;box-shadow:2px 2px 0 #6c5a7940;background:transparent;position:relative}.notebook-binding i:after{content:'';position:absolute;right:-5px;top:1px;width:5px;height:5px;border-radius:50%;background:#66506e;z-index:-1}
.paper-fold{position:absolute;right:0;top:0;width:29px;height:29px;background:linear-gradient(45deg,#e1d5c4 0 49%,#d0c0d9 50% 54%,transparent 55%);filter:drop-shadow(-2px 2px 1px #6f5b6b26)}
.current-lesson>.eyebrow{border:0;padding:0;font-size:.72rem;letter-spacing:.1em}.current-lesson h2{padding-right:6px}
.current-lesson .lesson-path{border-bottom:1px dashed #b4a2bb}.current-lesson>.primary{align-self:flex-end;width:auto;max-width:100%;margin:2px -22px 0 0;padding:11px 24px 11px 17px;min-height:46px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);border:0;border-radius:0;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 3px),#946382;box-shadow:inset 0 2px #c49aad,inset 0 -2px #714a69;font-size:.85rem;filter:drop-shadow(2px 3px 1px #61507135)}
.notebook-entry{border-top:0}.mini-notebook{display:none}.notebook-entry>span:last-child{font-size:1rem}.notebook-entry strong{font-weight:500;text-decoration:underline;text-decoration-color:#a893b866;text-underline-offset:4px}
.study-shortcuts{align-items:center;padding:10px 2px 7px;gap:24px}
.object-folder,.object-flashcards{display:block;position:relative;isolation:isolate;color:#49394f;min-width:0;transition:transform .16s}
.object-folder{height:125px;margin-top:13px;background:#9a83ad;border-radius:3px 4px 5px 5px;transform:rotate(-3deg);box-shadow:0 4px #806990,6px 10px 0 #68769f28}
.folder-tab{position:absolute;top:-17px;left:0;background:#9a83ad;border-radius:5px 7px 0 0;padding:1px 14px 6px;font-size:.69rem;color:#fff6eb}
.folder-paper{position:absolute;inset:9px 10px 5px;background:repeating-linear-gradient(0deg,transparent 0 13px,#cfc1cb77 13px 14px),#fff7e7;transform:rotate(3deg);padding:5px 9px;font:11px Georgia,serif;color:#8b778e;border:1px solid #d7c5d0;box-shadow:0 -3px #e7d6df}
.folder-face{position:absolute;inset:34px 0 0;background:repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 3px),#bdabc9;border:1px solid #a88eb8;border-top:2px solid #ddcae5;border-radius:3px 3px 5px 5px;padding:17px 15px;transform-origin:bottom;transition:transform .18s}
.object-folder strong,.object-flashcards strong{font-size:.95rem;display:block}.object-folder small,.object-flashcards small{font-size:.72rem;color:#65536e;margin-top:3px}
.object-flashcards{margin:12px 5px 0;height:135px;transform:rotate(4deg)}
.object-flashcards:before,.object-flashcards:after{content:'';position:absolute;inset:4px -3px -4px 3px;background:#e8d7df;border:1px solid #bba6bb;border-radius:5px;transform:rotate(-6deg);z-index:-1;box-shadow:4px 7px 0 #68769f25}.object-flashcards:after{inset:6px 2px -7px -2px;transform:rotate(3deg);background:#fff6e2}
.flashcard-face{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,#a48b9d05 0 1px,transparent 1px 3px),#fff9e9;border:1px solid #c6b5bc;border-radius:5px;padding:17px 9px 10px}
.card-math{font:24px Georgia,serif;letter-spacing:7px;margin-bottom:6px;color:#947997}
.card-ring{position:absolute;top:-11px;left:16px;width:18px;height:30px;border:4px solid #a89aa6;border-left-color:#dfd7dc;border-right-color:#776880;border-radius:50%;z-index:2;box-shadow:2px 1px #5f52722b}.card-ring:after{content:'';position:absolute;bottom:0;left:1px;width:6px;height:6px;background:#695775;border-radius:50%}
.object-toolbox{position:relative;display:block;margin:17px 3px 10px;min-height:100px;background:#4b3c58;border:2px solid #3f334c;border-radius:4px 6px 8px 6px;box-shadow:0 7px #6f5879,7px 13px 0 #68769f2b;transform:rotate(-1deg)}
.toolbox-handle{position:absolute;top:-13px;left:calc(50% - 26px);width:52px;height:14px;border:5px solid #88768f;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:inset 0 2px #ba9fae}
.toolbox-lid{display:flex;align-items:center;gap:20px;margin:5px 6px 13px;padding:14px 15px;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 4px),#65516f;border:1px solid #8e7699;border-bottom:3px solid #342a42;border-radius:3px 5px 2px 2px;transform-origin:top;transition:transform .18s;color:#f4e9dc}
.toolbox-lid strong{font-size:.98rem}.toolbox-lid small{font-size:.75rem;color:#d4c0d6}.toolbox-mark{font:25px Georgia,serif;color:#c9a7c4;white-space:nowrap}
.toolbox-latch{position:absolute;bottom:4px;width:20px;height:12px;background:#bfaeab;border:1px solid #e2d1bf;border-bottom:3px solid #8e7b8c;border-radius:2px}.latch-left{left:22px}.latch-right{right:22px}
.object-folder:active .folder-face,.object-folder.is-pressed .folder-face{transform:perspective(500px) rotateX(-12deg)}.object-flashcards:active,.object-flashcards.is-pressed{transform:translateY(-3px) rotate(0)}.object-toolbox:active .toolbox-lid,.object-toolbox.is-pressed .toolbox-lid{transform:perspective(500px) rotateX(8deg)}
@media(max-width:650px){.current-lesson{padding:18px 19px 15px 29px;border-left-width:8px;gap:10px!important}.current-lesson>.primary{margin-right:-24px;font-size:.82rem}.notebook-binding{left:-17px}.notebook-binding i{width:29px;height:11px}.study-shortcuts{gap:21px;padding:7px 4px}.object-folder{height:113px}.folder-face{inset:30px 0 0;padding:14px 11px}.object-flashcards{height:124px}.object-folder strong,.object-flashcards strong{font-size:.88rem}.toolbox-lid{gap:14px;padding:12px}.toolbox-mark{font-size:21px}.object-toolbox{min-height:91px;margin-top:14px}}
@media(max-width:360px){.current-lesson{padding-left:24px}.toolbox-mark{font-size:17px}.toolbox-lid{gap:10px}.folder-face{padding-inline:8px}.object-folder small,.object-flashcards small{font-size:.69rem}}
