/* Published CMS appearance shared by public React pages and the classic home
   navigation. Staff, authentication and teaser routes are excluded by the
   server/runtime guard. Structural grids and dropdown geometry stay intact. */
html[data-public-appearance="enabled"] body {
  background: var(--cb-page) !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site { background: transparent !important; color: var(--cb-text) !important; }
html[data-public-appearance="enabled"] body .cb-site .shell-frame { width: var(--home-content-width) !important; }
html[data-public-appearance="enabled"] body .cb-site .masthead {
  height: 101px !important;
  background: var(--cb-page) !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site .masthead-inner {
  position: relative !important;
  width: var(--home-content-width) !important;
  height: 101px !important;
  padding: 0 !important;
  background: var(--cb-page) !important;
  isolation: isolate;
}
html[data-public-appearance="enabled"] body .cb-site .masthead-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: var(--home-masthead-image);
  background-size: cover;
  background-position: var(--home-masthead-position) 46%;
  opacity: var(--home-masthead-opacity);
  mask-image: linear-gradient(to right, transparent, #000 40%, #000 70%, transparent);
  pointer-events: none;
}
html[data-public-appearance="enabled"] body .cb-site .cb-main-logo {
  left: 0 !important;
  top: 0 !important;
  width: var(--home-logo-width) !important;
  height: 101px !important;
  margin: 0 !important;
  z-index: 2;
}
html[data-public-appearance="enabled"] body .cb-site .cb-main-logo img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  top: 0 !important;
  left: 0 !important;
  object-fit: contain !important;
}
html[data-public-appearance="enabled"] body .cb-site .legacy-member-portal {
  width: var(--home-account-width) !important;
  height: 85px !important;
  top: 8px !important;
  right: 0 !important;
  border: 1px solid var(--cb-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--cb-panel) !important;
}
html[data-public-appearance="enabled"] body .cb-site .member-portal-top {
  height: 22px !important;
  padding: 0 8px !important;
  background: var(--cb-raised) !important;
  border-bottom: 1px solid var(--cb-border) !important;
}
html[data-public-appearance="enabled"] body .cb-site .member-portal-top::before,
html[data-public-appearance="enabled"] body .cb-site .member-portal-top::after { display: none !important; }
html[data-public-appearance="enabled"] body .cb-site .member-portal-body { height: 62px !important; padding: 5px 8px !important; background: var(--cb-panel) !important; }
html[data-public-appearance="enabled"] body .cb-site .member-avatar {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  margin-right: 8px !important;
  border-width: 1px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site .member-avatar img { width: 100% !important; height: 100% !important; }
html[data-public-appearance="enabled"] body .cb-site .member-identity { min-width: 0 !important; flex: 1 !important; padding-top: 0 !important; }
html[data-public-appearance="enabled"] body .cb-site .member-identity > a { font-size: 12px !important; line-height: 15px !important; }
html[data-public-appearance="enabled"] body .cb-site .member-identity > span { top: 33px !important; }
html[data-public-appearance="enabled"] body .cb-site .member-teams { min-width: 80px !important; }
html[data-public-appearance="enabled"] body .cb-site .member-teams > div a { width: 26px !important; height: 26px !important; border-radius: 2px !important; }
html[data-public-appearance="enabled"] body .cb-site .member-teams small { display: none !important; }
html[data-public-appearance="enabled"] body .cb-site .new-to-box { right: 0 !important; }

/* The angled silhouette retains the familiar 29px rail and 60px wings, but its
   colour comes from CMS tokens rather than pixels baked into an old image.
   Only the decorative pseudo-element is clipped; menu popovers stay unclipped. */
html[data-public-appearance="enabled"] body .cb-site .nav-shell,
html body[data-home-appearance="enabled"] #menubar {
  background: var(--cb-page) !important;
  border: 0 !important;
  box-shadow: inset 0 1px var(--cb-primary), inset 0 -1px var(--cb-border) !important;
}
html[data-public-appearance="enabled"] body .cb-site .nav-row { width: var(--home-content-width) !important; background: none !important; }
html[data-public-appearance="enabled"] body .cb-site .nav-shell::before { width: calc(var(--home-content-width) + 120px) !important; }
html[data-public-appearance="enabled"][data-navigation-edges="angled"] body .cb-site .nav-shell::before,
html[data-public-appearance="enabled"][data-navigation-edges="straight"] body .cb-site .nav-shell::before {
  height: 29px !important;
  background: var(--cb-primary) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"][data-navigation-edges="angled"] body .cb-site .nav-shell::before {
  clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 25px, calc(100% - 47px) 29px, 47px 29px, 30px 25px);
}
html[data-public-appearance="enabled"][data-navigation-edges="angled"] body .cb-site .nav-shell::after,
html[data-public-appearance="enabled"][data-navigation-edges="straight"] body .cb-site .nav-shell::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 1px;
  width: calc(var(--home-content-width) + 118px);
  height: 27px;
  transform: translateX(-50%);
  background: linear-gradient(var(--cb-raised), var(--cb-panel));
  z-index: 0;
  pointer-events: none;
}
html[data-public-appearance="enabled"][data-navigation-edges="angled"] body .cb-site .nav-shell::after {
  clip-path: polygon(1px 0, calc(100% - 1px) 0, calc(100% - 29px) 24px, calc(100% - 46px) 27px, 46px 27px, 29px 24px);
}
html body[data-home-appearance="enabled"][data-navigation-edges="angled"] #main-menu,
html body[data-home-appearance="enabled"][data-navigation-edges="straight"] #main-menu {
  background: none !important;
  isolation: isolate;
}
html body[data-home-appearance="enabled"][data-navigation-edges="angled"] #main-menu::before,
html body[data-home-appearance="enabled"][data-navigation-edges="straight"] #main-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  height: 29px;
  background: var(--cb-primary);
  z-index: -1;
  pointer-events: none;
}
html body[data-home-appearance="enabled"][data-navigation-edges="angled"] #main-menu::before {
  clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 25px, calc(100% - 47px) 29px, 47px 29px, 30px 25px);
}
html body[data-home-appearance="enabled"][data-navigation-edges="angled"] #main-menu::after,
html body[data-home-appearance="enabled"][data-navigation-edges="straight"] #main-menu::after {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  height: 27px;
  background: linear-gradient(var(--cb-raised), var(--cb-panel));
  z-index: -1;
  pointer-events: none;
}
html body[data-home-appearance="enabled"][data-navigation-edges="angled"] #main-menu::after {
  clip-path: polygon(1px 0, calc(100% - 1px) 0, calc(100% - 29px) 24px, calc(100% - 46px) 27px, 46px 27px, 29px 24px);
}
/* Straight rails end at the content edges; the classic/angled options retain
   their existing decorative wings without moving any navigation controls. */
