/* V188 — centered fixture identities, refined free-access table and local Plus Jakarta Sans. */
@font-face{
  font-family:'Plus Jakarta Sans';
  src:url('/assets/plus-jakarta-sans-latin.ttf') format('truetype');
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}

:root{font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body,button,input,select,textarea{font-family:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

/* Each club owns one identical half of the match header. Names and hearts no longer alter logo centering. */
#result #matchName{
  width:100%!important;
  max-width:980px!important;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;
  align-items:start!important;
  gap:18px!important;
}
#result #matchName .team-unit,
#result #matchName .team-away{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:116px auto!important;
  justify-items:center!important;
  align-content:start!important;
  align-items:start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:center!important;
}
#result #matchName .team-logo-stack,
#result #matchName .team-away .team-logo-stack{
  grid-area:auto!important;
  display:grid!important;
  grid-template-rows:16px 100px!important;
  justify-items:center!important;
  align-items:center!important;
  width:100px!important;
  max-width:100px!important;
  height:116px!important;
  margin:0 auto!important;
  order:0!important;
}
#result #matchName .team-rank-note,
#result #matchName .team-rank-note:empty{
  display:block!important;
  width:100%!important;
  min-height:16px!important;
  text-align:center!important;
}
#result #matchName .team-crest{
  display:grid!important;
  place-items:center!important;
  width:100px!important;
  height:100px!important;
  max-width:100px!important;
  margin:0!important;
}
#result #matchName .team-crest img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  transform:none!important;
}
#result #matchName .team-copy,
#result #matchName .team-away .team-copy{
  grid-area:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
#result #matchName .team-name,
#result #matchName .team-away .team-name{
  display:block!important;
  width:100%!important;
  max-width:390px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:clamp(23px,2.4vw,34px)!important;
  line-height:1.12!important;
  text-wrap:balance;
}
#result #matchName .club-favorite-toggle{
  position:static!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 auto!important;
  transform:none!important;
}
#result #matchName .match-vs{align-self:center!important;margin-top:31px!important}

/* Free access keeps its existing structure, with the quieter continuous-table treatment from the reference. */
#result #freeSynthesisView{color:#17384d}
#result #freeSynthesisView .compact-free-head{min-height:46px;margin-bottom:10px!important;padding:0!important}
#result #freeSynthesisView .compact-free-head h2{font-size:21px!important;line-height:1.25!important}
#result #freeSynthesisView .refresh-match-grids{
  min-height:38px!important;
  padding:8px 13px!important;
  border-color:#cfe0e7!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#087d57!important;
  font-weight:750!important;
}
#result #freeSynthesisView .free-filter-bar{margin-bottom:13px!important}
#result #freeSynthesisView .free-filters{gap:8px!important}
#result #freeSynthesisView .free-filters button{
  min-height:38px!important;
  padding:7px 12px!important;
  border-color:#d7e3e8!important;
  border-radius:10px!important;
  background:#fbfdfe!important;
  color:#3e596b!important;
  font-weight:650!important;
}
#result #freeSynthesisView .free-filters button[aria-pressed='true']{
  border-color:#75c9a4!important;
  background:#effaf4!important;
  color:#087b4d!important;
  box-shadow:0 0 0 2px rgba(37,169,112,.06)!important;
}
#result #freeSynthesisView .free-confirmed-section,
#result #freeSynthesisView .free-other-section{
  border-color:#d8e6e5!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(19,67,79,.045)!important;
}
#result #freeSynthesisView .free-section-title{
  min-height:58px!important;
  padding:11px 14px!important;
  background:linear-gradient(100deg,#eaf8f1 0%,#f7fcfa 72%,#fff 100%)!important;
  border-bottom:1px solid #dce9e5!important;
}
#result #freeSynthesisView .free-section-title>div,
#result #freeSynthesisView .free-other-section>summary>div{display:grid!important;gap:2px!important}
#result #freeSynthesisView .free-section-title strong{color:#08784c!important;font-weight:800!important}
#result #freeSynthesisView .free-section-title b,
#result #freeSynthesisView .free-other-section>summary>b{
  display:grid!important;
  place-items:center!important;
  min-width:32px!important;
  height:32px!important;
  padding:0 8px!important;
  border:1px solid #cae5d8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#087d53!important;
  font-size:12px!important;
}
#result #freeSynthesisView .free-simple-heading{
  margin:0!important;
  padding:10px 14px!important;
  border-bottom:1px solid #e3eceb!important;
  background:#fbfdfd!important;
  color:#718590!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.055em!important;
}
#result #freeSynthesisView .free-card-simple{
  min-height:90px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:0!important;
  border-bottom:1px solid #e3eceb!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:background-color .16s ease!important;
}
#result #freeSynthesisView .free-card-simple:last-child{border-bottom:0!important}
#result #freeSynthesisView .free-card-simple:hover{background:#fbfefd!important}
#result #freeSynthesisView .channel-logo{
  width:54px!important;
  height:46px!important;
  min-height:46px!important;
  flex-basis:54px!important;
  border-color:#dce7ec!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(18,64,79,.045)!important;
}
#result #freeSynthesisView .channel-logo img{max-width:50px!important;max-height:42px!important;padding:4px!important}
#result #freeSynthesisView .provider-name-lockup{font-size:14px!important;font-weight:800!important}
#result #freeSynthesisView .free-provider-meta{margin-top:3px!important;color:#536f7e!important}
#result #freeSynthesisView .free-status-cell .class-badge{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 10px!important;
  border:1px solid #d8eadf!important;
  border-radius:9px!important;
  background:#f3faf6!important;
  color:#08794c!important;
  font-weight:750!important;
}
#result #freeSynthesisView .free-actions .free-official-link{
  min-height:38px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#08a067,#078b5a)!important;
  border-color:#078b5a!important;
  box-shadow:0 6px 14px rgba(7,139,90,.14)!important;
}
#result #freeSynthesisView .free-actions .free-proof-link{border-radius:8px!important;text-decoration:none!important}
#result #freeSynthesisView .free-other-section>summary{min-height:54px!important;padding:10px 14px!important}
#result #freeSynthesisView .free-bottom-notes{padding:0 1px!important}

