/* tei-nflplayer.css : NFL player page (templates/nfl_player_page.html) */

/* segmented control with buttons (tei.css styles anchors) */
.tei-dark .tei-pl .tei-seg button{padding:7px 14px;white-space:nowrap;border:0;border-radius:999px;background:none;font-family:var(--tei-font-label);font-weight:600;font-size:15px;letter-spacing:.5px;text-transform:uppercase;color:var(--tei-fg-dim);cursor:pointer}
.tei-dark .tei-pl .tei-seg button:hover{color:var(--tei-fg)}
.tei-dark .tei-pl .tei-seg button.is-active{background:var(--tei-accent);color:var(--tei-accent-ink)}
.tei-dark .tei-pl .tei-seg button.is-empty:not(.is-active){opacity:.5}
.tei-dark .tei-pl .tei-seg button:focus-visible{outline:2px solid var(--tei-blue);outline-offset:2px}

/* hero */
.tei-pl-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-top:18px;padding:28px;border-radius:var(--tei-radius);background:linear-gradient(160deg,#10203a,var(--tei-panel));border:1px solid var(--tei-line)}
.tei-pl-hero__photo{width:180px;height:180px;border-radius:50%;overflow:hidden;background:var(--tei-panel-2);border:2px solid var(--tei-line);display:flex;align-items:flex-end;justify-content:center}
.tei-pl-hero__photo img{width:100%;height:auto;display:block}
.tei-pl-hero__info{min-width:0}
.tei-pl-hero__info .tei-label{display:flex;align-items:center;gap:10px}
.tei-pl-hero__name{margin:8px 0 18px;font-size:clamp(40px,5.5vw,68px);line-height:.95;overflow-wrap:anywhere}
.tei-pl-bio>div{min-width:0}
.tei-pl-bio dd{font-size:22px}
.tei-pl-bio dd span{font-size:15px}
.tei-dark a.tei-pl-hero__team{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:14px;color:var(--tei-fg-dim);font-family:var(--tei-font-label);font-weight:600;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.tei-dark a.tei-pl-hero__team:hover{background:rgba(255,255,255,.04);color:var(--tei-accent)}

/* rankings */
.tei-pl-ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.tei-pl-rank{padding:16px;border-radius:12px;background:var(--tei-panel);border:1px solid var(--tei-line);border-top:3px solid var(--tei-line)}
.tei-pl-rank--best{border-top-color:var(--tei-accent)}
.tei-pl-rank--good{border-top-color:var(--tei-blue)}
.tei-pl-rank--avg{border-top-color:var(--tei-amber)}
.tei-pl-rank__label{font-family:var(--tei-font-label);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--tei-fg-dim)}
.tei-pl-rank__value{margin-top:6px;font-family:var(--tei-font-display);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.tei-pl-rank__value>span:not(.tei-delta){font-family:var(--tei-font-label);font-size:15px;color:var(--tei-fg-dim)}
.tei-pl-rank__value .tei-delta{font-family:var(--tei-font-body);font-size:18px;margin-left:4px}
.tei-pl-rank--best .tei-pl-rank__value{color:var(--tei-accent)}
.tei-pl-rank__stat{margin-top:6px;color:var(--tei-fg-dim);font-variant-numeric:tabular-nums}

/* game logs */
.tei-pl-season{display:flex;flex-direction:column;gap:16px}
.tei-pl-season[hidden]{display:none}
.tei-pl-cat{min-width:0}
.tei-pl-cat__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.tei-pl-totals{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:4px 0 16px}
.tei-pl-totals>div{min-width:0;padding:8px 12px;border-radius:10px;background:var(--tei-panel-2)}
.tei-pl-totals dt{font-family:var(--tei-font-label);font-weight:600;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--tei-fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tei-pl-totals dd{margin:2px 0 0;font-family:var(--tei-font-label);font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}
.tei-pl-cat .tei-table td:nth-child(-n+3){white-space:nowrap}

@media (max-width:820px){
  .tei-pl-hero{grid-template-columns:auto 1fr;gap:18px;padding:20px}
  .tei-pl-hero__photo{width:112px;height:112px}
  .tei-pl-hero__info{grid-column:2}
  .tei-pl-hero__team{grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:center}
  .tei-pl-hero__team img{width:40px;height:40px}
  .tei-pl-bio{grid-column:1/-1}
}
@media (max-width:560px){
  .tei-pl-hero{grid-template-columns:1fr;text-align:left}
  .tei-pl-hero__info{grid-column:1;grid-row:auto}
  .tei-dark a.tei-pl-hero__team{grid-row:auto;justify-content:flex-start;padding:0}
  .tei-pl-hero__team img{width:32px;height:32px}
  .tei-pl-hero__photo{width:96px;height:96px}
  .tei-pl-bio{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .tei-pl-bio>div{min-width:0;padding:10px 12px}
  .tei-pl-bio__wide{grid-column:1/-1}
  .tei-pl-bio dd{font-size:19px}
  .tei-pl .tei-section__head{flex-wrap:wrap}
  .tei-pl .tei-seg{display:flex;width:100%}
  .tei-dark .tei-pl .tei-seg button{flex:1;padding:7px 4px;font-size:12px;letter-spacing:.3px}
  .tei-pl-totals{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tei-pl-totals dd{font-size:17px}
  .tei-pl-ranks{grid-template-columns:1fr 1fr}
  .tei-pl-rank__value{font-size:28px}
}