/* Same compact metric cards as journal quartiles; scoped to university facts. */
.school-badges{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:6px 0 3px;min-width:0;text-transform:none;letter-spacing:normal;line-height:1.35}
.school-badges .school-badge{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;max-width:100%;box-sizing:border-box;white-space:nowrap;padding:4px 7px;border:1px solid #ddd7ee;border-radius:7px;background:#f7f5fc;color:#54438a;font-size:12px;font-weight:500;text-decoration:none;vertical-align:middle}
.school-badges .school-badge span{display:inline;color:inherit;font-size:inherit;margin:0}
.school-badges .school-badge strong{display:inline;color:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.school-badges .school-badge small{display:inline;margin:0;padding-left:6px;border-left:1px solid #d4cce8;color:#706384;font-size:10px;font-weight:500}
.school-badges .school-badge-tier{background:#efeafa;color:#5b4291;border-color:#d9ceee;font-weight:700}
.school-badges .school-badge-qs{background:#fff9ed;color:#7b570c;border-color:#e9dbb9}
.school-badges .school-badge-qs small{border-color:#e0cfaa;color:#78633f}
.school-badges a.school-badge{transition:background-color 140ms ease,border-color 140ms ease}
.school-badges a.school-badge:hover{background:#eee8fa;border-color:#b5a5d4;text-decoration:none}
.school-badges a.school-badge-qs:hover{background:#fdf0d6;border-color:#c8ac69}
.school-badges a.school-badge:focus-visible{outline:2px solid #7560b9;outline-offset:3px}
.school-badges .school-badge-unknown{background:#f5f5f8;color:#697182;border-color:#e0e3eb;font-size:12px}
.school-badge-note{margin:6px 0 14px;color:#68758b;font-size:12px;line-height:1.65}
.school-badges-detail{gap:7px;margin:10px 0 5px}
.school-badges-detail .school-badge{padding:7px 10px;min-height:34px}
@media(max-width:640px){.school-badges{gap:4px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px;overscroll-behavior-x:contain;scrollbar-width:thin}.school-badges .school-badge{flex-direction:row;flex-shrink:0;max-width:none;padding:3px 5px;white-space:nowrap}.school-badges .school-badge small{padding-left:4px}.school-badges-detail .school-badge{padding:7px 9px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.school-badges a.school-badge{transition:none}}
@media(forced-colors:active){.school-badges .school-badge{border-color:ButtonText;color:CanvasText}}
/* Scoped placement for dense identity rows; badges never live inside inputs. */
.ad-batch-slide .school-badges{display:inline-flex;margin:0 6px;vertical-align:middle}
.bs-department label .school-badges,.bs-choice .school-badges{margin-top:5px}
.bs-department label[for^="followup-school-"]{display:block;flex:1;min-width:0}
.import-school-preview li>.school-badges{flex-basis:100%}
.work-message-row .school-badges{margin-top:5px}
.sp-school+.school-badges{margin:7px 0 9px}
.lib-coverage .school-badges{display:flex;margin:5px 0 0}
@media(max-width:640px){.ad-batch-slide{white-space:normal!important}.ad-batch-slide .school-badges{display:flex;margin:4px 0}}
/* My supervisors: name first, then compact badges on the same identity line.
   Year remains in source tooltips/accessible labels, not in the table text. */
.supervisors-table .supervisor-school-line{display:flex;align-items:center;gap:7px;width:100%;min-width:0;max-width:100%;overflow-x:auto;white-space:nowrap;overscroll-behavior-x:contain;scrollbar-width:thin;padding:1px 0 3px}
.supervisors-table .supervisor-school-name{flex:none;white-space:nowrap}
.supervisors-table .supervisor-school-line .school-badges{display:inline-flex;flex:none;flex-wrap:nowrap;max-width:none;overflow:visible;margin:0;padding:0}
.supervisors-table .supervisor-school-line .school-badge small{display:none}
.supervisors-table .supervisor-school-line .school-badge{padding:3px 5px;gap:4px}
@media(min-width:1024px){.supervisors-table thead th:nth-child(3){width:30%}.supervisors-table thead th:nth-child(5){width:20%}}
/* Profile: keep the school identity and its facts together at every width. */
.portal-profile #personal-info dl>div{min-width:0}
.portal-profile .profile-school-line{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0;overflow-x:auto;white-space:nowrap;overscroll-behavior-x:contain;scrollbar-width:thin;padding-block:2px}
.portal-profile .profile-school-name{flex:none;white-space:nowrap}
.portal-profile .profile-school-line .school-badges{display:inline-flex;flex:none;flex-wrap:nowrap;max-width:none;margin:0;padding:0;overflow:visible}
/* Public directory: school and compact facts share one line; years are
   retained in source attribution, but omitted from the visible list. */
.lib.lib-directory .lib-school-line{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;overscroll-behavior-x:contain;padding:1px 0 4px}
.lib.lib-directory .lib-school-line .lib-school-name{display:inline;flex:none;margin:0;white-space:nowrap}
.lib.lib-directory .lib-school-line .school-badges{display:inline-flex;flex:none;flex-wrap:nowrap;margin:0;padding:0;max-width:none;overflow:visible;gap:4px}
.lib.lib-directory .lib-school-line .school-badge{padding:3px 5px;gap:4px}
.lib.lib-directory .lib-school-line .school-badge small{display:none}