/* History family: /hof, /franchises, /awards, /h2h. */
.hp-card{margin-bottom:14px}
.hp-rafters{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;padding:14px 16px}
.hp-banner{display:grid;gap:2px;padding:12px;border-radius:10px;border:1px solid #6b5520;border-top:3px solid var(--fp-gold);
  background:linear-gradient(180deg,rgba(245,196,81,.14),rgba(245,196,81,.02))}
.hp-banner:hover{border-color:var(--fp-gold)}
.hp-banner small{font-size:12px;font-weight:800;color:var(--fp-gold)}
.hp-banner b{font-size:15px;font-weight:800;line-height:1.2}
.hp-banner span{font-size:11px;color:var(--fp-dim)}
.hp-banner em{font-style:normal;font-size:11px;color:var(--fp-faint)}
.hp-trophies{min-width:80px!important;font-size:13px!important;letter-spacing:-2px}
.hp-rank{list-style:none;margin:0;padding:4px 0}
.hp-rank li{display:grid;grid-template-columns:22px 62px minmax(0,1fr);gap:8px;align-items:center;padding:7px 16px;font-size:13px}
.hp-rank li+li{border-top:1px solid var(--fp-line)}
.hp-n{color:var(--fp-faint);font-weight:700;font-size:11px}
.hp-rank b{font-size:17px;font-weight:800}
.hp-rank small{display:block;font-size:11px;color:var(--fp-faint)}
.hp-rank small a{color:var(--fp-faint)}
.hp-rank em{font-style:normal;font-size:10px;color:var(--fp-faint)}
.hp-left{text-align:left!important;white-space:normal!important}
.hp-left small{color:var(--fp-faint)}
.hp-yearly td,.hp-yearly th{padding:5px 10px}
.hp-gold{color:var(--fp-gold);font-weight:800}
.hp-small{font-size:11px;color:var(--fp-dim);text-align:left!important}
.hp-retired{opacity:.6}
.hp-vs{font-weight:500;color:var(--fp-faint);font-size:.6em}
.hp-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hp-pick select{min-height:44px;padding:0 10px;border:1px solid var(--fp-line-2);border-radius:10px;background:var(--fp-panel);color:var(--fp-text);max-width:220px}
.hp-pick button{min-height:44px;padding:0 16px;border-radius:10px;background:#10302f;border:1px solid var(--fp-accent);color:#fff;font-weight:700}
.hp-pick span{color:var(--fp-faint);font-size:12px}
.hp-h2h-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}
.hp-res{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;font-size:11px;font-weight:800;color:#07131c}
.hp-res.is-w{background:var(--fp-win)}.hp-res.is-l{background:var(--fp-loss)}.hp-res.is-t{background:var(--fp-tie)}
.hp-win{color:#fff;font-weight:800}
.hp-log tr.is-playoff{background:rgba(245,196,81,.06)}
.hp-luck i.is-neg{background:linear-gradient(90deg,#7a2a2d,var(--fp-loss))}
@media (max-width:1200px){.hp-h2h-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.hp-h2h-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-pick select{max-width:140px}}
.hp-link{color:var(--fp-link);font-size:12px;font-weight:650}
.hp-inline{display:inline!important}
@media (max-width:760px){.hp-rafters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.hp-banner{padding:9px}.hp-banner b{font-size:13px}}
/* Phones: record-book / trophy / drought links were ~16px tall; give them real tap targets. */
@media (max-width:760px){
  .hp-rank a,.hp .mn-list a,.hp-yearly a,.hp-banner{display:inline-block;min-height:32px;padding:6px 0}
  .hp-rank li,.hp .mn-list li{padding-top:4px;padding-bottom:4px}
}
.hp-awards{margin-top:26px;scroll-margin-top:90px}
.hp-awards-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 12px}
.hp-awards-head h3{font-size:20px;font-weight:850;margin:0}
.hp-awards-sub{font-size:12px;color:var(--fp-faint)}
.hp-awards-head .st-year{margin:0}