:root { --profile-navy: #101d32; --profile-green: #18b46d; --profile-paper: #f4f6f2; --profile-line: #d9e0d9; --profile-muted: #657064; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.public-athlete-shell { margin: 0; background: var(--profile-paper); color: var(--profile-navy); font-family: var(--ss-font-body); }
.public-athlete-shell h1, .public-athlete-shell h2, .public-athlete-shell h3 { font-family: var(--ss-font-display); letter-spacing: -.035em; }
.public-athlete-nav { padding: 15px 0; background: var(--profile-navy); color: #fff; }
.public-athlete-nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.public-athlete-nav .navbar-brand { color: #fff; }
.public-share-button { color: var(--profile-navy); font-weight: 700; }
.athlete-hero { padding: 48px 0; background: var(--profile-navy); color: #fff; border-top: 1px solid rgba(255,255,255,.08); }
.athlete-prototype-notice { display: flex; align-items: center; gap: 10px; width: fit-content; margin: -20px 0 28px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.07); color: #b8c4d3; font-size: 11px; }
.athlete-prototype-notice strong { color: #fff; font-size: 10px; letter-spacing: .07em; text-transform: uppercase; }
.athlete-hero-grid { display: grid; grid-template-columns: 190px minmax(0, 1fr) 280px; gap: 36px; align-items: center; }
.athlete-hero-grid-preview { grid-template-columns: 190px minmax(0, 1fr); }
.athlete-photo-wrap { position: relative; }
.athlete-photo { width: 190px; height: 214px; object-fit: cover; border-radius: 26px; border: 4px solid rgba(255,255,255,.12); filter: saturate(.8); }
.athlete-number { position: absolute; right: -9px; bottom: 17px; display: grid; width: 52px; height: 52px; place-items: center; border-radius: 16px; background: var(--profile-green); color: #fff; font-family: var(--ss-font-display); font-weight: 700; box-shadow: 0 10px 24px rgba(0,0,0,.24); }
.athlete-kicker, .athlete-eyebrow { color: #278a5d; font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.athlete-kicker { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; color: #9fe6c1; }
.athlete-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--profile-green); box-shadow: 0 0 0 4px rgba(24,180,109,.16); }
.athlete-identity h1 { margin: 0; font-size: clamp(2.5rem, 5vw, 4.7rem); line-height: 1; }
.athlete-role { margin: 14px 0 5px; color: #dce5ef; font-size: 1.15rem; font-weight: 700; }
.athlete-school { margin: 0; color: #aab6c6; }
.athlete-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.athlete-tags span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; color: #dce5ef; font-size: 12px; font-weight: 700; }
.athlete-contact-card { display: grid; gap: 3px; padding: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: rgba(255,255,255,.06); }
.athlete-contact-label { margin-bottom: 10px; color: #9fe6c1; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.athlete-contact-card span:not(.athlete-contact-label) { color: #9dacbe; font-size: 13px; }
.athlete-contact-card a { margin-top: 5px; color: #fff; font-size: 14px; text-decoration-color: rgba(255,255,255,.3); }
.public-athlete-main { padding-bottom: 80px; }
.athlete-section-nav { position: sticky; top: 0; z-index: 20; display: flex; gap: 26px; overflow-x: auto; margin-bottom: 30px; padding: 18px 0; border-bottom: 1px solid var(--profile-line); background: rgba(244,246,242,.94); backdrop-filter: blur(12px); }
.athlete-section-nav a { color: var(--profile-muted); font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.athlete-section-nav a:first-child { color: var(--profile-navy); }
.athlete-section, .athlete-overview-grid, .athlete-stats-panel { scroll-margin-top: 80px; }
#accolades, #academics { scroll-margin-top: 80px; }
.athlete-overview-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 22px; }
.athlete-panel { border: 1px solid var(--profile-line); border-radius: 22px; background: #fff; box-shadow: 0 12px 32px rgba(16,29,50,.045); }
.athlete-story, .athlete-measurables, .athlete-academics { padding: 28px; }
.athlete-story-full { scroll-margin-top: 80px; }
.athlete-story h2 { max-width: 690px; margin: 10px 0 14px; font-size: clamp(1.5rem, 2.6vw, 2.15rem); line-height: 1.15; }
.athlete-story > p { max-width: 720px; margin: 0; color: var(--profile-muted); line-height: 1.7; }
.athlete-source-note { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--profile-line); color: #7a857b; font-size: 12px; }
.athlete-heading-row, .athlete-section-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.athlete-heading-row h2, .athlete-section-title h2 { margin: 6px 0 0; font-size: 1.35rem; }
.athlete-source-chip { display: inline-flex; align-items: center; min-height: 25px; padding: 5px 8px; border-radius: 999px; background: #edf0ed; color: #687268; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.athlete-source-chip-gc { background: #e1f6ea; color: #087844; }
.measurable-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 22px 0 0; }
.measurable-grid div { padding: 15px; border-radius: 15px; background: #f4f6f2; }
.measurable-grid dt { color: var(--profile-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.measurable-grid dd { margin: 6px 0 1px; font-family: var(--ss-font-display); font-size: 1.45rem; font-weight: 700; }
.measurable-grid small { color: #8a938b; font-size: 10px; }
.athlete-stats-panel { margin-top: 22px; padding: 28px; }
.athlete-stats-heading { align-items: flex-end; }
.athlete-section-context { margin: 7px 0 0; color: var(--profile-muted); font-size: 13px; }
.athlete-view-switcher { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: #eef1ed; }
.athlete-view-switcher button { padding: 8px 13px; border: 0; border-radius: 999px; background: transparent; color: var(--profile-muted); font-size: 12px; font-weight: 800; }
.athlete-view-switcher button.active { background: var(--profile-navy); color: #fff; }
.athlete-stat-grid { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); margin-top: 24px; border: 1px solid var(--profile-line); border-radius: 18px; overflow: hidden; }
.athlete-stat-grid-nine { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.athlete-stat-grid div { padding: 18px 12px; border-right: 1px solid var(--profile-line); text-align: center; }
.athlete-stat-grid div:last-child { border-right: 0; }
.athlete-stat-grid span { display: block; color: var(--profile-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.athlete-stat-grid strong { display: block; margin-top: 7px; font-family: var(--ss-font-display); font-size: 1.35rem; }
.athlete-data-note { display: flex; align-items: center; gap: 10px; margin-top: 14px; color: var(--profile-muted); font-size: 12px; }
.athlete-section { margin-top: 54px; }
.athlete-section-title { align-items: center; margin-bottom: 18px; }
.athlete-section-title > a, .athlete-section-title > span { color: #278a5d; font-size: 12px; font-weight: 800; text-decoration: none; }
.athlete-video-layout { display: grid; grid-template-columns: 1.3fr .7fr; gap: 20px; }
.athlete-video-layout-single { grid-template-columns: minmax(0, 1fr); }
.featured-video, .athlete-clip-list, .athlete-award-list { overflow: hidden; border: 1px solid var(--profile-line); border-radius: 22px; background: #fff; }
.featured-video-image { position: relative; aspect-ratio: 16/8.5; overflow: hidden; background: #101d32; }
.featured-video-image img { width: 100%; height: 100%; object-fit: cover; opacity: .78; }
.featured-video-image video { display: block; width: 100%; height: 100%; background: #101d32; object-fit: contain; }
.featured-video-image button { position: absolute; inset: 50% auto auto 50%; display: grid; width: 62px; height: 62px; padding-left: 4px; place-items: center; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: #fff; color: var(--profile-navy); font-size: 18px; box-shadow: 0 12px 28px rgba(0,0,0,.24); }
.video-duration { position: absolute; right: 14px; bottom: 14px; padding: 5px 8px; border-radius: 6px; background: rgba(0,0,0,.78); color: #fff; font-size: 11px; font-weight: 700; }
.featured-video-copy { display: flex; justify-content: space-between; gap: 18px; padding: 18px 20px; }
.featured-video-copy h3, .athlete-clip-list h3, .athlete-award-list h3 { margin: 0; font-size: .96rem; }
.featured-video-copy p, .athlete-clip-list p, .athlete-award-list p { margin: 4px 0 0; color: var(--profile-muted); font-size: 12px; }
.athlete-clip-list { max-height: 520px; overflow-y: auto; }
.athlete-clip-list-static { align-self: start; }
.athlete-clip-list button, .athlete-award-list article { display: grid; width: 100%; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; min-height: 92px; padding: 16px 18px; border: 0; border-bottom: 1px solid var(--profile-line); background: #fff; color: var(--profile-navy); text-align: left; }
.athlete-clip-list button:hover { background: #f8faf7; }
.athlete-clip-list button.active { background: #edf8f2; box-shadow: inset 3px 0 var(--profile-green); }
.athlete-clip-list button:last-child, .athlete-award-list article:last-child { border-bottom: 0; }
.athlete-clip-list strong, .athlete-clip-list small { display: block; }
.athlete-clip-list small { margin-top: 4px; color: var(--profile-muted); font-size: 11px; }
.clip-index, .award-year { color: #89938a; font-family: var(--ss-font-display); font-size: 12px; font-weight: 700; }
.athlete-two-column { display: grid; grid-template-columns: 1.15fr .85fr; gap: 22px; }
.athlete-two-column-single { grid-template-columns: minmax(0, 1fr); }
.athlete-academics dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; }
.athlete-academics dt { color: var(--profile-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.athlete-academics dd { margin: 4px 0 0; font-weight: 700; }
.athlete-academics p { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--profile-line); color: var(--profile-muted); font-size: 13px; line-height: 1.6; }
.athlete-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.athlete-gallery img { width: 100%; height: 250px; object-fit: cover; border-radius: 18px; filter: saturate(.82); }
.athlete-season-list { overflow: hidden; border: 1px solid var(--profile-line); border-radius: 22px; background: #fff; }
.athlete-season-list button, .athlete-season-row { display: grid; width: 100%; grid-template-columns: 70px minmax(190px, 1fr) minmax(220px, auto) 24px; align-items: center; gap: 18px; padding: 20px 24px; border: 0; border-bottom: 1px solid var(--profile-line); background: #fff; color: var(--profile-navy); text-align: left; }
.athlete-season-row { grid-template-columns: 70px minmax(190px, 1fr) minmax(220px, auto); }
.athlete-season-list button:last-child, .athlete-season-row:last-child { border-bottom: 0; }
.athlete-season-list button:hover { background: #f8faf7; }
.athlete-season-list strong, .athlete-season-list small { display: block; }
.athlete-season-list small { margin-top: 3px; color: var(--profile-muted); }
.season-year { font-family: var(--ss-font-display); font-size: 1.2rem; font-weight: 700; }
.season-summary { color: var(--profile-muted); font-size: 13px; font-weight: 700; }
.public-athlete-footer { padding: 28px 0; background: var(--profile-navy); color: #aab6c6; font-size: 12px; }
.public-athlete-footer .container { display: flex; justify-content: space-between; gap: 18px; }
.public-athlete-footer strong { color: #fff; }
.public-athlete-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }
.public-athlete-footer a { color: #d6dee9; text-decoration: none; }
.public-athlete-footer a:hover { color: #fff; }
.athlete-toast { position: fixed; z-index: 50; right: 22px; bottom: 22px; padding: 12px 16px; border-radius: 12px; background: var(--profile-navy); color: #fff; font-size: 13px; font-weight: 700; opacity: 0; transform: translateY(10px); pointer-events: none; transition: .18s ease; }
.athlete-toast.show { opacity: 1; transform: translateY(0); }
@media (max-width: 991.98px) {
  .athlete-hero-grid { grid-template-columns: 150px minmax(0, 1fr); }
  .athlete-photo { width: 150px; height: 176px; }
  .athlete-contact-card { grid-column: 1 / -1; grid-template-columns: repeat(3, auto); align-items: center; }
  .athlete-contact-label { grid-column: 1 / -1; margin-bottom: 4px; }
  .athlete-overview-grid, .athlete-two-column { grid-template-columns: 1fr; }
  .athlete-stat-grid { grid-template-columns: repeat(4, 1fr); }
  .athlete-stat-grid-nine { grid-template-columns: repeat(3, 1fr); }
  .athlete-stat-grid div:nth-child(4) { border-right: 0; }
  .athlete-stat-grid-nine div { border-right: 1px solid var(--profile-line); }
  .athlete-stat-grid-nine div:nth-child(3n) { border-right: 0; }
  .athlete-stat-grid div:nth-child(-n+4) { border-bottom: 1px solid var(--profile-line); }
  .athlete-stat-grid-nine div { border-bottom: 1px solid var(--profile-line); }
  .athlete-stat-grid-nine div:nth-last-child(-n+3) { border-bottom: 0; }
  .athlete-video-layout { grid-template-columns: 1fr; }
  .athlete-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .athlete-hero { padding: 34px 0; }
  .athlete-hero-grid { grid-template-columns: 104px minmax(0, 1fr); gap: 20px; align-items: start; }
  .athlete-photo { width: 104px; height: 128px; border-radius: 18px; }
  .athlete-number { right: -7px; bottom: -7px; width: 38px; height: 38px; border-radius: 12px; font-size: 12px; }
  .athlete-identity h1 { font-size: 2rem; }
  .athlete-role { margin-top: 8px; font-size: .95rem; }
  .athlete-school { font-size: .82rem; }
  .athlete-tags { grid-column: 1 / -1; margin-top: 14px; }
  .athlete-contact-card { grid-template-columns: 1fr; }
  .athlete-section-nav { margin-bottom: 20px; }
  .athlete-story, .athlete-measurables, .athlete-stats-panel, .athlete-academics { padding: 20px; }
  .athlete-stats-heading { align-items: flex-start; flex-direction: column; }
  .athlete-view-switcher { width: 100%; overflow-x: auto; }
  .athlete-view-switcher button { flex: 1 0 auto; }
  .athlete-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .athlete-stat-grid-nine { grid-template-columns: repeat(2, 1fr); }
  .athlete-stat-grid-nine div { border-right: 1px solid var(--profile-line); }
  .athlete-stat-grid-nine div:nth-child(even) { border-right: 0; }
  .athlete-stat-grid div { border-bottom: 1px solid var(--profile-line); }
  .athlete-stat-grid div:nth-child(even) { border-right: 0; }
  .athlete-stat-grid div:nth-last-child(-n+2) { border-bottom: 0; }
  .athlete-stat-grid-nine div:nth-last-child(-n+2) { border-bottom: 1px solid var(--profile-line); }
  .athlete-stat-grid-nine div:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .athlete-data-note { align-items: flex-start; }
  .athlete-gallery { grid-template-columns: 1fr 1fr; }
  .athlete-gallery img { height: 180px; }
  .athlete-gallery img:first-child { grid-column: 1 / -1; height: 240px; }
  .athlete-season-list button, .athlete-season-row { grid-template-columns: 55px minmax(0, 1fr) 20px; gap: 12px; padding: 17px; }
  .athlete-season-row { grid-template-columns: 55px minmax(0, 1fr); }
  .season-summary { grid-column: 2; }
  .athlete-season-list button > span:last-child { grid-column: 3; grid-row: 1 / 3; }
}
@media (max-width: 575.98px) {
  .public-athlete-nav .btn-outline-light { display: none; }
  .athlete-kicker { font-size: 9px; }
  .athlete-identity .athlete-tags { display: none; }
  .athlete-source-note, .public-athlete-footer .container { flex-direction: column; }
  .measurable-grid { grid-template-columns: repeat(2, 1fr); }
  .athlete-section { margin-top: 42px; }
  .athlete-clip-list button, .athlete-award-list article { grid-template-columns: auto minmax(0, 1fr); }
  .athlete-clip-list .athlete-source-chip, .athlete-award-list .athlete-source-chip { grid-column: 2; width: fit-content; }
}