/* V273: Universal banner element and sizing on every non-game screen.
   The same brand-header and crosslink-banner-clean classes are used by
   the app and standalone pages; no separate standalone banner template. */
:root{--cl-banner-width:1040px}
body:not(.board-view) .brand-header{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  width:min(var(--cl-banner-width),calc(100% - 24px))!important;
  max-width:var(--cl-banner-width)!important;
  margin:8px auto 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body:not(.board-view) .brand-header .cl-banner-home{
  box-sizing:border-box;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  background:transparent;
  text-decoration:none;
  border:0;
}
body:not(.board-view) .brand-header img.crosslink-banner-clean.cl-crosslink-logo{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  object-fit:contain;
  background:transparent!important;
  box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
}
body:not(.board-view) .brand-header .cl-banner-home:focus-visible{
  outline:3px solid #2876d4;
  outline-offset:4px;
  border-radius:16px;
}
@media(max-width:650px){
  body:not(.board-view) .brand-header{width:calc(100% - 24px)!important}
  body:not(.board-view) .brand-header img.crosslink-banner-clean.cl-crosslink-logo{border-radius:12px!important}
}