/* Faculty: the team cards' group line and the bio dialog.

   Our markup, written into Elementor's faculty loop item by
   milpark_faculty_group_term_links() (archive-policy.php) and
   milpark_faculty_bio_html() (faculty-bios.php). Loaded on every page,
   because team carousels sit in Elementor templates where a shortcode test
   cannot see them. Moved out of site-fixes.css on 8 Oct 2026. */

/* THE TEAM CAROUSELS' GROUP LINE is the smallest of the three: name 18px
   navy, position 16px blue, then the school or group at 13px in the muted
   slate. It was an uppercase letter-spaced eyebrow for a day, and at 12.5px
   the capitals read LARGER than the position (Guy, 28 Sept 2026), so it is
   normal case now. The class comes from milpark_faculty_group_term_links()
   in archive-policy.php. */
.mk-faculty-group{
	display:inline-block;
	margin-top:2px;
	font-size:13px;
	font-weight:500;
	line-height:1.4;
	letter-spacing:0;
	text-transform:none;
	color:#5A6B85
}
.elementor-widget-icon-list .elementor-icon-list-text a.mk-faculty-group{color:#5A6B85}
.elementor-widget-icon-list .elementor-icon-list-text a.mk-faculty-group:hover,
.elementor-widget-icon-list .elementor-icon-list-text a.mk-faculty-group:focus-visible{color:#1C3687}


/* Bios (includes/faculty-bios.php). The name stays the card's own
   type, colour and size; only the underline says it opens something. Both
   buttons restate their hover and focus colours because Hello's reset.css
   paints every button:hover pink with white text. */
.mk-bio-open{all:unset;cursor:pointer;color:inherit;font:inherit;text-align:inherit;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(28,54,135,.35)}
.mk-bio-open:hover,.mk-bio-open:focus{background:none;color:inherit;text-decoration-color:currentColor}
.mk-bio-open:focus-visible{outline:2px solid #1C3687;outline-offset:3px;border-radius:2px}
.mk-bio{width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:20px;
  background:#fff;color:#1A134A;box-shadow:0 24px 64px rgba(26,19,74,.28)}
/* The dialog sits inside the card's name, so it inherits the name's bold
   type and the carousel's hyphenation; reset both. */
.mk-bio,.mk-bio *{font-weight:400;text-align:left;text-transform:none;letter-spacing:normal;
  -webkit-hyphens:manual;hyphens:manual;word-break:normal;overflow-wrap:normal}
.mk-bio::backdrop{background:rgba(26,19,74,.55)}
.mk-bio-inner{position:relative;padding:32px 32px 28px}
/* A grid centre for the drawn mark: the dialog's text-align:left reached the
   button too and parked the old typed × against its left edge. */
.mk-bio-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;
  background:#F1F2F8;color:#1C3687;line-height:0;cursor:pointer}
.mk-bio-close svg{display:block}
.mk-bio-close:hover,.mk-bio-close:focus{background:#E0E3F4;color:#1C3687}
.mk-bio-close:focus-visible{outline:2px solid #1C3687;outline-offset:2px}
.mk-bio-photo img{display:block;width:140px;height:auto;border-radius:12px;margin:0 0 16px}
.mk-bio .mk-bio-name{margin:0 48px 4px 0;color:#1C3687;font-size:24px;line-height:1.2;font-weight:700}
.mk-bio .mk-bio-role{margin:0;font-weight:600;color:#1C3687}
.mk-bio-group{margin:2px 0 0;font-size:14px;color:#5B607A}
.mk-bio-body{margin-top:16px;font-size:16px;line-height:1.6}
.mk-bio-body p:last-child{margin-bottom:0}
@media (max-width:480px){.mk-bio-inner{padding:24px 20px 22px}}