/* Player profile: SFFL journey timeline (templates/player_profile.html). */
.pj{margin-bottom:16px}
.pj-line{list-style:none;margin:0;padding:6px 4px 4px;display:flex;gap:0;overflow-x:auto;scrollbar-width:thin}
.pj-line li{position:relative;flex:0 0 190px;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:0 10px 10px 0}
.pj-line li::before{content:"";position:absolute;top:17px;left:36px;right:0;height:2px;background:var(--fp-line-2,#2a3a4d)}
.pj-line li:last-child::before{display:none}
.pj-dot{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--fp-panel-2,#15222f);border:2px solid var(--fp-line-2,#2a3a4d);font-size:16px}
.pj-stint .pj-dot{border-color:var(--fp-accent,#6ee0bd)}
.pj-draft .pj-dot{border-color:#ffcc4d}
.pj-move.is-drop .pj-dot{border-color:#ff7a8a}
.pj-line div{display:grid;gap:2px;min-width:0}
.pj-line small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-dim,#93a4b8)}
.pj-line b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pj-line b a{color:inherit}
.pj-line span{font-size:12px;line-height:1.4;color:var(--fp-dim,#aab8c8)}
.pj-note{font-size:11px!important;margin:4px 0 0}
@media (max-width:700px){
  .pj-line{flex-direction:column;overflow:visible}
  .pj-line li{flex:none;grid-template-columns:36px minmax(0,1fr);grid-template-rows:none;padding:0 0 12px}
  .pj-line li::before{top:36px;bottom:0;left:17px;right:auto;width:2px;height:auto}
}