/* Compact visible close face, comfortable target, font-independent centering. */
#close-biography.md-close,#close-spread.md-close,#close-course.md-close,#page-close.md-close,#sample-zoom>button.md-close{
 display:inline-grid;place-items:center;place-content:center;box-sizing:border-box;
 width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
 padding:0!important;border:0!important;border-radius:4px;background:transparent!important;
 box-shadow:none!important;color:var(--ink)!important;line-height:1!important;flex:none;
}
button.md-close>.md-close-glyph{
 display:grid!important;place-items:center!important;box-sizing:border-box;width:26px!important;height:26px!important;
 min-width:26px;min-height:26px;padding:0!important;border:1px solid var(--line);border-radius:4px;
 background:linear-gradient(var(--raised),var(--button-end));box-shadow:inset 0 1px #fff3,0 1px 2px var(--shade);
 line-height:0!important;pointer-events:none;transition:box-shadow 150ms ease,filter 150ms ease;
}
button.md-close>.md-close-glyph>svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;pointer-events:none}
button.md-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#close-biography.md-close:hover,#close-spread.md-close:hover,#close-course.md-close:hover,#page-close.md-close:hover,#sample-zoom>button.md-close:hover{background:transparent!important;box-shadow:none!important}
#close-biography.md-close:focus-visible,#close-spread.md-close:focus-visible,#close-course.md-close:focus-visible,#page-close.md-close:focus-visible,#sample-zoom>button.md-close:focus-visible{outline:2px solid var(--accent)!important;outline-offset:2px}
@media(hover:hover) and (pointer:fine){button.md-close:hover>.md-close-glyph{filter:brightness(1.05);box-shadow:inset 0 1px #fff4,0 2px 4px var(--shade)}}
/* Independent translate composes with the official controller's horizontal transform. */
#professor .photo-biography{translate:none;box-shadow:0 3px 7px #14252e26,0 10px 22px #14252e1c;transition:translate 170ms cubic-bezier(.22,.72,.12,1),box-shadow 170ms ease}
:root[data-theme=graphite] #professor .photo-biography{box-shadow:0 3px 7px #0006,0 10px 22px #0004}
@media(hover:hover) and (pointer:fine){
 #professor[data-state=closed] .photo-biography:hover{translate:0 -2px;box-shadow:0 5px 10px #14252e2e,0 14px 28px #14252e24}
 :root[data-theme=graphite] #professor[data-state=closed] .photo-biography:hover{box-shadow:0 5px 10px #0007,0 14px 28px #0005}
}
@media(hover:none),(pointer:coarse){#professor .photo-biography{translate:none}}
@media(prefers-reduced-motion:reduce){#professor .photo-biography{translate:none!important;transition:none!important}button.md-close>.md-close-glyph{transition:none!important}}