/* Opt-in shared-shell bridge. Keep the 2015 theme and its nested grids intact. */
@media screen {
  @font-face {
    font-family: "KAR Bridge Outfit";
    src: url("../fonts/kar-public-bridge/outfit-latin-wght-normal.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: "KAR Bridge Display";
    src: url("../fonts/kar-public-bridge/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
  }

  body.kar-public-bridge {
    --bridge-cream: #fff8f3;
    --bridge-ink: #281a38;
    --bridge-pink: #d90d70;
    --bridge-plum: #23143f;
    --bridge-line: #e3d9df;
    --bridge-violet: #633a85;
    --bridge-soft: #f1eaf5;
    --bridge-muted: #6c5d74;
    --bridge-success: #35654b;
    --bridge-warning: #855414;
    --bridge-danger: #a63848;
    --bridge-control-line: #b9aabc;
    --bridge-stripe: #f8f0f3;
    background: var(--bridge-cream);
    color: var(--bridge-ink);
  }

  .kar-public-bridge #layout.boxed {
    width: 100%;
    background: var(--bridge-cream);
  }

  .kar-public-bridge #header {
    background: #fff8f3;
    box-shadow: 0 1px 0 var(--bridge-line);
  }

  .kar-public-bridge #header .little-head {
    border-color: var(--bridge-line);
    box-shadow: none;
  }

  .kar-public-bridge #header .sf-menu a,
  .kar-public-bridge #header #mobilepro,
  .kar-public-bridge #header .social a {
    color: var(--bridge-ink);
  }

  .kar-public-bridge #header .sf-menu {
    margin-top: 30px;
  }

  .kar-public-bridge #header .sf-menu a {
    font-family: "KAR Bridge Outfit", sans-serif;
    font-size: 14px;
    font-weight: 550;
    text-transform: none;
    letter-spacing: 0;
  }

  .kar-public-bridge #header .sf-menu a .sub {
    display: none;
  }

  .kar-public-bridge #header .sf-menu > li > a {
    padding-right: 18px;
    padding-bottom: 24px;
  }

  .kar-public-bridge #header .sf-menu ul a {
    font-size: 14px;
    line-height: 1.45;
    font-weight: 450;
  }

  .kar-public-bridge #header .sf-menu ul li {
    background: #fff8f3;
    border-color: var(--bridge-line);
  }

  .kar-public-bridge #header .sf-menu li:hover > a,
  .kar-public-bridge #header .sf-menu li.current > a,
  .kar-public-bridge #header .sf-menu a:focus-visible {
    color: var(--bridge-pink);
    background: transparent;
  }

  /* Account shortcuts are utility navigation, not a row of primary actions. */
  .kar-public-bridge #login-widget p:has(> .colr-white) {
    background: transparent;
  }
  .kar-public-bridge #login-widget p > .colr-white { color: var(--bridge-ink) !important; }
  .kar-public-bridge #login-widget p > .tbutton { background: var(--bridge-soft); color: var(--bridge-plum); }
  .kar-public-bridge #login-widget p > .tbutton:hover { background: #dfd2e4; color: var(--bridge-plum); }

  .kar-public-bridge .page-content {
    color: var(--bridge-ink);
    margin-bottom: 56px;
  }

  /* Translucent dark widgets need an opaque backing on the cream canvas. */
  .kar-public-bridge .def-block {
    background: var(--bridge-plum);
    color: #dedede;
  }

  /* Component palette only: retain Bootstrap's sizes, groups and disabled behavior.
     Legacy btn-primary is used for utility links too, so reserve pink for btn-pink/tbutton. */
  .kar-public-bridge .btn {
    --action-bg: #eee6ed;
    --action-fg: var(--bridge-ink);
    --action-hover: #dfd2e4;
  }

  .kar-public-bridge .btn-primary,
  .kar-public-bridge .btn-info {
    --action-bg: var(--bridge-violet);
    --action-fg: #fff;
    --action-hover: #4c286b;
  }

  .kar-public-bridge .btn-inverse {
    --action-bg: #463653;
    --action-fg: #fff;
    --action-hover: var(--bridge-plum);
  }

  .kar-public-bridge .btn-pink {
    --action-bg: var(--bridge-pink);
    --action-fg: #fff;
    --action-hover: #ad0a59;
  }

  .kar-public-bridge .btn-success {
    --action-bg: var(--bridge-success);
    --action-fg: #fff;
    --action-hover: #254c37;
  }

  .kar-public-bridge .btn-warning {
    --action-bg: var(--bridge-warning);
    --action-fg: #fff;
    --action-hover: #69400c;
  }

  .kar-public-bridge .btn-danger {
    --action-bg: var(--bridge-danger);
    --action-fg: #fff;
    --action-hover: #822838;
  }

  .kar-public-bridge .btn-link {
    --action-bg: transparent;
    --action-fg: var(--bridge-violet);
    --action-hover: transparent;
  }

  .kar-public-bridge :is(#layout, #fancybox-content) .btn {
    background-color: var(--action-bg);
    color: var(--action-fg);
    border-color: var(--action-bg);
    background-image: none;
    text-shadow: none;
    box-shadow: none;
  }

  .kar-public-bridge :is(#layout, #fancybox-content) .btn:not(.disabled, [disabled], [aria-disabled="true"]):is(:hover, :focus, :active, .active) {
    background-color: var(--action-hover);
    border-color: var(--action-hover);
  }

  .kar-public-bridge :is(#layout, #fancybox-content) .btn:not(.disabled, [disabled], [aria-disabled="true"]):is(:active, .active) {
    box-shadow: inset 0 0 0 2px rgba(35, 20, 63, .25);
  }

  .kar-public-bridge .tbutton.color2 { background-color: #463653; }
  .kar-public-bridge .tbutton.color2:hover { background-color: var(--bridge-plum); }
  .kar-public-bridge .tbutton.color3 { background-color: var(--bridge-warning); }
  .kar-public-bridge .tbutton.color3:hover { background-color: #69400c; }
  .kar-public-bridge .tbutton.color4 { background-color: var(--bridge-violet); }
  .kar-public-bridge .tbutton.color4:hover { background-color: #4c286b; }
  .kar-public-bridge .tbutton.color5 { background-color: var(--bridge-danger); }
  .kar-public-bridge .tbutton.color5:hover { background-color: #822838; }

  /* Keep semantic notices distinct, including the theme's formerly magenta warning. */
  .kar-public-bridge .alert {
    --notice-bg: #fff0d8;
    --notice-ink: #75490d;
    --notice-line: #dfc69f;
  }
  .kar-public-bridge .alert-info {
    --notice-bg: var(--bridge-soft);
    --notice-ink: #53376d;
    --notice-line: #d6c7e0;
  }
  .kar-public-bridge .alert-success {
    --notice-bg: #eaf3eb;
    --notice-ink: #2c593e;
    --notice-line: #bfd5c4;
  }
  .kar-public-bridge :is(.alert-error, .alert-danger) {
    --notice-bg: #fae9ed;
    --notice-ink: #8e2d41;
    --notice-line: #e1bcc5;
  }
  .kar-public-bridge :is(#layout, #fancybox-content) .alert {
    background: var(--notice-bg);
    color: var(--notice-ink);
    border-color: var(--notice-line);
    text-shadow: none;
    box-shadow: none;
    --bridge-link: var(--notice-ink);
    --bridge-link-hover: var(--notice-ink);
  }
  .kar-public-bridge .alert :is(h4, strong, .alert-link) { color: inherit; }
  .kar-public-bridge .alert a:not(.btn, .close) { text-decoration: underline; }
  .kar-public-bridge .alert .close { color: inherit; text-shadow: none; }

  .kar-public-bridge :is(.label, .badge) {
    background-color: var(--bridge-muted);
    color: #fff;
    text-shadow: none;
  }
  .kar-public-bridge :is(.label-info, .badge-info) { background-color: var(--bridge-violet); }
  .kar-public-bridge :is(.label-inverse, .badge-inverse) { background-color: var(--bridge-plum); }
  .kar-public-bridge :is(.label-success, .badge-success) { background-color: var(--bridge-success); }
  .kar-public-bridge :is(.label-warning, .badge-warning) { background-color: var(--bridge-warning); }
  .kar-public-bridge :is(.label-important, .badge-important, .label-danger, .badge-danger) { background-color: var(--bridge-danger); }
  .kar-public-bridge a:is(.label, .badge):is(:hover, :focus) { color: #fff; box-shadow: inset 0 0 0 2px rgba(35, 20, 63, .3); }

  .kar-public-bridge :is(.well, .modal-footer, .breadcrumb, .breadcrumbIn) {
    background: #f4eeef;
    color: var(--bridge-ink);
    border-color: var(--bridge-line);
    box-shadow: none;
    text-shadow: none;
    --bridge-link: var(--bridge-violet);
    --bridge-link-hover: var(--bridge-pink);
  }
  .kar-public-bridge .breadcrumbIn ul li { color: var(--bridge-muted); }
  .kar-public-bridge .page-content .liner { border-color: var(--bridge-line); box-shadow: none; }
  .kar-public-bridge .table :is(th, td) { border-color: var(--bridge-line); }
  .kar-public-bridge .table-bordered { border-color: var(--bridge-line); }
  .kar-public-bridge .table-striped tbody > tr:nth-child(odd):not(:where(.success, .warning, .error, .danger, .info)) > :is(td, th) { background-color: var(--bridge-stripe); }
  .kar-public-bridge .table thead th,
  .kar-public-bridge .table .season-header th { background-color: var(--bridge-soft); color: var(--bridge-ink); }
  /* Logo chartreuse, darkened only on light tables for readable text. */
  .kar-public-bridge .table .colr-green { color: #737600 !important; }
  .kar-public-bridge .table-hover tbody tr:not(.success, .warning, .error, .danger, .info):hover > :is(td, th) { background-color: var(--bridge-soft); }

  .kar-public-bridge .nav > li > a { color: var(--bridge-violet); text-shadow: none; }
  .kar-public-bridge .nav > li > a:hover,
  .kar-public-bridge .nav-tabs > .active > a,
  .kar-public-bridge .nav-tabs > .active > a:hover { background-color: var(--bridge-soft); color: var(--bridge-ink); }
  .kar-public-bridge .nav-pills > .active > a,
  .kar-public-bridge .nav-list > .active > a { background: var(--bridge-violet); color: #fff; text-shadow: none; }
  .kar-public-bridge .nav > .disabled > a,
  .kar-public-bridge .dropdown-menu > .disabled > a { color: var(--bridge-muted); background: transparent; }

  /* Native Bootstrap fields only: no metrics, appearance, or widget internals change.
     Low specificity lets Bootstrap validation groups retain their semantic borders. */
  .kar-public-bridge :is(select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], input[type="url"]):where(:not(.select2-input)) {
    color: var(--bridge-ink);
    background-color: #fffdfb;
    border-color: var(--bridge-control-line);
    box-shadow: none;
  }
  .kar-public-bridge :is(select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], input[type="url"]):where(:not(.select2-input)):focus {
    border-color: var(--bridge-violet);
    box-shadow: 0 0 0 2px rgba(99, 58, 133, .15);
  }
  .kar-public-bridge :is(input, textarea)::placeholder { color: var(--bridge-muted); opacity: 1; }
  .kar-public-bridge :is(select, textarea, input):is([disabled], [readonly]):where(:not([type="checkbox"], [type="radio"], [type="hidden"], [type="button"], [type="submit"], .select2-input)) {
    background-color: #eee6ed;
    color: var(--bridge-muted);
    border-color: var(--bridge-control-line);
    box-shadow: none;
  }
  .kar-public-bridge :is(.input-append, .input-prepend) .add-on {
    background-color: var(--bridge-soft);
    color: var(--bridge-ink);
    border-color: var(--bridge-control-line);
    text-shadow: none;
  }
  .kar-public-bridge :is(.input-append, .input-prepend) .add-on.active { background-color: #eaf3eb; border-color: var(--bridge-success); color: var(--bridge-success); }
  .kar-public-bridge .control-group.error { --field-state: var(--bridge-danger); }
  .kar-public-bridge .control-group.warning { --field-state: var(--bridge-warning); }
  .kar-public-bridge .control-group.success { --field-state: var(--bridge-success); }
  .kar-public-bridge .control-group.info { --field-state: var(--bridge-violet); }
  .kar-public-bridge .control-group:is(.error, .warning, .success, .info) :is(input, select, textarea, .add-on) {
    color: var(--field-state);
    border-color: var(--field-state);
  }
  .kar-public-bridge .control-group:is(.error, .warning, .success, .info) :is(input, select, textarea):focus { box-shadow: none; }
  .kar-public-bridge .control-group:is(.error, .warning, .success, .info) :is(.control-label, .help-block, .help-inline) { color: var(--field-state); }
  .kar-public-bridge :is(input, select, textarea).input-validation-error {
    background-color: #fae9ed !important;
    border-color: var(--bridge-danger);
    color: var(--bridge-danger);
  }
  .kar-public-bridge :is(input, select, textarea).input-validation-error:focus { border-color: var(--bridge-danger); box-shadow: none; }
  .kar-public-bridge :is(.field-validation-error, .validation-summary-errors, .validation-summary-errors li) { color: var(--bridge-danger); }

  .kar-public-bridge .nav-tabs { border-color: var(--bridge-line); }
  .kar-public-bridge .nav-tabs > li > a:is(:hover, :focus),
  .kar-public-bridge .nav-tabs > .active > a { border-color: var(--bridge-line); background-color: var(--bridge-soft); }
  .kar-public-bridge :is(.nav-pills, .nav-list) > .active > a:is(:hover, :focus) { background-color: #4c286b; color: #fff; }
  .kar-public-bridge .nav > .disabled > a:is(:hover, :focus) { color: var(--bridge-muted); background: transparent; }
  .kar-public-bridge .dropdown-menu { background-color: #fffdfb; border-color: var(--bridge-control-line); box-shadow: 0 4px 12px rgba(35, 20, 63, .12); }
  .kar-public-bridge .dropdown-menu > li > a { color: var(--bridge-ink); }
  .kar-public-bridge .dropdown-menu > li:not(.disabled) > a:is(:hover, :focus),
  .kar-public-bridge .dropdown-menu > .active:not(.disabled) > a { background: var(--bridge-violet); color: #fff; }
  .kar-public-bridge .dropdown-menu > .disabled > a:is(:hover, :focus) { background: transparent; color: var(--bridge-muted); }
  .kar-public-bridge .dropdown-menu .divider { background-color: var(--bridge-line); border-color: var(--bridge-line); }
  /* Bootstrap 2 wraps the list; PagedList puts .pagination on the list itself. */
  .kar-public-bridge :is(.pagination ul, ul.pagination) { box-shadow: none; }
  .kar-public-bridge :is(.pagination ul, ul.pagination) > li > :is(a, span),
  .kar-public-bridge .pager li > :is(a, span) { background-color: #fffdfb; border-color: var(--bridge-line); color: var(--bridge-violet); }
  .kar-public-bridge :is(.pagination ul, ul.pagination) > li:not(.disabled, .active) > a:is(:hover, :focus),
  .kar-public-bridge .pager li:not(.disabled) > a:is(:hover, :focus) { background-color: var(--bridge-soft); color: var(--bridge-ink); }
  .kar-public-bridge :is(.pagination ul, ul.pagination) > .active > :is(a, span) { background-color: var(--bridge-violet); border-color: var(--bridge-violet); color: #fff; }
  .kar-public-bridge :is(.pagination ul, ul.pagination, .pager) > .disabled > :is(a, span),
  .kar-public-bridge :is(.pagination ul, ul.pagination, .pager) > .disabled > a:is(:hover, :focus) { color: var(--bridge-muted); background-color: var(--bridge-cream); }

  .kar-public-bridge .sidebar .menu li a { color: #e4d9ef; }
  .kar-public-bridge .sidebar .menu > li.active { background-color: #46305d; border-left-color: #f7a5cf; }
  .kar-public-bridge .sidebar .menu li a:is(:hover, :focus) { background-color: #46305d; color: #fff; }
  .kar-public-bridge .sidebar .liner { border-color: #49395e; }
  .kar-public-bridge .sidebar .menu li .notification:is(.blue, .lightblue, .purple) { background-color: var(--bridge-violet); color: #fff; }
  /* Fancybox relocates inline content outside #layout. Keep its dimensions and scripts. */
  .kar-public-bridge #fancybox-outer,
  .kar-public-bridge #fancybox-content { background: var(--bridge-cream); border-color: var(--bridge-cream); color: var(--bridge-ink); }
  .kar-public-bridge #fancybox-content .form-actions { background: var(--bridge-soft); border-color: var(--bridge-line); }
  .kar-public-bridge #white-paper-reports h2 { color: var(--bridge-violet) !important; }
  .kar-public-bridge #fancybox-content :is(a, button, input, select):focus-visible { outline: 2px solid var(--bridge-pink); outline-offset: 3px; }
  .kar-public-bridge #popupLogin .def-block { background: var(--bridge-cream) !important; border-color: var(--bridge-line); color: var(--bridge-ink); }
  .kar-public-bridge #popupLogin h4 { color: var(--bridge-ink); }
  .kar-public-bridge #popupLogin .liner { border-color: var(--bridge-line); box-shadow: none; }
  .kar-public-bridge #popupLoginClose { color: var(--bridge-muted); }
  .kar-public-bridge #popupLoginClose:hover { color: var(--bridge-plum); }

  /* Existing consent styling exposes palette variables; leave consent behavior untouched. */
  .kar-public-bridge {
    --consent-surface: var(--bridge-cream);
    --consent-text: var(--bridge-ink);
    --consent-accent: var(--bridge-violet);
    --consent-link: var(--bridge-violet);
    --consent-hover: #4c286b;
    --consent-border: var(--bridge-line);
    --consent-hover-surface: var(--bridge-soft);
  }
  /* The legacy form enhancer inserts a span between the checkbox and its track. */
  .kar-public-bridge #stcm-wrapper #stcm-modal .stcm-toggle input:checked ~ .stcm-toggle-track { background: var(--consent-accent); }
  .kar-public-bridge #stcm-wrapper #stcm-modal .stcm-toggle input:disabled ~ .stcm-toggle-track { background: var(--consent-border); }

  /* These overview primitives explicitly assumed a dark canvas. Keep white-text utilities
     and artwork elsewhere untouched; only correct the now-light overview surface. */
  .kar-public-bridge .page-content .event-overview .event-overview-section strong,
  .kar-public-bridge .page-content .event-overview .event-overview-section strong a,
  .kar-public-bridge .event-overview .event-counter .event-counter-value { color: var(--bridge-ink); }
  .kar-public-bridge .event-overview .event-overview-section h2,
  .kar-public-bridge .event-overview .event-counter,
  .kar-public-bridge .event-actions h2 { color: var(--bridge-violet); border-color: var(--bridge-line); }

  .kar-public-bridge .page-content > .row > .def-block,
  .kar-public-bridge .page-content > .row > .posts > .def-block,
  .kar-public-bridge #core-values-row > .def-block {
    background: transparent;
    color: var(--bridge-ink);
    border-radius: 0;
    box-shadow: none;
  }

  /* Page-specific heading/status colors must win over this theme default. */
  :where(.kar-public-bridge .page-content) :is(h1, h2, h3, h4, h5, h6, strong, legend) {
    color: inherit;
  }

  .kar-public-bridge .gallery-title-row h4,
  .kar-public-bridge .page-content > .row > .def-block > :is(h1, h2, h3, h4),
  .kar-public-bridge .page-content > .row > .posts > .def-block > :is(h1, h2, h3, h4) {
    font-family: "KAR Bridge Display", sans-serif;
    font-size: 28px;
    font-weight: 650;
    line-height: 1.2;
    text-transform: none;
    float: none;
    border: 0;
    margin-bottom: 18px;
    padding-bottom: 0;
  }

  .kar-public-bridge .gallery-header > .liner,
  .kar-public-bridge .page-content > .row > .def-block > .liner,
  .kar-public-bridge .page-content > .row > .posts > .def-block > .liner {
    border: 0;
    box-shadow: none;
  }

  .kar-public-bridge .page-content a:where(:not([class])) {
    color: var(--bridge-link, #6d2fd5);
  }

  .kar-public-bridge .page-content a:where(:not([class])):hover {
    color: var(--bridge-link-hover, var(--bridge-pink));
  }

  .kar-public-bridge .page-content .tabs {
    border-color: var(--bridge-line);
    box-shadow: none;
  }

  .kar-public-bridge .page-content .tabs li a.active,
  .kar-public-bridge .page-content .tabs li a:hover {
    color: var(--bridge-pink);
  }

  .kar-public-bridge .page-content :where(label, .help-block, .help-inline) {
    color: inherit;
  }

  .kar-public-bridge .page-content .form-actions {
    background: transparent;
    border-color: var(--bridge-line);
    box-shadow: none;
  }

  /* Existing signup artwork stays dark; only its transparent process text needs ink. */
  .kar-public-bridge .page-content .process_box .content,
  .kar-public-bridge .page-content .process_box .stp_title {
    color: var(--bridge-ink);
  }

  .kar-public-bridge .page-content .process_box .number span {
    color: #6d2fd5;
  }

  .kar-public-bridge .events-list .details-column span.event-location {
    color: var(--bridge-pink);
  }

  .kar-public-bridge .events-list .details-column a:hover span.event-location {
    color: #fff;
  }

  /* Results index only: retain the legacy date/event columns and list density. */
  .kar-public-bridge .results-season-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 20px 0 24px;
  }

  .kar-public-bridge .results-season-picker {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .kar-public-bridge .results-season-picker label {
    margin: 0;
    font-weight: 600;
  }

  .kar-public-bridge .results-season-picker select {
    width: 140px;
    margin: 0;
  }

  .kar-public-bridge .results-season-events .events-list-group {
    margin-bottom: 18px;
  }

  .kar-public-bridge .results-season-events .date-column {
    color: var(--bridge-violet);
    font-family: "KAR Bridge Outfit", sans-serif;
    font-size: 14px;
    letter-spacing: .03em;
    padding-top: 6px;
  }

  .kar-public-bridge .results-season-events .details-column {
    border: 0;
    padding-bottom: 0;
  }

  .kar-public-bridge .results-season-events .event-details a,
  .kar-public-bridge .results-season-events .event-details a:hover {
    display: block;
    padding: 5px 10px;
    border-radius: 3px;
    background: transparent;
    text-decoration: none;
  }

  .kar-public-bridge .results-season-events .event-details a:hover,
  .kar-public-bridge .results-season-events .event-details a:focus-visible {
    background: var(--bridge-soft);
  }

  .kar-public-bridge .results-season-events .details-column .event-details :is(a, a:hover, a:focus-visible) span.event-city {
    color: var(--bridge-plum);
  }

  .kar-public-bridge .results-season-events .details-column .event-details :is(a, a:hover, a:focus-visible) span.event-location {
    color: var(--bridge-muted);
    font-weight: normal;
  }

  /* Navigation and finishing shared by the public results flow. */
  .kar-public-bridge .results-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-bottom: 20px;
    font-family: "KAR Bridge Outfit", sans-serif;
  }

  .kar-public-bridge .results-navigation a {
    color: var(--bridge-violet);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .kar-public-bridge .results-overview .ca-menu li {
    background: #fffdfb;
    border-radius: 8px;
    box-shadow: 0 4px 16px #23143f0d;
    margin-right: 10px;
    margin-bottom: 14px;
    transition: none;
  }

  .kar-public-bridge .results-overview .ca-menu li:is(:hover, :focus-within) {
    background: var(--bridge-soft);
    box-shadow: inset 0 3px var(--bridge-pink), 0 4px 16px #23143f12;
  }

  .kar-public-bridge .results-overview .ca-menu li .ca-icon {
    color: var(--bridge-violet);
    font-size: 60px;
    text-shadow: none;
    transition: none;
  }

  .kar-public-bridge .results-overview .ca-menu li :is(.ca-main, .ca-sub) {
    font-family: "KAR Bridge Outfit", sans-serif;
    text-transform: none;
    opacity: 1;
    animation: none;
    transition: none;
  }

  .kar-public-bridge .results-overview .ca-menu li .ca-main {
    color: var(--bridge-plum);
    font-size: 22px;
    font-weight: 600;
    padding: 0 12px;
  }

  .kar-public-bridge .results-overview .ca-menu li .ca-sub {
    color: var(--bridge-muted);
    line-height: 1.4;
    padding: 0 12px;
  }

  .kar-public-bridge .results-overview .ca-menu a:focus-visible {
    outline-offset: -3px !important;
  }

  .kar-public-bridge #gridContent :is(#result-tabs, #theaterRooms) {
    border: 0;
  }

  .kar-public-bridge #gridContent :is(#result-tabs, #theaterRooms) li a {
    font-family: "KAR Bridge Outfit", sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    color: var(--bridge-violet);
    background: var(--bridge-soft);
    border: 0;
    border-radius: 4px;
    margin: 0 6px 6px 0;
    padding: 10px 14px;
  }

  .kar-public-bridge #gridContent :is(#result-tabs, #theaterRooms) li a:is(:hover, :focus-visible) {
    color: var(--bridge-plum);
    background: #e7dbee;
  }

  .kar-public-bridge #gridContent :is(#result-tabs, #theaterRooms) li a.active {
    background: var(--bridge-plum);
    color: #fff;
  }

  .kar-public-bridge #gridContent .results-section {
    background: transparent;
  }

  .kar-public-bridge #gridContent .results-section > h3 {
    font-family: "KAR Bridge Outfit", sans-serif;
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
    color: var(--bridge-plum);
  }

  /* Keep confirmation green meaningful without dark text on the old dark-green fill. */
  .kar-public-bridge #gridContent .section-confirmed > h3 {
    background: #e7efe8;
    color: var(--bridge-success);
  }

  .kar-public-bridge #gridContent .table tbody .result-confirmed > td {
    background: #eef4ee;
  }

  .kar-public-bridge #gridContent .table.table-hover tbody .result-confirmed:hover > td {
    background: #e2ede3;
  }

  .kar-public-bridge #gridContent .new-award,
  .kar-public-bridge #gridContent .new-award > h3 {
    color: var(--bridge-violet) !important;
  }

  .kar-public-bridge .photogenic-winners .photogenic-winner .photo {
    background: #fffdfb;
    box-shadow: 0 4px 16px #23143f0d;
  }

  .kar-public-bridge .photogenic-winners .photogenic-winner .winner-details {
    padding-top: 10px;
    line-height: 1.5;
  }

  .kar-public-bridge .photogenic-winners .photogenic-winner .winner-details .dancer-name {
    color: var(--bridge-plum);
    font-family: "KAR Bridge Outfit", sans-serif;
    font-style: normal;
    text-transform: none;
  }

  .kar-public-bridge .photogenic-winners .photogenic-winner .winner-details .studio-name {
    color: var(--bridge-muted);
    font-style: normal;
    text-transform: none;
    font-size: 13px;
  }

  .kar-public-bridge .photogenic-winners .photogenic-winner .winner-badge {
    color: #fff !important;
  }

  .kar-public-bridge .photogenic-winners .photogenic-winner .winner-badge::before {
    background: var(--bridge-violet);
  }

  .kar-public-bridge .results-videos h2 {
    font-family: "KAR Bridge Outfit", sans-serif;
    font-size: 19px;
    text-transform: none;
    color: var(--bridge-plum);
  }

  .kar-public-bridge .results-videos .media-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

  .kar-public-bridge .results-videos .media-grid::before,
  .kar-public-bridge .results-videos .media-grid::after {
    display: none;
  }

  .kar-public-bridge .results-videos .media-grid li > div {
    margin: 0;
    background: #fffdfb;
    box-shadow: 0 4px 16px #23143f0d;
    border-radius: 4px;
  }

  .kar-public-bridge .results-videos .featured-thumbnail .play {
    background: #23143f66;
  }

  .kar-public-bridge .results-videos .featured-thumbnail a:focus-visible .play {
    opacity: 1;
  }

  .kar-public-bridge :is(.gallery-count, .gallery-empty) { color: var(--bridge-muted); }
  .kar-public-bridge .gallery-tabs { border-color: var(--bridge-line); }
  .kar-public-bridge .gallery-tabs .gallery-tab {
    background: var(--bridge-soft);
    border-color: var(--bridge-line);
    color: var(--bridge-violet);
  }
  .kar-public-bridge .gallery-tabs .gallery-tab:is(:hover, :focus-visible) {
    background: #e7dbee;
    color: var(--bridge-plum);
  }
  .kar-public-bridge .gallery-tabs .gallery-tab.active {
    background: var(--bridge-plum);
    border-color: var(--bridge-plum);
    color: #fff;
  }
  .kar-public-bridge .gallery-grid .gallery-tile {
    background: var(--bridge-soft);
    border-color: var(--bridge-line);
    box-shadow: 0 4px 16px #23143f0d;
  }
  .kar-public-bridge .gallery-grid .gallery-tile:is(:hover, :focus-visible) {
    border-color: var(--bridge-pink);
    box-shadow: 0 4px 16px #23143f20;
    outline: 2px solid var(--bridge-pink);
    outline-offset: 3px;
  }

  .kar-public-bridge .tbutton {
    font-family: "KAR Bridge Outfit", sans-serif;
    font-weight: 600;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    border-radius: 4px;
  }

  .kar-public-bridge .tbutton span,
  .kar-public-bridge .btn {
    background-image: none;
    box-shadow: none;
    text-shadow: none;
  }

  .kar-public-bridge .tbutton:not(.color2, .color3, .color4, .color5) {
    background-color: var(--bridge-pink);
    color: #fff;
  }

  .kar-public-bridge .tbutton:not(.color2, .color3, .color4, .color5):hover {
    background-color: #ad0a59;
  }

  .kar-public-bridge #layout :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--bridge-pink);
    outline-offset: 3px;
  }

  /* Only theme-owned dark widgets need light text; vanilla Bootstrap surfaces do not. */
  .kar-public-bridge .page-content :where(.def-block .def-block, .account-type, :has(> .bg-source)) {
    color: #dedede;
    --bridge-link: #f7a5cf;
    --bridge-link-hover: #fff;
  }

  .kar-public-bridge #core-values-row > .def-block {
    background: transparent;
    border-top: 1px solid var(--bridge-line);
  }

  .kar-public-bridge #core-values-row .core-values-value {
    font-family: "KAR Bridge Outfit", sans-serif;
    font-size: 22px;
    font-weight: 550;
    text-transform: none;
  }

  .kar-public-bridge #footer,
  .kar-public-bridge #footer .foot-top,
  .kar-public-bridge #footer .foot-bottom {
    background: var(--bridge-plum);
    color: #c9bdd9;
    box-shadow: none;
  }

  .kar-public-bridge #footer .foot-bottom {
    border-top: 1px solid #49395e;
  }

  .kar-public-bridge #footer .logo-foot {
    border-color: #49395e;
  }

  .kar-public-bridge #footer a {
    color: #fff;
  }

  .kar-public-bridge #footer a:hover {
    color: #f7a5cf;
  }

  .kar-public-bridge #footer .logo-caption {
    color: #c9bdd9;
  }
}

