.nhl-board { background:#0c2742; color:#fff; padding:100px 0 84px; }
.nhl-board__heading { display:grid; grid-template-columns:1.25fr 1fr; align-items:end; gap:64px; margin-bottom:52px; }
.nhl-board h2 { font-family:"Newsreader",Georgia,serif; font-size:clamp(40px,4.4vw,64px); font-weight:400; line-height:1.04; letter-spacing:-.025em; margin:0; max-width:600px; }
.nhl-board__intro { color:#c7d4df; font-size:17px; line-height:1.65; margin:0; max-width:430px; }
/* Nine cards: three columns keeps Becky, Shane, and Nipul on the last desktop row. */
.nhl-board__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #ffffff35; border-left:1px solid #ffffff35; }
.nhl-board__person { position:relative; display:flex; flex-direction:column; padding:36px 28px 32px; min-width:0; border-right:1px solid #ffffff35; border-bottom:1px solid #ffffff35; }
.nhl-board__portrait { width:144px; height:144px; flex:none; margin-bottom:24px; border-radius:50%; overflow:hidden; background:#203b53; }
.nhl-board__portrait img { display:block; width:100%; height:100%; object-fit:cover; }
.nhl-board__portrait--tooey img { transform:scale(1.7); transform-origin:50% 8%; }
.nhl-board__portrait--kelley img { transform:scale(1.45); transform-origin:50% 0; }
.nhl-board__details { display:flex; flex:1; flex-direction:column; align-items:flex-start; min-width:0; }
.nhl-board h3 { font-family:"Newsreader",Georgia,serif; font-size:clamp(29px,2.6vw,36px); font-weight:400; line-height:1.1; min-height:2.2em; margin:0 0 10px; letter-spacing:-.025em; }
.nhl-board__role { color:#a6d9ff; font-size:14px; line-height:1.55; min-height:3.1em; margin:0 0 18px; }
.nhl-board__bio { color:#c7d4df; font-size:15px; line-height:1.7; margin:0 0 22px; }
.nhl-board__link { display:inline-flex; align-items:center; gap:12px; color:#fff; font-size:13px; min-height:40px; margin-top:auto; padding:7px 0; text-decoration:none; border-bottom:1px solid #ffffff60; transition:color .2s,border-color .2s; }
.nhl-board__link:hover { color:#a6d9ff; border-color:#a6d9ff; }
.nhl-board__link:focus-visible { outline:2px solid #a6d9ff; outline-offset:6px; }
.nhl-board__full { width:100%; margin-top:20px; border-top:1px solid #ffffff35; }
.nhl-board__full > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px 0; color:#a6d9ff; font-size:14px; cursor:pointer; list-style:none; }
.nhl-board__full > summary::-webkit-details-marker { display:none; }
.nhl-board__full > summary:hover { color:#fff; }
.nhl-board__full > summary:focus-visible { outline:2px solid #a6d9ff; outline-offset:5px; border-radius:2px; }
.nhl-board__bio-icon { flex-shrink:0; font-size:25px; line-height:1; transition:transform .2s; }
.nhl-board__close-label,.nhl-board__full[open] .nhl-board__read-label { display:none; }
.nhl-board__full[open] .nhl-board__close-label { display:inline; }
.nhl-board__full[open] .nhl-board__bio-icon { transform:rotate(45deg); }
.nhl-board__full:not([open]) > .nhl-board__full-copy { display:none; }
.nhl-board__full-copy { padding:8px 0 0; color:#c7d4df; font-size:15px; line-height:1.75; }
.nhl-board__full-copy p { margin:0 0 20px; }
.nhl-board__full-copy .nhl-board__bio-date { color:#b6c7d5; font-size:12px; margin-bottom:0; }
@media(min-width:701px) { .nhl-board__details:not(:has(.nhl-board__full)) { padding-bottom:69px; } }
@media(max-width:1050px) { .nhl-board__list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  .nhl-board { padding:64px 0; }
  .nhl-board__heading { grid-template-columns:1fr; gap:24px; margin-bottom:36px; }
  .nhl-board__list { grid-template-columns:1fr; }
  .nhl-board__person { padding:32px 24px 28px; }
  .nhl-board h3 { min-height:0; font-size:32px; }
  .nhl-board__role { min-height:0; }
  .nhl-board__bio { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { .nhl-board__link,.nhl-board__bio-icon { transition:none; } }