html[data-public-appearance="enabled"][data-navigation-edges="straight"] body .cb-site .nav-shell::before {
  width: var(--home-content-width) !important;
  clip-path: none;
}
html[data-public-appearance="enabled"][data-navigation-edges="straight"] body .cb-site .nav-shell::after {
  width: calc(var(--home-content-width) - 2px);
  clip-path: none;
}
html body[data-home-appearance="enabled"][data-navigation-edges="straight"] #main-menu::before {
  left: 60px;
  right: 60px;
  clip-path: none;
}
html body[data-home-appearance="enabled"][data-navigation-edges="straight"] #main-menu::after {
  left: 61px;
  right: 61px;
  clip-path: none;
}
/* Legacy artwork raised labels to a 17px inner track. The new 29px rail uses
   normal flex centering; dropdown dimensions and their attached hit areas stay
   owned by the navigation component. */
html body[data-home-appearance="enabled"] #main-menu > ul,
html[data-public-appearance="enabled"] body .cb-site .nav-row {
  align-items: center !important;
}
html body[data-home-appearance="enabled"] #main-menu > ul > li,
html body[data-home-appearance="enabled"] #main-menu > ul > li > a,
html body[data-home-appearance="enabled"] #main-menu > ul > li::before,
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-home,
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-group,
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-group > .nav-group-trigger,
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-group::before {
  transform: none !important;
}
html body[data-home-appearance="enabled"] #menu-search,
html[data-public-appearance="enabled"] body .cb-site .nav-search {
  top: 0 !important;
  height: 29px !important;
  align-items: center !important;
}
html body[data-home-appearance="enabled"] #menu-search form {
  position: relative;
  height: 29px !important;
}
html body[data-home-appearance="enabled"] #menu-search input.box,
html[data-public-appearance="enabled"] body .cb-site .nav-search input {
  align-self: center !important;
  margin: 0 !important;
  background: var(--cb-page) !important;
  color: var(--cb-text) !important;
  border-color: var(--cb-border) !important;
}
html body[data-home-appearance="enabled"] #menu-search input.go,
html[data-public-appearance="enabled"] body .cb-site .nav-search button {
  background: var(--cb-primary) !important;
  color: var(--cb-text) !important;
  border: 1px solid var(--cb-primary) !important;
  border-radius: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
}
html body[data-home-appearance="enabled"] #menu-search input.go:is(:hover,:focus-visible),
html[data-public-appearance="enabled"] body .cb-site .nav-search button:is(:hover,:focus-visible) {
  background: var(--cb-selected) !important;
  border-color: var(--cb-text) !important;
  outline: 1px solid var(--cb-selected) !important;
  outline-offset: 1px;
}
/* Draw the magnifier from borders so its colour follows the CMS palette and
   the existing, labelled submit controls retain their behavior. */
