/* Academies: the header badge and the medical director's overview cards. */
.sx-badge{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;
  font:600 13px var(--font-display);white-space:nowrap;border:1px solid var(--line-strong);
  background:color-mix(in srgb,var(--signal) 12%,transparent);color:var(--text)}
.sx-badge i{width:7px;height:7px;border-radius:50%;background:var(--pitch);flex-shrink:0}
.sx-badge.sx-none i{background:var(--amber)}
.sx-badge.sx-none{border-color:rgba(255,194,92,.45);background:rgba(255,194,92,.1)}
button.sx-badge-btn{cursor:pointer;min-height:38px}
button.sx-badge-btn:hover{background:color-mix(in srgb,var(--signal) 22%,transparent);border-color:var(--signal)}
.sx-badge span{opacity:.6;font-size:15px;line-height:1}

.sx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px;margin:8px 0 28px}
.sx-card{display:grid;gap:14px;text-align:left;width:100%;padding:24px;border-radius:var(--r-lg);
  border:1px solid var(--line);background:var(--panel-fill);color:var(--text);cursor:pointer;font:inherit;
  box-shadow:var(--shadow);transition:transform .45s var(--ease-out),border-color .3s,box-shadow .45s var(--ease-out)}
.sx-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 30px 55px -32px rgba(0,0,0,.9)}
.sx-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.sx-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.sx-card h3{margin:0;font:500 21px/1.2 var(--font-display);letter-spacing:-.015em}
.sx-card-top p{margin:4px 0 0;font-size:13px}
.sx-card .tag{flex-shrink:0}
.sx-figs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.sx-figs>div{min-width:0}
.sx-figs b{display:block;font:200 30px/1 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.sx-figs span{display:block;margin-top:5px;font-size:11.5px;line-height:1.3;color:var(--muted)}
.sx-figs .sx-hot b{color:var(--coral)}
.sx-red .sx-card-top h3{color:var(--text)}
.sx-card.sx-red{border-color:rgba(255,126,115,.4)}
.sx-card.sx-amber{border-color:rgba(255,194,92,.35)}
.sx-note{margin:0;font-size:13px;color:var(--muted)}
.sx-go{font:600 13px var(--font-display);color:var(--cyan)}
.sx-card:hover .sx-go{color:var(--pitch)}
.sx-grid+.panel .list-item select{max-width:230px}

@media (max-width:760px){
  .sx-grid{grid-template-columns:1fr;gap:14px}
  .sx-card{padding:20px}
  .sx-figs{grid-template-columns:1fr 1fr;gap:14px 10px}
  .sx-badge{height:34px;font-size:12px;padding:0 11px;max-width:46vw;overflow:hidden;text-overflow:ellipsis}
  .sx-grid+.panel .list-item select{max-width:100%;width:100%}
}