/* Standalone public page only; the BCOS standings dialog keeps its own theme. */
body.bcos-public-standings {
 margin: 0;
 min-height: 100vh;
 background: #eaeaea;
 color: #191919;
 font: 16px/1.5 Roboto, Arial, sans-serif;
 color-scheme: light;
}

.bcos-public-standings__header {
 background: #0a0a0a;
 border-bottom: 4px solid #0066bb;
}

.bcos-public-standings__nav {
 box-sizing: border-box;
 max-width: 1100px;
 margin: auto;
 padding: 16px clamp(34px, 6vw, 56px);
}

.bcos-public-standings__home {
 display: inline-flex;
 box-sizing: border-box;
 align-items: center;
 justify-content: center;
 min-width: 44px;
 min-height: 44px;
 padding: 8px 20px;
 border: 1px solid transparent;
 background: #0066bb;
 color: #fff;
 font: 400 26px/1.1 "Ubuntu Condensed", "Arial Narrow", Arial, sans-serif;
 text-decoration: none;
 text-transform: uppercase;
}

.bcos-public-standings__home:hover {
 background: #00559c;
}

.bcos-public-standings__home:focus-visible {
 outline: 3px solid #fff;
 outline-offset: 3px;
}

.bcos-public-standings__main {
 box-sizing: border-box;
 max-width: 1100px;
 margin: auto;
 padding: 16px 16px 32px;
}

.bcos-public-standings .bcos-standings {
 --standings-bg: #f4f4f4;
 --standings-panel: #fff;
 --standings-ink: #191919;
 --standings-muted: #555;
 --standings-line: #cecece;
 --standings-accent: #0066bb;
 background: transparent;
 font-family: Roboto, Arial, sans-serif;
 color-scheme: light;
}

.bcos-public-standings .bcos-standings__header {
 padding-right: 0;
}

.bcos-public-standings .bcos-standings :is(h1, h2) {
 font-family: "Ubuntu Condensed", "Arial Narrow", Arial, sans-serif;
 font-weight: 400;
 letter-spacing: normal;
}

.bcos-public-standings .bcos-standings h1 {
 font-size: clamp(30px, 4vw, 42px);
}

.bcos-public-standings .bcos-standings h2 {
 font-size: 24px;
}

.bcos-public-standings .bcos-standings__group {
 box-shadow: 0 4px 18px #00000008;
}

.bcos-public-standings .bcos-standings :is(button, input, select):focus-visible {
 outline-color: #0066bb;
}