/* Map-only learning colors and the draggable membership network. */
#museumGenreMap{--gm-mark-surface:#1c2019;--gm-mark-text:#eee7d7;--gm-mark-muted:#c0b59e;--gm-mark-border:#a9936970}
#museumGenreMap .gm-controls{gap:10px}
#museumGenreMap .gm-styles{padding:2px}
#museumGenreMap .gm-styles button{min-height:32px;padding:3px 9px;font-size:12px}
#museumGenreMap [data-gm-action=marks]{min-height:36px;flex-shrink:0;border:1px solid var(--gm-mark-border);border-radius:7px;padding:4px 10px;font-size:13px;white-space:nowrap;color:var(--gm-mark-text)}
#museumGenreMap [data-gm-action=marks]::before{content:'';display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-radius:50%;margin-right:6px;vertical-align:-1px}
#museumGenreMap[data-map-style=radial] .gm-node{cursor:grab}
#museumGenreMap[data-map-style=radial] .gm-node button{cursor:inherit}
#museumGenreMap[data-map-style=radial] .gm-genre>button{min-height:inherit}
#museumGenreMap[data-map-style=radial] .gm-genre small{font:13px/1.4 var(--font-body,sans-serif);color:var(--gm-mark-muted)}
#museumGenreMap .gm-markers{position:absolute;inset:0;pointer-events:none;z-index:2}
#museumGenreMap .gm-mark-dot{position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;border-radius:50%;pointer-events:auto;touch-action:none;background:transparent;padding:0}
#museumGenreMap .gm-mark-dot>span{box-sizing:border-box;display:block;width:15px;height:15px;border:2px solid var(--gm-mark-text);border-radius:50%;background:var(--gm-mark-color);box-shadow:0 0 0 2px var(--gm-ink,#121410)}
#museumGenreMap .gm-mark-dot:not(.is-marked)>span{width:12px;height:12px;border:2px solid var(--gm-mark-muted);background:var(--gm-ink,#121410)}
#museumGenreMap .gm-mark-dot:disabled{opacity:.45;cursor:wait}
#museumGenreMap .gm-mark-dialog-open{isolation:isolate}
#museumGenreMap.gm-mark-dialog-open::after{content:'';position:absolute;inset:0;background:#080b088c;z-index:5;pointer-events:auto}
#museumGenreMap .gm-mark-panel,#museumGenreMap .gm-mark-picker{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(420px,calc(100% - 24px));max-height:calc(100% - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--gm-mark-border);border-radius:14px;background:var(--gm-mark-surface);color:var(--gm-mark-text);box-shadow:0 16px 50px #0005;padding:14px;font:14px/1.5 var(--font-body,sans-serif);touch-action:pan-y}
#museumGenreMap .gm-mark-panel header,#museumGenreMap .gm-mark-picker header{display:flex;align-items:center;gap:12px;margin:0 0 6px}
#museumGenreMap .gm-mark-panel h2,#museumGenreMap .gm-mark-picker h2{margin:0;flex:1;font:500 19px/1.4 var(--font-body,sans-serif);color:var(--gm-mark-text)!important;letter-spacing:0}
#museumGenreMap [data-gm-close-marks]{min-width:40px;min-height:40px;border-radius:8px;font:26px/1 system-ui,sans-serif;color:var(--gm-mark-text)!important}
#museumGenreMap .gm-mark-panel p,#museumGenreMap .gm-mark-picker p{margin:4px 0 12px;font-size:12px;line-height:1.6;color:var(--gm-mark-muted)!important;overflow-wrap:anywhere}
#museumGenreMap .gm-mark-settings{display:block}
#museumGenreMap .gm-mark-column-labels{display:flex;justify-content:space-between;padding:0 5px 3px;font-size:11px;color:var(--gm-mark-muted)}
#museumGenreMap .gm-mark-setting-row{display:grid;grid-template-columns:18px 30px minmax(0,1fr) 28px;gap:7px;align-items:center;min-height:45px;margin:0}
#museumGenreMap .gm-mark-swatch{box-sizing:border-box;display:inline-block;flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--gm-mark-color);border:1px solid #fff8;box-shadow:0 0 0 1px #0003}
#museumGenreMap .gm-mark-color-name{font-size:11px;color:var(--gm-mark-muted)}
#museumGenreMap .gm-mark-settings input[type=text]{box-sizing:border-box;width:100%;min-width:0;height:36px;padding:5px 8px;border:1px solid var(--gm-mark-border);border-radius:6px;background:var(--gm-ink,#121410);color:var(--gm-mark-text)!important;font:13px/1.4 var(--font-body,sans-serif);box-shadow:none}
#museumGenreMap .gm-mark-settings input[type=checkbox]{appearance:auto;box-sizing:border-box;min-width:20px;width:20px;height:20px;margin:0 4px;accent-color:#78a887}
#museumGenreMap .gm-mark-settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
#museumGenreMap .gm-mark-settings-actions button{border:1px solid var(--gm-mark-border);border-radius:7px;padding:7px 12px;min-height:40px;font-size:13px;color:var(--gm-mark-text)!important}
#museumGenreMap .gm-mark-settings-actions [type=submit]{background:#78a88726;border-color:#78a887}
#museumGenreMap .gm-mark-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#museumGenreMap .gm-mark-options button{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:48px;min-width:0;padding:8px;border:1px solid var(--gm-mark-border);border-radius:8px;text-align:left;font-size:13px;color:var(--gm-mark-text)!important}
#museumGenreMap .gm-mark-options button>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
#museumGenreMap .gm-mark-options button small{font-size:10px;margin-left:auto;color:var(--gm-mark-muted)!important;white-space:nowrap}
#museumGenreMap .gm-mark-options button[aria-pressed=true]{border-color:var(--gm-mark-text);box-shadow:inset 0 0 0 1px var(--gm-mark-text)}
#museumGenreMap .gm-mark-options .is-clear{background:transparent;border:1px dashed var(--gm-mark-muted)}
#museumGenreMap .gm-mark-message{min-height:19px;margin-top:12px!important}
html[data-student-appearance=paper] body.student-page #museumGenreMap{--gm-mark-surface:#f4efdf;--gm-mark-text:#343a2b;--gm-mark-muted:#666b5b;--gm-mark-border:#8f967759}
@media(max-width:700px){
 #museumGenreMap .gm-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
 #museumGenreMap .gm-courses{grid-column:1/-1;justify-self:stretch}
 #museumGenreMap .gm-courses button{min-height:36px;padding-block:3px}
 #museumGenreMap .gm-styles{margin-left:0;justify-self:start}
 #museumGenreMap .gm-styles button{padding:3px 9px;min-width:40px;min-height:32px;font-size:12px}
 #museumGenreMap [data-gm-action=marks]{font-size:12px;padding:3px 8px;min-height:36px}
 #museumGenreMap .gm-status{height:18px;letter-spacing:0;font-size:10px}
}
@media(max-width:360px){#museumGenreMap .gm-mark-options{gap:6px}#museumGenreMap .gm-mark-options button{padding:7px 6px;gap:6px}#museumGenreMap .gm-mark-options button small{display:none}}
@media(prefers-reduced-motion:reduce){#museumGenreMap .gm-node,#museumGenreMap .gm-mark-dot{transition:none!important;animation:none!important}}
