/* A closer connection between the opening, working folio and material shelf. */
.hero-entries{display:flex;gap:0;margin-top:25px;max-width:425px;border-bottom:1px solid var(--ink)}.hero-entries a{flex:1;position:relative;padding:14px 12px 11px;font-size:12px;font-weight:600;border:1px solid var(--line);border-bottom:0;background:#eee0b955;transition:background .2s,transform .2s}.hero-entries a+a{border-left:0}.hero-entries a:before{content:'';position:absolute;top:-6px;left:-1px;width:48%;height:6px;border:1px solid var(--line);border-bottom:0;background:inherit}.hero-entries a span{display:block;font-family:'IBM Plex Mono',monospace;font-size:8px;font-weight:400;margin-bottom:7px;opacity:.65}.hero-entries a:hover,.hero-entries a:focus-visible{background:#efd16f;transform:translateY(-4px)}.hero-entries a:nth-child(2):hover{background:#c6cbef}.hero-entries a:nth-child(3):hover{background:#b8d2c8}.hero-grid{gap:55px}.desk-note{transition:box-shadow .25s}.desk-note:hover{box-shadow:8px 11px 0 #24231f1c}.note-links a{transition:padding .2s,background .2s}.week-sheet h3{min-height:0}.week-sheet p{min-height:43px}.course-picks button{min-height:65px}.course-picks button[aria-pressed=true]{font-weight:600}.course-picks button:focus-visible{outline-offset:4px}
.material-preview{position:relative;grid-template-columns:.75fr 1.25fr;gap:55px;border:0;padding:25px 0 40px;margin-bottom:35px}.material-preview h3{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;max-width:370px}.material-preview-frame{position:relative;transform:rotate(2deg);padding:12px;background:#fffdf6;border:1px solid var(--ink);box-shadow:7px 8px 0 #24231f1c;transition:transform .3s}.material-preview-frame:before{content:'';position:absolute;left:25%;top:-12px;width:100px;height:24px;background:#b1bece80;transform:rotate(-6deg);clip-path:polygon(2% 0,98% 0,95% 30%,100% 65%,97% 100%,0 100%,3% 55%,0 25%)}.material-preview-frame img{border:1px solid var(--line)}.material-preview-frame button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:13px 3px 2px;text-align:left;font-size:11px}.material-preview-frame button span{font-size:19px}.material-preview-frame:focus-within,.material-preview-frame:hover{transform:rotate(0)}.material-preview .text-link{margin-top:4px}.material-preview>.material-copy>.mono{font-size:8px}.material-preview p{max-width:330px}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.resource-card{min-height:258px;padding:27px 25px 26px;background:#f0eadb;box-shadow:3px 4px 0 #24231f12;border:1px solid #24231f30;border-bottom:2px solid var(--ink);overflow:hidden}.resource-card:nth-child(2),.resource-card:nth-child(5){background:#e7e9e3}.resource-card:nth-child(3),.resource-card:nth-child(6){background:#e9e5ec}.resource-card:before{top:50px;left:25px;right:25px;border-top:1px solid var(--line)}.resource-card:after{border-right-width:24px;border-bottom-width:24px}.resource-icon{position:absolute;right:20px;bottom:27px;width:82px;height:70px;margin:0;opacity:.9}.resource-card h3{font-size:30px;line-height:1.04;margin-top:40px;max-width:85%;letter-spacing:-1.2px}.resource-card p{max-width:calc(100% - 83px);font-size:12px;margin-top:16px}.resource-arrow{right:22px;top:19px;bottom:auto;font-size:23px}.resource-card:hover .resource-icon,.resource-card:focus-visible .resource-icon{transform:rotate(5deg) translateY(-5px)}
#material-dialog{width:min(1100px,calc(100vw - 32px));padding:22px;max-height:90vh}#material-dialog .search-head{margin-bottom:16px}#material-dialog h2{font-size:21px;letter-spacing:-.5px}#material-dialog img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}#material-dialog .material-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:17px}#material-dialog .material-dialog-footer .mono{font-size:9px}#material-dialog .button{padding:10px 15px;font-size:12px;gap:17px}
@media(max-width:1050px){.hero-grid{gap:30px}.resource-card{padding:24px 20px}.resource-card h3{font-size:26px}.resource-icon{width:70px;right:13px}.resource-card p{max-width:calc(100% - 66px)}.material-preview{gap:35px}}
@media(max-width:760px){.hero-entries{max-width:none;margin-top:28px}.hero-entries a{font-size:11px;padding:13px 9px}.hero-grid{gap:35px}.material-preview{grid-template-columns:1fr;gap:25px;padding-top:12px;padding-bottom:25px}.material-preview-frame{grid-row:1;max-width:100%;transform:rotate(1deg);padding:8px}.material-preview-frame img{grid-row:auto}.material-preview h3{font-size:32px;max-width:none;margin-top:15px}.material-preview h3 br{display:block}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.resource-card{min-height:260px;padding:21px 16px}.resource-card>.mono{font-size:7px}.resource-card:before{left:16px;right:16px;top:47px}.resource-card h3{font-size:24px;max-width:none;margin-top:42px}.resource-card p{max-width:none;font-size:11px;margin-bottom:55px}.resource-icon{width:58px;height:49px;bottom:14px;right:14px}.resource-arrow{top:14px;right:13px;font-size:19px}#material-dialog{padding:15px}#material-dialog h2{font-size:17px}#material-dialog .material-dialog-footer{flex-wrap:wrap}#material-dialog .material-dialog-footer .mono{line-height:1.6}}
@media(max-width:480px){.resource-section .section-heading{flex-direction:column;align-items:flex-start;gap:16px}.resource-section .section-heading>p{max-width:none;font-size:13px}.resource-section .section-heading>p br{display:none}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:220px;padding:22px}.resource-card h3{font-size:28px;max-width:calc(100% - 50px);margin-top:39px}.resource-card p{max-width:calc(100% - 65px);margin-bottom:0;font-size:12px}.resource-card>.mono{font-size:8px}.resource-icon{width:65px;height:56px;bottom:23px;right:16px}.resource-card:before{left:22px;right:22px}.resource-arrow{top:16px;right:18px}}
@media(max-width:380px){.resource-card h3{font-size:25px}.hero-entries a{font-size:10px}.hero-entries a span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-entries a,.material-preview-frame,.desk-note,.resource-icon{transition:none}.hero-entries a:hover{transform:none}}.scene-paused .material-preview-frame,.scene-paused .hero-entries a{transform:none}