html body[data-home-appearance="enabled"] #menu-search form::before,
html[data-public-appearance="enabled"] body .cb-site .nav-search::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 9px;
  height: 9px;
  right: 7px;
  top: calc(50% - 5px);
  border: 1.5px solid var(--cb-text);
  border-radius: 50%;
  z-index: 1;
  pointer-events: none;
}
html body[data-home-appearance="enabled"] #menu-search form::after,
html[data-public-appearance="enabled"] body .cb-site .nav-search::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 1.5px;
  right: 4px;
  top: calc(50% + 4px);
  background: var(--cb-text);
  transform: rotate(45deg);
  transform-origin: center;
  z-index: 1;
  pointer-events: none;
}
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-home[aria-current="page"],
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-home:is(:hover,:focus-visible),
html[data-public-appearance="enabled"] body .cb-site .nav-row > .nav-group:is(.active,:hover,:focus-within) > .nav-group-trigger {
  background: var(--cb-primary) !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-subnav {
  background: var(--cb-raised) !important;
  border-color: var(--cb-border) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-subnav > a,
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-ladder-menu summary { color: var(--cb-text) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-ladder-menu summary i { color: inherit !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-subnav > .arena-nav-platform { color: var(--cb-muted) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-subnav > .arena-label { color: var(--cb-link) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-subnav > a:is(.active,:hover,:focus-visible),
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-ladder-menu:is(.active,[open]) summary,
html[data-public-appearance="enabled"] body .cb-site.cb-site .arena-shell .arena-ladder-menu summary:is(:hover,:focus-visible) { background: var(--cb-selected) !important; color: var(--cb-text) !important; }

/* Shared surfaces. Repeated shell selectors deliberately outrank the legacy
   fidelity sheet while retaining its widths, tables, grids and field behavior. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) {
  --cb-frame-edge: var(--cb-border);
  --cb-frame-blue: var(--cb-panel);
  --cb-frame-inner: var(--cb-border);
  --cb-frame-fill: var(--cb-panel);
  --cb-frame-image: none;
  --cb-header-start: var(--cb-raised);
  --cb-header-end: var(--cb-raised);
  --cb-control-fill: var(--cb-page);
  --cb-control-text: var(--cb-text);
  --cb-control-muted: var(--cb-muted);
  --cb-control-edge: var(--cb-border);
  --cb-control-focus: var(--cb-selected);
  background: transparent !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-panel,.arena-news-panel,.platform-reference-feature,.forum-reference-frame,.forum-directory-frame,.community-inbox,.account-profile-workspace,.create-team-workspace,.member-create-main,.member-create-summary,.member-support-heading,.member-support-conversation,.member-support-case-details) {
  background: var(--cb-panel) !important;
  border: var(--home-frame-width) solid var(--cb-border) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-panel-head,.chrome-title) {
  box-sizing: border-box !important;
  min-height: var(--home-heading-height) !important;
  height: auto !important;
  padding: 6px 9px !important;
  background: var(--cb-raised) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  box-shadow: none !important;
  color: var(--cb-text) !important;
  font: 700 12px/1.25 Arial, Helvetica, sans-serif !important;
  justify-content: flex-start !important;
  text-align: left !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-panel-head > span:first-child { text-align: left !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-panel-head :is(span,a) { color: var(--cb-text) !important; font-family: Arial, Helvetica, sans-serif !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-panel-body {
  margin: 0 !important;
  border: 0 !important;
  background: var(--cb-panel) !important;
  color: var(--cb-text) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.arena-news-list,.arena-actions,.forum-control-content,.platform-reference-news > section > div,.platform-reference-matches,.platform-reference-team) {
  background: var(--cb-panel) !important;
  border-color: var(--cb-border) !important;
  box-shadow: none !important;
}

/* Platform artwork remains the published image. Only its surrounding UI changes. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-reference-header {
  background: var(--cb-raised) !important;
  border-color: var(--cb-border) !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-reference-news > section > h2 {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  min-height: var(--home-heading-height) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 9px !important;
  font: 700 12px/1.25 Arial, Helvetica, sans-serif !important;
  background: linear-gradient(var(--cb-header-start), var(--cb-header-end)) !important;
  color: var(--cb-text) !important;
  border-color: var(--cb-border) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-reference-arena-list > div {
  background: var(--cb-panel) !important;
  border-bottom-color: var(--cb-border) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-reference-arena-list > div:nth-child(even) { background: var(--cb-raised) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-reference-arena-list > div > div > a { color: var(--cb-link) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-reference-arena-list small { color: var(--cb-muted) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-join,
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-join:is(:hover,:focus-visible),
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-join-art,
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-join-art::after { text-decoration: none !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-join-art {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: var(--cb-primary) !important;
  border: 1px solid var(--cb-border) !important;
  color: var(--cb-text) !important;
  box-sizing: border-box;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .platform-join-art:empty::after { content: "JOIN"; font: 700 9px/1 Arial, Helvetica, sans-serif; }

/* Active/inactive tab states use different CMS tokens. Never select dropdown
   rows here: their content, nesting, dimensions and artwork remain unchanged. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-tabs,.cl-tabs,.cl-modes,.team-page-tabs,.platform-reference-tabs,.profile-tabs) { background: var(--cb-panel) !important; border-color: var(--cb-border) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-tab,.cl-tabs > a,.cl-modes > a,.team-page-tabs > a,.team-page-tabs > button,.team-public-tabs > a,.team-admin-tabs > a,.platform-reference-tabs > button,.platform-reference-tabs > span) {
  background: var(--cb-raised) !important;
  border-color: var(--cb-border) !important;
  color: var(--cb-text) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-tab.is-active,.cl-tabs > a[aria-current],.cl-tabs > a.active,.cl-modes > a[aria-current],.team-page-tabs > [aria-current],.team-public-tabs > a[aria-current="page"],.team-admin-tabs > a[aria-current="page"],.platform-reference-tabs > button[aria-pressed="true"],.platform-reference-tabs > span) {
  background: var(--cb-selected) !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-tab,.cl-tabs > a,.cl-modes > a,.team-page-tabs > a,.team-page-tabs > button,.team-public-tabs > a,.team-admin-tabs > a,.platform-reference-tabs > button):is(:hover,:focus-visible) {
  background: var(--cb-selected) !important;
  color: var(--cb-text) !important;
}

/* Ladder layout and W/L/rank/ping semantics remain owned by the competition UI. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .cl-columns {
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .cl-table-panel {
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .cl-standings {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.cl-summary,.cl-table-panel,.cl-advertisement,.ladder-hero) {
  border: var(--home-frame-width) solid var(--cb-border) !important;
  background: var(--cb-panel) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.cl-summary-body,.cl-standings-area,.cl-tab-content,.cl-advertisement > div,.cl-pagination,.cl-table-footer) {
  background: var(--cb-panel) !important;
  border-color: var(--cb-border) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.cl-standings,.legacy-data-table,.roster-table,.mini-rankings,.thread-list,.forum-index,.forum-reference-list,.rank-table,.reference-directory-table,.team-matches-table,.arena-staff-table,.member-support-table,.member-match-support-table table) th {
  background: var(--cb-raised) !important;
  border-color: var(--cb-border) !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.cl-standings,.legacy-data-table,.roster-table,.mini-rankings,.thread-list,.forum-index,.forum-reference-list,.rank-table) tbody tr > td { background: var(--cb-panel) !important; border-color: var(--cb-border) !important; box-shadow: none !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.cl-standings,.legacy-data-table,.roster-table,.mini-rankings,.thread-list,.forum-index,.forum-reference-list,.rank-table) tbody tr:nth-child(even) > td { background: var(--cb-raised) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.cl-standings,.legacy-data-table,.roster-table,.mini-rankings,.thread-list,.forum-index,.forum-reference-list,.rank-table) tbody tr:hover > td { background: color-mix(in srgb, var(--cb-panel) 75%, var(--cb-selected)) !important; }

/* Profile card backgrounds follow the same surface palette without replacing
   avatars, gaming-identity artwork, country flags or achievement imagery. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.profile-reference-grid > section:first-child,.profile-banner,.profile-info-frame,.profile-photo-column,.team-titlebar,.team-profile-card) {
  background: var(--cb-panel) !important;
  border: var(--home-frame-width) solid var(--cb-border) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.profile-about-top,.profile-reference-lower,.profile-reference-left) { background: transparent !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .control-link {
  background: var(--cb-raised) !important;
  border-color: var(--cb-border) !important;
  color: var(--cb-link) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .control-link:is(:hover,:focus-visible) { background: var(--cb-selected) !important; color: var(--cb-text) !important; }
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-button:not(.danger) { background: var(--cb-primary) !important; border-color: var(--cb-border) !important; color: var(--cb-text) !important; box-shadow: none !important; }

html[data-public-appearance="enabled"] body .cb-site .site-footer {
  background: var(--cb-page) !important;
  border-top: 1px solid var(--cb-border) !important;
  color: var(--cb-muted) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site .footer-row { width: var(--home-content-width) !important; background: transparent !important; }
html[data-public-appearance="enabled"] body .cb-site .footer-links :is(a,.cb-cookie-settings) { color: var(--cb-link) !important; }
html[data-public-appearance="enabled"] body .cb-site .site-page:not(.admin-page) :is(a,button,input,select,textarea):focus-visible { outline: 2px solid var(--cb-selected) !important; outline-offset: 2px !important; }
@media (forced-colors: active) {
  html[data-public-appearance="enabled"] body .cb-site .nav-shell::before,
  html body[data-home-appearance="enabled"] #main-menu::before { forced-color-adjust: auto; }
}

/* One frame per content section. The page shell and navigation retain their
   published dimensions; flexible content columns absorb the narrower body. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.public-information-columns,.team-reference-columns,.arena-support-columns,.ladder-grid) {
  grid-template-columns: minmax(0, 1fr) 170px !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.public-information-columns,.team-reference-columns,.arena-support-columns,.ladder-grid) > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-panel {
  padding: 0 !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-panel-body .legacy-panel {
  border: 0 !important;
  background: transparent !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .team-roster-reference {
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .legacy-ad {
  background: var(--cb-panel) !important;
  border: 1px solid var(--cb-border) !important;
  box-shadow: none !important;
  color: var(--cb-muted) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) #team-matches .legacy-data-table th {
  background: var(--cb-raised) !important;
  border-color: var(--cb-border) !important;
  color: var(--cb-text) !important;
}

/* Support keeps a single outside border, with internal row separators. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.support-reference-header,.member-support-history,.member-match-support-panel,.classic-tournament-directory) {
  box-sizing: border-box !important;
  border: 1px solid var(--cb-border) !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: var(--cb-panel) !important;
  padding: 0 !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.support-reference-header .support-page-title,.support-reference-header .member-support-nav,.member-support-results,.member-support-table-scroll,.member-match-support-table) {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: var(--cb-panel) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.member-inbox-heading,.member-match-support-panel > h2,.forum-summary > h2) {
  margin: 0 !important;
  padding: 8px 10px !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  background: var(--cb-raised) !important;
  color: var(--cb-text) !important;
  text-align: left !important;
  font: 700 12px/16px Arial, Helvetica, sans-serif !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .forum-summary > details > summary {
  background: var(--cb-panel) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  padding: 8px 10px !important;
  color: var(--cb-text) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .cb-member-support :is(.member-support-search,.member-support-pagination) {
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  background: var(--cb-panel) !important;
  padding: 10px !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .member-support-filters {
  padding: 8px 10px !important;
  border: 0 !important;
  background: var(--cb-panel) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .classic-tournament-directory :is(.tourney-filter,.competition-tournament-card) {
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Compact actions share a readable hit area; their labels can wrap. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-button:not(.danger),.directory-search-submit button,.directory-pagination button,.team-history-paging button,.cb-search-controls button,.quick-member-search button,.member-search button,.leaderboard-page form button,.member-support-search button,.member-support-pagination button,.store-page button:not(.danger),.arena-agent-registration button:not(.danger),.member-report-form button,.create-team-workspace button:not(.danger),.forum-chrome-button,.forum-page-links button) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 28px !important;
  height: auto !important;
  padding: 5px 10px !important;
  border: 1px solid var(--cb-border) !important;
  border-radius: 0 !important;
  background: var(--cb-raised) !important;
  box-shadow: none !important;
  color: var(--cb-text) !important;
  -webkit-text-fill-color: var(--cb-text) !important;
  font: 700 11px/16px Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  text-shadow: none !important;
  white-space: normal !important;
  cursor: pointer;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-button:not(.danger),.directory-search-submit button,.cb-search-controls button,.quick-member-search button,.member-search button,.leaderboard-page form button,.member-report-form button[type=submit]) {
  background: var(--cb-primary) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.legacy-button:not(.danger),.directory-search-submit button,.directory-pagination button,.team-history-paging button,.member-support-search button,.member-support-pagination button,.store-page button:not(.danger),.arena-agent-registration button:not(.danger),.member-report-form button,.create-team-workspace button:not(.danger),.forum-chrome-button,.forum-page-links button):not(:disabled):not([aria-disabled="true"]):hover {
  background: var(--cb-selected) !important;
  border-color: var(--cb-link) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(button,input[type=submit],input[type=button]):disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  filter: none !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .member-support-filters button[aria-pressed="true"] {
  background: var(--cb-selected) !important;
  border-color: var(--cb-link) !important;
  color: var(--cb-selected-text) !important;
}


html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .rank-explainer {
  background: var(--cb-panel) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  text-align: left !important;
  padding: 10px !important;
  margin: 0 !important;
  font: 11px/1.5 Arial, Helvetica, sans-serif !important;
}

/* Detail cards already carry their own edges. Avoid framing the same group twice. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.profile-reference-grid > section:first-child,.platform-reference-feature) {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.member-support-create legend,.member-create-summary > h3) {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--cb-text) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .member-match-support-panel > p {
  margin: 8px 10px !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(select,input[type=text],input[type=search],input[type=email],input[type=url],input[type=number]) {
  box-sizing: border-box !important;
  min-height: 28px !important;
}

html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .arena-front-grid {
  grid-template-columns: minmax(0, 1fr) 310px !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .arena-bottom-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.arena-front-grid,.arena-bottom-grid) > * {
  min-width: 0 !important;
  max-width: 100% !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .arena-news-panel {
  grid-template-columns: 187px minmax(0, 1fr) !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .arena-between-ad {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
}

/* Forum actions share the same compact controls as the other public pages. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .forum-reference-frame {
  padding: 0 !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.forum-list-heading,.forum-display-options > h3) {
  background: var(--cb-raised) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  box-shadow: none !important;
  color: var(--cb-text) !important;
  text-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) :is(.forum-toolbar,.forum-page-links) {
  flex-wrap: wrap !important;
  gap: 6px !important;
}

/* Account preferences use one outside frame and simple section dividers. */
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .account-standard-workspace > .account-workspace-title {
  justify-content: flex-start !important;
  text-align: left !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  background: var(--cb-raised) !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .account-standard-workspace > .account-shared-tabs {
  border: 0 !important;
  border-bottom: 1px solid var(--cb-border) !important;
  padding: 0 0 5px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .account-preferences-form > fieldset {
  border: 0 !important;
  border-top: 1px solid var(--cb-border) !important;
  padding: 12px 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-public-appearance="enabled"] body .cb-site.cb-site .site-page.site-page:not(.admin-page) .account-preferences-form > fieldset > legend {
  padding: 0 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--cb-text) !important;
  box-shadow: none !important;
}