@media(max-width:1050px){
  #result #matchName{max-width:820px!important;gap:12px!important}
  #result #matchName .team-unit,#result #matchName .team-away{grid-template-rows:98px auto!important}
  #result #matchName .team-logo-stack,#result #matchName .team-away .team-logo-stack{grid-template-rows:14px 84px!important;width:84px!important;max-width:84px!important;height:98px!important}
  #result #matchName .team-crest{width:84px!important;height:84px!important;max-width:84px!important}
  #result #matchName .team-name,#result #matchName .team-away .team-name{font-size:clamp(21px,3vw,29px)!important}
  #result #matchName .match-vs{margin-top:22px!important}
}

@media(max-width:700px){
  #result #matchName{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;align-items:start!important;gap:5px!important}
  #result #matchName .team-unit,#result #matchName .team-away{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:78px auto!important;gap:7px!important}
  #result #matchName .team-logo-stack,#result #matchName .team-away .team-logo-stack{display:grid!important;grid-template-rows:12px 66px!important;width:66px!important;max-width:66px!important;height:78px!important}
  #result #matchName .team-rank-note,#result #matchName .team-rank-note:empty{min-height:12px!important;font-size:10px!important}
  #result #matchName .team-crest{width:66px!important;height:66px!important;max-width:66px!important}
  #result #matchName .team-name,#result #matchName .team-away .team-name{font-size:clamp(15px,4.4vw,20px)!important;line-height:1.16!important}
  #result #matchName .club-favorite-toggle{width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important}
  #result #matchName .match-vs{margin-top:18px!important;font-size:17px!important}
  #result #freeSynthesisView .free-card-simple{padding:13px 12px!important;border-bottom:1px solid #e3eceb!important}
}

@media(max-width:390px){
  #result #matchName .team-unit,#result #matchName .team-away{grid-template-rows:70px auto!important}
  #result #matchName .team-logo-stack,#result #matchName .team-away .team-logo-stack{grid-template-rows:11px 59px!important;width:59px!important;max-width:59px!important;height:70px!important}
  #result #matchName .team-crest{width:59px!important;height:59px!important;max-width:59px!important}
  #result #matchName .team-name,#result #matchName .team-away .team-name{font-size:clamp(14px,4.2vw,18px)!important}
}

@media(prefers-reduced-motion:reduce){#result #freeSynthesisView .free-card-simple{transition:none!important}}