/* Keep wide and square university marks on one clean plate in the banner. */
.brand-mark {
  width: 72px;
  height: 54px;
  flex: 0 0 72px;
  padding: 5px;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
}
.brand-mark .crest {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  object-fit: contain;
}
html[data-campus="UAGM"] .brand-mark,
html[data-campus="USC"] .brand-mark {
  width: 100px;
  flex-basis: 100px;
}
html[data-campus="USC"] .brand-mark,
html[data-campus="USC"] .brand-mark .crest {
  background: var(--red-dark);
}
.footer-brand img {
  width: 72px;
  height: 54px;
  padding: 5px;
  border-radius: 6px;
  background: #fff;
  object-fit: contain;
}
html[data-campus="UAGM"] .footer-brand img,
html[data-campus="USC"] .footer-brand img { width: 100px; }
html[data-campus="USC"] .footer-brand img { background: var(--red-dark); }

.preview-note {
  border-left: 4px solid var(--red);
  border-radius: 4px;
  padding: 15px 18px;
  margin: 22px 0;
  background: color-mix(in srgb, var(--red) 6%, white);
}
.preview-note strong { display: block; font-size: 14px; color: var(--ink); }
.preview-note p { margin-top: 5px; font-size: 13px; color: var(--muted); }
.roster-placeholder .athlete { border-style: dashed; background: #fafbfc; }
.roster-placeholder .jersey-number { background: #a9afb9; }
.roster-placeholder .athlete-photo { color: #a9afb9; }
.roster-placeholder h3 { color: #626b77; }
.placeholder-row th,
.placeholder-row td { color: #697381 !important; background: #fafbfc; }
.placeholder-row small { display: block; color: var(--red); font-size: 10px; margin-top: 3px; }

@media (max-width: 850px) {
  .brand-mark { width: 68px; height: 48px; flex-basis: 68px; }
  html[data-campus="UAGM"] .brand-mark,
  html[data-campus="USC"] .brand-mark { width: 88px; flex-basis: 88px; }
}
@media (max-width: 600px) {
  .brand-mark { width: 60px; height: 44px; flex-basis: 60px; padding: 4px; }
  html[data-campus="UAGM"] .brand-mark,
  html[data-campus="USC"] .brand-mark { width: 76px; flex-basis: 76px; }
  .brand strong { font-size: 18px; }
  .footer-brand img { width: 60px; height: 48px; }
  html[data-campus="UAGM"] .footer-brand img,
  html[data-campus="USC"] .footer-brand img { width: 76px; }
}

/* Caribbean's mark is white, so it gets Sagrado's dark plates; wide wordmarks get wider plates. */
html[data-campus="CU"] .brand-mark,
html[data-campus="CU"] .brand-mark .crest,
html[data-campus="CU"] .footer-brand img { background: var(--red-dark); }
html[data-campus="CU"] .season-art { background: var(--red-dark); color: white; }
html[data-campus="CU"] .season-art > img { mix-blend-mode: normal; }
html[data-campus="CU"] .art-kicker,
html[data-campus="CU"] .art-bottom > strong > span { color: #f6d36c; }
html[data-campus="CU"] .season-year { color: #ffffff32; }
html[data-campus="CU"] .brand-mark,
html[data-campus="UCB"] .brand-mark,
html[data-campus="PUPR"] .brand-mark { width: 100px; flex-basis: 100px; }
html[data-campus="CU"] .footer-brand img,
html[data-campus="UCB"] .footer-brand img,
html[data-campus="PUPR"] .footer-brand img { width: 100px; }
@media (max-width: 850px) {
  html[data-campus="CU"] .brand-mark,
  html[data-campus="UCB"] .brand-mark,
  html[data-campus="PUPR"] .brand-mark { width: 88px; flex-basis: 88px; }
}
@media (max-width: 600px) {
  html[data-campus="CU"] .brand-mark,
  html[data-campus="UCB"] .brand-mark,
  html[data-campus="PUPR"] .brand-mark { width: 76px; flex-basis: 76px; }
  html[data-campus="CU"] .footer-brand img,
  html[data-campus="UCB"] .footer-brand img,
  html[data-campus="PUPR"] .footer-brand img { width: 76px; }
}

@view-transition{navigation:auto}
.university-return{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:0 max(16px,calc((100% - 1360px)/2));background:#0a141c;color:#e8eef0;font:500 12.5px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em}
.university-return a{color:inherit;text-decoration:none}.ur-home{display:inline-flex;align-items:center;gap:8px;padding:10px 0;opacity:.88;transition:opacity .2s}.ur-home:hover{opacity:1;color:#fff}.ur-home span{transition:transform .2s}.ur-home:hover span{transform:translateX(-3px)}
.ur-switch{position:relative}.ur-switch summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #ffffff26;border-radius:999px;background:#ffffff0d;transition:background .2s,border-color .2s}.ur-switch summary::-webkit-details-marker{display:none}.ur-switch summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.ur-switch[open] summary::after{transform:translateY(1px) rotate(-135deg)}.ur-switch summary:hover{background:#ffffff1a;border-color:#ffffff40}
.ur-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(560px,calc(100vw - 32px));max-height:min(72vh,620px);overflow-y:auto;padding:8px;background:#0f1d27;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 24px 60px -12px #000a;animation:ur-in .18s ease-out}.ur-menu ul{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 0 6px;padding:0;list-style:none}.ur-group{margin:6px 10px 4px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93a3ab}
.ur-switch li a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:9px;color:#e8eef0}.ur-switch li a:hover,.ur-switch li a:focus-visible{background:#ffffff12}.ur-switch li a[aria-current]{background:#ffffff1a}.ur-switch li small{display:block;color:#93a3ab;font-size:11px}
.ur-crest{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:#fff}.ur-crest img{width:22px;height:22px;object-fit:contain}
.university-return :focus-visible{outline:2px solid #6fe3b6;outline-offset:2px}
@keyframes ur-in{from{opacity:0;transform:translateY(-4px)}}
@media(max-width:540px){.ur-switch summary{font-size:0;gap:0;padding:8px 12px}.ur-switch summary::before{content:"Cambiar";font-size:12px;margin-right:8px}}
@media(max-width:540px){.ur-menu ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ur-menu{animation:none}.ur-home span{transition:none}}
.ur-pd{display:block;width:auto;height:18px}
.pd-credits{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 28px;padding:22px 16px 26px;background:#0a141c;border-top:3px solid #10b981;color:#9fb0b8;font:500 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.pd-credits a{display:inline-flex;align-items:center;gap:10px;color:#e8eef0;text-decoration:none;opacity:.9;transition:opacity .2s}.pd-credits a:hover{opacity:1}
.pd-credits span{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#93a3ab}
.pd-credits img{display:block;width:auto;height:34px}.pd-credits .pd-coqui{width:34px;border-radius:50%}.pd-credits strong{font-size:15px;letter-spacing:.01em}
.pd-sep{width:1px;height:28px;background:#ffffff26}
@media(max-width:540px){.pd-sep{display:none}.pd-credits{flex-direction:column;gap:12px}}
@media print{.university-return,.pd-credits{display:none}}