/* V194 — one final geometry for match identities and standings. */

/* Homepage cards: logos and names share the same rows, regardless of crest ratio. */
body.public-app #weekendHighlights .weekend-teams{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important;
  align-items:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:20px 0 0!important;
}
body.public-app #weekendHighlights .weekend-teams>span{
  display:grid!important;
  grid-template-rows:76px minmax(2.7em,auto)!important;
  place-items:start center!important;
  align-content:start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
body.public-app #weekendHighlights .weekend-teams img{
  display:block!important;
  align-self:center!important;
  width:68px!important;
  height:68px!important;
  margin:auto!important;
  padding:2px!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
}
body.public-app #weekendHighlights .weekend-teams strong{
  display:-webkit-box!important;
  width:100%!important;
  max-width:180px!important;
  min-height:2.7em!important;
  margin:0 auto!important;
  overflow:hidden!important;
  color:#12364c!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
body.public-app #weekendHighlights .weekend-teams em{
  align-self:start!important;
  justify-self:center!important;
  width:44px!important;
  margin:28px 0 0!important;
  color:#12364c!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-align:center!important;
}

/* Search selector preview uses the same centered visual axis. */
body.public-app .fixture-selection-visual{
  grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;
  align-items:center!important;
}
body.public-app .fixture-visual-team{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:start!important;
  gap:10px!important;
  min-width:0!important;
}
body.public-app .fixture-visual-team.away{grid-template-columns:minmax(0,1fr) 44px!important;justify-items:end!important;text-align:right!important}
body.public-app .fixture-visual-team.away img{grid-column:2!important;grid-row:1!important}
body.public-app .fixture-visual-team.away b{grid-column:1!important;grid-row:1!important}
body.public-app .fixture-visual-team img{display:block!important;width:44px!important;height:44px!important;margin:auto!important;object-fit:contain!important;object-position:center!important}
body.public-app .fixture-visual-team b{display:block!important;width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Result hero: both clubs own equal columns; names and hearts cannot move crests. */
#result .match-hero #matchName{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;
  align-items:start!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  min-height:205px!important;
  margin:0 auto!important;
  padding:0!important;
  column-gap:clamp(8px,2vw,24px)!important;
}
#result .match-hero #matchName .team-unit{
  display:grid!important;
  grid-template-rows:116px auto!important;
  justify-items:center!important;
  align-content:start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:10px!important;
  text-align:center!important;
}
#result .match-hero #matchName .team-home{grid-column:1!important;grid-row:1!important}
#result .match-hero #matchName .team-away{grid-column:3!important;grid-row:1!important}
#result .match-hero #matchName .team-logo-stack{
  display:grid!important;
  place-items:center!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:116px!important;
  margin:0 auto!important;
}
#result .match-hero #matchName .team-crest{
  display:grid!important;
  place-items:center!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:112px!important;
  margin:0!important;
  overflow:hidden!important;
}
#result .match-hero #matchName .team-crest img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:auto!important;
  padding:4px!important;
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
}
#result .match-hero #matchName .team-copy{
  display:grid!important;
  grid-template-rows:auto 30px!important;
  justify-items:center!important;
  align-content:start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
#result .match-hero #matchName .team-name{
  display:-webkit-box!important;
  width:100%!important;
  max-width:390px!important;
  min-height:2.3em!important;
  margin:0 auto!important;
  padding:0 5px!important;
  overflow:hidden!important;
  color:#082d3b!important;
  font-size:clamp(22px,2.2vw,34px)!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:center!important;
  text-wrap:balance!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  box-sizing:border-box!important;
}
#result .match-hero #matchName .match-vs{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:center!important;
  width:48px!important;
  height:112px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  color:#09845f!important;
  font-size:14px!important;
  font-weight:850!important;
}
#result .match-hero #matchName .club-favorite-toggle{position:static!important;justify-self:center!important;margin:0!important}

/* The standings is a first-class part of the match result. */
#result .match-sidebar{align-content:start!important}
#result .standings-card{order:-2!important;padding:0!important;overflow:hidden!important;border-color:#d6e6e4!important;background:linear-gradient(180deg,#fff,#f9fcfb)!important}
#result .standings-card-title{display:flex!important;align-items:center!important;gap:10px!important;padding:16px 18px 12px!important;border-bottom:1px solid #e1ebe8!important;background:linear-gradient(135deg,#edf9f4,#f3f8ff)!important}
#result .standings-card-title>div{min-width:0!important}
#result .standings-card-title h2{margin:0!important;font-size:17px!important}
#result .standings-card-title .side-note{margin:2px 0 0!important;font-size:11px!important}
#result .standings-card-icon{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;background:#0e976b!important;color:#fff!important;font-size:21px!important;font-weight:800!important;line-height:1!important}
#result #standingsTable{min-height:112px!important}
#result .standings-message{margin:0!important;padding:18px!important}
#result .standings-scroll{max-height:430px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
#result .standings-table{min-width:0!important;font-size:12px!important}
#result .standings-table th,#result .standings-table td{padding:9px 8px!important}
#result .standings-table thead th{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
#result .standings-team{display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:8px!important}
#result .standings-team img{display:block!important;width:28px!important;height:28px!important;margin:auto!important;object-fit:contain!important;object-position:center!important}

@media(max-width:700px){
  body.public-app #weekendHighlights .weekend-teams{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:5px!important}
  body.public-app #weekendHighlights .weekend-teams>span{grid-template-rows:58px minmax(2.7em,auto)!important;gap:7px!important}
  body.public-app #weekendHighlights .weekend-teams img{width:54px!important;height:54px!important}
  body.public-app #weekendHighlights .weekend-teams strong{font-size:12px!important}
  body.public-app #weekendHighlights .weekend-teams em{width:34px!important;margin-top:22px!important;font-size:11px!important}
  body.public-app .fixture-visual-team{grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important}
  body.public-app .fixture-visual-team.away{grid-template-columns:minmax(0,1fr) 34px!important}
  body.public-app .fixture-visual-team img{width:34px!important;height:34px!important}
  #result .match-hero{padding:58px 8px 18px!important}
  #result .match-hero #matchName{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important;min-height:164px!important;column-gap:3px!important}
  #result .match-hero #matchName .team-unit{grid-template-rows:82px auto!important;gap:7px!important}
  #result .match-hero #matchName .team-logo-stack,#result .match-hero #matchName .team-crest{width:78px!important;min-width:78px!important;max-width:78px!important;height:78px!important}
  #result .match-hero #matchName .team-logo-stack{height:82px!important}
  #result .match-hero #matchName .team-name{max-width:155px!important;min-height:2.35em!important;padding:0 2px!important;font-size:clamp(14px,4.25vw,20px)!important;line-height:1.17!important}
  #result .match-hero #matchName .match-vs{width:28px!important;height:78px!important;font-size:11px!important}
  #result .match-hero #matchName .team-copy{grid-template-rows:auto 28px!important;gap:5px!important}
  #result .standings-scroll{max-height:58dvh!important}
}

@media(max-width:370px){
  #result .match-hero #matchName .team-logo-stack,#result .match-hero #matchName .team-crest{width:66px!important;min-width:66px!important;max-width:66px!important;height:66px!important}
  #result .match-hero #matchName .team-logo-stack{height:70px!important}
  #result .match-hero #matchName .team-unit{grid-template-rows:70px auto!important}
  #result .match-hero #matchName .match-vs{height:66px!important}
}