.student-materials-trigger{white-space:nowrap;color:#27775f;cursor:pointer;background:#f2faf7;border:1px solid #d5e4df;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font:600 13px Arial,sans-serif;display:inline-flex}.student-materials-trigger:hover{background:#e3f4ed}.student-materials-trigger:disabled{opacity:.5;cursor:default}.student-materials-nav-error{color:#973e34;max-width:280px;font-size:12px}.student-materials-page{color:#314b51;background:#f6f8f7;flex-direction:column;min-height:100dvh;padding-bottom:64px;display:flex}.student-materials-topbar{background:#fff;border-bottom:1px solid #e4ebe7;flex-shrink:0}.student-materials-topbar>div{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 64px);min-height:82px;margin:0 auto;display:flex}.student-materials-topbar .brand{letter-spacing:1px;font-size:11px}.student-materials-topbar .brand-mark{color:#f5efd7;background:#28644f}.student-materials-topbar .brand small{font-size:9px}.student-materials-back{color:#33765e;white-space:nowrap;align-items:center;gap:7px;min-height:40px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.student-materials-back:hover{text-underline-offset:4px;text-decoration:underline}.student-materials-content{width:min(1120px,100% - 64px);margin:auto}.student-materials-header{border-bottom:1px solid #dee7e2;justify-content:space-between;align-items:flex-end;gap:24px;padding:40px 0 26px;display:flex}.student-materials-header h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:9px 0 12px;font-size:clamp(27px,3vw,34px);font-weight:650;line-height:1.2}.student-materials-header p{color:#72817c;max-width:560px;margin:0;font-size:14px;line-height:1.6}.student-materials-eyebrow{letter-spacing:1.5px;color:#3d8b73;text-transform:uppercase;font-size:10px;font-weight:700}.student-materials-count{color:#688478;white-space:nowrap;align-items:center;gap:8px;padding-bottom:3px;font-size:12px;display:flex}.student-materials-legend{color:#7b8984;flex-wrap:wrap;align-items:center;gap:12px 26px;margin:23px 0;font-size:11px;display:flex}.student-materials-legend>span{align-items:center;gap:6px;display:inline-flex}.student-materials-legend>span:first-child{color:#33765e}.student-materials-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:28px 24px;padding:10px 0;display:flex}.student-material-card{background:#fff;border:1px solid #dfe7e2;border-radius:11px;flex-direction:column;flex:0 200px;width:200px;max-width:200px;transition:box-shadow .24s,transform .24s,border-color .24s;display:flex;overflow:hidden;box-shadow:0 3px 10px #203b2d08}:is(.student-material-card:focus-within,.student-material-card:focus-visible){border-color:#82b29c;box-shadow:0 12px 28px #27523e24}@media (hover:hover) and (pointer:fine){.student-material-card:hover{border-color:#82b29c;transform:translateY(-6px)scale(1.02);box-shadow:0 18px 36px #27523e26,0 4px 10px #27523e12}.student-material-card:hover .student-material-action{color:#1e6e4c}.student-material-card:hover .student-material-action>svg{transform:translate(3px,-3px)}}.student-material-open{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.student-material-open:disabled{cursor:default;opacity:1}.student-material-open:hover:not(:disabled){filter:none}.student-material-cover{aspect-ratio:2/3;background:#eaf0ed;border-bottom:1px solid #e4ebe7;width:100%;position:relative;overflow:hidden}.student-material-cover>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.student-material-title{flex-direction:column;flex:1;align-items:flex-start;width:100%;padding:14px;display:flex}.student-material-badge{color:#267457;align-items:center;gap:5px;margin-bottom:8px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}.student-material-badge.locked{color:#7b8490}.student-material-title h2{letter-spacing:0;overflow-wrap:anywhere;min-height:2.9em;margin:0 0 13px;font-size:14px;font-weight:600;line-height:1.45}.student-material-action{color:#49836e;justify-content:space-between;align-items:center;gap:7px;width:100%;margin-top:auto;font-size:11px;font-weight:600;transition:color .24s;display:flex}.student-material-action>svg{transition:transform .24s}.is-locked .student-material-action{color:#8a919b;font-weight:400}.student-material-lock{color:#6f7e79;cursor:pointer;background:#f8faf9;border:1px solid #dee7e3;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:calc(100% - 28px);margin:0 14px 14px;padding:9px 5px;font:600 11px Arial,sans-serif;display:flex}.student-material-lock.unlock{color:#287754;background:#ecf8f1;border-color:#cde8d9}.student-cover-fallback{box-sizing:border-box;color:#3a6b57;background:linear-gradient(145deg,#dcece3,#f1f6ee 65%,#dce9dc);flex-direction:column;justify-content:space-between;gap:12px;height:100%;padding:20px;display:flex}.student-cover-fallback>span{letter-spacing:1.5px;font-size:9px}.student-cover-fallback>strong{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:23px;font-weight:500;line-height:1.25}.student-cover-fallback>small{letter-spacing:.8px;font-size:7px}.student-materials-loading{color:#72817c;padding:36px 0;font-size:14px}.student-materials-empty{text-align:center;color:#6e8279;padding:56px 24px}.student-materials-empty>svg{margin:0 auto 16px}.student-materials-empty h2{margin-bottom:8px;font-size:20px}.student-materials-empty p{margin:0;font-size:14px}.student-materials-error{color:#973e34;background:#fff2ee;border:1px solid #f0d9d1;border-radius:8px;margin:22px 0;padding:16px 20px;font-size:14px}.student-materials-error button,.student-materials-error a{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:10px;text-decoration:underline}.student-lesson-review{max-width:960px;margin:0 auto;padding:30px 0}.student-lesson-review>h2{margin:0 0 26px;font-size:24px}.student-review-section>h3{margin:20px 0;font-size:18px}.student-review-board{background:#fff;border:1px solid #dce6e2;border-radius:10px;margin:12px 0;overflow:hidden}.student-review-board>summary{cursor:pointer;padding:17px;font-size:15px;font-weight:600}.student-review-original-board{width:100%;height:auto;display:block}.student-review-exercise{border-radius:9px;border:1px solid #e2e9e6!important;margin:15px!important;padding:22px!important}.student-review-note{color:#80928b;font-size:12px}:is(.student-material-card:focus-visible,.student-materials-trigger:focus-visible,.student-material-open:focus-visible,.student-material-lock:focus-visible,.student-materials-back:focus-visible){outline-offset:-3px;outline:3px solid #2b866c}@media (max-width:760px){.student-materials-header{flex-direction:column;align-items:flex-start;gap:18px;padding-top:30px}.student-materials-count{padding:0}.student-materials-topbar>div,.student-materials-content{width:calc(100% - 40px)}}@media (max-width:500px){.student-materials-page{padding-bottom:36px}.student-materials-topbar>div{gap:12px;min-height:72px}.student-materials-topbar .brand{letter-spacing:.5px;gap:7px;font-size:9px}.student-materials-topbar .brand small{font-size:7px}.student-materials-topbar .brand-mark{width:28px;height:30px;font-size:20px}.student-materials-topbar .student-materials-back{gap:5px;font-size:11px}.student-materials-topbar>div,.student-materials-content{width:calc(100% - 32px)}.student-materials-grid{gap:20px 14px}.student-materials-header p{font-size:13px}.student-materials-legend{gap:9px;margin:19px 0;font-size:10px}.student-material-title{padding:12px}.student-material-title h2{font-size:13px}.student-material-action{gap:3px;font-size:10px}.student-cover-fallback{gap:8px;padding:14px}.student-cover-fallback>strong{font-size:19px}.student-cover-fallback>span{font-size:8px}.student-cover-fallback>svg{width:30px;height:30px}.student-cover-fallback>small{font-size:6px}.student-material-lock{font-size:10px}.student-materials-trigger{padding:8px;font-size:11px}.student-review-exercise{margin:10px!important;padding:16px!important}}@media (max-width:350px){.student-materials-topbar .brand small{display:none}.student-materials-topbar .brand>span:last-child{max-width:90px}.student-materials-topbar .student-materials-back{font-size:10px}.student-cover-fallback>strong{font-size:16px}}@media (max-width:500px){.student-material-card{flex-basis:calc(50% - 7px);width:calc(50% - 7px)}}@media (prefers-reduced-motion:reduce){.student-material-card,.student-material-action,.student-material-action>svg,.student-material-cover:after{transition:none}.student-material-card:hover,.student-material-card:hover .student-material-action>svg{transform:none}}@media (max-width:1100px){.reference-classroom .reference-header .reference-brand>strong{display:none}}@media (max-width:650px){.reference-classroom .reference-header>.student-materials-trigger{flex-shrink:0;gap:5px}.reference-classroom .reference-header>.student-materials-trigger>svg{width:15px}}.student-material-cover:after{content:"";opacity:0;pointer-events:none;background:#10231d;transition:opacity .3s;position:absolute;inset:0}.student-material-cover-lock{z-index:1;color:#fff;pointer-events:none;background:#153a2bb3;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #051d2733}.student-material-card.is-locked .student-material-cover:after{opacity:.48}.student-material-card.is-locked:focus-visible .student-material-cover:after{opacity:0}.student-material-card.is-locked:has(:focus-visible) .student-material-cover:after{opacity:0}@media (hover:hover) and (pointer:fine){.student-material-card.is-locked:hover .student-material-cover:after{opacity:0}}.student-material-course{color:#71837a;margin-bottom:6px;font-size:10px;line-height:1.4}.student-materials-page .student-material-add{color:#2b6c53;text-align:center;min-height:380px;font:inherit;cursor:pointer;box-shadow:none;background:#edf5f0;border:2px dashed #abc6b8;justify-content:center;align-items:center;gap:13px;padding:24px 16px}.student-material-add-icon{background:#dcece3;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:7px;transition:background .2s;display:grid}.student-material-add>strong{font-size:16px;line-height:1.4}.student-material-add>span:not(.student-material-add-icon){color:#638575;font-size:12px;line-height:1.5}.student-material-add>small{color:#648273;justify-content:center;align-items:center;gap:5px;margin-top:13px;font-size:10px;display:flex}.student-material-add:disabled{opacity:.55;cursor:wait}.student-materials-notice{color:#29634b;background:#edf8f1;border:1px solid #cee4d7;border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.6}.student-material-picker{color:#314b51;background:#f8faf9;border:1px solid #d3e1d9;border-radius:18px;width:min(1000px,100% - 32px);max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:28px;overflow:auto;box-shadow:0 24px 80px #102b3240}.student-material-picker::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17352c80}.student-picker-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.student-picker-heading h2{letter-spacing:-.6px;margin:6px 0 8px;font-size:26px;line-height:1.3}.student-picker-heading p{color:#658071;overflow-wrap:anywhere;margin:0;font-size:14px}.student-picker-close{color:#476558;cursor:pointer;background:#fff;border:1px solid #d7e3dc;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.student-picker-lock-note{color:#416d56;background:#eaf4ee;border-radius:9px;align-items:center;gap:8px;margin:21px 0 16px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.student-picker-lock-note>svg{flex-shrink:0}.student-picker-search{color:#739282;background:#fff;border:1px solid #cfdfd5;border-radius:9px;align-items:center;gap:9px;padding:0 13px;display:flex}.student-picker-search>input{color:#314b51;width:100%;min-width:0;height:44px;box-shadow:none;background:0 0;border:0;outline:0;font:14px Arial,sans-serif}.student-picker-search:focus-within{outline-offset:2px;outline:2px solid #2b866c}.student-picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding-top:24px;display:grid}.student-picker-material{background:#fff;border:1px solid #dce7e0;border-radius:11px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.student-picker-cover{aspect-ratio:2/3;background:#e6f0e9;position:relative;overflow:hidden}.student-picker-cover .material-cover-image,.student-picker-cover .material-cover-fallback{width:100%;height:100%;position:relative}.student-picker-cover .material-cover-image>img{object-fit:contain;background:#e6f0e9;width:100%;height:100%;position:absolute;inset:0}.student-picker-cover .material-cover-status,.student-picker-cover .material-cover-error{color:#496b59;text-align:center;background:#ffffffe8;border-radius:4px;padding:5px;font-size:10px;position:absolute;bottom:8px;left:8px;right:8px}.student-picker-cover-fallback{color:#3a6b57;background:linear-gradient(145deg,#dcece3,#f1f6ee 65%,#dce9dc);flex-direction:column;justify-content:space-between;gap:14px;height:100%;padding:19px;display:flex}.student-picker-cover-fallback>strong{overflow-wrap:anywhere;font-family:Georgia,serif;font-size:21px;font-weight:500;line-height:1.3}.student-picker-cover-fallback>small{letter-spacing:1px;font-size:7px}.student-picker-material-info{flex-direction:column;flex:1;gap:13px;padding:13px;display:flex}.student-picker-material h3{overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:600;line-height:1.5}.student-picker-unit{color:#5b7568;flex-direction:column;gap:6px;font-size:11px;display:flex}.student-picker-unit select{color:#314b51;background:#fff;border:1px solid #cbded1;border-radius:6px;width:100%;min-width:0;padding:8px 6px;font:12px Arial,sans-serif}.student-picker-add{color:#28684b;cursor:pointer;background:#eaf6ef;border:1px solid #bddac9;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;min-height:42px;margin-top:auto;padding:9px 6px;font:600 11px/1.4 Arial,sans-serif;display:flex}.student-picker-add:disabled{color:#7f8e85;cursor:default;background:#f2f5f3;border-color:#e0e7e2}.student-picker-empty{text-align:center;color:#6a8074;padding:35px 15px;font-size:14px}.student-picker-close:focus-visible{outline-offset:2px;outline:3px solid #2b866c}.student-picker-add:focus-visible{outline-offset:2px;outline:3px solid #2b866c}.student-picker-unit select:focus-visible{outline-offset:2px;outline:3px solid #2b866c}@media (hover:hover) and (pointer:fine){.student-materials-page .student-material-add:hover:not(:disabled){background:#e5f1e9;border-color:#5b9675}.student-material-add:hover:not(:disabled) .student-material-add-icon{background:#cce3d6}.student-picker-add:hover:not(:disabled){background:#d7eddf}.student-picker-close:hover:not(:disabled){background:#eaf4ee}}@media (max-width:500px){.student-materials-page .student-material-add{gap:10px;min-height:310px;padding:16px 10px}.student-material-add>strong{font-size:14px}.student-material-add-icon{width:58px;height:58px}.student-material-add>span:not(.student-material-add-icon){font-size:11px}.student-material-picker{border-radius:12px;width:calc(100% - 20px);max-height:calc(100dvh - 24px);padding:18px 13px}.student-picker-heading h2{font-size:23px}.student-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-picker-material-info{gap:10px;padding:10px}.student-picker-material h3{font-size:12px}.student-picker-cover-fallback{padding:13px}.student-picker-cover-fallback>strong{font-size:17px}.student-picker-add{font-size:10px}.student-picker-lock-note{padding:10px;font-size:11px}}@media (max-width:330px){.student-picker-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.student-material-add-icon,.student-material-cover:after{transition:none}}.student-gallery-remove{color:#a05243;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:38px;margin:-4px 14px 12px;padding:6px 4px;font:600 11px Arial,sans-serif;display:flex}.student-gallery-remove:hover:not(:disabled){color:#8f352b;background:#fff0e9}.student-gallery-remove:disabled{opacity:.55;cursor:wait}.student-gallery-remove:focus-visible{outline-offset:2px;outline:3px solid #2b866c}.student-removal-actions button:focus-visible{outline-offset:2px;outline:3px solid #2b866c}.student-material-removal{color:#314b51;background:#fff;border:1px solid #d3e1d9;border-radius:16px;width:min(480px,100% - 28px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;box-shadow:0 24px 80px #102b3240}.student-material-removal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17352c80}.student-material-removal h2{margin:0;font-size:23px;line-height:1.35}.student-material-removal p{overflow-wrap:anywhere;margin:16px 0;font-size:14px;line-height:1.65}.student-removal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.student-removal-actions button{color:#3a6450;cursor:pointer;background:#f6f9f7;border:1px solid #d4e0d9;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 14px;font:600 12px Arial,sans-serif;display:flex}.student-removal-actions .student-removal-confirm{color:#fff;background:#a74937;border-color:#a74937}.student-removal-actions button:disabled{opacity:.5;cursor:wait}@media (max-width:500px){.student-gallery-remove{margin-left:10px;margin-right:10px;font-size:10px}.student-material-removal{padding:20px 16px}.student-material-removal h2{font-size:20px}}