/* Two views of one authorized course, with a dedicated map dock while open. */
#museumGenreMap{box-sizing:border-box;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
html[data-student-appearance=paper] body.student-page:not(.museum-refined) #museumGenreMap{bottom:0}
#museumGenreMap .gm-header{padding-top:calc(20px + var(--wf-safe-top,env(safe-area-inset-top,0px)))}
#museumGenreMap .gm-modes{display:flex;align-self:stretch;flex-shrink:0;gap:26px;margin:0 32px 4px;border-bottom:1px solid var(--gm-line,#a88d5e80)}
#museumGenreMap .gm-modes button{display:flex;align-items:center;gap:10px;padding:6px 0;min-height:44px;border-bottom:2px solid transparent;font:400 20px/1.4 var(--font-display,serif);color:inherit;opacity:.65}
#museumGenreMap .gm-modes button span{font:12px/1.5 var(--font-body,sans-serif);letter-spacing:.02em;opacity:.75}
#museumGenreMap .gm-modes button[aria-selected=true]{border-bottom-color:var(--gm-gold,#c3a879);opacity:1}
#museumGenreMap .gm-chapter-number{display:flex;align-items:center;justify-content:center;min-height:55px;font:400 34px/1.2 var(--font-display,serif);color:var(--gm-gold,#c3a879);font-variant-numeric:tabular-nums;letter-spacing:.08em;border-bottom:1px solid var(--gm-line,#a88d5e80);min-width:55px}
#museumGenreMap .gm-section>button>.gm-icon{width:40px;height:40px}
body.gm-open,#museumGenreMap,#museumGenreMap .gm-viewport{overscroll-behavior:none}
@media(max-width:700px){
 #museumGenreMap .gm-header{padding-top:calc(12px + var(--wf-safe-top,env(safe-area-inset-top,0px)))}
 #museumGenreMap .gm-modes{gap:24px;margin:0 16px 2px}
 #museumGenreMap .gm-modes button{font-size:18px;gap:7px}
 #museumGenreMap .gm-modes button span{font-size:10px}
}
@media(max-width:360px){
 #museumGenreMap .gm-brand{font-size:15px;letter-spacing:0;white-space:nowrap}
 #museumGenreMap .gm-tools-area{padding-left:6px;padding-right:6px}
 #museumGenreMap .gm-tools{gap:2px}
 #museumGenreMap .gm-tools button{flex-shrink:0}
 #museumGenreMap .gm-tools [data-gm-action=collapse]{white-space:nowrap;min-width:max-content}
}
@media(max-height:560px){
 #museumGenreMap .gm-header{padding-top:calc(3px + var(--wf-safe-top,env(safe-area-inset-top,0px)))}
 #museumGenreMap .gm-viewport{min-height:0}
 #museumGenreMap .gm-modes{margin-bottom:0}
 #museumGenreMap .gm-modes button{min-height:40px;padding-block:2px}
 #museumGenreMap .gm-modes button span{display:none}
}