/* Only the shell rows widen. Nested .row/.row-fluid and .span* keep their theme rules. */
@media screen and (min-width: 1178px) {
  .kar-public-bridge #header > .row,
  .kar-public-bridge #header > .headdown > .row,
  .kar-public-bridge #layout > .page-content > .row,
  .kar-public-bridge #layout > #core-values-row,
  .kar-public-bridge #footer > .foot-top > .row,
  .kar-public-bridge #footer > .foot-bottom > .row {
    box-sizing: border-box;
    width: calc(100% - 64px);
    max-width: 1256px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (min-width: 921px) {
  /* Follow the shorter subtitle-free item so there is no dead hover gap. */
  .kar-public-bridge #header .sf-menu > li:hover > ul,
  .kar-public-bridge #header .sf-menu > li.sfHover > ul {
    top: 100%;
  }
}

@media screen and (min-width: 921px) and (max-width: 1177px) {
  .kar-public-bridge #header .sf-menu > li > a {
    font-size: 13px;
    padding-right: 12px;
  }
}

@media screen and (max-width: 920px) {
  .kar-public-bridge #header .sf-menu > li > a {
    padding-bottom: 14px;
  }

  /* Match the existing mobile menu's !important foreground without changing its toggling. */
  .kar-public-bridge #header .sf-menu a {
    color: var(--bridge-ink) !important;
  }

  .kar-public-bridge #header .sf-menu li.current > a,
  .kar-public-bridge #header .sf-menu a:hover,
  .kar-public-bridge #header .sf-menu a:focus-visible {
    color: var(--bridge-pink) !important;
  }
}

@media screen and (max-width: 767px) {
  .kar-public-bridge .results-season-controls {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}