/* Projection-first paper, silk and walnut presentation. */
.classroom-page #course-position,.classroom-page .footer{display:none}
.classroom-page .course-navigation{background:none;border:0;box-shadow:none;padding:4px 0;justify-content:space-between;gap:24px}
.classroom-page .course-navigation button{border:0;border-radius:22px;padding:12px 24px;background:#f6f1e5e8;box-shadow:0 4px 16px #3c322410}
.classroom-page .course-navigation #course-next{background:#50644d;color:#fff9e9}
.classroom-page .course-navigation button:disabled{opacity:.4;box-shadow:none}
.classroom-page .topbar{border:0}
.classroom-page .toolbar{gap:14px;align-items:center}
.presentation-menu{position:relative;z-index:80;order:2}
.presentation-menu summary{cursor:pointer;list-style:none;border:0;border-radius:20px;padding:10px 18px;color:#4c5946;background:#f7f1e4d9;font-size:17px}
.presentation-menu summary::-webkit-details-marker{display:none}
.presentation-options{position:absolute;right:0;top:calc(100% + 12px);width:230px;padding:14px;display:grid;gap:6px;background:#f7f2e7;border-radius:20px;box-shadow:0 16px 50px #312b2830}
.classroom-page .presentation-options button{width:100%;border:0;box-shadow:none;background:transparent;text-align:left;font-size:17px;padding:10px 14px}
.classroom-page .presentation-options button:hover{background:#e2e6d7}
.classroom-page #sound-toggle{order:1;border:0;box-shadow:none;background:#f7f1e4d9;font-size:17px}
.classroom-page .lesson-panel{border:0!important;border-radius:26px;box-shadow:0 14px 45px #3d32241a}
.classroom-page .lesson-pages{border:0;background:#f5f0e5b8;padding:12px 20px;gap:12px}
.classroom-page .lesson-pages button{border:0;box-shadow:none;border-radius:16px}
.classroom-page .lesson-switch{gap:8px}
.classroom-page .lesson-switch button{border:0;border-radius:16px}
.classroom-page button{transition:background .2s,box-shadow .2s,opacity .2s}
.classroom-page button:focus-visible,.presentation-menu summary:focus-visible{outline:3px solid #a56042;outline-offset:5px}
.classroom-page .has-model .inspect-object{filter:none;position:relative}
.classroom-page .has-model .ribbon,.classroom-page .has-model .wrapper,.classroom-page .has-model .open-control{top:auto!important;bottom:12px!important;left:50%!important;transform:translateX(-50%)!important;border:1px solid #baa88b;border-radius:24px;padding:12px 24px;width:auto;min-width:180px;background:#f6eddaee;box-shadow:0 5px 20px #57442a25;font-size:21px}
.classroom-page .has-model .ribbon:hover,.classroom-page .has-model .wrapper:hover{background:#e6dcc5;box-shadow:0 0 0 6px #e6dcc566}
.classroom-page .model-tools{background:none;border:0;box-shadow:none;gap:14px;margin:10px auto;color:#58634e;font-size:14px}
.classroom-page #inspect-continue{display:block;margin:8px auto;border:0;border-radius:24px}
.classroom-page #inspect-continue[hidden]{display:none}
.classroom-page .leaf .clue-button{writing-mode:vertical-rl;align-self:center;min-height:0;height:auto;max-height:100%;padding:12px 9px;font:inherit;font-size:24px;line-height:1.5;letter-spacing:2px;border:0;border-radius:8px;background:#c5cfb335;box-shadow:none;color:#41563a}
.classroom-page .leaf .clue-button:hover{background:#cad4b780}
.classroom-page .leaf .clue-button[aria-pressed=true]{background:#52684b;color:#fff8e7}
.classroom-page .clue-notes{border:0;border-radius:20px;gap:20px;box-shadow:0 6px 24px #40342013}
.classroom-page .dragging{pointer-events:none;z-index:20}
.classroom-page .drop-ready{outline:3px solid #65815b;outline-offset:8px;background:#cad8bc88!important;box-shadow:0 0 0 12px #d4dfc64d}
.classroom-page .label-option,.classroom-page .paper-label{border:1px solid #b9ab8b;border-radius:12px;box-shadow:2px 5px 15px #453b2820}
@media(max-height:800px){.classroom-page .has-model .inspect-object{height:clamp(250px,47vh,410px);min-height:240px}.classroom-page .model-tools{margin:4px auto}.classroom-page .has-model .ribbon,.classroom-page .has-model .wrapper,.classroom-page .has-model .open-control{bottom:0!important;padding:9px 20px}}
@media(prefers-reduced-motion:reduce){.classroom-page button{transition:none}}
@media (min-width:901px){.classroom-page .stage{height:calc(100svh - 310px);min-height:330px}}
.classroom-page .has-model .inspect-object{height:calc(100% - 130px);min-height:220px}
.classroom-page[data-opened=true] .has-model .inspect-object{height:calc(100% - 165px)}
.classroom-page .model-tools{position:relative;z-index:2}
/* V29: distinguish silk, paper and walnut instead of one ivory surface. */
.classroom-page .closed-scroll{background:linear-gradient(90deg,transparent 46%,#873f30 46% 50%,#bd7860 50% 51%,#873f30 51% 54%,transparent 54%),repeating-linear-gradient(45deg,#d1c18c18 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,#d1c18c18 0 1px,transparent 1px 9px),linear-gradient(0deg,#263f37,#66836b 35%,#81957a 55%,#476750 84%,#243c33)!important;border-top:2px solid #b5b18a;border-bottom:3px solid #263c30;box-shadow:inset 0 5px 10px #e9d8a52b,inset 0 -12px 14px #14251e70,0 16px 22px #31281935!important}
.classroom-page .closed-scroll:before,.classroom-page .closed-scroll:after{background:linear-gradient(#372317,#9b7047 35%,#624328 70%,#2e2118);border-color:#47301d}
.classroom-page .hanging-tag{background:#dec99f;color:#3a4333;box-shadow:3px 8px 14px #2c271b35;border-top:4px solid #904e3e}
.classroom-page #material-object[data-material=silk]{background:repeating-linear-gradient(45deg,#cfb47b28 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,#cfb47b28 0 1px,transparent 1px 7px),linear-gradient(115deg,#435b4b,#9a9c72 45%,#526e59);border-block:8px solid #a68958;box-shadow:0 18px 24px #273b302b}
.classroom-page #material-object[data-material=silk] i{background:linear-gradient(90deg,#152e2a35,transparent 35%,#ece0a22b 80%,#17352a35)!important;border-color:#bca57444}
.classroom-page #material-object[data-material=paper]{background:linear-gradient(#dbbe87bb,#d5b77daa),url('assets/v10/paper-detail.png') center/cover;box-shadow:0 15px 25px #63452930;border-block:2px solid #ab8b55}
.classroom-page #material-object[data-material=paper] i{background:linear-gradient(90deg,#86673830,transparent 6% 94%,#fff1c235)!important;border-color:#9b784b55}
.classroom-page .shelves{padding:16px;background:repeating-linear-gradient(2deg,#c99b6510 0 2px,transparent 2px 9px),linear-gradient(90deg,#513927,#8e6947 45%,#62442e);border-top:10px solid #9b7650;border-bottom:14px solid #4e3625;box-shadow:0 20px 28px #32271940,inset 0 3px 3px #dec59850;gap:12px}
.classroom-page .shelf-slot{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#726046,#372d23);border:0;border-right:5px solid #a38159;border-radius:5px;box-shadow:inset 0 10px 20px #231c1680;color:#eee0bf}
.classroom-page .shelf-slot:before{content:"";position:absolute;left:16%;right:16%;top:15%;height:28%;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 17%,#d0b587 18% 24%,#60715c 25% 43%,#302d22 44% 48%);box-shadow:4px 9px 10px #21180f70;transform:rotate(-3deg);pointer-events:none}
.classroom-page .shelf-slot span{position:relative;background:#e0cda3;color:#394532;border-top:2px solid #b99460;box-shadow:2px 4px 8px #21190f45}
.classroom-page .shelf-slot small{color:#e0d1b3}
.classroom-page .shelf-slot:hover{background:radial-gradient(ellipse at 50% 40%,#81714f,#413c2c)}