.site-card__site-line{display:flex;align-items:center;gap:.45rem;min-width:0}
.site-card__site-line .site-card__site{min-width:0;margin:0}
.site-card__mark--favicon{background:#fff}
.site-card__mark--favicon img{display:block;width:28px!important;height:28px!important;max-width:28px!important;object-fit:contain}
@media(max-width:46rem){
  .site-card__mark--favicon img{width:24px!important;height:24px!important;max-width:24px!important}
}

/* Whole-card external resource link. */
/* Isolate whole-card links from browser and legacy site-wide link states. */
.site-directory a.site-card--clickable,
.site-directory a.site-card--clickable:link,
.site-directory a.site-card--clickable:visited,
.site-directory a.site-card--clickable:hover,
.site-directory a.site-card--clickable:focus,
.site-directory a.site-card--clickable:active{
  color:inherit!important;
  text-decoration:none!important;
  outline:0!important;
  border:0!important;
  border-bottom:1px solid #dbe3ec!important;
  box-shadow:none!important;
  background-image:none!important;
  -webkit-tap-highlight-color:transparent;
}
.site-card--clickable{cursor:pointer}
.site-card--clickable .site-card__domain{display:block;color:inherit;text-decoration:none}
.site-card--clickable .site-card__visit--icon{pointer-events:none}
.site-card--clickable .site-card__visit--icon b{display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease}
.site-directory a.site-card--clickable:focus-visible{
  background:#f7f9fc;
  box-shadow:inset 0 0 0 2px rgba(29,66,137,.24)!important;
}
.site-card--clickable:hover .site-card__visit--icon b,
.site-card--clickable:focus-visible .site-card__visit--icon b{transform:translate(1px,-1px)}
.site-card--clickable:hover,.site-card--clickable:focus,.site-card--clickable:active{color:inherit;text-decoration:none}



/* Compact club cards: crest as a fixed left rail, content as one visual block. */
.site-card--clickable:not(.site-card--resource){
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:5px!important;
  align-items:center!important;
  min-height:0!important;
  padding:12px 13px!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__identity{
  display:contents!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__mark{
  grid-column:1!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:center!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__mark img{
  display:block!important;
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  object-fit:contain!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__mark:not(.site-card__mark--crest):not(.site-card__mark--favicon){
  font-size:.82rem!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__identity h3{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  align-self:end!important;
  line-height:1.08!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__visit{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  margin-left:8px!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__details{
  grid-column:2 / 4!important;
  grid-row:2!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  align-self:start!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__site-stack{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
  margin:0!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__description--club{
  display:-webkit-box!important;
  margin:.16rem 0 .12rem!important;
  overflow:hidden!important;
  color:#425A78!important;
  font-size:.72rem!important;
  font-weight:580!important;
  line-height:1.35!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__site-line{
  gap:6px!important;
  min-width:0!important;
  line-height:1.15!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__site{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__domain,
.site-card--clickable:not(.site-card--resource) .site-card__metadata{
  margin:0!important;
  line-height:1.15!important;
}

@media(max-width:46rem){
  .site-card--clickable:not(.site-card--resource){
    grid-template-columns:42px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    row-gap:4px!important;
    padding:10px 11px!important;
  }
  .site-card--clickable:not(.site-card--resource) .site-card__mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .site-card--clickable:not(.site-card--resource) .site-card__mark img{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
  }
  .site-card--clickable:not(.site-card--resource) .site-card__identity h3{
    line-height:1.1!important;
  }
}


/* /lankar mobile footer polish: keep the complete footer visually together. */
@media(max-width:46rem){
  #footer{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  #footer > .inner{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:1.55rem 1.35rem .7rem!important;
    line-height:1.45!important;
  }
  #footer > .inner h2#arrows{
    margin:0 0 .45rem!important;
    font-size:2rem!important;
    line-height:1.05!important;
  }
  #footer > .inner br:last-child{
    display:none!important;
  }
  #footer > .wrapper{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:.15rem 1rem 1.15rem!important;
    background:#1D4289!important;
    color:#fff!important;
    text-align:center!important;
  }
  #footer > .wrapper > a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 .22rem!important;
    vertical-align:middle!important;
  }
  #footer > .wrapper svg{
    width:27px!important;
    height:27px!important;
  }
  #footer > .wrapper > br{
    display:none!important;
  }
  #footer > .wrapper .gul{
    display:block!important;
    margin-top:.55rem!important;
    color:#ffd200!important;
    font-size:.72rem!important;
    line-height:1.2!important;
  }
}

/* Editorial de-cluttering: one primary visual identity per card. */
.site-directory .site-card__visit--icon{
  color:#718096!important;
  opacity:.72;
  font-size:.88rem!important;
}
.site-directory .site-card--clickable:hover .site-card__visit--icon,
.site-directory .site-card--clickable:focus-visible .site-card__visit--icon{
  opacity:1;
}
.site-directory .site-card--clickable .site-card__visit--icon b,
.site-directory .site-card--clickable:hover .site-card__visit--icon b,
.site-directory .site-card--clickable:focus-visible .site-card__visit--icon b{
  transform:none!important;
}

/* Club crests are primary; favicons are used only when no crest is available. */
.site-card--clickable:not(.site-card--resource){
  grid-template-columns:42px minmax(0,1fr) auto!important;
  column-gap:11px!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__mark img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__site-line{
  gap:0!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__site{
  color:#33465f!important;
  font-weight:600!important;
}
.site-card--clickable:not(.site-card--resource) .site-card__domain,
.site-card--clickable:not(.site-card--resource) .site-card__metadata{
  color:#6b7788!important;
}

/* Resource metadata should read as editorial metadata rather than a collection of badges. */
.site-card--resource .site-card__facets{
  gap:.22rem .72rem!important;
}
.site-card--resource .site-card__facets span{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  color:#617087!important;
  font-size:.72rem!important;
  font-weight:600!important;
  line-height:1.35!important;
}
.site-card--resource .site-card__facets span + span::before{
  content:"·";
  margin-right:.72rem;
  color:#a1aab6;
}

@media(max-width:46rem){
  .site-card--clickable:not(.site-card--resource){
    grid-template-columns:38px minmax(0,1fr) auto!important;
    column-gap:9px!important;
  }
  .site-card--clickable:not(.site-card--resource) .site-card__mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  .site-card--clickable:not(.site-card--resource) .site-card__mark img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
}