/* Football Kit Encyclopedia v3.7.9.9
 * GLOBAL DETAIL SYSTEM
 * This file is intentionally loaded on every encyclopedia singular entity type.
 * Layout/component fixes belong here, never in URL/slug-specific patches.
 */

/* One content rail for every detail entity: kit, team/national team, player,
   country, brand, competition, sponsor, event, story and collection. */
.fke-encyclopedia .fke-main{
  width:min(960px,calc(100vw - 64px))!important;
  max-width:960px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}
.fke-encyclopedia .fke-main>article,
.fke-encyclopedia .fke-main>.fke-brand-detail-track,
.fke-encyclopedia .fke-main :is(.fke-kit-reconstruction__entry,.fke-player-profile,.fke-team-profile,.fke-national-team-profile,.fke-brand-archive,.fke-competition-profile,.fke-country-profile-v3760,.fke-sponsor-profile>article,.fke-event-profile>article,.fke-story-profile,.fke-collection-profile>article){
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
/* Brand used to own a second viewport-based rail. Inside the global rail it is
   now simply 100%, so children can never re-expand the page. */
.fke-encyclopedia .fke-main.fke-brand-archive-page{
  width:min(960px,calc(100vw - 64px))!important;
  max-width:960px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.fke-encyclopedia .fke-main.fke-brand-archive-page>.fke-brand-detail-track{
  width:100%!important;
  max-width:100%!important;
}

/* Generic defensive rule: no detail section/grid is allowed to force the rail
   wider than its parent. */
.fke-encyclopedia .fke-main :is(section,header,aside,div,ul,ol,article){min-width:0}
.fke-encyclopedia .fke-main :is(.fke-v377-panel,.fke-relation-card,.fke-story-list,.fke-article-module,.fke-kit-articles){max-width:100%!important;box-sizing:border-box!important}

/* One article module on EVERY entity detail page. The story-list component
   already emits .fke-article-module by default; this makes the layout invariant
   across team, national team, country, brand, competition, sponsor, player and kit. */
.fke-encyclopedia .fke-main .fke-story-list.fke-article-module,
.fke-encyclopedia .fke-main .fke-kit-articles.fke-article-module{
  width:100%!important;
  margin:0!important;
}
.fke-encyclopedia .fke-main .fke-article-module .fke-article-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}

/* Generic relation-card is an entity navigator, not a giant information panel. */
.fke-encyclopedia .fke-main .fke-relation-card{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:15px!important;
  border:1px solid var(--fke-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.fke-encyclopedia .fke-main .fke-relation-card>h2{
  margin:0 0 10px!important;
  padding:0 0 8px!important;
  border-bottom:1px solid var(--fke-line)!important;
  font-family:Georgia,serif!important;
  font-size:22px!important;
  line-height:1.1!important;
}
.fke-encyclopedia .fke-main .fke-relation-card>ul{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.fke-encyclopedia .fke-main .fke-relation-card>ul>li{
  display:flex!important;
  min-width:0!important;
  min-height:42px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding:7px 9px!important;
  border:1px solid #eadfce!important;
  border-radius:9px!important;
  background:#fcfaf5!important;
}
.fke-encyclopedia .fke-main .fke-relation-card>ul>li>a{
  display:flex!important;
  min-width:0!important;
  align-items:center!important;
  gap:7px!important;
  overflow:hidden!important;
  color:var(--fke-ink)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.fke-encyclopedia .fke-main .fke-relation-card>ul>li>a>span:last-child{
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.fke-encyclopedia .fke-main .fke-relation-card__meta{
  flex:0 0 auto!important;
  color:#7b8797!important;
  font-size:9px!important;
}

/* Shared network grids should be dense and content-first rather than huge
   equal-height panels. These selectors cover the current entity templates. */
.fke-encyclopedia .fke-main :is(.fke-player-profile__network-grid,.fke-related-entities__grid,.fke-country-profile-v3760__related-grid,.fke-story-profile__context-grid){
  gap:10px!important;
  align-items:start!important;
}

@media(max-width:980px){
  .fke-encyclopedia .fke-main,
  .fke-encyclopedia .fke-main.fke-brand-archive-page{width:min(960px,calc(100vw - 40px))!important}
}
@media(max-width:900px){
  .fke-encyclopedia .fke-main .fke-article-module .fke-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .fke-encyclopedia .fke-main,
  .fke-encyclopedia .fke-main.fke-brand-archive-page{width:calc(100vw - 28px)!important}
  .fke-encyclopedia .fke-main .fke-relation-card>ul{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .fke-encyclopedia .fke-main .fke-article-module .fke-article-grid{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  .fke-encyclopedia .fke-main,
  .fke-encyclopedia .fke-main.fke-brand-archive-page{width:calc(100vw - 20px)!important}
}