@layer visibility, workspace, legacy;

/* public/app.css */
@layer legacy {
  :root {
    --bg:#080b11;
    --panel:#10151f;
    --panel2:#0b0f17;
    --panel3:#161d2b;
    --line:#212a3a;
    --line-soft:#19202c;
    --text:#eaeff8;
    --text2:#b6c1d2;
    --muted:#8895aa;
    --faint:#5f6c81;
    --amber:#ffb020;
    --amber-dim:#c98f22;
    --focus:#ffd977;
    --yes:#35d68f;
    --yes-bg:rgba(53,214,143,.11);
    --yes-line:rgba(53,214,143,.38);
    --no:#ff6b63;
    --no-bg:rgba(255,107,99,.11);
    --no-line:rgba(255,107,99,.38);
    --win:#35d68f;
    --loss:#ff6b63;
    --info:#6aa8ff;
    --violet:#a98bff;
    --warn-bg:#1d1408;
    --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
    --head:var(--sans);
    --r:10px;
    --r-sm:7px;
  }
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  html,
  body {
    background: var(--bg);
    color: var(--text);
    font-family: var(--sans);
    font-size: 14px;
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  body {
    padding: 22px 20px 60px;
    max-width: 1760px;
    margin: 0 auto;
  }
  .num,
  td,
  th,
  input[type=number],
  .stats .v,
  .catalog-price,
  .event-option-price {
    font-variant-numeric: tabular-nums;
  }
  h1 {
    font-family: var(--head);
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    letter-spacing: -.012em;
    margin-bottom: 5px;
  }
  h1 .tag {
    color: var(--amber);
    font-weight: 500;
  }
  .sub {
    color: var(--text2);
    font-size: 13.5px;
    margin-bottom: 18px;
    max-width: 1000px;
    line-height: 1.6;
  }
  .panel {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 16px 18px;
    margin-bottom: 14px;
    min-width: 0;
  }
  .panel h2 {
    font-family: var(--head);
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: var(--text2);
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .panel h2::before {
    content: "";
    width: 3px;
    height: 12px;
    background: var(--amber);
    border-radius: 2px;
    flex: 0 0 auto;
  }
  .panel.flush h2::before {
    display: none;
  }
  label {
    display: block;
    font-size: 11px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .07em;
    margin: 10px 0 4px;
    line-height: 1.3;
  }
  input[type=text],
  input[type=number],
  select,
  textarea {
    background: var(--panel2);
    border: 1px solid var(--line);
    color: var(--text);
    font-family: var(--sans);
    font-size: 13.5px;
    padding: 8px 10px;
    border-radius: var(--r-sm);
    width: 100%;
    transition: border-color .12s, background .12s;
  }
  input[type=number] {
    font-family: var(--mono);
  }
  input:hover,
  select:hover,
  textarea:hover {
    border-color: #31405a;
  }
  input:focus-visible,
  select:focus-visible,
  button:focus-visible,
  textarea:focus-visible,
  a:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 1px;
  }
  textarea {
    font-family: var(--mono);
    font-size: 12.5px;
    min-height: 78px;
    resize: vertical;
    line-height: 1.45;
  }
  input[type=number].cell {
    width: 74px;
    min-width: 74px;
    padding: 4px 6px;
    font-size: 12.5px;
    text-align: right;
  }
  .row {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .row > * {
    flex: 1;
    min-width: 0;
  }
  .row .shrink {
    flex: 0;
    white-space: nowrap;
    color: var(--muted);
    font-size: 12px;
  }
  .cols2 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 12px;
  }
  button {
    background: var(--panel2);
    border: 1px solid var(--line);
    color: var(--text);
    font-family: var(--sans);
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: var(--r-sm);
    cursor: pointer;
    transition:
      border-color .12s,
      background .12s,
      color .12s;
  }
  button:hover {
    border-color: var(--amber-dim);
    background: var(--panel3);
  }
  button.active {
    border-color: var(--amber);
    color: var(--focus);
    background: rgba(255, 176, 32, .08);
  }
  button.primary {
    background: var(--amber);
    border-color: var(--amber);
    color: #150f03;
    font-weight: 650;
  }
  button.primary:hover {
    background: var(--focus);
    border-color: var(--focus);
  }
  button:disabled {
    opacity: .38;
    cursor: not-allowed;
  }
  .status {
    font-size: 13px;
    margin-top: 8px;
    color: var(--text2);
    line-height: 1.55;
  }
  .status.err {
    color: var(--loss);
  }
  .status.ok {
    color: var(--win);
  }
  a {
    color: var(--amber);
  }
  .warnlist {
    margin-top: 8px;
  }
  .warnitem {
    background: var(--warn-bg);
    border: 1px solid var(--amber-dim);
    border-left-width: 3px;
    border-radius: var(--r-sm);
    padding: 9px 11px;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 7px;
    color: var(--text);
  }
  .warnitem.sev {
    border-color: var(--loss);
    color: #ffb3ae;
    background: #1c0d0d;
  }
  .okitem {
    border: 1px solid #1f4633;
    border-left-width: 3px;
    background: #0d1a13;
    border-radius: var(--r-sm);
    padding: 9px 11px;
    font-size: 13px;
    margin-top: 7px;
    color: var(--win);
  }
  .toggle {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: 13px;
    color: var(--text);
    cursor: pointer;
    margin-top: 9px;
    line-height: 1.45;
  }
  .toggle input {
    accent-color: var(--amber);
    width: auto;
    margin-top: 3px;
  }
  .freshness {
    font-size: 12.5px;
    color: var(--muted);
    margin-top: 6px;
    line-height: 1.4;
  }
  .freshness.stale {
    color: var(--loss);
  }
  .legend {
    color: var(--muted);
    font-size: 12.5px;
    line-height: 1.65;
    margin-top: 10px;
  }
  .note {
    color: var(--muted);
    font-size: 12.5px;
    line-height: 1.65;
    margin-top: 14px;
    border-top: 1px solid var(--line);
    padding-top: 12px;
  }
  .notesline {
    font-size: 12.5px;
    color: var(--muted);
    margin-top: 8px;
  }
  .notesline .n-sev {
    color: var(--loss);
    font-weight: 600;
  }
  .notesline .n-warn {
    color: var(--amber);
  }
  .mono-sm {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--muted);
  }
  .bigverdict {
    font-size: 14px;
    margin: 9px 0;
    line-height: 1.55;
  }
  details {
    margin-top: 8px;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    padding: 7px 10px;
    background: var(--panel2);
  }
  details[open] {
    padding-bottom: 10px;
  }
  summary {
    cursor: pointer;
    color: var(--text2);
    font-size: 12.5px;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1.4;
  }
  summary:hover {
    color: var(--text);
  }
  .stats {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px 16px;
    font-size: 13px;
    margin-top: 10px;
  }
  .stats .k {
    color: var(--muted);
  }
  .stats .v {
    text-align: right;
    font-weight: 600;
    font-family: var(--mono);
  }
  .v.pos {
    color: var(--win);
  }
  .v.neg {
    color: var(--loss);
  }
  .view {
    min-height: calc(100vh - 56px);
  }
  .table-scroll {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    background: var(--panel2);
    scrollbar-gutter: stable;
  }
  .table-scroll table {
    border: 0;
    border-radius: 0;
  }
  .table-scroll::-webkit-scrollbar {
    height: 11px;
  }
  .table-scroll::-webkit-scrollbar-track {
    background: #080c12;
  }
  .table-scroll::-webkit-scrollbar-thumb {
    background: #2e3a4d;
    border: 3px solid #080c12;
    border-radius: 999px;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12.5px;
    font-family: var(--mono);
  }
  th {
    font-family: var(--head);
    font-weight: 600;
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted);
    text-align: right;
    padding: 9px 8px;
    border-bottom: 1px solid var(--line);
    cursor: pointer;
    line-height: 1.25;
    white-space: normal;
    vertical-align: bottom;
  }
  th:hover {
    color: var(--text2);
  }
  th:first-child,
  td:first-child,
  th:nth-child(2),
  td:nth-child(2) {
    text-align: left;
  }
  td {
    padding: 8px;
    border-bottom: 1px solid var(--line-soft);
    text-align: right;
    white-space: nowrap;
    line-height: 1.35;
    vertical-align: middle;
    color: var(--text2);
  }
  td.name {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.4;
    font-family: var(--sans);
    color: var(--text);
  }
  td.side-yes {
    color: var(--yes);
    font-weight: 700;
  }
  td.side-no {
    color: var(--no);
    font-weight: 700;
  }
  td.pos {
    color: var(--win);
    font-weight: 600;
  }
  td.neg {
    color: var(--loss);
    font-weight: 600;
  }
  td.dim {
    color: var(--muted);
  }
  tr.opp {
    transition: background .1s;
  }
  tr.opp:hover td {
    background: var(--panel3);
  }
  tr.excluded td {
    opacity: .4;
  }
  tr.focused td {
    background: #231f14 !important;
  }
  .chk {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid var(--faint);
    border-radius: 3px;
    vertical-align: -2px;
    margin-right: 7px;
    text-align: center;
    line-height: 14px;
    font-size: 11px;
    cursor: pointer;
    color: transparent;
  }
  tr:not(.excluded) .chk {
    border-color: var(--amber);
    color: var(--amber);
  }
  .badgewrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
  }
  table.htab {
    margin-top: 8px;
    min-width: 600px;
    table-layout: auto;
  }
  table.htab td,
  table.htab th {
    padding: 6px 8px;
    font-size: 11.5px;
  }
  table.htab th {
    font-size: 10px;
  }
  canvas {
    width: 100%;
    height: auto;
    display: block;
    background: var(--panel2);
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
  }
  .cls {
    display: inline-block;
    font-family: var(--head);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .04em;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid;
  }
  .cls.ARB {
    border-color: var(--win);
    color: var(--win);
    background: var(--yes-bg);
  }
  .cls.VALUE {
    border-color: var(--win);
    color: var(--win);
    background: var(--yes-bg);
  }
  .cls.CONS {
    border-color: #4d7fb8;
    color: #78b7ff;
    border-style: dashed;
  }
  .cls.MAKER {
    border-color: #7a63c4;
    color: #b697ff;
    border-style: dashed;
  }
  .cls.COST {
    border-color: #8a6647;
    color: #c79a72;
  }
  .cls.STRUCT {
    border-color: var(--amber-dim);
    color: var(--amber);
  }
  .cls.UNC {
    border-color: #4a5568;
    color: var(--muted);
  }
  .cls.NEG {
    border-color: var(--loss);
    color: var(--loss);
  }
  .cls.NODATA {
    border-color: #3d4657;
    color: #6d7789;
  }
  .cls.HOLD {
    border-color: #a065c4;
    color: #d989ff;
    border-style: dotted;
  }
  .app-switch {
    display: flex;
    gap: 5px;
    margin: 0 0 16px;
    padding: 4px;
    width: max-content;
    max-width: 100%;
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--panel2);
  }
  .app-switch button {
    min-width: 150px;
    border-color: transparent;
    background: transparent;
    color: var(--muted);
    font-weight: 600;
  }
  .app-switch button.active {
    background: var(--panel3);
    border-color: var(--amber-dim);
    color: var(--focus);
  }
  .browser-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
  }
  .browser-hero .sub {
    margin-bottom: 0;
  }
  .browser-refresh {
    flex: 0 0 auto;
    margin-top: 3px;
  }
  .browser-controls {
    position: sticky;
    top: 0;
    z-index: 60;
    padding: 13px 15px;
    margin: 0 -20px 14px;
    border-radius: 0;
    background: var(--panel);
    border-left: 0;
    border-right: 0;
    border-color: #263143;
    box-shadow: 0 10px 22px -12px rgba(0, 0, 0, .9);
  }
  .browser-controls::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    height: 24px;
    background: var(--bg);
  }
  @media (max-width: 640px) {
    .browser-controls {
      margin: 0 -11px 14px;
    }
  }
  .catalog-toolbar {
    display: grid;
    grid-template-columns: minmax(240px, 1.4fr) 165px 160px 195px 165px 150px;
    gap: 9px;
    align-items: center;
  }
  .catalog-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 9px;
  }
  .catalog-status-row .status {
    margin-top: 0;
  }
  .genre-nav {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 0 6px;
    margin-top: 9px;
    scrollbar-width: thin;
  }
  .genre-chip {
    flex: 0 0 auto;
    padding: 6px 11px;
    font-size: 12px;
    border-radius: 999px;
    color: var(--muted);
    background: var(--panel2);
    border-color: var(--line);
  }
  .genre-chip:hover {
    color: var(--text);
  }
  .genre-chip.active {
    border-color: var(--amber-dim);
    color: var(--focus);
    background: rgba(255, 176, 32, .09);
  }
  .taxonomy-subnav {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 0 6px;
    margin-top: 5px;
    scrollbar-width: thin;
  }
  .taxonomy-chip {
    flex: 0 0 auto;
    padding: 5px 10px;
    font-size: 11.5px;
    border-radius: 999px;
    color: var(--muted);
    background: var(--panel2);
  }
  .taxonomy-chip:hover {
    color: var(--text);
    border-color: #3a465d;
  }
  .taxonomy-chip.active {
    border-color: var(--amber-dim);
    color: var(--focus);
    background: rgba(255, 176, 32, .09);
  }
  .manual-load {
    margin: 10px 0 0;
    max-width: 740px;
  }
  .taxonomy-overview {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }
  .taxonomy-overview-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    padding: 2px 2px 10px;
    border-bottom: 1px solid var(--line);
  }
  .taxonomy-overview-head h2 {
    font-family: var(--head);
    font-size: 20px;
    color: var(--text);
    margin: 0;
    border: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: -.01em;
  }
  .taxonomy-overview-head h2::before {
    display: none;
  }
  .taxonomy-overview-head .status {
    margin: 0;
    text-align: right;
  }
  .taxonomy-tile-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 9px;
  }
  .taxonomy-tile {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 6px;
    min-height: 110px;
    padding: 13px 14px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--panel);
    color: var(--text);
    transition:
      border-color .12s,
      background .12s,
      transform .12s;
  }
  .taxonomy-tile:hover {
    border-color: #3f4c66;
    background: var(--panel3);
    transform: translateY(-1px);
  }
  .taxonomy-tile-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
  }
  .taxonomy-tile-name {
    font-family: var(--head);
    font-size: 15.5px;
    line-height: 1.25;
    font-weight: 650;
  }
  .taxonomy-tile-count {
    color: var(--focus);
    font-family: var(--mono);
    font-size: 12.5px;
    font-weight: 700;
    white-space: nowrap;
  }
  .taxonomy-tile-meta {
    font-size: 11.5px;
    color: var(--muted);
    font-family: var(--mono);
  }
  .taxonomy-tile-sub {
    align-self: end;
    color: var(--faint);
    font-size: 11.2px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-results-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 10px;
    padding: 0 2px 9px;
    border-bottom: 1px solid var(--line);
  }
  .catalog-results-title {
    font-family: var(--head);
    font-size: 19px;
    font-weight: 650;
    color: var(--text);
    letter-spacing: -.01em;
  }
  .catalog-results-summary {
    font-size: 12.5px;
    color: var(--muted);
    text-align: right;
  }
  .catalog-taxonomy {
    margin-top: 7px;
    color: var(--faint);
    font-size: 10.8px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .catalog-taxonomy .sep {
    color: #3d4657;
    margin: 0 4px;
  }
  .catalog-more,
  .genre-more {
    display: block;
    margin: 13px auto 0;
    min-width: 230px;
    color: var(--text2);
    border-color: #2c3648;
    background: var(--panel2);
  }
  .catalog-more:hover,
  .genre-more:hover {
    border-color: var(--amber-dim);
    color: var(--text);
  }
  .genre-sections {
    display: flex;
    flex-direction: column;
    gap: 22px;
  }
  .genre-section {
    scroll-margin-top: 150px;
  }
  .genre-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
    padding: 0 2px 9px;
    border-bottom: 1px solid var(--line);
  }
  .genre-heading h2 {
    font-family: var(--head);
    font-size: 19px;
    line-height: 1.2;
    letter-spacing: -.01em;
    text-transform: none;
    color: var(--text);
    border: 0;
    padding: 0;
    margin: 0;
  }
  .genre-heading h2::before {
    display: none;
  }
  .genre-summary {
    font-size: 12.5px;
    color: var(--muted);
    white-space: nowrap;
    font-family: var(--mono);
  }
  .market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 9px;
  }
  .market-card {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    min-height: 112px;
    width: 100%;
    padding: 13px 14px;
    text-align: left;
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--panel);
    color: var(--text);
    transition:
      border-color .12s,
      background .12s,
      transform .12s;
  }
  .market-card:hover {
    transform: translateY(-1px);
    border-color: #3f4c66;
    background: var(--panel3);
  }
  .market-card.selected {
    border-color: var(--amber-dim);
    box-shadow: inset 0 0 0 1px rgba(255, 176, 32, .16);
  }
  .market-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
  }
  .catalog-title {
    font-family: var(--head);
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--text);
  }
  .catalog-price {
    flex: 0 0 auto;
    font-family: var(--mono);
    font-size: 14px;
    color: var(--focus);
    font-weight: 700;
    white-space: nowrap;
  }
  .catalog-event {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.4;
    margin-top: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .catalog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 11px;
    margin-top: auto;
    padding-top: 10px;
    font-size: 11.5px;
    color: var(--muted);
    font-family: var(--mono);
  }
  .catalog-meta .paused {
    color: var(--loss);
  }
  .catalog-empty {
    padding: 26px 18px;
    border: 1px dashed var(--line);
    border-radius: var(--r);
    color: var(--muted);
    font-size: 13px;
    line-height: 1.5;
  }
  .detail-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
  }
  .detail-topbar .row {
    flex: 0 0 auto;
    min-width: 300px;
  }
  .back-button {
    flex: 0 0 auto;
    font-weight: 600;
  }
  .detail-hero {
    padding: 15px 18px;
    margin-bottom: 14px;
  }
  .detail-title {
    font-family: var(--head);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.012em;
  }
  .detail-event {
    color: var(--text2);
    font-size: 13px;
    line-height: 1.5;
    margin-top: 5px;
  }
  .detail-runtime {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 20px;
    align-items: start;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
  }
  .detail-runtime .status {
    margin-top: 0;
  }
  .detail-fresh {
    min-width: 270px;
    text-align: right;
  }
  .detail-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 336px;
    gap: 14px;
    align-items: start;
  }
  .analysis-data {
    min-width: 0;
    display: block;
  }
  .analysis-data > .panel {
    width: 100%;
  }
  .analysis-controls {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: sticky;
    top: 8px;
    max-height: calc(100vh - 20px);
    overflow-y: auto;
    padding-right: 2px;
    scrollbar-width: thin;
  }
  .analysis-controls::-webkit-scrollbar {
    width: 9px;
  }
  .analysis-controls::-webkit-scrollbar-thumb {
    background: #2a3446;
    border: 3px solid var(--bg);
    border-radius: 999px;
  }
  .analysis-controls > .panel {
    margin-bottom: 0;
  }
  @media (max-width: 1280px) {
    .detail-workspace {
      grid-template-columns: 1fr;
    }
    .analysis-controls {
      position: static;
      max-height: none;
      overflow: visible;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
  }
  .event-options-panel {
    margin-bottom: 14px;
  }
  .event-options-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 11px;
    flex-wrap: wrap;
  }
  .event-options-head h2 {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
    flex: 0 0 auto;
  }
  .event-options-summary {
    font-size: 12.5px;
    color: var(--muted);
    font-family: var(--mono);
  }
  .event-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
    gap: 7px;
  }
  .mkt-split {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }
  @media (max-width: 1100px) {
    .mkt-split {
      grid-template-columns: 1fr;
    }
  }
  .mkt-list-col {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .mkt-chart-col {
    min-width: 0;
    position: sticky;
    top: 8px;
    display: flex;
    flex-direction: column;
  }
  .mkt-chart-col .chart-legend {
    min-height: 62px;
    align-content: flex-start;
  }
  .mkt-chart-col .chart-status {
    min-height: 18px;
  }
  @media (max-width: 1100px) {
    .mkt-chart-col {
      position: static;
    }
  }
  .mkt-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 148px;
    gap: 7px;
  }
  .mkt-tools input,
  .mkt-tools select {
    font-size: 12.5px;
    padding: 7px 9px;
  }
  .mkt-selbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    font-family: var(--mono);
    font-size: 11.5px;
    color: var(--muted);
    padding: 2px 1px;
  }
  .mkt-selbar .sel-n {
    color: var(--text2);
  }
  .mkt-selbar .sel-acts {
    display: flex;
    gap: 5px;
  }
  .mkt-selbar button {
    padding: 3px 8px;
    font-size: 11px;
    font-family: var(--mono);
  }
  .mkt-list {
    display: block;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    background: var(--panel2);
    max-height: 520px;
    overflow-y: auto;
    scrollbar-width: thin;
  }
  .mkt-list::-webkit-scrollbar {
    width: 10px;
  }
  .mkt-list::-webkit-scrollbar-track {
    background: var(--panel2);
  }
  .mkt-list::-webkit-scrollbar-thumb {
    background: #2c3648;
    border: 3px solid var(--panel2);
    border-radius: 999px;
  }
  .mkt-row {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr) 52px 52px 46px;
    align-items: center;
    gap: 0 9px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--line-soft);
    cursor: pointer;
    transition: background .1s;
  }
  .mkt-row:last-child {
    border-bottom: none;
  }
  .mkt-row:hover {
    background: var(--panel3);
  }
  .mkt-row.on {
    background: rgba(255, 176, 32, .06);
  }
  .mkt-row.focused {
    box-shadow: inset 3px 0 0 var(--amber);
  }
  .mkt-row.closed {
    opacity: .5;
  }
  .mkt-dot {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    border: 1.5px solid var(--faint);
    background: transparent;
    flex: 0 0 auto;
  }
  .mkt-row.on .mkt-dot {
    border-color: transparent;
  }
  .mkt-nm {
    min-width: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mkt-row.on .mkt-nm {
    color: var(--text);
  }
  .mkt-px {
    font-family: var(--mono);
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .mkt-px.y {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--yes);
  }
  .mkt-px.n {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--faint);
    padding-left: 9px;
    border-left: 1px solid var(--line-soft);
  }
  .mkt-row:hover .mkt-px.n,
  .mkt-row.on .mkt-px.n {
    color: var(--muted);
  }
  .mkt-dlt {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
  }
  .mkt-dlt.up {
    color: var(--yes);
  }
  .mkt-dlt.down {
    color: var(--loss);
  }
  .mkt-dlt.flat {
    color: var(--faint);
  }
  .mkt-listhead {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr) 52px 52px 46px;
    gap: 0 9px;
    padding: 6px 10px;
    font-family: var(--head);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--faint);
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    background: #0e131c;
    z-index: 2;
  }
  .mkt-listhead span:nth-child(3),
  .mkt-listhead span:nth-child(4),
  .mkt-listhead span:nth-child(5) {
    text-align: right;
  }
  .mkt-listhead span:nth-child(4) {
    padding-left: 9px;
  }
  .mkt-empty {
    padding: 18px 14px;
    color: var(--muted);
    font-size: 12.5px;
  }
  .chart-title {
    font-family: var(--head);
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: var(--text2);
  }
  .mkt-chart-col #priceChart {
    height: 520px;
  }
  @media (max-width: 1100px) {
    .mkt-chart-col #priceChart {
      height: 300px;
    }
  }
  @media (max-width: 640px) {
    .mkt-chart-col #priceChart {
      height: 230px;
    }
    .mkt-list {
      max-height: 400px;
    }
  }
  .event-option {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    background: var(--panel2);
    text-align: left;
    color: var(--text);
    text-decoration: none;
    cursor: pointer;
    transition: border-color .12s;
  }
  .event-option:hover {
    border-color: #3f4c66;
  }
  .event-option.active {
    border-color: var(--amber-dim);
    box-shadow: inset 0 0 0 1px rgba(255, 176, 32, .16);
  }
  .event-option.closed {
    opacity: .62;
  }
  .event-option.closed:hover {
    opacity: .85;
  }
  .event-option-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
  }
  .event-option-name {
    min-width: 0;
    font-family: var(--head);
    font-size: 12.5px;
    line-height: 1.32;
    font-weight: 650;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .event-option-price {
    font-family: var(--mono);
    color: var(--focus);
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
  }
  .opt-sides {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
  }
  .opt-side {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 5px;
    padding: 5px 7px;
    border-radius: var(--r-sm);
    border: 1px solid var(--line);
    background: var(--panel);
  }
  .opt-side .lbl {
    font-family: var(--head);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
  .opt-side .px {
    font-family: var(--mono);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1;
  }
  .opt-side.yes {
    border-color: var(--yes-line);
    background: var(--yes-bg);
  }
  .opt-side.yes .lbl {
    color: var(--yes);
  }
  .opt-side.yes .px {
    color: var(--yes);
  }
  .opt-side.no {
    border-color: var(--no-line);
    background: var(--no-bg);
  }
  .opt-side.no .lbl {
    color: var(--no);
  }
  .opt-side.no .px {
    color: var(--no);
  }
  .opt-side.flat {
    border-color: var(--line);
    background: var(--panel);
  }
  .opt-side.flat .lbl,
  .opt-side.flat .px {
    color: var(--muted);
  }
  .opt-spark {
    height: 26px;
    margin: -1px 0 0;
    border-radius: 5px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    overflow: hidden;
    position: relative;
  }
  .opt-spark svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .opt-spark .spark-empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mono);
    font-size: 9.5px;
    color: var(--faint);
    letter-spacing: .06em;
  }
  .opt-chg {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
  }
  .opt-chg.up {
    color: var(--yes);
  }
  .opt-chg.down {
    color: var(--loss);
  }
  .opt-chg.flat {
    color: var(--muted);
  }
  .opt-ext {
    font-family: var(--mono);
    font-size: 10.5px;
    color: var(--faint);
    text-decoration: none;
    white-space: nowrap;
    padding: 2px 4px;
    border-radius: 4px;
  }
  .opt-ext:hover {
    color: var(--focus);
    background: rgba(255, 176, 32, .09);
  }
  .opt-side {
    cursor: pointer;
  }
  .opt-side:hover {
    box-shadow: inset 0 0 0 1px currentColor;
  }
  .opt-side.on {
    box-shadow: inset 0 0 0 1px var(--focus);
  }
  .opt-side.yes.on {
    border-color: var(--focus);
  }
  .opt-side.no.on {
    border-color: var(--focus);
  }
  .event-option[tabindex]:focus-visible,
  .opt-side:focus-visible,
  .vb-card:focus-visible,
  .leg-item:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
  }
  .event-option-statusline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .event-option-status {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-family: var(--head);
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    line-height: 1.3;
    color: var(--muted);
    white-space: nowrap;
  }
  .event-option-status.open {
    border-color: #1f5b3d;
    color: var(--win);
    background: var(--yes-bg);
  }
  .event-option-openhint {
    font-size: 10.5px;
    color: var(--faint);
    white-space: nowrap;
  }
  .event-option-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px 7px;
    margin-top: auto;
    padding-top: 6px;
    border-top: 1px solid var(--line-soft);
  }
  .event-option-stat {
    min-width: 0;
  }
  .event-option-stat .k {
    display: block;
    margin-bottom: 2px;
    color: var(--faint);
    font-size: 9.5px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .event-option-stat .v {
    display: block;
    color: var(--text2);
    font-family: var(--mono);
    font-size: 11.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .chart-panel {
    margin-bottom: 14px;
  }
  .chart-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
  }
  .chart-head h2 {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .chart-tools {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }
  .range-seg {
    display: inline-flex;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    overflow: hidden;
    background: var(--panel2);
  }
  .range-seg button {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--muted);
    padding: 5px 10px;
    font-family: var(--mono);
    font-size: 11.5px;
    font-weight: 600;
  }
  .range-seg button:hover {
    background: var(--panel3);
    color: var(--text);
  }
  .range-seg button.active {
    background: var(--amber);
    color: #150f03;
  }
  .chart-wrap {
    position: relative;
    width: 100%;
  }
  #priceChart {
    height: 300px;
    cursor: crosshair;
  }
  .chart-tip {
    position: absolute;
    pointer-events: none;
    z-index: 5;
    display: none;
    min-width: 150px;
    padding: 8px 10px;
    background: rgba(8, 11, 17, .96);
    border: 1px solid #2e3a4d;
    border-radius: var(--r-sm);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
    font-family: var(--mono);
    font-size: 11.5px;
    line-height: 1.5;
  }
  .chart-tip .tip-t {
    color: var(--faint);
    font-size: 10px;
    letter-spacing: .05em;
    margin-bottom: 5px;
  }
  .chart-tip .tip-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .chart-tip .tip-row .nm {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--text2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
  }
  .chart-tip .tip-row .vv {
    color: var(--text);
    font-weight: 700;
  }
  .swatch {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    flex: 0 0 auto;
  }
  .chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin-top: 11px;
  }
  .leg-item {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 4px 9px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--panel2);
    font-size: 12px;
    cursor: pointer;
    transition: border-color .12s, opacity .12s;
    -webkit-user-select: none;
    user-select: none;
  }
  .leg-item:hover {
    border-color: #3f4c66;
  }
  .leg-item.off {
    opacity: .38;
  }
  .leg-item .leg-nm {
    color: var(--text2);
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .leg-item .leg-px {
    font-family: var(--mono);
    font-weight: 700;
    color: var(--text);
  }
  .leg-item .leg-chg {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
  }
  .leg-chg.up {
    color: var(--yes);
  }
  .leg-chg.down {
    color: var(--loss);
  }
  .leg-chg.flat {
    color: var(--muted);
  }
  .chart-status {
    font-size: 12.5px;
    color: var(--muted);
    margin-top: 9px;
  }
  .value-board {
    margin-bottom: 14px;
  }
  .vb-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 11px;
  }
  .vb-head h2 {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .vb-sum {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--muted);
  }
  .vb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
    gap: 9px;
  }
  .vb-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 13px;
    border: 1px solid var(--line);
    border-left-width: 3px;
    border-radius: var(--r-sm);
    background: var(--panel2);
    cursor: pointer;
    transition:
      border-color .12s,
      background .12s,
      transform .12s;
  }
  .vb-card:hover {
    background: var(--panel3);
    transform: translateY(-1px);
  }
  .vb-card.k-VALUE {
    border-left-color: var(--win);
  }
  .vb-card.k-CONS {
    border-left-color: var(--info);
  }
  .vb-card.k-MAKER {
    border-left-color: var(--violet);
  }
  .vb-card.k-STRUCT {
    border-left-color: var(--amber);
  }
  .vb-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 9px;
  }
  .vb-mkt {
    font-family: var(--head);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.32;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .vb-side {
    font-family: var(--head);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 6px;
    white-space: nowrap;
    border: 1.5px solid;
    line-height: 1.15;
  }
  .vb-side.tone-yes {
    color: var(--yes);
    border-color: var(--yes-line);
    background: var(--yes-bg);
  }
  .vb-side.tone-no {
    color: var(--no);
    border-color: var(--no-line);
    background: var(--no-bg);
  }
  .vb-side.tone-neutral {
    color: var(--text2);
    border-color: var(--line);
    background: var(--panel);
  }
  .vb-nums {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
  }
  .vb-n {
    min-width: 0;
  }
  .vb-n .k {
    display: block;
    font-size: 9.5px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--faint);
    margin-bottom: 2px;
  }
  .vb-n .v {
    display: block;
    font-family: var(--mono);
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
    line-height: 1.15;
  }
  .vb-n .v.pos {
    color: var(--win);
  }
  .vb-n .v.neg {
    color: var(--loss);
  }
  .vb-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .vb-empty {
    padding: 20px 16px;
    border: 1px dashed var(--line);
    border-radius: var(--r-sm);
    color: var(--muted);
    font-size: 12.5px;
    line-height: 1.6;
  }
  .edge-rail {
    position: relative;
    height: 20px;
    border-radius: 4px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    overflow: hidden;
  }
  .edge-rail .fill {
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .5;
  }
  .edge-rail .fill.pos {
    background:
      linear-gradient(
        90deg,
        rgba(53, 214, 143, .25),
        rgba(53, 214, 143, .6));
  }
  .edge-rail .fill.neg {
    background:
      linear-gradient(
        90deg,
        rgba(255, 107, 99, .6),
        rgba(255, 107, 99, .25));
  }
  .edge-rail .mk {
    position: absolute;
    top: -1px;
    bottom: -1px;
    width: 2px;
    background: var(--text2);
  }
  .edge-rail .mk.you {
    width: 3px;
    background: var(--focus);
    box-shadow: 0 0 6px rgba(255, 217, 119, .55);
  }
  .edge-rail .cap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--mono);
    font-size: 9px;
    color: var(--faint);
    padding: 0 4px;
  }
  .edge-rail .cap.l {
    left: 0;
  }
  .edge-rail .cap.r {
    right: 0;
  }
  td .edge-mini {
    position: relative;
    height: 14px;
    width: 100%;
    min-width: 76px;
    border-radius: 3px;
    background: var(--panel);
    border: 1px solid var(--line-soft);
    overflow: hidden;
  }
  td .edge-mini .fill {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  td .edge-mini .fill.pos {
    background: rgba(53, 214, 143, .5);
  }
  td .edge-mini .fill.neg {
    background: rgba(255, 107, 99, .5);
  }
  td .edge-mini .mk {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--focus);
  }
  tr.grouphead th {
    font-size: 9.5px;
    letter-spacing: .11em;
    color: var(--faint);
    padding: 6px 8px 4px;
    border-bottom: 1px solid var(--line-soft);
    background: var(--panel2);
    cursor: default;
    text-align: center;
    font-weight: 700;
  }
  tr.grouphead th.g-b {
    border-left: 1px solid var(--line);
  }
  tr.grouphead th:hover {
    color: var(--faint);
  }
  #oppTable {
    min-width: 1420px;
    table-layout: fixed;
  }
  #oppTable th:nth-child(1),
  #oppTable td:nth-child(1) {
    width: 210px;
  }
  #oppTable th:nth-child(2),
  #oppTable td:nth-child(2) {
    width: 74px;
  }
  #oppTable th:nth-child(3),
  #oppTable td:nth-child(3) {
    width: 66px;
  }
  #oppTable th:nth-child(4),
  #oppTable td:nth-child(4) {
    width: 62px;
  }
  #oppTable th:nth-child(5),
  #oppTable td:nth-child(5) {
    width: 68px;
  }
  #oppTable th:nth-child(6),
  #oppTable td:nth-child(6) {
    width: 74px;
  }
  #oppTable th:nth-child(7),
  #oppTable td:nth-child(7) {
    width: 80px;
  }
  #oppTable th:nth-child(8),
  #oppTable td:nth-child(8) {
    width: 76px;
  }
  #oppTable th:nth-child(9),
  #oppTable td:nth-child(9) {
    width: 72px;
  }
  #oppTable th:nth-child(10),
  #oppTable td:nth-child(10) {
    width: 84px;
  }
  #oppTable th:nth-child(11),
  #oppTable td:nth-child(11) {
    width: 104px;
  }
  #oppTable th:nth-child(12),
  #oppTable td:nth-child(12) {
    width: 86px;
  }
  #oppTable th:nth-child(13),
  #oppTable td:nth-child(13) {
    width: 82px;
  }
  #oppTable th:nth-child(14),
  #oppTable td:nth-child(14) {
    width: 62px;
  }
  #oppTable th:nth-child(15),
  #oppTable td:nth-child(15) {
    width: 158px;
  }
  #oppTable thead th {
    position: sticky;
    z-index: 2;
    background: #0e131c;
  }
  #oppTable thead tr.grouphead th {
    top: 0;
  }
  #oppTable thead tr.colhead th {
    top: 23px;
  }
  #oppTable thead th:first-child {
    left: 0;
    z-index: 4;
  }
  #oppTable td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--panel2);
    box-shadow: 1px 0 0 var(--line);
  }
  #oppTable tr.opp:hover td:first-child {
    background: var(--panel3);
  }
  #oppTable tr.excluded td:first-child {
    background: var(--panel2);
  }
  #oppTable tr.focused td:first-child {
    background: #231f14 !important;
    box-shadow: inset 3px 0 0 var(--amber), 1px 0 0 var(--line);
  }
  #oppTable td:nth-child(15) {
    white-space: normal;
  }
  #matrixTable {
    min-width: 660px;
  }
  .user-search-panel {
    padding: 18px;
  }
  .user-searchbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 9px;
    align-items: center;
  }
  .user-searchbar input {
    font-size: 14px;
    padding: 11px 13px;
  }
  .user-searchbar button {
    min-height: 42px;
  }
  .user-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 18px;
    margin-top: 10px;
    color: var(--muted);
    font-size: 12px;
  }
  .user-results {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .user-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--panel);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
  }
  .user-card:hover {
    border-color: #34405a;
  }
  .user-card.open {
    border-color: rgba(139, 167, 255, .45);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .18);
  }
  .user-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    width: 100%;
    padding: 15px 17px;
    border: 0;
    border-radius: 0;
    background: transparent;
    text-align: left;
    align-items: center;
  }
  .user-card-head:hover {
    background: rgba(255, 255, 255, .018);
    border-color: transparent;
  }
  .user-ident {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .user-avatar {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    object-fit: cover;
    background:
      linear-gradient(
        145deg,
        var(--panel3),
        #202838);
    border: 1px solid var(--line);
  }
  .user-name {
    font-family: var(--head);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.25;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .user-subline {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 3px;
    color: var(--muted);
    font-size: 11.5px;
    font-family: var(--mono);
  }
  .user-head-stats {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
  }
  .user-head-stat {
    min-width: 72px;
    text-align: right;
  }
  .user-head-stat .k {
    display: block;
    color: var(--faint);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .user-head-stat .v {
    display: block;
    margin-top: 2px;
    color: var(--text2);
    font-family: var(--mono);
    font-size: 12.5px;
    font-weight: 650;
  }
  .user-chevron {
    font-size: 18px;
    color: var(--muted);
    transform: rotate(0deg);
    transition: transform .16s ease;
  }
  .user-card.open .user-chevron {
    transform: rotate(90deg);
    color: var(--focus);
  }
  .user-detail {
    padding: 0 17px 17px;
    border-top: 1px solid var(--line-soft);
    background:
      linear-gradient(
        180deg,
        rgba(139, 167, 255, .028),
        transparent 56%);
  }
  .user-detail-loading {
    padding: 18px 1px 2px;
    color: var(--muted);
    font-size: 12.5px;
  }
  .user-profile-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 1px 4px;
  }
  .user-bio {
    max-width: 760px;
    color: var(--text2);
    font-size: 12.5px;
    line-height: 1.65;
  }
  .user-profile-link {
    flex: 0 0 auto;
    color: var(--focus);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
  }
  .user-profile-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .user-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
  }
  .user-metric {
    padding: 11px 12px;
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background: var(--panel2);
    min-width: 0;
  }
  .user-metric .k {
    display: block;
    color: var(--faint);
    font-size: 9px;
    font-weight: 650;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .user-metric .v {
    display: block;
    margin-top: 4px;
    color: var(--text);
    font-family: var(--mono);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .user-section {
    margin-top: 17px;
  }
  .user-section-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
  }
  .user-section-title h3 {
    font-family: var(--head);
    font-size: 12px;
    font-weight: 650;
    color: var(--text2);
    letter-spacing: .01em;
  }
  .user-section-title span {
    color: var(--faint);
    font-size: 10.5px;
  }
  .user-categories {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 8px;
  }
  .user-cat {
    padding: 10px 11px;
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    background: var(--panel2);
  }
  .user-cat-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
  }
  .user-cat-name {
    font-size: 12px;
    font-weight: 650;
    color: var(--text2);
  }
  .user-cat-roi {
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 650;
  }
  .user-cat-bar {
    height: 4px;
    margin: 8px 0 7px;
    border-radius: 999px;
    overflow: hidden;
    background: #1d2431;
  }
  .user-cat-bar span {
    display: block;
    height: 100%;
    background:
      linear-gradient(
        90deg,
        var(--amber),
        var(--focus));
    border-radius: inherit;
  }
  .user-cat-meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: var(--faint);
    font-family: var(--mono);
    font-size: 10.5px;
  }
  .user-trades {
    border: 1px solid var(--line-soft);
    border-radius: 10px;
    overflow: hidden;
    background: var(--panel2);
  }
  .user-trade {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr) 62px 82px;
    gap: 10px;
    align-items: center;
    padding: 9px 11px;
    border-bottom: 1px solid var(--line-soft);
    font-size: 11.5px;
  }
  .user-trade:last-child {
    border-bottom: 0;
  }
  .user-trade-time,
  .user-trade-size {
    font-family: var(--mono);
    color: var(--muted);
    white-space: nowrap;
  }
  .user-trade-market {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text2);
  }
  .user-trade-side {
    font-family: var(--head);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-align: right;
  }
  .user-empty {
    padding: 34px 20px;
    border: 1px dashed var(--line);
    border-radius: var(--r);
    background: rgba(255, 255, 255, .012);
    color: var(--muted);
    text-align: center;
    line-height: 1.6;
  }
  @media (max-width: 1050px) {
    .user-metrics {
      grid-template-columns: repeat(3, 1fr);
    }
    .user-head-stat:nth-child(1) {
      display: none;
    }
  }
  @media (max-width: 700px) {
    .user-searchbar {
      grid-template-columns: 1fr 1fr;
    }
    .user-searchbar input {
      grid-column: 1/-1;
    }
    .user-card-head {
      grid-template-columns: 1fr auto;
      gap: 8px;
      padding: 13px 14px;
    }
    .user-head-stats {
      display: none;
    }
    .user-detail {
      padding: 0 14px 14px;
    }
    .user-metrics {
      grid-template-columns: repeat(2, 1fr);
    }
    .user-profile-row {
      flex-direction: column;
    }
    .user-trade {
      grid-template-columns: 92px minmax(0, 1fr) 58px;
    }
    .user-trade-size {
      display: none;
    }
  }
  .vb-gate {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    padding: 11px 13px;
    border-radius: var(--r-sm);
    border: 1px solid;
    margin-bottom: 12px;
    font-size: 12.8px;
    line-height: 1.6;
  }
  .vb-gate.warn {
    border-color: var(--amber-dim);
    background: var(--warn-bg);
    color: var(--text2);
  }
  .vb-gate.ok {
    border-color: #1f5b3d;
    background: #0d1a13;
    color: var(--text2);
  }
  .vb-gate b {
    color: var(--text);
  }
  .vb-gate .gate-acts {
    flex: 0 0 auto;
    display: flex;
    gap: 6px;
  }
  .vb-gate button {
    white-space: nowrap;
  }
  .vb-ev {
    font-family: var(--mono);
    font-size: 10.5px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--faint);
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .vb-bet {
    font-size: 12px;
    line-height: 1.5;
    padding: 7px 9px;
    border-radius: var(--r-sm);
    border: 1px solid var(--line-soft);
    background: var(--panel);
  }
  .vb-bet.tone-yes {
    border-left: 3px solid var(--yes);
    color: var(--text2);
  }
  .vb-bet.tone-no {
    border-left: 3px solid var(--no);
    color: var(--text2);
  }
  .vb-bet.tone-neutral {
    border-left: 3px solid var(--line);
    color: var(--text2);
  }
  .detail-betline {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 20px;
    margin-top: 9px;
    padding-top: 9px;
    border-top: 1px solid var(--line);
  }
  .bl-i {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
  }
  .bl-i .k {
    font-family: var(--head);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
    color: var(--faint);
  }
  .bl-i .v {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--text2);
  }
  .edge-chip {
    color: var(--yes);
    border: 1px solid var(--yes-line);
    background: var(--yes-bg);
    border-radius: 4px;
    padding: 1px 5px;
    font-weight: 700;
    cursor: help;
  }
  .ladder-panel {
    margin-top: 10px;
  }
  .ladder-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px 96px;
    gap: 8px;
    padding: 5px 0;
    border-bottom: 1px dashed var(--line-soft);
    font-size: 12.5px;
    align-items: center;
  }
  .ladder-row:last-child {
    border-bottom: none;
  }
  .ladder-row .lr-n {
    color: var(--text2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ladder-row .lr-p {
    font-family: var(--mono);
    text-align: right;
    font-weight: 700;
    color: var(--text);
  }
  .ladder-row .lr-m {
    font-family: var(--mono);
    text-align: right;
    color: var(--muted);
  }
  .ladder-row.bad {
    background: rgba(255, 107, 99, .08);
  }
  .ladder-row.bad .lr-p {
    color: var(--loss);
  }
  .manski {
    font-family: var(--mono);
    font-size: 11.5px;
    color: var(--muted);
    margin-top: 7px;
    line-height: 1.6;
  }
  @media (max-width: 860px) {
    .browser-hero {
      display: block;
    }
    .browser-refresh {
      margin-top: 12px;
      width: 100%;
    }
    .browser-controls {
      position: static;
    }
    .catalog-toolbar {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .catalog-toolbar input {
      grid-column: 1 / -1;
    }
    .detail-topbar {
      align-items: stretch;
      flex-direction: column;
    }
    .detail-topbar .row {
      min-width: 0;
    }
    .detail-runtime {
      grid-template-columns: 1fr;
    }
    .detail-fresh {
      text-align: left;
      min-width: 0;
    }
  }
  @media (max-width: 640px) {
    body {
      padding: 14px 11px 40px;
    }
    h1 {
      font-size: 22px;
    }
    .panel {
      padding: 13px 14px;
    }
    .cols2 {
      grid-template-columns: 1fr;
    }
    .row {
      flex-wrap: wrap;
    }
    .row > button {
      min-width: 110px;
    }
    .catalog-toolbar {
      grid-template-columns: 1fr;
    }
    .catalog-toolbar input {
      grid-column: auto;
    }
    .taxonomy-overview-head,
    .catalog-results-head {
      align-items: flex-start;
      flex-direction: column;
      gap: 5px;
    }
    .taxonomy-overview-head .status,
    .catalog-results-summary {
      text-align: left;
    }
    .app-switch {
      width: 100%;
    }
    .app-switch button {
      min-width: 0;
      flex: 1;
    }
    .market-grid,
    .event-options-grid,
    .vb-grid {
      grid-template-columns: 1fr;
    }
    .genre-heading {
      align-items: flex-start;
      flex-direction: column;
      gap: 4px;
    }
    #priceChart {
      height: 220px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    * {
      transition: none !important;
    }
  }
  :root {
    --bg:#0a0d13;
    --panel:#11161f;
    --panel2:#0d1219;
    --panel3:#171e29;
    --line:#242d3a;
    --line-soft:#1b2330;
    --text:#f2f5fa;
    --text2:#c1cad8;
    --muted:#8793a6;
    --faint:#5f6b7d;
    --amber:#8ba7ff;
    --amber-dim:#6f89dd;
    --focus:#b7c6ff;
    --yes:#53d79b;
    --yes-bg:rgba(83,215,155,.09);
    --yes-line:rgba(83,215,155,.32);
    --no:#ff7f79;
    --no-bg:rgba(255,127,121,.09);
    --no-line:rgba(255,127,121,.30);
    --r:14px;
    --r-sm:9px;
  }
  html,
  body {
    background:
      radial-gradient(
        circle at 50% -12%,
        #151c2b 0,
        #0a0d13 34%,
        #080b10 100%);
  }
  body {
    padding: 28px 24px 72px;
    max-width: 1580px;
    font-size: 13.5px;
  }
  h1 {
    font-size: 29px;
    letter-spacing: -.025em;
    margin-bottom: 7px;
  }
  h1 .tag {
    color: var(--focus);
    font-weight: 600;
  }
  .sub {
    max-width: 820px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.65;
  }
  .panel {
    padding: 17px 18px;
    margin-bottom: 12px;
    border-color: var(--line);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .10);
  }
  .panel h2 {
    font-size: 11.5px;
    text-transform: none;
    letter-spacing: .02em;
    color: var(--text2);
    border-bottom-color: var(--line-soft);
  }
  .panel h2::before {
    display: none;
  }
  input[type=text],
  input[type=number],
  select,
  textarea {
    background: #0b1017;
    border-color: #283243;
    padding: 9px 11px;
  }
  input:hover,
  select:hover,
  textarea:hover {
    border-color: #3a4961;
  }
  button {
    background: #111721;
    border-color: #2a3443;
    padding: 8px 12px;
  }
  button:hover {
    border-color: #536785;
    background: #171f2b;
  }
  button.primary {
    background: #d6dfff;
    border-color: #d6dfff;
    color: #111725;
  }
  button.primary:hover {
    background: #eef1ff;
    border-color: #eef1ff;
  }
  .app-switch {
    margin: 0 0 24px;
    padding: 3px;
    border: 1px solid #222b39;
    border-radius: 12px;
    background: rgba(12, 16, 23, .72);
    box-shadow: 0 8px 26px rgba(0, 0, 0, .14);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
  .app-switch button {
    min-width: 142px;
    padding: 8px 16px;
    color: var(--muted);
    border-radius: 9px;
  }
  .app-switch button.active {
    background: #1b2330;
    border-color: transparent;
    color: var(--text);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset;
  }
  .browser-hero {
    margin-bottom: 20px;
    gap: 28px;
  }
  .browser-controls {
    top: 8px;
    margin: 0 0 18px;
    padding: 14px;
    border: 1px solid rgba(52, 64, 82, .9);
    border-radius: 14px;
    background: rgba(17, 22, 31, .93);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .browser-controls::before {
    display: none;
  }
  .catalog-toolbar {
    grid-template-columns: minmax(280px, 1.6fr) repeat(3, minmax(135px, .55fr));
    gap: 8px;
  }
  #catalogCompetition {
    grid-column: auto;
  }
  .catalog-status-row {
    margin-top: 8px;
  }
  .genre-nav,
  .taxonomy-subnav {
    gap: 5px;
    margin-top: 8px;
  }
  .genre-chip,
  .taxonomy-chip {
    border-color: #283243;
    background: #0c1118;
  }
  .genre-chip.active,
  .taxonomy-chip.active {
    border-color: #5e72a8;
    color: var(--focus);
    background: rgba(139, 167, 255, .08);
  }
  .taxonomy-tile-grid {
    grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
    gap: 10px;
  }
  .taxonomy-tile,
  .market-card {
    border-color: #232d3b;
    background:
      linear-gradient(
        180deg,
        #111720,
        #0e141c);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .09);
  }
  .taxonomy-tile:hover,
  .market-card:hover {
    border-color: #40506a;
    background: #141b26;
    transform: translateY(-1px);
  }
  .market-grid {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 10px;
  }
  .catalog-price {
    color: var(--focus);
  }
  .detail-hero {
    padding: 18px 19px;
  }
  .detail-title {
    font-size: 22px;
  }
  .detail-workspace {
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 12px;
  }
  .analysis-controls {
    gap: 10px;
  }
  .table-scroll {
    border-color: #202a38;
    background: #0c1117;
  }
  table {
    font-size: 12px;
  }
  th {
    background: #0e141d;
    color: #707d91;
  }
  td {
    padding: 8px 9px;
  }
  tr.opp:hover td {
    background: #141b25;
  }
  .value-board .vb-grid {
    gap: 8px;
  }
  .vb-card {
    background: #0e141c;
    border-color: #222c3a;
  }
  .event-options-panel,
  .value-board {
    box-shadow: 0 16px 42px rgba(0, 0, 0, .11);
  }
  .event-option {
    background: #0e141c;
  }
  .status {
    color: var(--muted);
  }
  .legend,
  .note {
    color: #758196;
  }
  details {
    background: #0d1219;
    border-color: #252f3e;
  }
  @media (max-width: 1100px) {
    .catalog-toolbar {
      grid-template-columns: 1fr 1fr;
    }
    .catalog-toolbar input {
      grid-column: 1/-1;
    }
  }
  @media (max-width: 640px) {
    body {
      padding: 16px 11px 46px;
    }
    .app-switch {
      width: 100%;
    }
    .app-switch button {
      min-width: 0;
      flex: 1;
    }
    .browser-controls {
      position: static;
    }
    .catalog-toolbar {
      grid-template-columns: 1fr;
    }
  }
  :root {
    --bg:#f3f0e7;
    --panel:#fffdf7;
    --panel2:#f7f3e9;
    --panel3:#ebe5d8;
    --line:#101010;
    --line-soft:#c9c2b3;
    --text:#101010;
    --text2:#292929;
    --muted:#665f55;
    --faint:#8b8377;
    --amber:#c9ff3d;
    --amber-dim:#9ed11f;
    --focus:#2448ff;
    --yes:#007d4e;
    --no:#db2c2c;
    --yes-bg:#d9ffe7;
    --no-bg:#ffe0de;
    --yes-line:#007d4e;
    --no-line:#db2c2c;
    --win:#007d4e;
    --loss:#db2c2c;
    --info:#2448ff;
    --violet:#6d34ff;
    --warn-bg:#fff2a8;
    --sans:"Inter",Arial,sans-serif;
    --mono:"IBM Plex Mono",monospace;
    --head:"Space Grotesk",Arial Black,sans-serif;
    --r:0px;
    --r-sm:0px;
  }
  * {
    scrollbar-color: #101010 #d8d2c7;
  }
  html,
  body {
    background: var(--bg) !important;
    color: var(--text) !important;
  }
  body {
    max-width: none !important;
    margin: 0 !important;
    padding: 104px 28px 50px !important;
    min-height: 100vh;
    overflow-x: hidden;
  }
  .view {
    min-height: calc(100vh - 154px);
    position: relative;
  }
  [hidden] {
    display: none !important;
  }
  .app-switch {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: auto !important;
    height: 78px !important;
    margin: 0 !important;
    padding: 0 26px !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: 340px 1fr auto !important;
    align-items: center !important;
    gap: 24px !important;
    background: #101010 !important;
    border: 0 !important;
    border-bottom: 4px solid #101010 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .studio-rail-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
  }
  .studio-logo {
    width: 46px !important;
    height: 46px !important;
    display: grid !important;
    place-items: center !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    background: #c9ff3d !important;
    color: #101010 !important;
    font-family: var(--mono) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
  }
  .studio-wordmark {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    text-align: left !important;
    line-height: 1 !important;
  }
  .studio-wordmark strong {
    font-family: var(--head) !important;
    font-size: 17px !important;
    letter-spacing: -.02em !important;
    color: #fff !important;
  }
  .studio-wordmark span {
    margin-top: 5px !important;
    font-family: var(--mono) !important;
    font-size: 8px !important;
    letter-spacing: .12em !important;
    color: #9d9d9d !important;
  }
  .nav-cluster {
    display: flex;
    align-items: stretch;
    justify-content: center;
    height: 100%;
  }
  .app-switch button {
    min-width: 150px !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 32px auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-left: 1px solid #333 !important;
    border-radius: 0 !important;
    background: #101010 !important;
    color: #bcbcbc !important;
    box-shadow: none !important;
  }
  .app-switch button:last-child {
    border-right: 1px solid #333 !important;
  }
  .app-switch button .nav-ico {
    font-family: var(--mono) !important;
    font-size: 9px !important;
    color: #696969 !important;
  }
  .app-switch button .nav-label {
    font-family: var(--head) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
  }
  .app-switch button.active {
    background: #c9ff3d !important;
    color: #101010 !important;
  }
  .app-switch button.active .nav-ico {
    color: #101010 !important;
  }
  .studio-rail-foot {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
    color: #b9b9b9 !important;
    text-align: right !important;
  }
  .system-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background: #c9ff3d;
    box-shadow: 0 0 0 3px rgba(201, 255, 61, .12);
  }
  .panel,
  .table-scroll,
  canvas,
  .user-card,
  .market-card,
  .taxonomy-tile,
  .user-search-panel {
    background: var(--panel) !important;
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .panel {
    padding: 20px !important;
    margin-bottom: 18px !important;
  }
  button {
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    background: #fffdf7 !important;
    color: #101010 !important;
    box-shadow: none !important;
    min-height: 42px !important;
    font-weight: 750 !important;
  }
  button:hover {
    background: #c9ff3d !important;
    border-color: #101010 !important;
    transform: none !important;
  }
  button.primary {
    background: #101010 !important;
    color: #fff !important;
    border-color: #101010 !important;
  }
  button.primary:hover {
    background: #2448ff !important;
    color: #fff !important;
  }
  button.active {
    background: #c9ff3d !important;
    color: #101010 !important;
    border-color: #101010 !important;
  }
  input[type=text],
  input[type=number],
  select,
  textarea {
    min-height: 44px !important;
    background: #fff !important;
    color: #101010 !important;
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  input:focus-visible,
  select:focus-visible,
  button:focus-visible,
  textarea:focus-visible,
  a:focus-visible {
    outline: 4px solid #2448ff !important;
    outline-offset: 2px !important;
  }
  label {
    font-family: var(--mono) !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
    color: #665f55 !important;
  }
  a {
    color: #2448ff !important;
  }
  #browserView {
    display: grid !important;
    grid-template-columns: 330px minmax(0, 1fr) !important;
    grid-template-areas: "hero hero" "controls catalog" !important;
    gap: 24px 28px !important;
    align-items: start !important;
  }
  #browserView > .browser-hero {
    grid-area: hero;
  }
  #browserView > .browser-controls {
    grid-area: controls;
  }
  #catalogList {
    grid-area: catalog;
    min-width: 0;
  }
  .browser-hero.studio-hero-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) 420px !important;
    gap: 46px !important;
    align-items: end !important;
    padding: 36px 0 26px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 7px solid #101010 !important;
    box-shadow: none !important;
  }
  .hero-kicker {
    display: inline-block !important;
    padding: 6px 9px !important;
    margin-bottom: 18px !important;
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    background: #c9ff3d !important;
    color: #101010 !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
  }
  .hero-copy h1 {
    margin: 0 !important;
    font-family: var(--head) !important;
    font-size: clamp(58px, 7.5vw, 118px) !important;
    line-height: .82 !important;
    letter-spacing: -.07em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
  }
  .hero-copy h1 .tag {
    color: #2448ff !important;
    font-weight: 700 !important;
  }
  .hero-copy .sub {
    margin: 24px 0 0 !important;
    max-width: 830px !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #34312d !important;
  }
  .hero-side {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .hero-metrics {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border: 2px solid #101010 !important;
  }
  .hero-stat {
    display: grid !important;
    grid-template-columns: 128px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 13px 15px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 2px solid #101010 !important;
    border-radius: 0 !important;
  }
  .hero-stat:last-child {
    border-bottom: 0 !important;
  }
  .hero-stat-black {
    background: #101010 !important;
    color: #fff !important;
  }
  .hero-stat .k {
    font-family: var(--mono) !important;
    font-size: 8px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    color: #7f776b !important;
  }
  .hero-stat-black .k {
    color: #969696 !important;
  }
  .hero-stat .v {
    margin: 0 !important;
    font-family: var(--head) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: inherit !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .browser-refresh {
    width: 100% !important;
    min-height: 52px !important;
    font-family: var(--head) !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
  }
  .browser-controls {
    position: sticky !important;
    top: 100px !important;
    z-index: 15 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #101010 !important;
    color: #fff !important;
    border: 2px solid #101010 !important;
    box-shadow: 8px 8px 0 #2448ff !important;
  }
  .catalog-toolbar {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .catalog-toolbar > * {
    width: 100% !important;
    border-width: 0 0 2px 0 !important;
    border-color: #101010 !important;
    min-height: 52px !important;
    border-radius: 0 !important;
  }
  .catalog-toolbar input,
  .catalog-toolbar select {
    background: #fff !important;
  }
  .catalog-toolbar input {
    font-family: var(--head) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
  }
  .catalog-status-row {
    margin: 0 !important;
    padding: 14px 16px !important;
    background: #c9ff3d !important;
    color: #101010 !important;
    border-bottom: 2px solid #101010 !important;
  }
  .catalog-status-row .status {
    margin: 0 !important;
    color: #101010 !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
  }
  .genre-nav,
  .taxonomy-subnav {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 260px !important;
    overflow: auto !important;
  }
  .genre-chip,
  .taxonomy-chip {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 11px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    background: #101010 !important;
    color: #bdbdbd !important;
    text-align: left !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
  }
  .genre-chip:hover,
  .taxonomy-chip:hover,
  .genre-chip.active,
  .taxonomy-chip.active {
    background: #2448ff !important;
    color: #fff !important;
    border-color: #2448ff !important;
  }
  .manual-load {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #101010 !important;
  }
  .manual-load > summary {
    padding: 13px 15px !important;
    background: #101010 !important;
    color: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0 !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
  }
  .manual-load input,
  .manual-load textarea,
  .manual-load button,
  .manual-load .status {
    margin: 10px !important;
    width: calc(100% - 20px) !important;
  }
  .taxonomy-overview,
  .genre-sections {
    gap: 28px !important;
  }
  .taxonomy-overview-head,
  .catalog-results-head,
  .genre-heading {
    padding: 0 0 12px !important;
    margin: 0 0 14px !important;
    border-bottom: 3px solid #101010 !important;
  }
  .taxonomy-overview-head h2,
  .catalog-results-title,
  .genre-heading h2 {
    font-family: var(--head) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -.04em !important;
    text-transform: uppercase !important;
  }
  .taxonomy-tile-grid {
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 14px !important;
  }
  .taxonomy-tile {
    grid-column: span 4 !important;
    min-height: 150px !important;
    padding: 18px !important;
    background: #fff !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .taxonomy-tile:nth-child(5n+1) {
    grid-column: span 7 !important;
    background: #c9ff3d !important;
  }
  .taxonomy-tile:nth-child(5n+2) {
    grid-column: span 5 !important;
    background: #101010 !important;
    color: #fff !important;
  }
  .taxonomy-tile:nth-child(5n+2) .taxonomy-tile-name,
  .taxonomy-tile:nth-child(5n+2) .taxonomy-tile-count {
    color: #fff !important;
  }
  .taxonomy-tile:hover {
    transform: translate(-3px, -3px) !important;
    box-shadow: 6px 6px 0 #101010 !important;
  }
  .taxonomy-tile-name {
    font-family: var(--head) !important;
    font-size: 22px !important;
    letter-spacing: -.03em !important;
  }
  .taxonomy-tile-count {
    font-size: 18px !important;
    color: #2448ff !important;
  }
  .market-grid {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 14px !important;
  }
  .market-card {
    grid-column: span 4 !important;
    min-height: 180px !important;
    padding: 18px !important;
    background: #fff !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .market-card:nth-child(7n+1),
  .market-card:nth-child(7n+5) {
    grid-column: span 8 !important;
    min-height: 210px !important;
  }
  .market-card:nth-child(7n+2) {
    grid-column: span 4 !important;
    background: #101010 !important;
    color: #fff !important;
  }
  .market-card:nth-child(7n+2) .catalog-title,
  .market-card:nth-child(7n+2) .catalog-event,
  .market-card:nth-child(7n+2) .catalog-meta {
    color: #fff !important;
  }
  .market-card:nth-child(7n+3) {
    background: #c9ff3d !important;
  }
  .market-card:nth-child(7n+6) {
    background: #dde4ff !important;
  }
  .market-card:hover {
    transform: translate(-3px, -3px) !important;
    box-shadow: 7px 7px 0 #101010 !important;
  }
  .market-card.selected {
    outline: 5px solid #2448ff !important;
    outline-offset: -5px !important;
    box-shadow: 7px 7px 0 #2448ff !important;
  }
  .market-card-top {
    gap: 16px !important;
  }
  .catalog-title {
    font-family: var(--head) !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
  }
  .catalog-price {
    font-family: var(--head) !important;
    font-size: 22px !important;
    color: #2448ff !important;
  }
  .catalog-event {
    margin-top: 12px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: #5a544c !important;
  }
  .catalog-meta {
    padding-top: 14px !important;
    margin-top: auto !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    color: #756e64 !important;
  }
  .catalog-more,
  .genre-more {
    display: block !important;
    margin: 18px auto 0 !important;
    min-width: 250px !important;
    min-height: 50px !important;
    background: #101010 !important;
    color: #fff !important;
    text-transform: uppercase !important;
  }
  #userView {
    display: grid !important;
    grid-template-columns: 360px minmax(0, 1fr) !important;
    grid-template-areas: "hero hero" "search results" !important;
    gap: 24px 28px !important;
    align-items: start !important;
  }
  #userView > .browser-hero {
    grid-area: hero;
  }
  #userView > .user-search-panel {
    grid-area: search;
  }
  #userResults {
    grid-area: results;
    min-width: 0;
  }
  .user-search-panel {
    position: sticky !important;
    top: 100px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #2448ff !important;
    color: #fff !important;
    box-shadow: 8px 8px 0 #101010 !important;
  }
  .user-searchbar {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .user-searchbar > * {
    border-width: 0 0 2px 0 !important;
    min-height: 56px !important;
  }
  .user-searchbar input {
    font-family: var(--head) !important;
    font-size: 15px !important;
  }
  .user-searchbar button {
    background: #c9ff3d !important;
    color: #101010 !important;
  }
  .user-searchbar button:last-child {
    background: #101010 !important;
    color: #fff !important;
  }
  #userStatus,
  #userSummary {
    padding: 14px 16px !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--mono) !important;
    font-size: 9px !important;
    line-height: 1.6 !important;
  }
  .user-results {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .user-card {
    background: #fff !important;
    border: 2px solid #101010 !important;
    box-shadow: 5px 5px 0 #101010 !important;
    overflow: hidden !important;
  }
  .user-card.open {
    grid-column: 1/-1 !important;
    box-shadow: 8px 8px 0 #2448ff !important;
  }
  .user-card-head {
    padding: 18px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 16px !important;
    background: #fff !important;
    border: 0 !important;
    text-align: left !important;
  }
  .user-card:nth-child(4n+2) .user-card-head {
    background: #c9ff3d !important;
  }
  .user-card:nth-child(4n+3) .user-card-head {
    background: #101010 !important;
    color: #fff !important;
  }
  .user-card:nth-child(4n+3) .user-name,
  .user-card:nth-child(4n+3) .user-subline,
  .user-card:nth-child(4n+3) .user-head-stat .v {
    color: #fff !important;
  }
  .user-avatar {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
    border: 2px solid #101010 !important;
    border-radius: 50% !important;
    background: #ece7dc !important;
  }
  .user-name {
    font-family: var(--head) !important;
    font-size: 20px !important;
    letter-spacing: -.03em !important;
  }
  .user-subline {
    font-family: var(--mono) !important;
    font-size: 9px !important;
  }
  .user-head-stats {
    gap: 12px !important;
  }
  .user-head-stat .k {
    font-family: var(--mono) !important;
    font-size: 8px !important;
  }
  .user-head-stat .v {
    font-family: var(--head) !important;
    font-size: 14px !important;
  }
  .user-chevron {
    font-size: 28px !important;
  }
  .user-detail {
    padding: 0 18px 18px !important;
    border-top: 2px solid #101010 !important;
    background: #fff !important;
  }
  .user-profile-row {
    padding: 18px 0 8px !important;
  }
  .user-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 2px solid #101010 !important;
  }
  .user-metric {
    padding: 12px !important;
    border: 0 !important;
    border-right: 1px solid #101010 !important;
    border-radius: 0 !important;
    background: #f3f0e7 !important;
  }
  .user-metric:last-child {
    border-right: 0 !important;
  }
  .user-metric .k {
    font-family: var(--mono) !important;
    font-size: 8px !important;
  }
  .user-metric .v {
    font-family: var(--head) !important;
    font-size: 16px !important;
  }
  .user-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .user-cat {
    padding: 12px !important;
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    background: #fff !important;
  }
  .user-cat-bar {
    height: 8px !important;
    border-radius: 0 !important;
    background: #d9d2c6 !important;
  }
  .user-cat-bar span {
    background: #2448ff !important;
    border-radius: 0 !important;
  }
  .user-trades {
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    background: #fff !important;
  }
  .user-trade {
    border-bottom: 1px solid #101010 !important;
    padding: 10px 12px !important;
  }
  .user-empty {
    padding: 42px 24px !important;
    border: 2px dashed #101010 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #665f55 !important;
    text-align: left !important;
  }
  #detailView {
    display: block !important;
  }
  .detail-topbar {
    position: sticky !important;
    top: 78px !important;
    z-index: 30 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 -28px 20px !important;
    padding: 10px 28px !important;
    background: #f3f0e7 !important;
    border-bottom: 2px solid #101010 !important;
  }
  .detail-topbar button {
    min-height: 38px !important;
  }
  .detail-hero {
    padding: 28px 0 24px !important;
    margin: 0 0 20px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 7px solid #101010 !important;
  }
  .detail-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.6fr) 420px !important;
    gap: 40px !important;
    align-items: end !important;
  }
  .detail-title {
    font-family: var(--head) !important;
    font-size: clamp(42px, 5vw, 78px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    text-transform: uppercase !important;
  }
  .detail-event {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #443f38 !important;
    max-width: 1000px !important;
  }
  .detail-runtime-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    border: 2px solid #101010 !important;
  }
  .detail-mini-card {
    display: grid !important;
    grid-template-columns: 110px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 11px 13px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #101010 !important;
    border-radius: 0 !important;
  }
  .detail-mini-card:last-child {
    border-bottom: 0 !important;
  }
  .detail-mini-card .k {
    font-family: var(--mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  .detail-mini-card .v {
    font-family: var(--head) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
  .detail-runtime:not(.detail-runtime-cards) {
    display: none !important;
  }
  .event-options-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    margin-bottom: 26px !important;
  }
  .event-options-head {
    padding: 0 0 12px !important;
    border-bottom: 3px solid #101010 !important;
  }
  .event-options-head h2,
  .chart-title {
    font-family: var(--head) !important;
    font-size: 26px !important;
    letter-spacing: -.03em !important;
    text-transform: uppercase !important;
  }
  .mkt-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .mkt-chart-col {
    order: 1 !important;
    position: static !important;
    background: #101010 !important;
    color: #fff !important;
    border: 2px solid #101010 !important;
    padding: 18px !important;
  }
  .mkt-list-col {
    order: 2 !important;
  }
  #priceChart {
    height: 420px !important;
    background: #fff !important;
    border: 2px solid #101010 !important;
  }
  .chart-title {
    color: #fff !important;
  }
  .range-seg {
    border: 2px solid #fff !important;
    border-radius: 0 !important;
    background: #101010 !important;
  }
  .range-seg button {
    border: 0 !important;
    border-right: 1px solid #fff !important;
    border-radius: 0 !important;
    background: #101010 !important;
    color: #fff !important;
  }
  .range-seg button.active {
    background: #c9ff3d !important;
    color: #101010 !important;
  }
  #chartReload {
    background: #fff !important;
    color: #101010 !important;
    border-color: #fff !important;
  }
  .chart-legend,
  .chart-status {
    color: #fff !important;
  }
  .leg-item {
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    background: #101010 !important;
    color: #fff !important;
  }
  .leg-item .leg-nm,
  .leg-item .leg-px {
    color: #fff !important;
  }
  .event-options-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 10px !important;
  }
  .event-option,
  .mkt-list {
    background: #fff !important;
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
  }
  .event-option:hover {
    box-shadow: 5px 5px 0 #101010 !important;
  }
  .opt-side {
    border-radius: 0 !important;
  }
  .opt-spark {
    border-radius: 0 !important;
    background: #f3f0e7 !important;
  }
  .detail-workspace {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }
  .analysis-controls {
    order: 1 !important;
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    padding: 0 0 12px !important;
    max-height: none !important;
    scroll-snap-type: x mandatory !important;
  }
  .analysis-controls > .panel {
    flex: 0 0 320px !important;
    min-height: 360px !important;
    margin: 0 !important;
    padding: 18px !important;
    background: #101010 !important;
    color: #fff !important;
    border: 2px solid #101010 !important;
    scroll-snap-align: start !important;
  }
  .analysis-controls > .panel:nth-child(2n) {
    background: #2448ff !important;
  }
  .analysis-controls > .panel:nth-child(4) {
    background: #c9ff3d !important;
    color: #101010 !important;
  }
  .analysis-controls > .panel h2 {
    padding-bottom: 11px !important;
    margin-bottom: 14px !important;
    border-bottom: 2px solid currentColor !important;
    color: inherit !important;
    font-family: var(--head) !important;
    font-size: 20px !important;
    letter-spacing: -.03em !important;
    text-transform: uppercase !important;
  }
  .analysis-controls > .panel h2::before {
    display: none !important;
  }
  .analysis-controls > .panel .status,
  .analysis-controls > .panel .legend,
  .analysis-controls > .panel .notesline,
  .analysis-controls > .panel label {
    color: inherit !important;
    opacity: .82 !important;
  }
  .analysis-controls > .panel input,
  .analysis-controls > .panel select,
  .analysis-controls > .panel textarea {
    background: #fff !important;
    color: #101010 !important;
    border-color: #101010 !important;
  }
  .analysis-controls > .panel button {
    background: #fff !important;
    color: #101010 !important;
    border-color: #101010 !important;
  }
  .analysis-controls > .panel:nth-child(4) button {
    background: #101010 !important;
    color: #fff !important;
  }
  .analysis-controls > .panel details {
    background: transparent !important;
    border: 1px solid currentColor !important;
    border-radius: 0 !important;
  }
  .analysis-controls > .panel summary {
    color: inherit !important;
  }
  .analysis-controls > .panel .okitem,
  .analysis-controls > .panel .warnitem {
    border-radius: 0 !important;
  }
  .analysis-controls > .panel .stats .k,
  .analysis-controls > .panel .stats .v {
    color: inherit !important;
  }
  .analysis-data {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .analysis-data > .panel {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  .analysis-data > .panel > h2,
  .vb-head {
    padding: 0 0 12px !important;
    margin-bottom: 14px !important;
    border-bottom: 3px solid #101010 !important;
  }
  .analysis-data > .panel > h2 {
    font-family: var(--head) !important;
    font-size: 28px !important;
    letter-spacing: -.04em !important;
    text-transform: uppercase !important;
  }
  .vb-head h2 {
    font-family: var(--head) !important;
    font-size: 32px !important;
    letter-spacing: -.04em !important;
    text-transform: uppercase !important;
  }
  .vb-grid {
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 12px !important;
  }
  .vb-card {
    grid-column: span 4 !important;
    border: 2px solid #101010 !important;
    border-left: 8px solid #101010 !important;
    border-radius: 0 !important;
    background: #fff !important;
    padding: 16px !important;
  }
  .vb-card:nth-child(3n+1) {
    grid-column: span 6 !important;
    background: #c9ff3d !important;
  }
  .vb-card:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0 #101010 !important;
  }
  .edge-rail,
  td .edge-mini {
    border-radius: 0 !important;
  }
  .table-scroll {
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
    background: #fff !important;
  }
  table {
    background: #fff !important;
  }
  th {
    background: #101010 !important;
    color: #fff !important;
    border-color: #101010 !important;
    padding: 11px 9px !important;
  }
  td {
    background: #fff !important;
    color: #101010 !important;
    border-color: #d8d0c2 !important;
    padding: 10px 9px !important;
  }
  #oppTable thead th,
  #whaleTable thead th {
    background: #101010 !important;
  }
  #oppTable td:first-child {
    background: #fff !important;
  }
  #oppTable tr.opp:hover td,
  #oppTable tr.opp:hover td:first-child {
    background: #e5ebff !important;
  }
  tr.focused td,
  #oppTable tr.focused td:first-child {
    background: #c9ff3d !important;
  }
  tr.excluded td {
    opacity: .35 !important;
  }
  .chk {
    border: 2px solid #101010 !important;
    border-radius: 0 !important;
  }
  tr:not(.excluded) .chk {
    border-color: #101010 !important;
    color: #2448ff !important;
  }
  .cls {
    border-radius: 0 !important;
    border-width: 1px !important;
    font-family: var(--mono) !important;
  }
  .warnitem {
    background: #fff2a8 !important;
    border: 2px solid #101010 !important;
    border-left: 8px solid #101010 !important;
    border-radius: 0 !important;
    color: #101010 !important;
  }
  .warnitem.sev {
    background: #ffdedb !important;
    color: #101010 !important;
    border-color: #101010 !important;
  }
  .okitem {
    background: #d9ffe7 !important;
    color: #101010 !important;
    border: 2px solid #101010 !important;
    border-left: 8px solid #007d4e !important;
    border-radius: 0 !important;
  }
  details {
    border: 2px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  summary {
    font-family: var(--mono) !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: inherit !important;
  }
  .freshness.stale {
    color: #db2c2c !important;
  }
  #browserView[hidden],
  #userView[hidden],
  #detailView[hidden] {
    display: none !important;
  }
  @media (max-width: 1320px) {
    #browserView,
    #userView {
      grid-template-columns: 280px minmax(0, 1fr) !important;
    }
    .browser-hero.studio-hero-card,
    .detail-hero-grid {
      grid-template-columns: 1fr 340px !important;
    }
    .market-card {
      grid-column: span 6 !important;
    }
    .market-card:nth-child(7n+1),
    .market-card:nth-child(7n+5) {
      grid-column: span 6 !important;
    }
    .taxonomy-tile,
    .taxonomy-tile:nth-child(5n+1),
    .taxonomy-tile:nth-child(5n+2) {
      grid-column: span 6 !important;
    }
    .user-metrics {
      grid-template-columns: repeat(3, 1fr) !important;
    }
  }
  @media (max-width: 980px) {
    body {
      padding: 94px 16px 32px !important;
    }
    .app-switch {
      height: 68px !important;
      padding: 0 14px !important;
      grid-template-columns: auto 1fr !important;
    }
    .studio-wordmark span,
    .studio-rail-foot {
      display: none !important;
    }
    .nav-cluster {
      justify-content: flex-end !important;
    }
    .app-switch button {
      min-width: 110px !important;
      padding: 0 14px !important;
    }
    #browserView,
    #userView {
      display: block !important;
    }
    .browser-controls,
    .user-search-panel {
      position: static !important;
      margin-bottom: 20px !important;
      box-shadow: 5px 5px 0 #2448ff !important;
    }
    .browser-hero.studio-hero-card,
    .detail-hero-grid {
      grid-template-columns: 1fr !important;
      gap: 24px !important;
    }
    .hero-copy h1 {
      font-size: clamp(54px, 15vw, 90px) !important;
    }
    .detail-topbar {
      top: 68px !important;
      margin: 0 -16px 16px !important;
      padding: 9px 16px !important;
    }
    .user-results {
      grid-template-columns: 1fr !important;
    }
    .user-card.open {
      grid-column: auto !important;
    }
    .user-categories {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .vb-card,
    .vb-card:nth-child(3n+1) {
      grid-column: span 6 !important;
    }
  }
  @media (max-width: 640px) {
    .studio-logo {
      width: 38px !important;
      height: 38px !important;
    }
    .studio-wordmark strong {
      font-size: 13px !important;
    }
    .app-switch {
      grid-template-columns: auto 1fr !important;
      gap: 8px !important;
    }
    .app-switch button {
      min-width: 84px !important;
      grid-template-columns: 1fr !important;
      gap: 0 !important;
    }
    .app-switch button .nav-ico {
      display: none !important;
    }
    .hero-side {
      display: none !important;
    }
    .hero-copy h1 {
      font-size: 56px !important;
    }
    .market-grid,
    .taxonomy-tile-grid {
      display: block !important;
    }
    .market-card,
    .taxonomy-tile {
      margin-bottom: 12px !important;
    }
    .user-metrics {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .user-categories {
      grid-template-columns: 1fr !important;
    }
    .vb-grid {
      display: block !important;
    }
    .vb-card {
      margin-bottom: 12px !important;
    }
    .analysis-controls > .panel {
      flex-basis: 285px !important;
    }
    .event-options-grid {
      grid-template-columns: 1fr !important;
    }
  }
  :root {
    --bg:#080b10 !important;
    --panel:#0f141c !important;
    --panel2:#0b1017 !important;
    --panel3:#151c26 !important;
    --line:#273140 !important;
    --line-soft:#1b2430 !important;
    --text:#f0f3f7 !important;
    --text2:#c4ccd8 !important;
    --muted:#8f9bad !important;
    --faint:#667386 !important;
    --amber:#78a9ff !important;
    --amber-dim:#426fb8 !important;
    --focus:#a7c6ff !important;
    --yes:#4fd1a1 !important;
    --no:#ff7f82 !important;
    --yes-bg:rgba(79,209,161,.10) !important;
    --no-bg:rgba(255,127,130,.10) !important;
    --yes-line:rgba(79,209,161,.38) !important;
    --no-line:rgba(255,127,130,.38) !important;
    --win:#4fd1a1 !important;
    --loss:#ff7f82 !important;
    --info:#78a9ff !important;
    --violet:#aa98ff !important;
    --warn-bg:#211a0e !important;
    --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    --mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace !important;
    --head:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
    --r:10px !important;
    --r-sm:7px !important;
  }
  * {
    scrollbar-color: #3a4657 #0a0f16 !important;
  }
  html,
  body {
    background: #080b10 !important;
    color: var(--text) !important;
    font-family: var(--sans) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  body {
    max-width: 1880px !important;
    margin: 0 auto !important;
    padding: 100px 30px 54px !important;
    overflow-x: hidden !important;
    background-image:
      linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
      linear-gradient(
        90deg,
        rgba(255, 255, 255, .018) 1px,
        transparent 1px) !important;
    background-size: 32px 32px !important;
  }
  body::before,
  body::after {
    display: none !important;
  }
  .view {
    min-height: calc(100vh - 154px) !important;
  }
  .app-switch {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    height: 72px !important;
    width: auto !important;
    z-index: 100 !important;
    display: grid !important;
    grid-template-columns: 330px 1fr 330px !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 28px !important;
    background: #0b0f15 !important;
    border: 0 !important;
    border-bottom: 1px solid #2b3543 !important;
    border-radius: 0 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .28) !important;
  }
  .studio-rail-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    width: auto !important;
  }
  .studio-logo {
    width: 38px !important;
    height: 38px !important;
    border-radius: 7px !important;
    border: 1px solid #3b4759 !important;
    background: #111925 !important;
    color: #dce7fa !important;
    font-family: var(--mono) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
  }
  .studio-wordmark {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: left !important;
    line-height: 1.05 !important;
  }
  .studio-wordmark strong {
    font-family: var(--sans) !important;
    font-size: 15px !important;
    letter-spacing: .01em !important;
    color: #f3f6fa !important;
    font-weight: 700 !important;
  }
  .studio-wordmark span {
    margin: 0 !important;
    font-family: var(--mono) !important;
    font-size: 10.5px !important;
    letter-spacing: .04em !important;
    color: #778599 !important;
  }
  .nav-cluster {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: auto !important;
  }
  .app-switch button {
    min-width: 132px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 16px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #8e9bae !important;
    box-shadow: none !important;
  }
  .app-switch button:last-child {
    border-right: 1px solid transparent !important;
  }
  .app-switch button:hover {
    background: #121924 !important;
    border-color: #273444 !important;
    color: #dce4ef !important;
  }
  .app-switch button.active {
    background: #162238 !important;
    border: 1px solid #315990 !important;
    color: #dce9ff !important;
  }
  .app-switch button .nav-ico {
    font-family: var(--mono) !important;
    font-size: 11px !important;
    color: #63758e !important;
  }
  .app-switch button .nav-label {
    font-family: var(--sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  .app-switch button.active .nav-ico {
    color: #82adf8 !important;
  }
  .studio-rail-foot {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: right !important;
    font-family: var(--mono) !important;
    font-size: 11px !important;
    letter-spacing: .02em !important;
    color: #78869a !important;
  }
  .system-dot {
    width: 8px !important;
    height: 8px !important;
    margin-right: 8px !important;
    background: #4fd1a1 !important;
    box-shadow: 0 0 0 3px rgba(79, 209, 161, .08) !important;
  }
  .panel,
  .table-scroll,
  canvas,
  .user-card,
  .market-card,
  .taxonomy-tile,
  .user-search-panel {
    background: #0f141c !important;
    border: 1px solid #273140 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  .panel {
    padding: 22px 24px !important;
    margin-bottom: 18px !important;
  }
  .panel h2 {
    font-family: var(--sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #e3e8ef !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #273140 !important;
    gap: 10px !important;
  }
  .panel h2::before {
    width: 3px !important;
    height: 16px !important;
    background: #78a9ff !important;
    border-radius: 2px !important;
  }
  button {
    min-height: 46px !important;
    padding: 10px 15px !important;
    border: 1px solid #344154 !important;
    border-radius: 7px !important;
    background: #111823 !important;
    color: #dce3ed !important;
    font-family: var(--sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
  }
  button:hover {
    background: #172132 !important;
    border-color: #5276aa !important;
    color: #fff !important;
    transform: none !important;
  }
  button.primary {
    background: #1d4f91 !important;
    color: #fff !important;
    border-color: #2c67ad !important;
  }
  button.primary:hover {
    background: #265fa8 !important;
    border-color: #3a75bb !important;
  }
  button.active {
    background: #19345a !important;
    color: #dceaff !important;
    border-color: #4e79b5 !important;
  }
  button:disabled {
    opacity: .38 !important;
  }
  input[type=text],
  input[type=number],
  select,
  textarea {
    min-height: 46px !important;
    padding: 10px 12px !important;
    background: #0a0f16 !important;
    color: #edf1f6 !important;
    border: 1px solid #303b4b !important;
    border-radius: 7px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .015) !important;
    font-family: var(--sans) !important;
    font-size: 14.5px !important;
  }
  input[type=number],
  textarea {
    font-family: var(--mono) !important;
  }
  input:hover,
  select:hover,
  textarea:hover {
    border-color: #47566c !important;
  }
  input:focus-visible,
  select:focus-visible,
  button:focus-visible,
  textarea:focus-visible,
  a:focus-visible {
    outline: 2px solid #78a9ff !important;
    outline-offset: 2px !important;
  }
  label {
    margin: 13px 0 6px !important;
    color: #9aa7b8 !important;
    font-family: var(--sans) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  textarea {
    min-height: 96px !important;
    font-size: 13.5px !important;
  }
  input[type=number].cell {
    width: 86px !important;
    min-width: 86px !important;
    padding: 7px 8px !important;
    font-size: 13.5px !important;
  }
  .row {
    gap: 10px !important;
  }
  .row .shrink {
    font-size: 13px !important;
  }
  .cols2 {
    gap: 2px 16px !important;
  }
  .status {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #b4bfce !important;
  }
  .freshness,
  .legend,
  .note,
  .notesline,
  .mono-sm,
  summary {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .legend,
  .note,
  .notesline,
  .freshness,
  .mono-sm {
    color: #8794a7 !important;
  }
  details {
    margin-top: 10px !important;
    padding: 10px 12px !important;
    background: #0a0f16 !important;
    border: 1px solid #273140 !important;
    border-radius: 7px !important;
  }
  summary {
    color: #b8c2cf !important;
    font-weight: 600 !important;
  }
  .warnitem,
  .okitem {
    padding: 12px 14px !important;
    border-radius: 7px !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }
  .okitem {
    background: #0d1b16 !important;
    border-color: #2c5b49 !important;
    color: #82dcb8 !important;
  }
  .warnitem {
    background: #1c170d !important;
    border-color: #66542d !important;
    color: #dfca9d !important;
  }
  .warnitem.sev {
    background: #1d1113 !important;
    border-color: #764448 !important;
    color: #f0a4a7 !important;
  }
  .toggle {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    gap: 10px !important;
  }
  .stats {
    font-size: 14px !important;
    gap: 9px 18px !important;
  }
  .cls {
    font-family: var(--mono) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 4px 7px !important;
    border-radius: 4px !important;
    letter-spacing: .01em !important;
  }
  #browserView {
    display: grid !important;
    grid-template-columns: 350px minmax(0, 1fr) !important;
    grid-template-areas: "hero hero" "controls catalog" !important;
    gap: 22px 24px !important;
    align-items: start !important;
  }
  #browserView > .browser-hero {
    grid-area: hero !important;
  }
  #browserView > .browser-controls {
    grid-area: controls !important;
  }
  #catalogList {
    grid-area: catalog !important;
    min-width: 0 !important;
  }
  .browser-hero.studio-hero-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1.5fr) 430px !important;
    gap: 34px !important;
    align-items: end !important;
    padding: 28px 0 26px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #303a48 !important;
    box-shadow: none !important;
  }
  .hero-copy {
    display: block !important;
  }
  .hero-kicker {
    display: inline-flex !important;
    align-items: center !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #7894bb !important;
    font-family: var(--mono) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  .hero-kicker::before {
    content: "";
    width: 18px;
    height: 1px;
    background: #4f6d95;
    margin-right: 9px;
  }
  .hero-copy h1 {
    margin: 0 !important;
    font-family: var(--sans) !important;
    font-size: clamp(42px, 4.5vw, 72px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: #f5f7fa !important;
  }
  .hero-copy h1 .tag {
    color: #80aaff !important;
    font-weight: 700 !important;
  }
  .hero-copy .sub {
    margin: 18px 0 0 !important;
    max-width: 850px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #aeb8c7 !important;
  }
  .hero-side {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .hero-metrics {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    border: 0 !important;
  }
  .hero-stat {
    display: grid !important;
    grid-template-columns: 145px 1fr !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 12px 14px !important;
    background: #0e141d !important;
    border: 1px solid #26313f !important;
    border-radius: 7px !important;
  }
  .hero-stat:last-child {
    border-bottom: 1px solid #26313f !important;
  }
  .hero-stat-black {
    background: #111927 !important;
    color: #fff !important;
  }
  .hero-stat .k {
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #77869a !important;
  }
  .hero-stat-black .k {
    color: #8493a8 !important;
  }
  .hero-stat .v {
    margin: 0 !important;
    font-family: var(--mono) !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #dce4ef !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .browser-refresh {
    width: 100% !important;
    min-height: 48px !important;
    font-family: var(--sans) !important;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  .browser-controls {
    position: sticky !important;
    top: 94px !important;
    z-index: 15 !important;
    margin: 0 !important;
    padding: 16px !important;
    background: #0d1219 !important;
    color: #fff !important;
    border: 1px solid #293543 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  .catalog-toolbar {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .catalog-toolbar > * {
    width: 100% !important;
    min-height: 46px !important;
    border-width: 1px !important;
    border-radius: 7px !important;
  }
  .catalog-toolbar input,
  .catalog-toolbar select {
    background: #090e14 !important;
  }
  .catalog-toolbar input {
    font-family: var(--sans) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
  }
  .catalog-status-row {
    margin: 14px 0 0 !important;
    padding: 12px 13px !important;
    background: #101a28 !important;
    color: #b8c8dd !important;
    border: 1px solid #253852 !important;
    border-radius: 7px !important;
  }
  .catalog-status-row .status {
    margin: 0 !important;
    color: #b8c8dd !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .genre-nav,
  .taxonomy-subnav {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 0 !important;
    margin: 12px 0 0 !important;
    max-height: 300px !important;
    overflow: auto !important;
  }
  .genre-chip,
  .taxonomy-chip {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 9px 11px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #929fb0 !important;
    text-align: left !important;
    font-family: var(--sans) !important;
    font-size: 13px !important;
    font-weight: 550 !important;
  }
  .genre-chip:hover,
  .taxonomy-chip:hover {
    background: #121b28 !important;
    color: #e2e8f0 !important;
    border-color: #26374d !important;
  }
  .genre-chip.active,
  .taxonomy-chip.active {
    background: #172943 !important;
    color: #d7e6ff !important;
    border-color: #355c8f !important;
  }
  .manual-load {
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .manual-load > summary {
    padding: 10px 11px !important;
    background: #0a0f16 !important;
    color: #98a6b8 !important;
    border: 1px solid #26313f !important;
    border-radius: 6px !important;
  }
  .taxonomy-overview,
  .genre-sections {
    gap: 18px !important;
  }
  .taxonomy-overview-head,
  .catalog-results-head,
  .genre-heading {
    padding-bottom: 11px !important;
    border-bottom: 1px solid #293441 !important;
    margin-bottom: 13px !important;
  }
  .taxonomy-overview-head h2,
  .catalog-results-title,
  .genre-heading h2 {
    font-family: var(--sans) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    color: #edf1f6 !important;
  }
  .taxonomy-overview-head .status,
  .catalog-results-summary,
  .genre-summary {
    font-size: 13px !important;
    color: #8795a7 !important;
  }
  .taxonomy-tile-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 12px !important;
  }
  .market-grid {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)) !important;
    gap: 12px !important;
  }
  .market-card,
  .taxonomy-tile {
    min-height: 140px !important;
    padding: 17px 18px !important;
    background: #0f141c !important;
    border: 1px solid #273241 !important;
    border-radius: 9px !important;
    color: #edf1f6 !important;
    transition:
      border-color .14s ease,
      background .14s ease,
      transform .14s ease !important;
  }
  .market-card:hover,
  .taxonomy-tile:hover {
    transform: translateY(-1px) !important;
    border-color: #456384 !important;
    background: #111925 !important;
    box-shadow: none !important;
  }
  .market-card.selected {
    border-color: #5d88c8 !important;
    box-shadow: inset 3px 0 0 #78a9ff !important;
  }
  .catalog-title,
  .taxonomy-tile-name {
    font-family: var(--sans) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.38 !important;
    color: #f1f4f8 !important;
  }
  .catalog-price {
    font-family: var(--mono) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    color: #a9c8ff !important;
  }
  .catalog-event {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #93a0b2 !important;
    margin-top: 8px !important;
  }
  .catalog-meta {
    padding-top: 12px !important;
    gap: 6px 12px !important;
    font-family: var(--mono) !important;
    font-size: 12px !important;
    color: #79889c !important;
  }
  .catalog-taxonomy,
  .taxonomy-tile-meta,
  .taxonomy-tile-sub {
    font-size: 12px !important;
    line-height: 1.45 !important;
    color: #748196 !important;
  }
  .taxonomy-tile-count {
    font-size: 13px !important;
    color: #9fbfff !important;
  }
  .catalog-empty,
  .user-empty {
    padding: 34px 22px !important;
    border: 1px dashed #374456 !important;
    border-radius: 9px !important;
    background: #0d1219 !important;
    color: #8e9bad !important;
    font-size: 14px !important;
  }
  #userView {
    max-width: 1580px !important;
    margin: 0 auto !important;
  }
  #userView > .browser-hero {
    margin-bottom: 20px !important;
  }
  .user-search-panel {
    padding: 18px !important;
    border-radius: 10px !important;
    background: #0e141d !important;
  }
  .user-searchbar {
    grid-template-columns: minmax(0, 1fr) 170px 150px !important;
    gap: 10px !important;
  }
  .user-searchbar input {
    font-size: 15px !important;
    padding: 11px 13px !important;
  }
  .user-summary {
    gap: 8px 18px !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    color: #8997a9 !important;
  }
  .user-results {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .user-card {
    border-radius: 10px !important;
    background: #0f141c !important;
    border: 1px solid #273241 !important;
    overflow: hidden !important;
  }
  .user-card.open {
    grid-column: 1/-1 !important;
    border-color: #4a6f9f !important;
  }
  .user-card-head {
    padding: 18px !important;
    gap: 18px !important;
    background: transparent !important;
  }
  .user-card-head:hover {
    background: #111925 !important;
  }
  .user-avatar {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    border-radius: 7px !important;
    background: #16202d !important;
    border: 1px solid #334154 !important;
  }
  .user-name {
    font-family: var(--sans) !important;
    font-size: 17px !important;
    font-weight: 650 !important;
    color: #f0f3f7 !important;
  }
  .user-subline {
    margin-top: 5px !important;
    gap: 5px 10px !important;
    font-family: var(--mono) !important;
    font-size: 12px !important;
    color: #7f8da0 !important;
  }
  .user-head-stats {
    gap: 20px !important;
  }
  .user-head-stat {
    min-width: 84px !important;
  }
  .user-head-stat .k {
    font-family: var(--sans) !important;
    font-size: 11px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #748297 !important;
  }
  .user-head-stat .v {
    margin-top: 4px !important;
    font-size: 13.5px !important;
    color: #cfd7e2 !important;
  }
  .user-chevron {
    font-size: 20px !important;
  }
  .user-detail {
    padding: 0 18px 20px !important;
    background: #0c1118 !important;
    border-top: 1px solid #222c39 !important;
  }
  .user-detail-loading,
  .user-bio {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }
  .user-profile-row {
    padding: 17px 1px 5px !important;
  }
  .user-profile-link {
    font-size: 13px !important;
  }
  .user-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }
  .user-metric,
  .user-cat {
    padding: 12px 13px !important;
    border: 1px solid #26313f !important;
    border-radius: 7px !important;
    background: #101721 !important;
  }
  .user-metric .k {
    font-family: var(--sans) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #778599 !important;
  }
  .user-metric .v {
    margin-top: 5px !important;
    font-size: 15px !important;
    color: #e4e9f0 !important;
  }
  .user-section {
    margin-top: 19px !important;
  }
  .user-section-title h3 {
    font-family: var(--sans) !important;
    font-size: 14px !important;
    color: #dce3ed !important;
  }
  .user-section-title span {
    font-size: 12px !important;
    color: #78869a !important;
  }
  .user-categories {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
    gap: 9px !important;
  }
  .user-cat-name {
    font-size: 13px !important;
  }
  .user-cat-roi {
    font-size: 12.5px !important;
  }
  .user-cat-meta {
    font-size: 11.5px !important;
  }
  .user-cat-bar {
    height: 5px !important;
    background: #1b2634 !important;
  }
  .user-cat-bar span {
    background: #608fcf !important;
  }
  .user-trades {
    border: 1px solid #26313f !important;
    border-radius: 7px !important;
    background: #0d131b !important;
  }
  .user-trade {
    grid-template-columns: 130px minmax(0, 1fr) 70px 90px !important;
    gap: 12px !important;
    padding: 11px 12px !important;
    border-bottom: 1px solid #202a37 !important;
    font-size: 12.5px !important;
  }
  .detail-topbar {
    position: sticky !important;
    top: 82px !important;
    z-index: 24 !important;
    margin: 0 0 14px !important;
    padding: 10px 0 !important;
    background:
      linear-gradient(
        180deg,
        #080b10 68%,
        rgba(8, 11, 16, .92) 82%,
        rgba(8, 11, 16, 0)) !important;
  }
  .detail-topbar .row {
    gap: 9px !important;
  }
  .detail-hero {
    padding: 24px 26px !important;
    margin-bottom: 16px !important;
    background: #0e141d !important;
    border: 1px solid #293543 !important;
    border-radius: 10px !important;
  }
  .detail-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.5fr) 390px !important;
    gap: 28px !important;
    align-items: start !important;
  }
  .detail-title {
    margin-top: 7px !important;
    font-family: var(--sans) !important;
    font-size: clamp(30px, 3vw, 48px) !important;
    font-weight: 700 !important;
    letter-spacing: -.035em !important;
    line-height: 1.1 !important;
    color: #f3f6fa !important;
  }
  .detail-event {
    margin-top: 10px !important;
    max-width: 1000px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #aab5c4 !important;
  }
  .detail-runtime-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .detail-mini-card {
    display: grid !important;
    grid-template-columns: 125px 1fr !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 11px 13px !important;
    border: 1px solid #273342 !important;
    border-radius: 7px !important;
    background: #0a0f16 !important;
  }
  .detail-mini-card .k {
    font-family: var(--sans) !important;
    font-size: 11.5px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #758399 !important;
  }
  .detail-mini-card .v {
    margin: 0 !important;
    font-family: var(--mono) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #d4dde9 !important;
  }
  .detail-runtime {
    margin-top: 14px !important;
    padding-top: 13px !important;
    border-top: 1px solid #273140 !important;
  }
  .detail-fresh {
    min-width: 300px !important;
  }
  .event-options-panel {
    padding: 22px !important;
    margin-bottom: 16px !important;
  }
  .event-options-head {
    margin-bottom: 14px !important;
  }
  .event-options-summary {
    font-size: 13px !important;
  }
  .mkt-split {
    grid-template-columns: minmax(310px, 390px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  .mkt-tools {
    grid-template-columns: minmax(0, 1fr) 160px !important;
    gap: 8px !important;
  }
  .mkt-tools input,
  .mkt-tools select {
    font-size: 13.5px !important;
    padding: 9px 10px !important;
  }
  .event-options-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 9px !important;
  }
  .event-option {
    padding: 12px 13px !important;
  }
  .event-option-title {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }
  .event-option-price {
    font-size: 14px !important;
  }
  .chart-title {
    font-size: 14px !important;
    font-weight: 650 !important;
  }
  .chart-status,
  .chart-legend {
    font-size: 12.5px !important;
  }
  .chart-wrap canvas {
    background: #080d13 !important;
    border: 1px solid #293543 !important;
    border-radius: 8px !important;
  }
  .range-seg button,
  .chart-tools button {
    min-height: 36px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }
  .detail-workspace {
    display: block !important;
  }
  .analysis-data {
    display: block !important;
    min-width: 0 !important;
  }
  .analysis-controls {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-height: none !important;
    margin: 0 0 18px !important;
    padding: 0 0 10px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: thin !important;
  }
  .analysis-controls > .panel {
    flex: 0 0 360px !important;
    min-width: 360px !important;
    margin: 0 !important;
    padding: 19px 20px !important;
    scroll-snap-align: start !important;
    background: #0d131b !important;
    border-color: #2a3544 !important;
  }
  .analysis-controls > .panel:nth-child(2) {
    flex-basis: 520px !important;
    min-width: 520px !important;
  }
  .analysis-controls .cols2 {
    gap: 3px 14px !important;
  }
  .analysis-controls .status {
    font-size: 13.5px !important;
  }
  .analysis-controls .legend,
  .analysis-controls .notesline {
    font-size: 12.5px !important;
  }
  .analysis-controls label {
    font-size: 12px !important;
  }
  .analysis-controls input,
  .analysis-controls select {
    font-size: 13.5px !important;
    min-height: 43px !important;
  }
  .analysis-data > .panel {
    width: 100% !important;
  }
  .value-board {
    padding: 22px 24px !important;
  }
  .vb-head {
    margin-bottom: 13px !important;
  }
  .vb-sum {
    font-size: 13px !important;
  }
  .vb-grid {
    gap: 10px !important;
  }
  .vb-card {
    padding: 15px !important;
    border-radius: 8px !important;
  }
  .vb-card-title {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  .vb-card-price,
  .vb-card-edge {
    font-size: 15px !important;
  }
  .vb-empty {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .table-scroll {
    background: #0a0f16 !important;
    border: 1px solid #273140 !important;
    border-radius: 8px !important;
  }
  table {
    font-family: var(--mono) !important;
    font-size: 13px !important;
  }
  th {
    padding: 10px 9px !important;
    font-family: var(--sans) !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    color: #8391a4 !important;
    background: #0d131b !important;
    border-bottom: 1px solid #2b3543 !important;
  }
  td {
    padding: 10px 9px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #c7d0dc !important;
    border-bottom: 1px solid #19222e !important;
  }
  td.name {
    font-family: var(--sans) !important;
    font-size: 13.5px !important;
    color: #e4e9ef !important;
  }
  tr.opp:hover td {
    background: #111925 !important;
  }
  tr.focused td {
    background: #142137 !important;
  }
  table.htab td,
  table.htab th {
    padding: 8px 9px !important;
    font-size: 12.5px !important;
  }
  table.htab th {
    font-size: 11px !important;
  }
  .chk {
    width: 17px !important;
    height: 17px !important;
    line-height: 16px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
  }
  @media (max-width: 1280px) {
    body {
      padding-left: 22px !important;
      padding-right: 22px !important;
    }
    .app-switch {
      grid-template-columns: 280px 1fr 260px !important;
      padding: 0 20px !important;
    }
    #browserView {
      grid-template-columns: 310px minmax(0, 1fr) !important;
      gap: 18px !important;
    }
    .browser-hero.studio-hero-card,
    .detail-hero-grid {
      grid-template-columns: minmax(0, 1fr) 340px !important;
    }
    .user-results {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 1050px) {
    body {
      padding-top: 88px !important;
    }
    .app-switch {
      grid-template-columns: auto 1fr !important;
      height: 66px !important;
    }
    .studio-rail-foot {
      display: none !important;
    }
    #browserView {
      display: block !important;
    }
    .browser-controls {
      position: relative !important;
      top: auto !important;
      margin-bottom: 18px !important;
    }
    .browser-hero.studio-hero-card,
    .detail-hero-grid,
    .mkt-split {
      grid-template-columns: 1fr !important;
    }
    .browser-hero.studio-hero-card {
      gap: 20px !important;
    }
    .hero-metrics {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .hero-stat {
      display: block !important;
    }
    .hero-stat .v {
      display: block !important;
      margin-top: 5px !important;
    }
    .detail-fresh {
      text-align: left !important;
      min-width: 0 !important;
    }
    .detail-runtime {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 720px) {
    html,
    body {
      font-size: 15px !important;
    }
    body {
      padding: 84px 14px 30px !important;
    }
    .app-switch {
      padding: 0 12px !important;
      grid-template-columns: 1fr auto !important;
      gap: 8px !important;
    }
    .studio-wordmark span,
    .studio-rail-foot {
      display: none !important;
    }
    .nav-cluster {
      gap: 2px !important;
    }
    .app-switch button {
      min-width: 82px !important;
      padding: 0 10px !important;
    }
    .app-switch button .nav-ico {
      display: none !important;
    }
    .hero-copy h1 {
      font-size: 40px !important;
    }
    .hero-copy .sub {
      font-size: 15px !important;
    }
    .hero-metrics {
      grid-template-columns: 1fr !important;
    }
    .market-grid,
    .taxonomy-tile-grid,
    .user-results {
      grid-template-columns: 1fr !important;
    }
    .user-searchbar {
      grid-template-columns: 1fr !important;
    }
    .user-metrics {
      grid-template-columns: repeat(2, 1fr) !important;
    }
    .analysis-controls > .panel {
      min-width: 310px !important;
      flex-basis: 310px !important;
    }
    .analysis-controls > .panel:nth-child(2) {
      min-width: 420px !important;
      flex-basis: 420px !important;
    }
    .detail-title {
      font-size: 32px !important;
    }
    .panel {
      padding: 18px !important;
    }
  }
  .taxonomy-tile,
  .taxonomy-tile:nth-child(5n+1),
  .taxonomy-tile:nth-child(5n+2) {
    grid-column: auto !important;
    background: #0f141c !important;
    color: #edf1f6 !important;
  }
  .taxonomy-tile:nth-child(5n+2) .taxonomy-tile-name,
  .taxonomy-tile:nth-child(5n+2) .taxonomy-tile-count {
    color: inherit !important;
  }
  .market-card,
  .market-card:nth-child(7n+1),
  .market-card:nth-child(7n+2),
  .market-card:nth-child(7n+3),
  .market-card:nth-child(7n+5),
  .market-card:nth-child(7n+6) {
    grid-column: auto !important;
    min-height: 140px !important;
    background: #0f141c !important;
    color: #edf1f6 !important;
  }
  .market-card:nth-child(7n+2) .catalog-title,
  .market-card:nth-child(7n+2) .catalog-event,
  .market-card:nth-child(7n+2) .catalog-meta {
    color: inherit !important;
  }
  .market-card:hover,
  .taxonomy-tile:hover {
    box-shadow: none !important;
    transform: translateY(-1px) !important;
  }
  .market-card.selected {
    outline: 0 !important;
    box-shadow: inset 3px 0 0 #78a9ff !important;
  }
  .catalog-title {
    font-family: var(--sans) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
  }
  .catalog-price {
    font-family: var(--mono) !important;
    font-size: 15px !important;
    color: #a9c8ff !important;
  }
  .catalog-event {
    font-size: 13px !important;
    color: #93a0b2 !important;
  }
  .catalog-meta {
    font-size: 12px !important;
    color: #79889c !important;
  }
  .catalog-more,
  .genre-more {
    min-height: 46px !important;
    background: #111823 !important;
    color: #dce3ed !important;
    text-transform: none !important;
  }
  #userStatus,
  #userSummary {
    padding: 0 !important;
    margin-top: 12px !important;
    color: #9eabba !important;
    font-family: var(--sans) !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
  }
  .user-search-panel {
    position: sticky !important;
    top: 94px !important;
    box-shadow: none !important;
    background: #0e141d !important;
    color: var(--text) !important;
  }
  .user-searchbar > * {
    border-width: 1px !important;
    min-height: 46px !important;
  }
  .user-searchbar button,
  .user-searchbar button:last-child {
    background: #111823 !important;
    color: #dce3ed !important;
  }
  .user-searchbar button.primary {
    background: #1d4f91 !important;
    color: #fff !important;
  }
  .user-card,
  .user-card.open {
    box-shadow: none !important;
    background: #0f141c !important;
    border: 1px solid #273241 !important;
  }
  .user-card-head,
  .user-card:nth-child(4n+2) .user-card-head,
  .user-card:nth-child(4n+3) .user-card-head {
    background: transparent !important;
    color: var(--text) !important;
  }
  .user-card:nth-child(4n+3) .user-name {
    color: #f0f3f7 !important;
  }
  .user-card:nth-child(4n+3) .user-subline {
    color: #7f8da0 !important;
  }
  .user-card:nth-child(4n+3) .user-head-stat .v {
    color: #cfd7e2 !important;
  }
  .user-subline {
    font-size: 12px !important;
  }
  .user-head-stat .k,
  .user-metric .k {
    font-size: 11px !important;
  }
  .user-detail {
    background: #0c1118 !important;
    border-top: 1px solid #222c39 !important;
  }
  .user-metrics {
    border: 0 !important;
    gap: 9px !important;
  }
  .user-metric {
    background: #101721 !important;
    border: 1px solid #26313f !important;
    border-radius: 7px !important;
  }
  .user-categories {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
  }
  .user-cat {
    background: #101721 !important;
    border: 1px solid #26313f !important;
    border-radius: 7px !important;
  }
  .user-trades {
    background: #0d131b !important;
    border: 1px solid #26313f !important;
    border-radius: 7px !important;
  }
  .event-options-head {
    padding: 0 0 12px !important;
    border-bottom: 1px solid #293543 !important;
  }
  .event-options-head h2,
  .chart-title {
    font-family: var(--sans) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #e6ebf2 !important;
  }
  .mkt-chart-col {
    background: #0c1118 !important;
    color: #e9eef5 !important;
    border: 1px solid #283443 !important;
    border-radius: 9px !important;
    padding: 16px !important;
  }
  #priceChart {
    height: 420px !important;
    background: #080d13 !important;
    border: 1px solid #293543 !important;
    border-radius: 8px !important;
  }
  .range-seg {
    border: 1px solid #344154 !important;
    border-radius: 7px !important;
    background: #0b1119 !important;
  }
  .range-seg button {
    border: 0 !important;
    border-right: 1px solid #2b3543 !important;
    border-radius: 0 !important;
    background: #0b1119 !important;
    color: #9ba9ba !important;
  }
  .range-seg button:last-child {
    border-right: 0 !important;
  }
  .range-seg button.active {
    background: #19345a !important;
    color: #dceaff !important;
  }
  #chartReload {
    background: #111823 !important;
    color: #dce3ed !important;
    border-color: #344154 !important;
  }
  .chart-legend,
  .chart-status {
    color: #8996a8 !important;
  }
  .leg-item {
    border: 1px solid #2c394a !important;
    border-radius: 6px !important;
    background: #0f1620 !important;
    color: #dce3ed !important;
  }
  .leg-item .leg-nm,
  .leg-item .leg-px {
    color: #dce3ed !important;
  }
  .event-option,
  .mkt-list {
    background: #0f141c !important;
    border: 1px solid #273241 !important;
    border-radius: 8px !important;
    color: #e9edf3 !important;
  }
  .event-option:hover {
    box-shadow: none !important;
    border-color: #456384 !important;
  }
  .opt-side {
    border-radius: 5px !important;
  }
  .opt-spark {
    border-radius: 6px !important;
    background: #0a0f16 !important;
  }
  .analysis-controls > .panel {
    min-height: 0 !important;
    background: #0d131b !important;
    color: #e8edf4 !important;
    border: 1px solid #2a3544 !important;
    border-radius: 9px !important;
  }
  .analysis-controls > .panel:nth-child(2n),
  .analysis-controls > .panel:nth-child(4) {
    background: #0d131b !important;
    color: #e8edf4 !important;
  }
  .analysis-controls > .panel h2 {
    padding-bottom: 11px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #2a3544 !important;
    color: #e4e9f0 !important;
    font-family: var(--sans) !important;
    font-size: 15px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .analysis-controls > .panel h2::before {
    display: block !important;
  }
  .analysis-controls > .panel .status {
    color: #b2bdcb !important;
    opacity: 1 !important;
  }
  .analysis-controls > .panel .legend,
  .analysis-controls > .panel .notesline,
  .analysis-controls > .panel label {
    color: #8f9bad !important;
    opacity: 1 !important;
  }
  .analysis-controls > .panel input,
  .analysis-controls > .panel select,
  .analysis-controls > .panel textarea {
    background: #090e14 !important;
    color: #edf1f6 !important;
    border-color: #303b4b !important;
  }
  .analysis-controls > .panel button,
  .analysis-controls > .panel:nth-child(4) button {
    background: #111823 !important;
    color: #dce3ed !important;
    border-color: #344154 !important;
  }
  .analysis-controls > .panel button.primary {
    background: #1d4f91 !important;
    color: #fff !important;
    border-color: #2c67ad !important;
  }
  .analysis-controls > .panel details {
    background: #090e14 !important;
    border: 1px solid #273140 !important;
    border-radius: 7px !important;
  }
  .analysis-controls > .panel summary {
    font-family: var(--sans) !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #b8c2cf !important;
  }
  .analysis-controls > .panel .okitem {
    background: #0d1b16 !important;
    color: #82dcb8 !important;
    border: 1px solid #2c5b49 !important;
    border-left: 3px solid #4fd1a1 !important;
    border-radius: 7px !important;
  }
  .analysis-controls > .panel .warnitem {
    background: #1c170d !important;
    color: #dfca9d !important;
    border: 1px solid #66542d !important;
    border-left: 3px solid #b59a58 !important;
    border-radius: 7px !important;
  }
  .analysis-controls > .panel .stats .k {
    color: #8f9bad !important;
  }
  .analysis-controls > .panel .stats .v {
    color: #e5ebf3 !important;
  }
  .analysis-data {
    gap: 18px !important;
  }
  .analysis-data > .panel {
    margin: 0 !important;
    padding: 22px 24px !important;
    background: #0f141c !important;
    border: 1px solid #273140 !important;
    border-radius: 10px !important;
  }
  .analysis-data > .panel > h2,
  .vb-head {
    padding: 0 0 12px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #293543 !important;
  }
  .analysis-data > .panel > h2,
  .vb-head h2 {
    font-family: var(--sans) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #e7ecf3 !important;
  }
  .vb-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 10px !important;
  }
  .vb-card,
  .vb-card:nth-child(3n+1) {
    grid-column: auto !important;
    background: #0c121a !important;
    color: #e7ecf3 !important;
    border: 1px solid #293543 !important;
    border-left: 3px solid #5d87c5 !important;
    border-radius: 8px !important;
    padding: 15px !important;
  }
  .vb-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: #49698f !important;
  }
  .edge-rail,
  td .edge-mini {
    border-radius: 999px !important;
  }
  .table-scroll {
    border: 1px solid #273140 !important;
    border-radius: 8px !important;
    background: #0a0f16 !important;
  }
  table {
    background: #0a0f16 !important;
  }
  th,
  #oppTable thead th,
  #whaleTable thead th {
    background: #0d131b !important;
    color: #8998ab !important;
    border-color: #2a3543 !important;
  }
  td,
  #oppTable td:first-child {
    background: #0a0f16 !important;
    color: #c8d1dc !important;
    border-color: #19232f !important;
  }
  #oppTable tr.opp:hover td,
  #oppTable tr.opp:hover td:first-child {
    background: #111925 !important;
  }
  tr.focused td,
  #oppTable tr.focused td:first-child {
    background: #142137 !important;
  }
  .chk {
    border: 1px solid #536176 !important;
    border-radius: 4px !important;
  }
  tr:not(.excluded) .chk {
    border-color: #648bc3 !important;
    color: #78a9ff !important;
  }
  .bl-i .k {
    font-size: 11px !important;
  }
  .bl-i .v {
    font-size: 14px !important;
  }
  .user-trade-side {
    font-size: 11.5px !important;
  }
  .manual-load > summary {
    font-family: var(--sans) !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  summary {
    font-family: var(--sans) !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  @media (max-width: 1320px) {
    .market-card,
    .market-card:nth-child(7n+1),
    .market-card:nth-child(7n+5),
    .taxonomy-tile,
    .taxonomy-tile:nth-child(5n+1),
    .taxonomy-tile:nth-child(5n+2) {
      grid-column: auto !important;
    }
  }
  @media (max-width: 980px) {
    .browser-controls,
    .user-search-panel {
      box-shadow: none !important;
    }
    .hero-copy h1 {
      font-size: 48px !important;
    }
  }
  @media (max-width: 640px) {
    .hero-copy h1 {
      font-size: 38px !important;
    }
  }
  .event-options-panel {
    padding: 20px 22px !important;
  }
  .mkt-split {
    display: grid !important;
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
  }
  .mkt-list-col {
    order: 1 !important;
    min-width: 0 !important;
    gap: 7px !important;
  }
  .mkt-chart-col {
    order: 2 !important;
    min-width: 0 !important;
    position: sticky !important;
    top: 92px !important;
    padding: 18px !important;
    border: 1px solid #2b3746 !important;
    background: #0a1017 !important;
  }
  .mkt-chart-col #priceChart,
  #priceChart {
    height: 650px !important;
    min-height: 650px !important;
    width: 100% !important;
  }
  .chart-head {
    margin-bottom: 12px !important;
  }
  .chart-title {
    font-size: 15px !important;
  }
  .chart-legend {
    min-height: 72px !important;
    margin-top: 10px !important;
  }
  .chart-status {
    font-size: 13px !important;
    margin-top: 10px !important;
  }
  .mkt-tools input,
  .mkt-tools select {
    min-height: 36px !important;
    padding: 7px 9px !important;
    font-size: 12.5px !important;
  }
  .mkt-selbar {
    font-size: 11.5px !important;
    padding: 1px 0 !important;
  }
  .mkt-selbar .sel-acts button {
    min-height: 30px !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
  }
  .mkt-list {
    max-height: 650px !important;
    border-radius: 7px !important;
  }
  .mkt-listhead {
    grid-template-columns: 10px minmax(0, 1fr) 39px 39px 37px !important;
    gap: 0 5px !important;
    padding: 7px 8px !important;
    font-family: var(--sans) !important;
    font-size: 9.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .mkt-row {
    grid-template-columns: 10px minmax(0, 1fr) 39px 39px 37px !important;
    gap: 0 5px !important;
    padding: 8px 8px !important;
  }
  .mkt-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 2px !important;
  }
  .mkt-nm {
    font-family: var(--sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  .mkt-px.y {
    font-size: 11.5px !important;
  }
  .mkt-px.n {
    font-size: 10.5px !important;
    padding-left: 5px !important;
  }
  .mkt-dlt {
    font-size: 10.5px !important;
  }
  .mkt-list-col .event-options-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  .mkt-list-col .event-option {
    padding: 9px 10px !important;
    gap: 6px !important;
    min-height: 0 !important;
    border-radius: 7px !important;
  }
  .mkt-list-col .event-option-title-row {
    gap: 7px !important;
    align-items: center !important;
  }
  .mkt-list-col .event-option-name {
    font-family: var(--sans) !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 650 !important;
    -webkit-line-clamp: 2 !important;
  }
  .mkt-list-col .opt-chg {
    font-size: 10.5px !important;
  }
  .mkt-list-col .opt-spark {
    display: none !important;
  }
  .mkt-list-col .opt-sides {
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
  }
  .mkt-list-col .opt-side {
    padding: 5px 6px !important;
    border-radius: 5px !important;
  }
  .mkt-list-col .opt-side .lbl {
    font-family: var(--sans) !important;
    font-size: 9.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .mkt-list-col .opt-side .px {
    font-size: 12.5px !important;
  }
  .mkt-list-col .event-option-statusline {
    margin-top: 0 !important;
  }
  .mkt-list-col .event-option-status {
    padding: 2px 5px !important;
    font-size: 9.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .mkt-list-col .opt-ext {
    font-size: 10px !important;
  }
  .mkt-list-col .event-option-stats {
    grid-template-columns: 1fr 1fr !important;
    gap: 3px 7px !important;
    padding-top: 5px !important;
    margin-top: 0 !important;
  }
  .mkt-list-col .event-option-stat .k {
    font-family: var(--sans) !important;
    font-size: 9.5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  .mkt-list-col .event-option-stat .v {
    font-size: 10.5px !important;
  }
  #oppTable td.name {
    color: #f7f9fc !important;
    font-family:
      "Inter",
      Arial,
      Helvetica,
      sans-serif !important;
    font-size: 14px !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
    line-height: 1.42 !important;
  }
  #oppTable td.name .market-external-link {
    color: #f7f9fc !important;
    font-family:
      "Inter",
      Arial,
      Helvetica,
      sans-serif !important;
    font-size: 14px !important;
    font-weight: 550 !important;
    letter-spacing: 0 !important;
    line-height: 1.42 !important;
    text-decoration: none !important;
  }
  #oppTable td.name .market-external-link:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  #oppTable td.name .external-arrow {
    color: #7f8da1 !important;
    font-size: 11px !important;
  }
  .edge-chip {
    background: #10271f !important;
    border-color: #2c765c !important;
    color: #71e0ad !important;
    font-family: var(--mono) !important;
    font-weight: 700 !important;
  }
  @media (max-width: 1180px) {
    .mkt-split {
      grid-template-columns: 210px minmax(0, 1fr) !important;
      gap: 14px !important;
    }
    .mkt-chart-col #priceChart,
    #priceChart {
      height: 560px !important;
      min-height: 560px !important;
    }
  }
  @media (max-width: 900px) {
    .mkt-split {
      grid-template-columns: 1fr !important;
    }
    .mkt-chart-col {
      order: 1 !important;
      position: static !important;
    }
    .mkt-list-col {
      order: 2 !important;
    }
    .mkt-chart-col #priceChart,
    #priceChart {
      height: 420px !important;
      min-height: 420px !important;
    }
    .mkt-list {
      max-height: 420px !important;
    }
  }
  @media (max-width: 640px) {
    .mkt-chart-col #priceChart,
    #priceChart {
      height: 330px !important;
      min-height: 330px !important;
    }
  }
  .fv-auto-box {
    margin: 14px 0 16px;
    padding: 14px;
    background: #08121d;
    border: 1px solid #2b3d52;
    border-radius: 9px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
  }
  .fv-auto-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
  }
  .fv-auto-head b {
    display: block;
    color: #f2f6fa;
    font-size: 14px;
    font-weight: 700;
  }
  .fv-auto-head span:not(.fv-auto-pill) {
    display: block;
    margin-top: 3px;
    color: #8391a4;
    font-size: 11.5px;
  }
  .fv-auto-pill {
    flex: 0 0 auto;
    padding: 5px 8px;
    border: 1px solid #34506b;
    border-radius: 999px;
    color: #9bc8ff;
    background: #0b1b2b;
    font: 600 10.5px var(--mono);
  }
  .fv-auto-controls {
    display: grid;
    grid-template-columns: auto auto minmax(180px, 1fr) 130px;
    gap: 8px;
    align-items: center;
  }
  .fv-auto-controls button {
    white-space: nowrap;
  }
  .fv-auto-toggle {
    margin: 0 !important;
    align-items: center !important;
    padding: 0 4px;
  }
  .fv-auto-threshold {
    display: grid;
    grid-template-columns: auto 62px auto;
    gap: 5px;
    align-items: center;
  }
  .fv-auto-threshold label {
    margin: 0 !important;
    white-space: nowrap;
  }
  .fv-auto-threshold input {
    height: 38px !important;
    min-height: 38px !important;
    padding: 5px 7px !important;
    text-align: right;
  }
  .fv-auto-threshold span {
    color: #8391a4;
    font-family: var(--mono);
    font-size: 11px;
  }
  .fv-auto-match {
    margin-top: 10px;
  }
  .fv-match-card {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(75px, .55fr));
    gap: 10px;
    align-items: center;
    padding: 11px 12px;
    border: 1px solid #26394e;
    border-radius: 8px;
    background: #0a1119;
  }
  .fv-match-card > div {
    min-width: 0;
  }
  .fv-match-card span {
    display: block;
    color: #79889d;
    font-size: 10.5px;
    line-height: 1.25;
  }
  .fv-match-card b {
    display: block;
    margin-top: 3px;
    color: #edf3f8;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fv-match-card .match-main b {
    font-family: var(--sans);
    font-size: 12.5px;
  }
  .fv-match-card .good b {
    color: #55d9a7;
  }
  .fv-match-card .warn b {
    color: #e7ba68;
  }
  .fv-manual-override {
    margin-top: 14px !important;
    background: #080e15 !important;
    border-color: #263344 !important;
  }
  .fv-manual-override summary {
    font-size: 12px !important;
    color: #9ba8b8 !important;
  }
  .fv-manual-override .fv-modules {
    margin-top: 8px;
  }
  @media (max-width: 900px) {
    .fv-auto-controls {
      grid-template-columns: 1fr 1fr;
    }
    .fv-auto-toggle,
    .fv-auto-threshold {
      grid-column: 1/-1;
    }
    .fv-match-card {
      grid-template-columns: 1fr 1fr;
    }
    .fv-match-card .match-main {
      grid-column: 1/-1;
    }
  }
  .analysis-controls > .fv-engine-panel {
    flex: 0 0 600px !important;
    min-width: 600px !important;
  }
  .fv-engine-panel .status {
    margin-bottom: 14px !important;
  }
  .fv-contract {
    margin: 10px 0 16px;
    padding: 13px 14px;
    background: #090f16;
    border: 1px solid #263344;
    border-radius: 8px;
  }
  .fv-contract-grid {
    display: grid;
    grid-template-columns: 1.35fr .7fr .6fr .8fr;
    gap: 10px 14px;
  }
  .fv-contract-grid > div {
    min-width: 0;
  }
  .fv-contract-grid .wide {
    grid-column: 1/-1;
  }
  .fv-contract-grid span,
  .fv-output-grid span,
  .fv-score-row small {
    display: block;
    color: #8290a4;
    font-size: 11.5px;
    line-height: 1.3;
  }
  .fv-contract-grid b {
    display: block;
    margin-top: 3px;
    color: #eef3f8;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fv-module-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 7px;
    color: #dce4ee;
    font-size: 12.5px;
    font-weight: 650;
  }
  .fv-module-hint {
    color: #758297;
    font-family: var(--mono);
    font-size: 10.5px;
    font-weight: 500;
  }
  .fv-modules {
    display: flex;
    flex-direction: column;
    border: 1px solid #263344;
    border-radius: 8px;
    overflow: hidden;
    background: #090f16;
  }
  .fv-module {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px 70px;
    gap: 8px;
    align-items: center;
    padding: 9px 10px;
    border-bottom: 1px solid #1e2a39;
  }
  .fv-module:last-child {
    border-bottom: 0;
  }
  .fv-module > div {
    min-width: 0;
  }
  .fv-module b {
    display: block;
    color: #edf2f7;
    font-size: 12.5px;
    font-weight: 650;
  }
  .fv-module span {
    display: block;
    margin-top: 2px;
    color: #758297;
    font-size: 10.5px;
    line-height: 1.35;
  }
  .fv-module input {
    min-height: 38px !important;
    height: 38px !important;
    padding: 6px 8px !important;
    text-align: right;
    font-family: var(--mono) !important;
    font-size: 12px !important;
  }
  .fv-engine-panel textarea {
    min-height: 84px !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
  }
  .fv-output {
    margin: 14px 0 10px;
    padding: 13px 14px;
    background: #0a1119;
    border: 1px solid #2a394c;
    border-radius: 8px;
  }
  .fv-output-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 14px;
  }
  .fv-output-grid > div {
    min-width: 0;
    padding-left: 10px;
    border-left: 2px solid #253448;
  }
  .fv-output-grid .fv-main-number {
    grid-row: span 2;
    border-left-color: #4b8fd8;
  }
  .fv-output-grid .fv-main-number b {
    font-size: 27px;
    color: #f4f8fb;
    letter-spacing: -.03em;
  }
  .fv-output-grid b {
    display: block;
    margin-top: 4px;
    color: #e8edf4;
    font-family: var(--mono);
    font-size: 13.5px;
    font-weight: 650;
  }
  .fv-output-grid small {
    display: block;
    margin-top: 3px;
    color: #77869a;
    font-size: 10.5px;
  }
  .fv-output-grid .wide {
    grid-column: 1/-1;
  }
  .fv-output-grid .pos {
    border-left-color: #3fb58a;
  }
  .fv-output-grid .pos b {
    color: #55d9a7;
  }
  .fv-output-grid .neg {
    border-left-color: #d1616c;
  }
  .fv-output-grid .neg b {
    color: #ef7c87;
  }
  .fv-cal-note b {
    font-family: var(--sans);
    font-size: 11.5px;
    color: #a7b2c1;
  }
  .fv-actions {
    margin-top: 8px;
  }
  .fv-actions button {
    min-height: 42px !important;
  }
  .fv-score-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 16px 0 7px;
    padding-top: 14px;
    border-top: 1px solid #263344;
    color: #dce4ee;
    font-size: 12.5px;
  }
  .fv-score-head span {
    color: #758297;
    font-size: 10.5px;
  }
  .fv-scoreboard {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .fv-score-row {
    display: grid !important;
    grid-template-columns: minmax(150px, 1.6fr) repeat(4, minmax(72px, .65fr));
    gap: 8px !important;
    align-items: center !important;
    width: 100%;
    min-height: 54px !important;
    padding: 8px 10px !important;
    text-align: left !important;
    background: #090f16 !important;
    border: 1px solid #263344 !important;
    border-radius: 7px !important;
  }
  .fv-score-row:hover {
    border-color: #3c526d !important;
    background: #0d1621 !important;
  }
  .fv-score-row > span {
    min-width: 0;
  }
  .fv-score-row b {
    display: block;
    color: #e8edf4;
    font-family: var(--mono);
    font-size: 11.5px;
    font-weight: 650;
    white-space: nowrap;
  }
  .fv-score-row .fv-score-name b {
    font-family: var(--sans);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
  }
  .fv-score-row em {
    display: block;
    color: #78869a;
    font-family: var(--mono);
    font-size: 9.5px;
    font-style: normal;
    margin-top: 2px;
  }
  .fv-score-row .pos b {
    color: #55d9a7;
  }
  .fv-score-row .neg b {
    color: #ef7c87;
  }
  .fv-empty {
    color: #758297;
    font-size: 12.5px;
    line-height: 1.55;
  }
  #fvTarget {
    font-weight: 600;
  }
  #oppTable th:nth-child(10) {
    min-width: 105px;
  }
  @media (max-width: 900px) {
    .analysis-controls > .fv-engine-panel {
      min-width: 520px !important;
      flex-basis: 520px !important;
    }
    .fv-contract-grid {
      grid-template-columns: 1fr 1fr;
    }
    .fv-output-grid {
      grid-template-columns: 1fr 1fr;
    }
    .fv-score-row {
      grid-template-columns: minmax(140px, 1.5fr) repeat(2, minmax(72px, .7fr));
    }
    .fv-score-row > span:nth-child(4),
    .fv-score-row > span:nth-child(5) {
      display: none;
    }
  }
  .hero-side #catalogEvScanBtn {
    margin-top: 8px;
    background: #111a26;
    color: #c9d3df;
    border-color: #34445a;
    box-shadow: none;
  }
  .hero-side #catalogEvScanBtn:hover {
    border-color: #6da8e8;
    color: #f3f7fb;
  }
  .fv-auto-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-width: 0 !important;
  }
  .fv-auto-controls > button {
    width: 100% !important;
    min-width: 0 !important;
  }
  .fv-auto-toggle {
    grid-column: 1/2 !important;
    min-width: 0 !important;
    padding: 6px 0 !important;
    white-space: normal !important;
  }
  .fv-auto-threshold {
    grid-column: 2/3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 76px auto !important;
    gap: 7px !important;
    min-width: 0 !important;
    align-items: center !important;
  }
  .fv-auto-threshold label {
    min-width: 0 !important;
    white-space: normal !important;
  }
  .fv-auto-threshold input {
    width: 76px !important;
    min-width: 0 !important;
  }
  .fv-engine-panel {
    overflow: hidden !important;
  }
  @media (max-width: 760px) {
    .fv-auto-controls {
      grid-template-columns: 1fr !important;
    }
    .fv-auto-toggle,
    .fv-auto-threshold {
      grid-column: 1/-1 !important;
    }
  }
  .analysis-controls > .panel {
    overflow: hidden !important;
    isolation: isolate !important;
  }
  .analysis-controls > .fv-engine-panel {
    position: relative !important;
    z-index: 3 !important;
    background: #0d131b !important;
  }
  .fv-auto-box {
    overflow: hidden !important;
    max-width: 100% !important;
  }
  .fv-auto-controls,
  .fv-auto-controls > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .fv-auto-threshold {
    overflow: hidden !important;
  }
  .fv-auto-threshold input {
    box-sizing: border-box !important;
  }
  body {
    padding-top: 58px !important;
  }
  .app-switch {
    height: 42px !important;
    padding: 0 24px !important;
    grid-template-columns: 285px 1fr 300px !important;
    gap: 14px !important;
  }
  .studio-rail-head {
    gap: 9px !important;
  }
  .studio-logo {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    font-size: 9px !important;
  }
  .studio-wordmark {
    gap: 1px !important;
  }
  .studio-wordmark strong {
    font-size: 12px !important;
  }
  .studio-wordmark span {
    font-size: 8.5px !important;
  }
  .nav-cluster {
    gap: 4px !important;
  }
  .app-switch button {
    height: 30px !important;
    min-height: 30px !important;
    min-width: 112px !important;
    padding: 0 12px !important;
  }
  .app-switch button .nav-label {
    font-size: 12.5px !important;
  }
  .app-switch button .nav-ico {
    font-size: 9px !important;
  }
  .studio-rail-foot {
    font-size: 9px !important;
  }
  .browser-controls {
    top: 52px !important;
  }
  .detail-topbar {
    top: 48px !important;
  }
  .mkt-chart-col {
    top: 54px !important;
  }
  .browser-hero.studio-hero-card {
    padding: 17px 0 16px !important;
    gap: 24px !important;
  }
  .hero-kicker {
    margin-bottom: 8px !important;
    font-size: 10px !important;
  }
  .hero-copy h1 {
    font-size: clamp(34px, 3.3vw, 54px) !important;
  }
  .hero-copy .sub {
    margin-top: 10px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }
  .hero-side {
    gap: 7px !important;
  }
  .hero-stat {
    padding: 8px 11px !important;
  }
  .browser-refresh {
    min-height: 38px !important;
  }
  #catalogEv,
  #catalogEvScanBtn {
    display: none !important;
  }
  .taxonomy-sign-tile {
    grid-template-rows: auto auto auto 1fr !important;
    min-height: 190px !important;
  }
  .tile-sign-name {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .traffic-sign {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: grid;
    place-items: center;
    background: #f6b817;
    border: 4px solid #eef2f7;
    outline: 3px solid #151a22;
    color: #151a22;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    font-family: var(--head);
    font-size: 14px;
    font-weight: 900;
    transform: rotate(45deg);
    border-radius: 5px;
  }
  .traffic-sign > span {
    transform: rotate(-45deg);
    white-space: nowrap;
  }
  .traffic-sign.sport {
    border-radius: 50%;
    transform: none;
    background: #e8edf5;
  }
  .traffic-sign.sport > span {
    transform: none;
  }
  .traffic-sign.plus {
    font-size: 30px;
    background: #fff;
    color: #101820;
  }
  .traffic-sign.subsection {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 11px;
    background: #fff;
    border-color: #dce3ed;
  }
  .traffic-sign.subsection > span {
    font-size: inherit;
  }
  .tile-top-label {
    margin-top: 7px;
    color: var(--faint);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .07em;
  }
  .tile-top-markets {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 4px;
    padding-top: 8px;
    border-top: 1px solid var(--line-soft);
    text-align: left;
  }
  .tile-top-market {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    font-size: 11.5px;
  }
  .tile-rank {
    font-family: var(--mono);
    color: var(--faint);
  }
  .tile-market-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text2);
  }
  .tile-market-vol {
    font-family: var(--mono);
    color: var(--muted);
    white-space: nowrap;
  }
  .tile-top-empty {
    color: var(--faint);
    font-size: 11px;
  }
  .mkt-split {
    grid-template-columns: minmax(430px, .9fr) minmax(0, 1.15fr) !important;
    gap: 18px !important;
  }
  .mkt-list-col .event-options-grid {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  }
  .event-option {
    min-height: 205px !important;
  }
  .event-option-name {
    font-size: 13px !important;
    -webkit-line-clamp: 3 !important;
  }
  .opt-spark {
    height: 34px !important;
  }
  #assumptionsPanel,
  #betSizingPanel,
  #forecastJournalPanel {
    display: none !important;
  }
  #structurePanel {
    order: 1 !important;
  }
  #holderResearchPanel {
    order: 2 !important;
  }
  #fairValuePanel {
    order: 3 !important;
  }
  #fairValuePanel > :not(h2):not(.premium-fv-lock) {
    display: none !important;
  }
  .premium-fv-lock {
    display: grid;
    gap: 9px;
    padding: 18px;
    border: 1px solid #47648c;
    background:
      linear-gradient(
        135deg,
        #111a28,
        #0b111b);
    border-radius: 8px;
  }
  .premium-fv-lock strong {
    font-size: 16px;
    color: #eef4ff;
  }
  .premium-fv-lock [data-premium-description] {
    color: #9eadc1;
    font-size: 13px;
    line-height: 1.5;
  }
  .premium-pill {
    width: max-content;
    padding: 3px 7px;
    border: 1px solid #6f91c4;
    border-radius: 999px;
    color: #a9c9ff;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: .08em;
  }
  .premium-gate-actions[hidden],
  .premium-gate-result[hidden],
  .premium-gate-links[hidden] {
    display: none !important;
  }
  .premium-gate-actions {
    display: grid;
    gap: 8px;
    margin-top: 3px;
  }
  .premium-gate-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }
  .premium-gate-action-row button {
    min-height: 34px;
    padding: 7px 10px;
    font-size: 10px;
  }
  .premium-gate-status {
    min-height: 16px;
    color: #9eadc1;
    font-size: 11px;
    line-height: 1.4;
  }
  .premium-gate-result {
    padding: 9px;
    border: 1px solid #29486d;
    border-radius: 6px;
    background: #0a1420;
    color: #d8e8fb;
    font-family: var(--mono);
    font-size: 11px;
    line-height: 1.45;
  }
  .premium-gate-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2px;
    font-size: 10px;
  }
  .premium-gate-links a {
    color: #a9c9ff;
    text-decoration: none;
  }
  .premium-gate-links a:hover {
    text-decoration: underline;
  }
  .user-searchbar {
    grid-template-columns: minmax(0, 1fr) 150px !important;
  }
  .user-rankbar {
    display: grid;
    grid-template-columns: auto minmax(130px, 180px) minmax(110px, 150px) auto;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
  }
  .user-rank-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--text2);
  }
  .user-rankbar select {
    min-height: 42px !important;
  }
  .user-rankbar button {
    min-height: 42px !important;
  }
  .user-rank-num {
    flex: 0 0 auto;
    align-self: center;
    font-family: var(--mono);
    font-size: 11px;
    color: var(--faint);
  }
  .user-detail-tabs {
    display: flex;
    gap: 6px;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid var(--line);
  }
  .user-detail-tabs button {
    min-height: 38px !important;
    padding: 7px 12px !important;
  }
  .user-tab-panel {
    margin-top: 9px;
  }
  .user-trade {
    grid-template-columns: 156px minmax(260px, 1fr) 72px 92px !important;
    align-items: start !important;
  }
  .user-trade-time {
    white-space: normal !important;
    line-height: 1.35 !important;
  }
  .user-positions {
    border: 1px solid var(--line-soft);
    border-radius: 7px;
    overflow: hidden;
    background: var(--panel2);
  }
  .user-position {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) 100px 110px 110px;
    gap: 12px;
    align-items: center;
    padding: 11px 12px;
    border-bottom: 1px solid var(--line-soft);
    font-size: 12px;
  }
  .user-position:last-child {
    border-bottom: 0;
  }
  .user-position-market {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .user-position-market b {
    overflow-wrap: anywhere;
  }
  .user-position-market small,
  .user-position > span > small {
    display: block;
    color: var(--faint);
    font-size: 10px;
    margin-bottom: 2px;
  }
  .user-position > span > b {
    font-family: var(--mono);
    font-size: 12px;
  }
  .chart-type-seg {
    margin-right: 2px !important;
  }
  .chart-type-seg button {
    min-width: 64px !important;
  }
  @media (max-width: 980px) {
    body {
      padding-top: 58px !important;
    }
    .app-switch {
      height: 44px !important;
      padding: 0 12px !important;
      grid-template-columns: auto 1fr !important;
    }
    .studio-wordmark span,
    .studio-rail-foot {
      display: none !important;
    }
    .browser-controls {
      top: 52px !important;
    }
    .mkt-split {
      grid-template-columns: 1fr !important;
    }
    .mkt-chart-col {
      position: static !important;
    }
    .user-rankbar {
      grid-template-columns: 1fr 1fr;
    }
    .user-rank-label {
      grid-column: 1/-1;
    }
    .user-position {
      grid-template-columns: minmax(180px, 1fr) 85px 95px;
    }
    .user-position > span:nth-child(4) {
      grid-column: 2/4;
    }
  }
  @media (max-width: 640px) {
    .app-switch {
      height: 42px !important;
    }
    .studio-logo {
      width: 26px !important;
      height: 26px !important;
    }
    .studio-wordmark strong {
      font-size: 11px !important;
    }
    .app-switch button {
      height: 30px !important;
      min-height: 30px !important;
      min-width: 74px !important;
    }
    .hero-copy h1 {
      font-size: 34px !important;
    }
    .traffic-sign {
      width: 38px;
      height: 38px;
      flex-basis: 38px;
    }
    .user-rankbar {
      grid-template-columns: 1fr;
    }
    .user-rank-label {
      grid-column: auto;
    }
    .user-trade {
      grid-template-columns: 105px minmax(0, 1fr) 58px !important;
    }
    .user-position {
      grid-template-columns: 1fr 1fr;
    }
    .user-position-market {
      grid-column: 1/-1;
    }
    .chart-tools {
      align-items: stretch !important;
    }
    .chart-type-seg {
      width: 100% !important;
    }
    .chart-type-seg button {
      flex: 1 !important;
    }
  }
  #catalogStatus.status:not(.err) {
    padding: 3px 1px !important;
    margin-top: 7px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--faint) !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    min-height: 0 !important;
  }
  #catalogStatus.status.ok {
    color: #8798ad !important;
  }
  .tile-sign-name {
    gap: 14px !important;
  }
  .traffic-sign {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    border-width: 5px !important;
    outline-width: 3px !important;
    overflow: hidden !important;
  }
  .traffic-sign .sign-art {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    color: #0b0f14 !important;
    line-height: 1 !important;
  }
  .traffic-sign .sign-art svg {
    width: 39px !important;
    height: 39px !important;
    display: block !important;
    color: #0b0f14 !important;
    overflow: visible !important;
  }
  .traffic-sign.section .sign-art svg {
    width: 40px !important;
    height: 40px !important;
  }
  .traffic-sign.sport {
    background: #fff !important;
    border-color: #eef2f7 !important;
    box-shadow: 0 0 0 2px #111821 !important;
  }
  .traffic-sign.sport .sign-art svg {
    width: 43px !important;
    height: 43px !important;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .traffic-sign.subsection {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
    background: #fff !important;
    border-color: #e7edf5 !important;
  }
  .traffic-sign.subsection .sign-art svg {
    width: 36px !important;
    height: 36px !important;
  }
  .traffic-sign.flag .sign-art {
    font-size: 31px !important;
    filter: saturate(1.08) contrast(1.06);
  }
  .traffic-sign.flag .sign-flag {
    font-size: 31px !important;
    line-height: 1 !important;
    display: block !important;
    transform: scale(1.08);
  }
  .sign-text {
    display: block !important;
    font-family: var(--head) !important;
    font-weight: 950 !important;
    color: #080b0f !important;
    letter-spacing: -.05em !important;
  }
  .sign-crypto {
    font-size: 38px !important;
  }
  .sign-eth {
    font-size: 37px !important;
  }
  .sign-code {
    font-size: 15px !important;
    letter-spacing: -.04em !important;
  }
  .sign-plus {
    font-size: 42px !important;
    line-height: .8 !important;
  }
  .taxonomy-tile-name {
    line-height: 1.18 !important;
  }
  .user-rankbar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: end !important;
    margin-top: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .user-rank-label {
    grid-column: 1/-1 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    color: var(--text2) !important;
    margin-bottom: -2px !important;
  }
  .user-rank-field {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
    color: var(--faint) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  .user-rank-field select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13px !important;
  }
  .user-rankbar #userDiscoverBtn {
    grid-column: 1/-1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
  }
  .user-trades {
    overflow-x: auto !important;
  }
  .user-trade {
    grid-template-columns: 184px minmax(260px, 1fr) 72px 92px !important;
    min-width: 690px !important;
    align-items: center !important;
  }
  .user-trade-time {
    white-space: nowrap !important;
    line-height: 1.2 !important;
    font-size: 11.5px !important;
  }
  .user-trade-market {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.4 !important;
  }
  .user-position-head,
  .user-position {
    grid-template-columns: minmax(250px, 1fr) 110px 110px 110px !important;
  }
  .user-position-head {
    display: grid !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--line) !important;
    background: #0a1017 !important;
    color: var(--faint) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
  }
  .user-position-head > span {
    padding-left: 1px !important;
  }
  .user-position-sort {
    min-height: 30px !important;
    height: 30px !important;
    padding: 3px 5px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--faint) !important;
    text-align: left !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
  }
  .user-position-sort:hover,
  .user-position-sort.active {
    color: var(--text) !important;
    background: #111a26 !important;
  }
  .user-position-num b {
    font-family: var(--mono) !important;
    font-size: 12px !important;
  }
  .user-position-num:before {
    display: none;
  }
  @media (max-width: 980px) {
    .user-rankbar {
      grid-template-columns: 1fr 1fr !important;
    }
    .user-rank-field:nth-of-type(3) {
      grid-column: 1/-1 !important;
    }
    .user-rankbar #userDiscoverBtn {
      grid-column: 1/-1 !important;
    }
    .user-position-head,
    .user-position {
      grid-template-columns: minmax(220px, 1fr) 90px 100px 100px !important;
    }
  }
  @media (max-width: 640px) {
    .traffic-sign {
      width: 50px !important;
      height: 50px !important;
      flex-basis: 50px !important;
    }
    .traffic-sign .sign-art svg {
      width: 35px !important;
      height: 35px !important;
    }
    .traffic-sign.sport .sign-art svg {
      width: 38px !important;
      height: 38px !important;
    }
    .traffic-sign.subsection {
      width: 50px !important;
      height: 50px !important;
      flex-basis: 50px !important;
    }
    .traffic-sign.flag .sign-flag {
      font-size: 29px !important;
    }
    .user-rankbar {
      grid-template-columns: 1fr !important;
    }
    .user-rank-field:nth-of-type(3) {
      grid-column: auto !important;
    }
    .user-rankbar #userDiscoverBtn {
      grid-column: auto !important;
    }
    .user-position-head {
      display: none !important;
    }
    .user-position {
      grid-template-columns: 1fr 1fr 1fr !important;
    }
    .user-position-market {
      grid-column: 1/-1 !important;
    }
    .user-position-num:before {
      content: attr(data-label);
      display: block;
      color: var(--faint);
      font-size: 9px;
      margin-bottom: 3px;
      text-transform: uppercase;
      letter-spacing: .05em;
    }
    .user-position-num {
      min-width: 0;
    }
  }
  #browserView[hidden],
  #userView[hidden],
  #scopeView[hidden],
  #detailView[hidden] {
    display: none !important;
  }
  .app-switch {
    grid-template-columns: 285px minmax(390px, 1fr) 300px !important;
  }
  .nav-cluster {
    min-width: 0 !important;
  }
  .app-switch button {
    min-width: 116px !important;
    padding: 0 14px !important;
  }
  .mkt-split {
    display: grid !important;
    grid-template-columns: minmax(260px, 315px) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
  }
  .mkt-list-col {
    min-width: 0 !important;
    max-width: 315px !important;
  }
  .mkt-list-col .event-options-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .event-option {
    min-height: 0 !important;
    padding: 11px 11px !important;
  }
  .event-option-name {
    font-size: 12px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
  }
  .opt-spark {
    height: 22px !important;
    margin: 5px 0 !important;
  }
  .opt-sides {
    gap: 5px !important;
  }
  .opt-side {
    padding: 5px 6px !important;
  }
  .event-option-stats {
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
  }
  .event-option-stat {
    padding-top: 5px !important;
  }
  .event-option-statusline {
    margin-top: 6px !important;
  }
  .mkt-chart-col {
    min-width: 0 !important;
    width: 100% !important;
  }
  .mkt-chart-col #priceChart,
  #priceChart {
    height: 680px !important;
    min-height: 680px !important;
  }
  #eventOptionsGrid.mkt-list {
    max-height: 760px !important;
    overflow: auto !important;
    border: 1px solid var(--line) !important;
    background: #0a0f16 !important;
  }
  .mkt-listhead {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    background: #0d131b !important;
  }
  .mkt-row {
    min-height: 40px !important;
    padding: 6px 8px !important;
  }
  .mkt-nm {
    font-size: 11.5px !important;
  }
  .mkt-px,
  .mkt-dlt {
    font-size: 11px !important;
  }
  .mkt-tools {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  .mkt-tools input,
  .mkt-tools select {
    min-height: 35px !important;
    font-size: 11.5px !important;
  }
  .mkt-selbar {
    font-size: 10px !important;
  }
  .chart-type-seg {
    display: none !important;
  }
  .premium-only-message {
    display: grid !important;
    place-items: center !important;
    min-height: 120px !important;
    border: 1px dashed #3a4a60 !important;
    background: #0b1119 !important;
    color: #dce9ff !important;
    font-family: var(--head) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
  }
  #legacyAnalysisCompat {
    display: none !important;
  }
  #scopeView {
    max-width: 1700px !important;
    margin: 0 auto !important;
  }
  .scope-hero {
    margin-bottom: 20px !important;
  }
  .scope-control-panel {
    margin-bottom: 14px !important;
  }
  .scope-mode-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .scope-mode-grid button {
    min-width: 0 !important;
  }
  .scope-filter-grid {
    display: grid;
    grid-template-columns: minmax(160px, 220px) minmax(120px, 160px) 180px;
    gap: 10px;
    align-items: end;
    margin-top: 12px;
  }
  .scope-field {
    display: grid;
    gap: 5px;
  }
  .scope-field select {
    width: 100% !important;
  }
  .scope-feed {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--line);
    border-radius: 9px;
    overflow: hidden;
    background: var(--panel2);
  }
  .scope-card {
    display: grid;
    grid-template-columns: 38px 190px minmax(320px, 1fr) 120px 110px 110px;
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    border-bottom: 1px solid var(--line-soft);
    background: #0d131b;
  }
  .scope-card:last-child {
    border-bottom: 0;
  }
  .scope-card:hover {
    background: #111925;
  }
  .scope-rank {
    font-family: var(--mono);
    font-size: 10px;
    color: var(--faint);
  }
  .scope-identity {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
  }
  .scope-user-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 36px !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 160px !important;
    padding: 4px 7px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--text) !important;
    text-align: left !important;
  }
  .scope-user-button:hover {
    background: #142137 !important;
  }
  .scope-user-button span {
    max-width: 145px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11.5px;
    font-weight: 750;
  }
  .scope-user-button small {
    font-family: var(--mono);
    font-size: 9.5px;
    color: var(--faint);
  }
  .scope-user-external {
    font-size: 11px;
    text-decoration: none;
  }
  .scope-main {
    min-width: 0;
  }
  .scope-market {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
  }
  .scope-sub {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 5px;
    color: var(--faint);
    font-family: var(--mono);
    font-size: 9.5px;
    white-space: nowrap;
    overflow: hidden;
  }
  .scope-side {
    padding: 2px 5px;
    border: 1px solid var(--line);
    border-radius: 999px;
  }
  .scope-side.buy {
    color: var(--yes);
    border-color: rgba(53, 214, 143, .4);
  }
  .scope-side.sell {
    color: var(--no);
    border-color: rgba(255, 107, 99, .4);
  }
  .scope-metric {
    min-width: 0;
  }
  .scope-metric small {
    display: block;
    margin-bottom: 3px;
    color: var(--faint);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  .scope-metric b {
    font-family: var(--mono);
    font-size: 12px;
    white-space: nowrap;
  }
  .scope-metric em {
    font-size: 9px;
    font-style: normal;
    color: var(--faint);
  }
  .scope-metric.pos b {
    color: var(--yes);
  }
  .scope-metric.neg b {
    color: var(--no);
  }
  .scope-empty {
    padding: 28px;
    color: var(--muted);
    text-align: center;
  }
  .traffic-sign.subsection .sign-art svg {
    width: 41px !important;
    height: 41px !important;
  }
  .traffic-sign.subsection .sign-code {
    max-width: 44px;
    text-align: center;
  }
  .traffic-sign.flag .sign-flag {
    font-size: 34px !important;
    transform: scale(1.15) !important;
  }
  @media (max-width: 1100px) {
    .mkt-split {
      grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) !important;
    }
    .mkt-list-col {
      max-width: 280px !important;
    }
    .scope-card {
      grid-template-columns: 30px 150px minmax(260px, 1fr) 100px 95px 100px;
    }
    .scope-mode-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  @media (max-width: 900px) {
    .app-switch {
      grid-template-columns: auto 1fr !important;
    }
    .studio-rail-foot {
      display: none !important;
    }
    .mkt-split {
      grid-template-columns: 1fr !important;
    }
    .mkt-list-col {
      max-width: none !important;
    }
    .mkt-list-col .event-options-grid {
      grid-template-columns: 1fr !important;
    }
    .mkt-chart-col {
      position: static !important;
    }
    .mkt-chart-col #priceChart,
    #priceChart {
      height: 520px !important;
      min-height: 520px !important;
    }
    .scope-filter-grid {
      grid-template-columns: 1fr 1fr;
    }
    .scope-filter-grid #scopeRefreshBtn {
      grid-column: 1/-1;
    }
    .scope-card {
      grid-template-columns: 30px minmax(130px, 170px) minmax(240px, 1fr) 100px 100px;
    }
    .scope-card .scope-metric:nth-last-child(1) {
      grid-column: 4/6;
    }
  }
  @media (max-width: 640px) {
    .app-switch button {
      min-width: 74px !important;
      padding: 0 7px !important;
    }
    .nav-label {
      font-size: 10px !important;
    }
    .scope-mode-grid {
      grid-template-columns: 1fr;
    }
    .scope-filter-grid {
      grid-template-columns: 1fr;
    }
    .scope-filter-grid #scopeRefreshBtn {
      grid-column: auto;
    }
    .scope-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px;
      padding: 10px;
    }
    .scope-identity {
      grid-column: 2/3;
    }
    .scope-main {
      grid-column: 1/-1;
      grid-row: 2;
    }
    .scope-metric {
      grid-row: 3;
    }
    .scope-card .scope-metric:nth-last-child(1) {
      grid-column: auto;
    }
    .scope-sub {
      flex-wrap: wrap;
      white-space: normal;
    }
    .scope-market {
      white-space: normal;
    }
    .mkt-chart-col #priceChart,
    #priceChart {
      height: 430px !important;
      min-height: 430px !important;
    }
  }
  :root {
    --amber:#2f7cff;
    --amber-dim:#2865cc;
    --focus:#87b7ff;
    --info:#6aa8ff;
    --bg:#060a10;
    --panel:#0d131c;
    --panel2:#090e15;
    --panel3:#121b28;
    --line:#223044;
    --line-soft:#172232;
    --text:#edf4ff;
    --text2:#bac7d9;
    --muted:#8292a8;
    --faint:#5b6a80;
    --r:8px;
    --r-sm:6px;
  }
  html {
    background: #060a10;
  }
  body {
    max-width: none !important;
    padding: 52px 14px 34px !important;
    background:
      linear-gradient(rgba(42, 63, 88, .10) 1px, transparent 1px),
      linear-gradient(
        90deg,
        rgba(42, 63, 88, .10) 1px,
        transparent 1px),
      #060a10 !important;
    background-size: 56px 56px !important;
  }
  a {
    color: #2f7cff !important;
  }
  .panel {
    box-shadow: none !important;
  }
  .app-switch {
    height: 40px !important;
    padding: 0 18px !important;
    grid-template-columns: 300px minmax(360px, 1fr) 300px !important;
    background: rgba(7, 12, 19, .97) !important;
    border-bottom: 1px solid #223044 !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
  }
  .studio-rail-head {
    gap: 10px !important;
  }
  .studio-logo.aestus-logo-mark {
    width: 32px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
  }
  .aestus-logo-mark svg {
    width: 31px;
    height: 31px;
    overflow: visible;
  }
  .aestus-logo-mark .al-a {
    fill: #4b8dff;
  }
  .aestus-logo-mark .al-wave {
    fill: none;
    stroke: #9bc2ff;
    stroke-width: 3.3;
    stroke-linecap: round;
  }
  .aestus-logo-mark .al-wave.faint {
    opacity: .48;
    stroke-width: 2.4;
  }
  .studio-wordmark strong {
    font-size: 12.5px !important;
    letter-spacing: .015em !important;
  }
  .studio-wordmark span {
    font-size: 8px !important;
    letter-spacing: .13em !important;
    color: #718198 !important;
  }
  .nav-cluster {
    gap: 5px !important;
  }
  .app-switch button {
    height: 30px !important;
    min-height: 30px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    min-width: 108px !important;
  }
  .app-switch button.active {
    border-color: #376aa7 !important;
    background: #10213a !important;
    color: #e8f2ff !important;
  }
  .app-switch button:hover {
    background: #0e1723 !important;
    border-color: #2b3a50 !important;
  }
  .studio-rail-foot {
    font-size: 8.5px !important;
    letter-spacing: .08em !important;
    color: #74849a !important;
  }
  .system-dot {
    box-shadow: 0 0 10px rgba(53, 214, 143, .7);
  }
  .browser-hero.studio-hero-card {
    min-height: 58px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(
        100deg,
        #0c1420,
        #0a1018 65%,
        #0b1421) !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
  }
  .hero-kicker {
    font-size: 8px !important;
    margin: 0 0 2px !important;
    color: #6f91bd !important;
    letter-spacing: .13em !important;
  }
  .hero-copy h1 {
    font-size: 20px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  .hero-copy .sub {
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin: 3px 0 0 !important;
    color: #8393a9 !important;
  }
  .hero-side {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
  }
  .hero-metrics {
    display: flex !important;
    gap: 5px !important;
  }
  .hero-stat {
    min-width: 112px !important;
    padding: 6px 9px !important;
    border-radius: 6px !important;
    background: #09101a !important;
    border: 1px solid #1d2b3d !important;
  }
  .hero-stat .k {
    font-size: 7.5px !important;
  }
  .hero-stat .v {
    font-size: 10px !important;
  }
  .browser-refresh {
    width: auto !important;
    flex: 0 0 auto !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 4px 9px !important;
    font-size: 10px !important;
    margin: 0 !important;
  }
  #browserView {
    max-width: 1920px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(285px, 19.5vw) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    align-items: start !important;
  }
  #browserView > .browser-hero {
    grid-column: 1/-1 !important;
    grid-row: 1 !important;
  }
  #browserView > .browser-controls {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: sticky !important;
    top: 50px !important;
    max-height: calc(100vh - 64px) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    background: #0a1018 !important;
    scrollbar-width: thin !important;
  }
  #browserView > #catalogList {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .catalog-toolbar {
    display: grid !important;
    grid-template-columns: 1fr 112px !important;
    gap: 7px !important;
  }
  .catalog-toolbar #catalogSearch {
    grid-column: 1/-1 !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 11.5px !important;
  }
  .catalog-toolbar #catalogSort {
    grid-column: 1/-1 !important;
    height: 34px !important;
    min-height: 34px !important;
    font-size: 10.5px !important;
  }
  .catalog-toolbar #catalogGenre,
  .catalog-toolbar #catalogSport,
  .catalog-toolbar #catalogCompetition,
  .catalog-toolbar #catalogSubsection,
  .catalog-toolbar #catalogEv {
    display: none !important;
  }
  .catalog-status-row {
    margin: 0 0 6px !important;
  }
  .catalog-status-row #catalogStatus {
    font-size: 9px !important;
    color: #64758c !important;
    padding: 2px 1px !important;
    margin: 4px 0 0 !important;
  }
  .genre-nav,
  .taxonomy-subnav {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .taxonomy-subnav {
    margin-top: 8px !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--line-soft) !important;
  }
  .taxonomy-subnav[hidden] {
    display: none !important;
  }
  .side-subhead {
    font-family: var(--head);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #5f789c;
    padding: 2px 2px 1px;
  }
  .side-all-markets,
  .side-sub-all {
    width: 100% !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 7px 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: left !important;
    border-color: #1a2738 !important;
    background: #0c131d !important;
  }
  .side-all-markets.active,
  .side-sub-all.active {
    border-color: #4077bb !important;
    background: #11233c !important;
  }
  .side-all-markets span,
  .side-all-markets b {
    display: flex;
    flex-direction: column;
  }
  .side-all-markets strong {
    font-size: 11px;
  }
  .side-all-markets small,
  .side-sub-all b {
    font-family: var(--mono);
    font-size: 8px;
    color: #718198;
  }
  .side-all-markets > b {
    font-family: var(--mono);
    font-size: 10px;
    text-align: right;
    color: #a9c6ed;
  }
  .side-all-markets > b small {
    font-size: 7px;
    font-weight: 500;
    color: #5f7189;
  }
  .side-tax-card {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 7px !important;
    text-align: left !important;
    background: #0b121b !important;
    border: 1px solid #172436 !important;
    border-radius: 7px !important;
  }
  .side-tax-card:hover {
    border-color: #2e4a6c !important;
    background: #0e1723 !important;
  }
  .side-tax-card.active {
    border-color: #4b86d1 !important;
    background:
      linear-gradient(
        90deg,
        #10213a,
        #0d1622) !important;
    box-shadow: inset 2px 0 0 #65a3ff !important;
  }
  .side-tax-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
  }
  .side-tax-name {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .side-tax-name > span:last-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .side-tax-name strong {
    font-size: 10.5px;
    line-height: 1.15;
    color: #e9f1fd;
    white-space: normal;
  }
  .side-tax-name small {
    font-family: var(--mono);
    font-size: 7.5px;
    color: #66768c;
    margin-top: 2px;
  }
  .side-tax-vol {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: var(--mono);
    font-size: 9px;
    color: #a8bdd9;
    white-space: nowrap;
  }
  .side-tax-vol small {
    font-size: 7px;
    color: #53657d;
  }
  .side-tax-card .traffic-sign {
    width: 31px !important;
    height: 31px !important;
    flex: 0 0 31px !important;
    border-width: 3px !important;
    outline-width: 1px !important;
    border-radius: 4px !important;
  }
  .side-tax-card .traffic-sign.sport {
    border-radius: 50% !important;
  }
  .side-tax-card .traffic-sign .sign-art svg {
    width: 22px !important;
    height: 22px !important;
  }
  .side-tax-card .traffic-sign.flag .sign-flag {
    font-size: 21px !important;
    transform: scale(1.1) !important;
  }
  .side-tax-card .sign-text {
    font-size: 10px !important;
  }
  .side-tax-card .sign-crypto {
    font-size: 22px !important;
  }
  .side-tax-card .sign-plus {
    font-size: 24px !important;
  }
  .side-tax-card .sign-code {
    font-size: 8px !important;
  }
  .side-top-list {
    display: grid;
    gap: 2px;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #152235;
  }
  .side-top-market {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    gap: 4px;
    align-items: center;
    font-size: 7.5px;
    line-height: 1.2;
    color: #75879f;
  }
  .side-top-market i {
    font-family: var(--mono);
    font-style: normal;
    color: #53657b;
  }
  .side-top-market b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 550;
    color: #8999ad;
  }
  .side-top-market em {
    font-family: var(--mono);
    font-style: normal;
    color: #60728a;
    white-space: nowrap;
  }
  .side-top-empty {
    font-size: 8px;
    color: #53657a;
    margin-top: 4px;
  }
  .side-compact-links {
    display: grid;
    gap: 3px;
  }
  .side-compact-link {
    min-height: 30px !important;
    height: auto !important;
    padding: 5px 7px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 5px !important;
    text-align: left !important;
    font-size: 8.5px !important;
    border-color: #172335 !important;
    background: #0a111a !important;
  }
  .side-compact-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .side-compact-link b {
    font-family: var(--mono);
    font-size: 8px;
    color: #8ea4c1;
  }
  .side-compact-link em {
    font-family: var(--mono);
    font-style: normal;
    font-size: 7.5px;
    color: #5c6f87;
  }
  .side-compact-link.active {
    border-color: #3e70b0 !important;
    background: #102039 !important;
  }
  .manual-load {
    margin-top: 8px !important;
    padding: 6px 8px !important;
  }
  .manual-load summary {
    font-size: 9px !important;
  }
  .catalog-results-head {
    height: 54px !important;
    margin: 0 0 8px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background:
      linear-gradient(
        90deg,
        #0d151f,
        #091019) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }
  .catalog-results-kicker {
    font-family: var(--mono);
    font-size: 7.5px;
    letter-spacing: .12em;
    color: #5f81ad;
  }
  .catalog-results-title {
    font-family: var(--head);
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    color: #eef5ff !important;
    text-transform: uppercase;
  }
  .catalog-results-summary {
    font-size: 9px !important;
  }
  .catalog-head-stats {
    display: flex;
    gap: 6px;
  }
  .catalog-head-stats > span {
    min-width: 92px;
    padding: 5px 8px;
    border-left: 1px solid #1e2b3d;
    display: flex;
    flex-direction: column;
  }
  .catalog-head-stats small {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #61728a;
  }
  .catalog-head-stats b {
    font-family: var(--mono);
    font-size: 11px;
    color: #dce9f8;
    margin-top: 1px;
  }
  .market-showcase-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 125px !important;
    gap: 8px !important;
  }
  .dense-market-card {
    position: relative !important;
    overflow: hidden !important;
    min-width: 0 !important;
    height: 125px !important;
    margin: 0 !important;
    padding: 10px 10px 8px !important;
    border: 1px solid #1d2b3d !important;
    border-radius: 8px !important;
    background:
      linear-gradient(
        145deg,
        #0e151f,
        #0a1018) !important;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
    transition:
      transform .12s,
      border-color .12s,
      background .12s !important;
  }
  .dense-market-card:hover {
    transform: translateY(-1px) !important;
    border-color: #3a5d89 !important;
    background: #101a27 !important;
  }
  .dense-market-card.selected {
    border-color: #65a3ff !important;
    box-shadow: inset 0 0 0 1px rgba(101, 163, 255, .28) !important;
  }
  .dense-market-card.featured {
    grid-column: span 2 !important;
    grid-row: span 1 !important;
    height: 125px !important;
    min-height: 125px !important;
    padding: 12px 14px !important;
    background:
      radial-gradient(
        circle at 92% 15%,
        rgba(45, 112, 216, .20),
        transparent 34%),
      linear-gradient(
        145deg,
        #101b29,
        #0a111a 72%) !important;
    border-color: #315887 !important;
  }
  .market-card-mark {
    position: absolute;
    right: 6px;
    bottom: 2px;
    opacity: .10;
    pointer-events: none;
  }
  .market-card-mark .traffic-sign {
    width: 70px !important;
    height: 70px !important;
    transform: rotate(45deg) scale(1.1) !important;
    border-width: 4px !important;
    outline-width: 2px !important;
  }
  .market-card-mark .traffic-sign.sport {
    transform: scale(1.1) !important;
  }
  .market-card-mark .traffic-sign > span {
    transform: rotate(-45deg) !important;
  }
  .market-card-mark .traffic-sign.sport > span {
    transform: none !important;
  }
  .market-card-mark .traffic-sign.flag .sign-flag {
    font-size: 40px !important;
  }
  .featured .market-card-mark {
    right: 16px;
    bottom: 8px;
    opacity: .12;
  }
  .featured .market-card-mark .traffic-sign {
    width: 74px !important;
    height: 74px !important;
  }
  .featured .market-card-mark .traffic-sign .sign-art svg {
    width: 48px !important;
    height: 48px !important;
  }
  .dense-card-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    align-items: start;
    position: relative;
    z-index: 1;
  }
  .dense-market-card .catalog-title {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    min-width: 0;
  }
  .dense-market-card .catalog-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none !important;
  }
  .dense-market-card.featured .catalog-title {
    font-size: 17px !important;
    line-height: 1.12 !important;
    max-width: 78%;
  }
  .dense-market-card.featured .catalog-title a {
    -webkit-line-clamp: 3;
  }
  .dense-type {
    flex: 0 0 auto;
    border: 1px solid #2b4160;
    border-radius: 4px;
    padding: 2px 5px;
    font-family: var(--mono);
    font-size: 7.5px;
    color: #9ab7dc;
    background: #0a1320;
    white-space: nowrap;
  }
  .catalog-taxonomy {
    font-size: 8.5px !important;
    line-height: 1.25 !important;
    margin-top: 4px !important;
    color: #738399 !important;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .catalog-taxonomy .sep {
    margin: 0 3px;
    color: #41526a;
  }
  .dense-metrics {
    margin-top: auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #192639;
    position: relative;
    z-index: 1;
  }
  .dense-metrics > span {
    min-width: 0;
    padding: 6px 4px 0;
    border-right: 1px solid #192639;
    display: flex;
    flex-direction: column;
  }
  .dense-metrics > span:last-child {
    border-right: 0;
  }
  .dense-metrics small {
    font-size: 6.5px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #52647b;
  }
  .dense-metrics b {
    font-family: var(--mono);
    font-size: 9px;
    color: #c4d1e2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1px;
  }
  .featured .dense-metrics {
    max-width: 82%;
    margin-top: auto;
    padding-top: 3px;
  }
  .featured .dense-metrics small {
    font-size: 7px;
  }
  .featured .dense-metrics b {
    font-size: 12px;
  }
  .dense-card-foot {
    position: absolute;
    right: 8px;
    bottom: 6px;
    display: flex;
    gap: 5px;
    align-items: center;
    z-index: 2;
  }
  .dense-open,
  .dense-paused,
  .dense-edge {
    font-family: var(--mono);
    font-size: 6.5px;
    padding: 2px 4px;
    border-radius: 999px;
    border: 1px solid;
  }
  .dense-open {
    color: #55dfa1;
    border-color: #205d47;
    background: #0b2119;
  }
  .dense-paused {
    color: #ff8b84;
    border-color: #683530;
    background: #21100f;
  }
  .dense-edge {
    color: #95bcff;
    border-color: #345b8f;
    background: #0d1d34;
  }
  .featured .dense-card-foot {
    right: 12px;
    bottom: 8px;
  }
  .featured .dense-open,
  .featured .dense-paused,
  .featured .dense-edge {
    font-size: 8px;
    padding: 3px 6px;
  }
  .catalog-more {
    width: 100% !important;
    margin-top: 8px !important;
    height: 34px !important;
    font-size: 9px !important;
    border-color: #253a55 !important;
    background: #0a111a !important;
  }
  #userView {
    max-width: 1920px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(285px, 19.5vw) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    align-items: start !important;
  }
  #userView > .browser-hero {
    grid-column: 1/-1 !important;
  }
  .user-search-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: sticky !important;
    top: 50px !important;
    max-height: calc(100vh - 64px) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 11px !important;
  }
  .user-searchbar {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  .user-searchbar input,
  .user-searchbar button {
    min-height: 36px !important;
    height: 36px !important;
    font-size: 10.5px !important;
  }
  .user-rankbar {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin-top: 10px !important;
  }
  .user-rank-label {
    font-size: 9px !important;
  }
  .user-rank-field {
    font-size: 7.5px !important;
  }
  .user-rank-field select {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 10px !important;
  }
  .user-rankbar #userDiscoverBtn {
    grid-column: auto !important;
    min-height: 36px !important;
    height: 36px !important;
    font-size: 10px !important;
  }
  .user-summary {
    font-size: 9px !important;
  }
  .user-search-panel #userStatus {
    font-size: 9px !important;
    line-height: 1.35 !important;
  }
  .user-results {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: start !important;
  }
  .user-card {
    margin: 0 !important;
    border: 1px solid #1d2b3d !important;
    border-radius: 8px !important;
    background: #0c131c !important;
    overflow: hidden !important;
  }
  .user-card.featured,
  .user-card.open {
    grid-column: 1/-1 !important;
    border-color: #315887 !important;
    background:
      linear-gradient(
        100deg,
        #101c2b,
        #0b121b) !important;
  }
  .user-card-head {
    min-height: 78px !important;
    padding: 10px 12px !important;
  }
  .user-card.featured .user-card-head {
    min-height: 102px !important;
  }
  .user-avatar {
    width: 40px !important;
    height: 40px !important;
  }
  .featured .user-avatar {
    width: 54px !important;
    height: 54px !important;
  }
  .user-name {
    font-size: 13px !important;
  }
  .featured .user-name {
    font-size: 18px !important;
  }
  .user-subline {
    font-size: 8.5px !important;
  }
  .user-head-stats {
    gap: 8px !important;
  }
  .user-head-metric {
    min-width: 86px !important;
  }
  .user-detail {
    padding: 12px !important;
  }
  .user-metrics {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  .user-metric {
    padding: 7px !important;
  }
  .user-trade {
    grid-template-columns: 168px minmax(260px, 1fr) 64px 84px !important;
    min-width: 650px !important;
  }
  #scopeView {
    max-width: 1920px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(285px, 19.5vw) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 10px 12px !important;
    align-items: start !important;
  }
  #scopeView > .browser-hero {
    grid-column: 1/-1 !important;
  }
  .scope-control-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: sticky !important;
    top: 50px !important;
    max-height: calc(100vh - 64px) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 11px !important;
  }
  .scope-mode-grid {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
  .scope-mode-grid button {
    min-height: 34px !important;
    height: 34px !important;
    font-size: 9px !important;
    text-align: left !important;
  }
  .scope-filter-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin-top: 10px !important;
  }
  .scope-filter-grid #scopeRefreshBtn {
    grid-column: auto !important;
    height: 36px !important;
  }
  .scope-field span {
    font-size: 8px;
  }
  .scope-field select {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 10px !important;
  }
  .scope-control-panel #scopeStatus {
    font-size: 9px !important;
  }
  .scope-feed {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }
  .scope-card {
    grid-template-columns: 30px 170px minmax(260px, 1fr) 104px 94px 110px !important;
    gap: 8px !important;
    padding: 9px 10px !important;
    min-height: 64px !important;
  }
  .scope-card:first-child {
    background:
      linear-gradient(
        90deg,
        #102039,
        #0c131d) !important;
    border-left: 2px solid #5c9cff !important;
  }
  .scope-market {
    font-size: 10.5px !important;
  }
  .scope-sub {
    font-size: 8px !important;
  }
  .scope-metric small {
    font-size: 7px !important;
  }
  .scope-metric b {
    font-size: 10px !important;
  }
  .scope-user-button span {
    font-size: 10px !important;
  }
  .scope-user-button small {
    font-size: 8px !important;
  }
  #detailView {
    max-width: 1920px !important;
    margin: 0 auto !important;
  }
  .detail-topbar {
    top: 45px !important;
    height: 38px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    background: rgba(6, 10, 16, .96) !important;
    border-bottom: 1px solid #172436 !important;
  }
  .detail-topbar button {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 9.5px !important;
    padding: 4px 9px !important;
  }
  .detail-hero {
    padding: 11px 13px !important;
    margin-bottom: 8px !important;
    border-color: #2b4567 !important;
    background:
      linear-gradient(
        90deg,
        #0d1723,
        #09111a) !important;
  }
  .detail-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .72fr) !important;
    gap: 14px !important;
    align-items: center !important;
  }
  .detail-title {
    font-family: var(--head) !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
    text-transform: uppercase !important;
  }
  .detail-event {
    font-size: 10px !important;
    margin-top: 4px !important;
    color: #8090a5 !important;
  }
  .detail-betline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin-top: 8px !important;
    border-top: 1px solid #1b2a3d !important;
    padding-top: 7px !important;
  }
  .detail-betline .bl-i {
    padding: 0 15px 0 0 !important;
    margin-right: 15px !important;
    border-right: 1px solid #1d2a3c !important;
  }
  .detail-betline .k {
    font-size: 6.5px !important;
  }
  .detail-betline .v {
    font-size: 9px !important;
  }
  .detail-runtime-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  .detail-mini-card {
    padding: 7px 8px !important;
    min-height: 46px !important;
    border-radius: 5px !important;
    background: #081019 !important;
    border-color: #1c2b3e !important;
  }
  .detail-mini-card .k {
    font-size: 6.5px !important;
  }
  .detail-mini-card .v {
    font-size: 8.5px !important;
    line-height: 1.25 !important;
  }
  .detail-hero > .detail-runtime:not(.detail-runtime-cards) {
    display: none !important;
  }
  .event-options-panel {
    padding: 9px 10px 10px !important;
    margin-bottom: 8px !important;
    border-color: #274566 !important;
  }
  .event-options-head {
    height: 32px !important;
    margin: 0 0 7px !important;
    padding: 0 2px 6px !important;
    border-bottom: 1px solid #1c2b3e !important;
  }
  .event-options-head h2 {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .event-options-head h2:before {
    display: none !important;
  }
  .event-options-summary {
    font-size: 8px !important;
  }
  .mkt-split {
    grid-template-columns: minmax(240px, 285px) minmax(0, 1fr) !important;
    gap: 9px !important;
  }
  .mkt-list-col {
    max-width: 285px !important;
  }
  .mkt-list-col .event-options-grid {
    gap: 6px !important;
  }
  .event-option {
    padding: 8px !important;
    border-radius: 6px !important;
    border-color: #1d2d42 !important;
    background: #0a111a !important;
  }
  .event-option.active {
    border-color: #4d8ce0 !important;
    background: #0d1b2d !important;
  }
  .event-option-name {
    font-size: 10.5px !important;
  }
  .opt-spark {
    height: 18px !important;
    margin: 4px 0 !important;
  }
  .opt-side {
    padding: 4px 5px !important;
    font-size: 9px !important;
  }
  .event-option-stats {
    display: none !important;
  }
  .event-option-statusline {
    margin-top: 4px !important;
    font-size: 7.5px !important;
  }
  .mkt-chart-col {
    border-left: 1px solid #172536 !important;
    padding-left: 9px !important;
  }
  .chart-head {
    min-height: 31px !important;
    margin-bottom: 5px !important;
  }
  .chart-title {
    font-size: 10.5px !important;
  }
  .range-seg button,
  #chartReload {
    height: 27px !important;
    min-height: 27px !important;
    padding: 3px 7px !important;
    font-size: 8px !important;
  }
  .chart-wrap {
    border-radius: 5px !important;
  }
  .mkt-chart-col #priceChart,
  #priceChart {
    height: 430px !important;
    min-height: 430px !important;
  }
  .chart-legend {
    font-size: 8px !important;
    gap: 6px !important;
    margin-top: 5px !important;
  }
  .chart-status {
    font-size: 8px !important;
    margin-top: 4px !important;
  }
  .mkt-tools input,
  .mkt-tools select {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 9px !important;
  }
  .mkt-row {
    min-height: 33px !important;
    padding: 4px 6px !important;
  }
  .mkt-listhead {
    font-size: 7px !important;
  }
  .mkt-nm {
    font-size: 9px !important;
  }
  .mkt-px,
  .mkt-dlt {
    font-size: 8.5px !important;
  }
  #eventOptionsGrid.mkt-list {
    max-height: 500px !important;
  }
  .detail-workspace {
    margin: 0 0 8px !important;
  }
  .value-board {
    padding: 9px 10px !important;
    margin: 0 !important;
  }
  .vb-head {
    margin-bottom: 5px !important;
  }
  .vb-head h2 {
    font-size: 9.5px !important;
  }
  .premium-only-message {
    min-height: 62px !important;
    font-size: 11px !important;
    letter-spacing: .12em !important;
  }
  .analysis-controls {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: start !important;
  }
  .analysis-controls > .panel {
    margin: 0 !important;
    padding: 9px 10px !important;
    min-height: 0 !important;
  }
  .analysis-controls .panel h2 {
    font-size: 9px !important;
    margin-bottom: 7px !important;
    padding-bottom: 6px !important;
  }
  .analysis-controls .status,
  .analysis-controls .legend,
  .analysis-controls .okitem {
    font-size: 8.5px !important;
    line-height: 1.4 !important;
  }
  .analysis-controls button,
  .analysis-controls input,
  .analysis-controls select {
    font-size: 9px !important;
    min-height: 30px !important;
    height: 30px !important;
  }
  .premium-fv-lock {
    padding: 10px !important;
    gap: 5px !important;
  }
  .premium-fv-lock strong {
    font-size: 11px !important;
  }
  .premium-fv-lock [data-premium-description] {
    font-size: 8.5px !important;
  }
  .premium-gate-links {
    gap: 8px !important;
    font-size: 8.5px !important;
  }
  @media (max-width: 1450px) {
    .market-showcase-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .dense-market-card.featured {
      grid-column: span 2 !important;
    }
    .catalog-head-stats > span {
      min-width: 80px;
    }
    .user-metrics {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .scope-card {
      grid-template-columns: 28px 150px minmax(230px, 1fr) 92px 84px 96px !important;
    }
  }
  @media (max-width: 1120px) {
    #browserView,
    #userView,
    #scopeView {
      grid-template-columns: 220px minmax(0, 1fr) !important;
    }
    .market-showcase-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .dense-market-card.featured {
      grid-column: 1/-1 !important;
      grid-row: span 1 !important;
      min-height: 125px !important;
      height: 125px !important;
    }
    .catalog-head-stats > span:nth-child(3) {
      display: none;
    }
    .detail-hero-grid {
      grid-template-columns: 1fr !important;
    }
    .analysis-controls {
      grid-template-columns: 1fr 1fr !important;
    }
    .scope-card {
      grid-template-columns: 28px 130px minmax(220px, 1fr) 90px 90px !important;
    }
    .scope-card .scope-metric:last-child {
      grid-column: 4/6;
    }
  }
  @media (max-width: 820px) {
    body {
      padding-left: 8px !important;
      padding-right: 8px !important;
    }
    .app-switch {
      grid-template-columns: 190px 1fr !important;
      padding: 0 8px !important;
    }
    .studio-rail-foot {
      display: none !important;
    }
    .studio-wordmark span {
      display: none !important;
    }
    #browserView,
    #userView,
    #scopeView {
      grid-template-columns: 1fr !important;
    }
    .browser-hero.studio-hero-card {
      grid-column: 1 !important;
      grid-template-columns: 1fr !important;
    }
    .hero-side {
      display: none !important;
    }
    #browserView > .browser-controls,
    .user-search-panel,
    .scope-control-panel {
      position: static !important;
      grid-column: 1 !important;
      grid-row: auto !important;
      max-height: none !important;
    }
    #browserView > #catalogList,
    .user-results,
    .scope-feed {
      grid-column: 1 !important;
      grid-row: auto !important;
    }
    .genre-nav {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .side-tax-card .side-top-list {
      display: none !important;
    }
    .market-showcase-grid {
      grid-template-columns: 1fr !important;
    }
    .dense-market-card.featured {
      grid-column: auto !important;
      min-height: 165px !important;
    }
    .user-results {
      grid-template-columns: 1fr !important;
    }
    .detail-hero-grid {
      grid-template-columns: 1fr !important;
    }
    .mkt-split {
      grid-template-columns: 1fr !important;
    }
    .mkt-list-col {
      max-width: none !important;
    }
    .mkt-chart-col {
      border-left: 0 !important;
      padding-left: 0 !important;
      border-top: 1px solid #172536 !important;
      padding-top: 8px !important;
    }
    .analysis-controls {
      grid-template-columns: 1fr !important;
    }
    .scope-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
    }
    .scope-card .scope-identity {
      grid-column: 2;
    }
    .scope-card .scope-main {
      grid-column: 1/-1;
    }
    .scope-card .scope-metric {
      grid-row: auto;
    }
    .scope-card .scope-metric:last-child {
      grid-column: auto;
    }
    .catalog-head-stats > span {
      min-width: 72px;
    }
  }
  @media (max-width: 560px) {
    .app-switch {
      grid-template-columns: 150px 1fr !important;
    }
    .studio-wordmark strong {
      font-size: 10px !important;
    }
    .aestus-logo-mark svg {
      width: 27px;
      height: 27px;
    }
    .app-switch button {
      min-width: 68px !important;
      padding: 0 5px !important;
    }
    .nav-ico {
      display: none !important;
    }
    .catalog-head-stats {
      display: none !important;
    }
    .genre-nav {
      grid-template-columns: 1fr !important;
    }
    .market-showcase-grid {
      grid-auto-rows: auto !important;
    }
    .dense-market-card {
      height: auto !important;
      min-height: 122px !important;
    }
    .dense-market-card.featured {
      min-height: 155px !important;
    }
    .featured .dense-metrics {
      max-width: 100% !important;
    }
    .featured .market-card-mark {
      opacity: .07;
    }
    .user-trade {
      grid-template-columns: 140px minmax(240px, 1fr) 60px 78px !important;
    }
    .mkt-chart-col #priceChart,
    #priceChart {
      height: 340px !important;
      min-height: 340px !important;
    }
  }
  .studio-logo.aestus-old-badge {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    border: 1px solid #40516a !important;
    border-radius: 50% !important;
    background: #111925 !important;
    color: #c9d7ea !important;
    font-family: var(--mono) !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
  }
  .traffic-sign {
    --crest:#f3f6fa;
    --crest-dark:#080c12;
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    background:
      radial-gradient(
        circle at 31% 23%,
        rgba(255, 255, 255, .08),
        transparent 26%),
      linear-gradient(
        180deg,
        #121820,
        #070b10) !important;
    border: 2px solid rgba(246, 249, 253, .94) !important;
    outline: 1px solid rgba(255, 255, 255, .10) !important;
    color: var(--crest) !important;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .045), 0 7px 16px rgba(0, 0, 0, .38) !important;
    overflow: hidden !important;
  }
  .traffic-sign:not(.flag):not(.matchup) {
    transform: rotate(45deg) !important;
    border-radius: 8px !important;
  }
  .traffic-sign:not(.flag):not(.matchup) > .sign-art {
    transform: rotate(-45deg) !important;
  }
  .traffic-sign:before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(255, 255, 255, .13);
    pointer-events: none;
  }
  .traffic-sign:not(.flag):not(.matchup):before {
    border-radius: 5px !important;
  }
  .traffic-sign .sign-art {
    width: 100% !important;
    height: 100% !important;
    display: grid !important;
    place-items: center !important;
    color: inherit !important;
    line-height: 1 !important;
  }
  .traffic-sign.section,
  .traffic-sign.sport,
  .traffic-sign.subsection {
    background:
      radial-gradient(
        circle at 31% 23%,
        rgba(255, 255, 255, .08),
        transparent 26%),
      linear-gradient(
        180deg,
        #121820,
        #070b10) !important;
    border-color: rgba(246, 249, 253, .94) !important;
    color: #f3f6fa !important;
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .045), 0 7px 16px rgba(0, 0, 0, .38) !important;
  }
  .traffic-sign.flag > .sign-art,
  .traffic-sign.matchup > .sign-art {
    transform: none !important;
  }
  .traffic-sign .sign-art svg {
    width: 37px !important;
    height: 37px !important;
    color: inherit !important;
    overflow: visible !important;
    display: block !important;
  }
  .traffic-sign .sign-text,
  .traffic-sign .sign-code {
    display: block !important;
    color: #f7f9fc !important;
    font-family: var(--mono) !important;
    font-weight: 900 !important;
    text-align: center !important;
    letter-spacing: -.04em !important;
  }
  .traffic-sign .sign-crypto {
    font-size: 33px !important;
    font-family: Georgia, serif !important;
    font-weight: 700 !important;
  }
  .traffic-sign .sign-code {
    font-size: 10px !important;
  }
  .traffic-sign .sign-plus {
    font-size: 29px !important;
  }
  .traffic-sign.flag,
  .traffic-sign.matchup {
    transform: none !important;
    border-radius: 0 !important;
    clip-path: polygon(50% 1%, 90% 15%, 86% 72%, 50% 99%, 14% 72%, 10% 15%) !important;
  }
  .traffic-sign.flag:before,
  .traffic-sign.matchup:before {
    inset: 4px;
    clip-path: polygon(50% 2%, 86% 16%, 82% 69%, 50% 96%, 18% 69%, 14% 16%);
  }
  .traffic-sign.flag {
    background:
      linear-gradient(
        180deg,
        #f7f9fc,
        #dbe2eb) !important;
    border-color: #fff !important;
    color: #081018 !important;
    box-shadow: inset 0 0 0 2px rgba(8, 16, 24, .13), 0 7px 16px rgba(0, 0, 0, .34) !important;
  }
  .traffic-sign.flag .sign-flag {
    font-size: 31px !important;
    display: block !important;
    line-height: 1 !important;
    transform: translateY(1px) scale(1.10) !important;
    filter: saturate(1.09) contrast(1.04) !important;
  }
  .traffic-sign.matchup {
    background:
      linear-gradient(
        90deg,
        #0b1119 0 48.5%,
        #f4f7fb 48.5% 51.5%,
        #101821 51.5% 100%) !important;
  }
  .traffic-sign.matchup .sign-art {
    padding: 8px 7px !important;
  }
  .sign-duel {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr 2px 1fr;
    align-items: center;
    gap: 4px;
    color: #fff;
  }
  .sign-duel i {
    width: 2px;
    height: 29px;
    background: #f5f7fa;
    border-radius: 1px;
  }
  .sign-duel b {
    height: 24px;
    display: flex;
    align-items: center;
    font-family: var(--mono) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: -.04em !important;
  }
  .sign-duel b:first-child {
    justify-content: flex-end;
  }
  .sign-duel b:last-child {
    justify-content: flex-start;
  }
  .side-tax-card {
    padding: 6px 7px !important;
  }
  .side-tax-card .traffic-sign {
    width: 35px !important;
    height: 35px !important;
    flex: 0 0 35px !important;
    border-width: 1.5px !important;
    outline-width: 1px !important;
  }
  .side-tax-card .traffic-sign .sign-art svg {
    width: 23px !important;
    height: 23px !important;
  }
  .side-tax-card .traffic-sign.flag .sign-flag {
    font-size: 22px !important;
  }
  .side-tax-card .traffic-sign .sign-crypto {
    font-size: 22px !important;
  }
  .side-tax-card .traffic-sign .sign-code {
    font-size: 7px !important;
  }
  .side-tax-name {
    gap: 8px !important;
  }
  .side-tax-name strong {
    font-size: 10px !important;
  }
  .side-tax-name small {
    font-size: 7px !important;
  }
  .side-tax-vol {
    font-size: 8.5px !important;
  }
  .side-top-list {
    margin-top: 4px !important;
    padding-top: 4px !important;
  }
  .side-top-market {
    font-size: 7px !important;
  }
  .side-top-market em:before {
    content: "liq ";
    color: #42536a;
  }
  .side-subhead {
    margin-top: 2px !important;
    padding: 4px 2px 2px !important;
    color: #7990af !important;
    font-size: 7.5px !important;
  }
  .taxonomy-subnav {
    gap: 4px !important;
  }
  .side-compact-links {
    gap: 3px !important;
  }
  .side-compact-link {
    min-height: 28px !important;
    padding: 4px 7px !important;
  }
  .market-showcase-grid,
  .market-group-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    grid-auto-rows: auto !important;
  }
  .dense-market-card,
  .dense-market-card.featured {
    height: 118px !important;
    min-height: 118px !important;
    padding: 8px 9px !important;
    border-radius: 7px !important;
    background:
      linear-gradient(
        145deg,
        #0d141d,
        #090f16) !important;
    border: 1px solid #1d2a3b !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .dense-market-card:hover {
    border-color: #42668f !important;
  }
  .dense-market-card.featured {
    border-color: #31577f !important;
    background:
      linear-gradient(
        145deg,
        #101a27,
        #0a1119) !important;
  }
  .dense-card-top {
    display: grid !important;
    grid-template-columns: 47px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
  }
  .market-card-logo {
    width: 47px;
    height: 47px;
    display: grid;
    place-items: center;
  }
  .market-card-logo .traffic-sign {
    width: 43px !important;
    height: 43px !important;
    flex-basis: 43px !important;
    border-width: 1.5px !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .035), 0 4px 10px rgba(0, 0, 0, .32) !important;
  }
  .market-card-logo .traffic-sign .sign-art svg {
    width: 29px !important;
    height: 29px !important;
  }
  .market-card-logo .traffic-sign.flag .sign-flag {
    font-size: 25px !important;
  }
  .market-card-logo .traffic-sign .sign-crypto {
    font-size: 26px !important;
  }
  .market-card-logo .traffic-sign.matchup .sign-duel {
    gap: 2px !important;
  }
  .market-card-logo .traffic-sign.matchup .sign-duel b {
    font-size: 8px !important;
  }
  .market-card-logo .traffic-sign.matchup .sign-duel i {
    height: 22px !important;
  }
  .dense-card-copy {
    min-width: 0 !important;
  }
  .dense-market-card .catalog-title,
  .dense-market-card.featured .catalog-title {
    max-width: none !important;
    font-size: 11.5px !important;
    line-height: 1.20 !important;
    margin: 0 !important;
  }
  .dense-market-card .catalog-title a {
    -webkit-line-clamp: 2 !important;
  }
  .catalog-taxonomy {
    font-size: 7.5px !important;
    margin-top: 3px !important;
  }
  .dense-type {
    font-size: 6.7px !important;
    padding: 2px 4px !important;
  }
  .dense-metrics,
  .featured .dense-metrics {
    max-width: none !important;
    margin-top: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .dense-metrics > span {
    padding: 5px 3px 0 !important;
  }
  .dense-metrics small {
    font-size: 5.9px !important;
  }
  .dense-metrics b,
  .featured .dense-metrics b {
    font-size: 8.5px !important;
  }
  .dense-card-foot {
    right: 7px !important;
    bottom: 5px !important;
  }
  .dense-open,
  .dense-paused,
  .dense-edge {
    font-size: 5.8px !important;
    padding: 1px 3px !important;
  }
  .dense-feature-copy {
    display: none !important;
  }
  .market-card-mark {
    display: none !important;
  }
  .catalog-groups {
    display: grid;
    gap: 10px;
  }
  .market-group {
    border: 1px solid #1b293a;
    border-radius: 8px;
    background: #091018;
    padding: 8px;
  }
  .market-group-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 0 2px 7px;
    margin-bottom: 7px;
    border-bottom: 1px solid #172538;
  }
  .market-group-ident {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .market-group-ident .traffic-sign {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px !important;
    border-width: 1px !important;
  }
  .market-group-ident .traffic-sign .sign-art svg {
    width: 20px !important;
    height: 20px !important;
  }
  .market-group-ident .traffic-sign.flag .sign-flag {
    font-size: 19px !important;
  }
  .market-group-title {
    min-width: 0;
  }
  .market-group-title strong {
    display: block;
    font-size: 11px;
    color: #eef4fc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .market-group-title small {
    display: block;
    margin-top: 1px;
    font-family: var(--mono);
    font-size: 6.8px;
    color: #61738a;
  }
  .market-group-actions {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .market-group-stats {
    display: flex;
    gap: 10px;
  }
  .market-group-stats span {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .market-group-stats small {
    font-size: 5.8px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #53657d;
  }
  .market-group-stats b {
    font-family: var(--mono);
    font-size: 8.5px;
    color: #b7c8dc;
  }
  .market-group-open {
    min-height: 27px !important;
    height: 27px !important;
    padding: 3px 7px !important;
    font-size: 7.5px !important;
    border-color: #28405f !important;
    background: #0c1725 !important;
    color: #aec8e8 !important;
  }
  .market-group-more {
    padding: 6px 3px 0;
    font-size: 7px;
    color: #60738b;
    font-family: var(--mono);
    text-align: right;
  }
  .catalog-results-head {
    height: auto !important;
    min-height: 50px !important;
    padding: 7px 10px !important;
  }
  .catalog-results-kicker:after {
    content: " \b7  LIQUIDITY RANKED";
    color: #4e6789;
  }
  .catalog-results-title {
    font-size: 16px !important;
  }
  .catalog-head-stats > span {
    min-width: 80px !important;
    padding: 4px 7px !important;
  }
  .catalog-head-stats b {
    font-size: 10px !important;
  }
  .user-pnl-history {
    margin: 8px 0 10px;
    border: 1px solid #233246;
    border-radius: 7px;
    background:
      linear-gradient(
        180deg,
        #0b131d,
        #081019);
    overflow: hidden;
  }
  .user-pnl-history-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px 5px;
  }
  .user-pnl-history-head strong {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #dbe7f6;
  }
  .user-pnl-history-head span {
    font-family: var(--mono);
    font-size: 10px;
  }
  .user-pnl-chart {
    height: 128px;
    padding: 0 8px 6px;
  }
  .user-pnl-chart svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
  }
  .user-pnl-axis {
    stroke: #1a293b;
    stroke-width: 1;
  }
  .user-pnl-fill {
    fill: rgba(64, 210, 143, .08);
  }
  .user-pnl-fill.neg {
    fill: rgba(255, 100, 100, .07);
  }
  .user-pnl-line {
    fill: none;
    stroke: #48d696;
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
  }
  .user-pnl-line.neg {
    stroke: #ff6c6c;
  }
  .user-pnl-zero {
    stroke: #405169;
    stroke-width: 1;
    stroke-dasharray: 3 4;
  }
  .user-pnl-labels {
    display: flex;
    justify-content: space-between;
    padding: 0 10px 7px;
    font-family: var(--mono);
    font-size: 6.8px;
    color: #5d7089;
  }
  .user-pnl-empty {
    padding: 14px 10px;
    color: #718198;
    font-size: 9px;
  }
  @media (max-width: 1450px) {
    .market-showcase-grid,
    .market-group-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 980px) {
    .market-showcase-grid,
    .market-group-grid {
      grid-template-columns: 1fr !important;
    }
    .market-group-stats {
      display: none;
    }
    .dense-market-card,
    .dense-market-card.featured {
      height: 114px !important;
      min-height: 114px !important;
    }
  }
  .studio-logo.aestus-brand-badge {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    display: grid !important;
    place-items: center !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }
  .aestus-brand-badge svg {
    width: 32px;
    height: 32px;
    display: block;
    overflow: visible;
  }
  .aestus-brand-badge .brand-plate {
    fill: #070d16;
    stroke: #f2f7ff;
    stroke-width: 1.2;
  }
  .aestus-brand-badge .brand-core {
    fill: url(#aestusBadgeFill);
    stroke: #4d78a9;
    stroke-width: .8;
  }
  .aestus-brand-badge .brand-a {
    fill: none;
    stroke: #f5f9ff;
    stroke-width: 2.45;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .aestus-brand-badge .brand-rise {
    fill: none;
    stroke: #6fc0ff;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .aestus-brand-badge .brand-baseline {
    fill: none;
    stroke: #c9ff3d;
    stroke-width: 1.05;
    stroke-linecap: round;
    opacity: .95;
  }
  .app-switch .membership-nav-button {
    min-width: 104px !important;
    border-color: #284365 !important;
    background: #0b1726 !important;
    color: #b7d2f6 !important;
  }
  .app-switch .membership-nav-button.active {
    border-color: #5a91d3 !important;
    background: #122b49 !important;
    color: #eef6ff !important;
  }
  .membership-shell {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    gap: 10px;
  }
  .membership-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
  }
  .membership-tabs button {
    min-height: 34px;
    padding: 7px 12px;
    font-family: var(--head);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .membership-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 10px;
  }
  .membership-card {
    min-height: 220px;
  }
  .membership-card h2 {
    margin-bottom: 10px;
  }
  .membership-card .subcopy {
    color: var(--text2);
    font-size: 13px;
    line-height: 1.6;
    max-width: 740px;
  }
  .membership-provider-actions {
    display: grid;
    gap: 10px;
    margin-top: 16px;
    max-width: 560px;
  }
  .membership-google-button {
    width: 100%;
    background: #f4f7fb !important;
    color: #142033 !important;
    border-color: #c6d5e7 !important;
    box-shadow: none !important;
  }
  .membership-google-button:hover {
    background: #fff !important;
  }
  .membership-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
  }
  .membership-divider::before,
  .membership-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--border);
  }
  .membership-divider span {
    white-space: nowrap;
  }
  .membership-form {
    display: grid;
    gap: 8px;
    margin-top: 14px;
    max-width: 560px;
  }
  .membership-form .row {
    align-items: end;
  }
  .membership-form button {
    min-height: 36px;
  }
  .membership-note {
    padding: 10px 11px;
    border: 1px solid #29486d;
    border-radius: 6px;
    background: #0a1420;
    color: #a9bfdb;
    font-size: 11.5px;
    line-height: 1.5;
  }
  .membership-status {
    min-height: 18px;
    margin-top: 8px;
    color: var(--muted);
    font-size: 12px;
  }
  .membership-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
  }
  .membership-profile-field {
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--panel2);
  }
  .membership-profile-field small {
    display: block;
    color: var(--faint);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .membership-profile-field b {
    display: block;
    margin-top: 4px;
    color: var(--text);
    font-family: var(--mono);
    font-size: 12px;
    overflow-wrap: anywhere;
  }
  .value-research-copy {
    display: grid;
    gap: 7px;
    padding: 10px 12px;
    border: 1px solid #29486d;
    border-radius: 7px;
    background:
      linear-gradient(
        135deg,
        #0d1928,
        #0a111b);
    color: #b9cce2;
    font-size: 12px;
    line-height: 1.55;
  }
  .value-research-copy strong {
    color: #e7f1ff;
    font-family: var(--head);
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
  }
  .value-research-copy button {
    width: max-content;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 10px;
  }
  .value-research-copy .venue-list {
    font-family: var(--mono);
    font-size: 10px;
    color: #83a8d2;
  }
  .structure-market-data {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--line);
    display: grid;
    gap: 8px;
  }
  .structure-market-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
  }
  .structure-market-head strong {
    font-family: var(--head);
    font-size: 12px;
    color: var(--text);
  }
  .structure-market-head small {
    display: block;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.4;
    margin-top: 2px;
  }
  .structure-market-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }
  .structure-market-stat {
    padding: 6px 7px;
    border: 1px solid var(--line);
    background: var(--panel2);
    border-radius: 5px;
  }
  .structure-market-stat small {
    display: block;
    color: var(--faint);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  .structure-market-stat b {
    display: block;
    margin-top: 2px;
    font-family: var(--mono);
    font-size: 10px;
    color: var(--text2);
  }
  .microstructure-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
  }
  .microstructure-block {
    min-width: 0;
  }
  .microstructure-block h3 {
    font-family: var(--head);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted);
    margin-bottom: 4px;
  }
  .microstructure-table {
    min-width: 0 !important;
    font-size: 10px !important;
  }
  .microstructure-table th,
  .microstructure-table td {
    padding: 5px 6px !important;
    font-size: 9.5px !important;
  }
  .microstructure-table th {
    font-size: 8px !important;
  }
  .microstructure-table .ask {
    color: var(--no) !important;
  }
  .microstructure-table .bid {
    color: var(--yes) !important;
  }
  .microstructure-table tr.ask td {
    background: rgba(255, 107, 99, .045);
  }
  .microstructure-table tr.bid td {
    background: rgba(53, 214, 143, .045);
  }
  .microstructure-table tr.ask td:first-child {
    box-shadow: inset 2px 0 0 var(--no);
  }
  .microstructure-table tr.bid td:first-child {
    box-shadow: inset 2px 0 0 var(--yes);
  }
  .structure-market-stat.bid-stat {
    border-color: rgba(53, 214, 143, .38);
  }
  .structure-market-stat.ask-stat {
    border-color: rgba(255, 107, 99, .38);
  }
  .structure-market-stat .bid {
    color: var(--yes) !important;
  }
  .structure-market-stat .ask {
    color: var(--no) !important;
  }
  .structure-tabs {
    display: flex;
    gap: 5px;
    align-items: center;
    border-bottom: 1px solid var(--line);
    padding-bottom: 5px;
  }
  .structure-tab {
    min-height: 29px !important;
    padding: 5px 9px !important;
    border-color: var(--line) !important;
    color: var(--muted) !important;
    font-size: 9px !important;
  }
  .structure-tab.active {
    border-color: #4a78ac !important;
    background: #10233a !important;
    color: #e4effe !important;
  }
  .microstructure-tab-panel {
    min-width: 0;
  }
  .latest-trades-meta {
    margin-bottom: 5px;
    color: var(--muted);
    font-family: var(--mono);
    font-size: 9px;
  }
  .micro-trade-actor {
    display: block;
    color: var(--text2);
    font-size: 9.5px;
    font-weight: 650;
    overflow-wrap: anywhere;
  }
  .micro-trade-actor small {
    display: block;
    margin-top: 2px;
    color: var(--faint);
    font-family: var(--mono);
    font-size: 8px;
    font-weight: 400;
  }
  .microstructure-table .trade-buy {
    color: var(--yes) !important;
    font-weight: 750;
  }
  .microstructure-table .trade-sell {
    color: var(--no) !important;
    font-weight: 750;
  }
  .microstructure-table tr.trade-buy td {
    background: rgba(53, 214, 143, .045);
  }
  .microstructure-table tr.trade-sell td {
    background: rgba(255, 107, 99, .045);
  }
  .microstructure-table tr.trade-buy td:nth-child(2) {
    box-shadow: inset 2px 0 0 var(--yes);
  }
  .microstructure-table tr.trade-sell td:nth-child(2) {
    box-shadow: inset 2px 0 0 var(--no);
  }
  .market-pressure {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 3px 10px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: var(--panel2);
  }
  .market-pressure > div:first-child {
    display: grid;
    gap: 2px;
    min-width: 118px;
  }
  .market-pressure small {
    color: var(--faint);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .market-pressure strong {
    font-family: var(--mono);
    font-size: 11px;
    letter-spacing: .06em;
  }
  .market-pressure-meta {
    font-family: var(--mono);
    font-size: 9px;
    color: var(--muted);
    text-align: right;
  }
  .market-pressure-note {
    grid-column: 1/-1;
    color: var(--muted);
    font-size: 9.5px;
    line-height: 1.4;
  }
  .market-pressure.overbought {
    border-color: rgba(255, 184, 77, .62);
    background: rgba(126, 83, 15, .12);
  }
  .market-pressure.overbought strong {
    color: #ffc05a;
  }
  .market-pressure.oversold {
    border-color: rgba(98, 167, 255, .62);
    background: rgba(27, 77, 132, .14);
  }
  .market-pressure.oversold strong {
    color: #83bdff;
  }
  .market-pressure.neutral {
    border-color: #33475f;
  }
  .market-pressure.neutral strong {
    color: #b7c9de;
  }
  .market-pressure.insufficient {
    border-style: dashed;
  }
  .market-pressure.insufficient strong {
    color: #8393a9;
  }
  .microstructure-empty {
    padding: 10px;
    border: 1px dashed var(--line);
    border-radius: 5px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
  }
  .kelly-panel {
    display: grid;
    gap: 8px;
  }
  .kelly-intro {
    color: var(--text2);
    font-size: 11.5px;
    line-height: 1.5;
  }
  .kelly-input-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
  .kelly-input-grid label {
    margin: 0;
  }
  .kelly-aggression {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
  }
  .kelly-aggression span {
    font-size: 10px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-right: 2px;
  }
  .kelly-aggression button {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 10px;
  }
  .kelly-result-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
  }
  .kelly-result {
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 5px;
    background: var(--panel2);
  }
  .kelly-result small {
    display: block;
    color: var(--faint);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  .kelly-result b {
    display: block;
    margin-top: 3px;
    color: var(--text);
    font-family: var(--mono);
    font-size: 11px;
  }
  .kelly-result.primary-result {
    border-color: #3a6798;
    background: #0c1a2a;
  }
  .kelly-result.primary-result b {
    color: #b9d7ff;
  }
  .kelly-footnote {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
  }
  .user-pnl-filter {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--muted);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  .user-pnl-filter select {
    width: auto;
    min-width: 78px;
    height: 26px;
    min-height: 26px;
    padding: 3px 5px;
    font-family: var(--mono);
    font-size: 9px;
  }
  .user-pnl-history-head {
    align-items: center !important;
  }
  .user-pnl-history-mode {
    display: block !important;
    margin-top: 2px;
    color: #71869c !important;
    font-family: var(--mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
  }
  .user-pnl-history-controls {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
  .user-pnl-switch {
    display: inline-flex !important;
    border: 1px solid #2b4058 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    background: #09111a !important;
  }
  .user-pnl-switch button {
    height: 25px !important;
    min-height: 25px !important;
    padding: 3px 8px !important;
    border: 0 !important;
    border-right: 1px solid #2b4058 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #8ea2b8 !important;
    font: 600 8px/1 var(--mono) !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
  }
  .user-pnl-switch button:last-child {
    border-right: 0 !important;
  }
  .user-pnl-switch button.active {
    background: #153252 !important;
    color: #e3eefb !important;
    box-shadow: inset 0 -2px 0 #b9f45b !important;
  }
  .user-pnl-view[hidden] {
    display: none !important;
  }
  .user-pnl-calendar {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }
  .user-pnl-month {
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 7px !important;
    border: 1px solid #24384e !important;
    border-radius: 5px !important;
    background: #0b141f !important;
  }
  .user-pnl-month-top {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 5px !important;
  }
  .user-pnl-month-top strong {
    color: #cbd9e8 !important;
    font: 600 10px/1 var(--mono) !important;
  }
  .user-pnl-month-top b {
    font: 700 10px/1 var(--mono) !important;
    color: #aabacc !important;
    white-space: nowrap !important;
  }
  .user-pnl-month span {
    display: block !important;
    margin-top: 8px !important;
    color: #72879e !important;
    font: 500 8px/1 var(--mono) !important;
  }
  .user-pnl-month.positive {
    border-color: #24664d !important;
    background: #0d211e !important;
  }
  .user-pnl-month.positive .user-pnl-month-top b {
    color: #55e19b !important;
  }
  .user-pnl-month.negative {
    border-color: #673d4a !important;
    background: #21171e !important;
  }
  .user-pnl-month.negative .user-pnl-month-top b {
    color: #ff7a7a !important;
  }
  .user-pnl-month.empty .user-pnl-month-top b {
    color: #65788d !important;
  }
  .user-pnl-calendar-note {
    padding: 0 10px 8px;
    color: #657a91;
    font-size: 8px;
    line-height: 1.35;
  }
  @media (max-width: 560px) {
    .user-pnl-calendar {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .user-pnl-history-controls {
      justify-content: flex-start !important;
    }
    .user-pnl-history-head {
      align-items: flex-start !important;
      flex-direction: column !important;
    }
  }
  .scope-basis-unavailable {
    color: var(--muted) !important;
    font-weight: 500 !important;
  }
  .scope-basis-known {
    color: #b9d7ff !important;
  }
  .market-external-link,
  .opt-ext,
  .scope-market,
  .scope-user-external,
  .user-profile-link {
    font-family: var(--head) !important;
    letter-spacing: .01em !important;
  }
  .scope-user-external {
    font-size: 8px !important;
    display: grid;
    place-items: center;
    width: auto;
    height: 18px;
    padding: 0 4px;
    border: 1px solid #28405f;
    border-radius: 4px;
    color: #a9c9ed !important;
  }
  .scope-card {
    grid-template-columns: 38px 190px minmax(300px, 1fr) 110px 100px 100px 110px !important;
  }
  @media (max-width: 1000px) {
    .membership-grid,
    .microstructure-grid {
      grid-template-columns: 1fr;
    }
    .kelly-input-grid {
      grid-template-columns: 1fr 1fr;
    }
    .structure-market-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .scope-card {
      grid-template-columns: 30px 150px minmax(220px, 1fr) 92px 88px 88px !important;
    }
  }
  @media (max-width: 640px) {
    .membership-profile-grid,
    .kelly-input-grid,
    .kelly-result-grid {
      grid-template-columns: 1fr;
    }
    .membership-tabs {
      overflow: auto;
    }
    .scope-card {
      grid-template-columns: 28px minmax(0, 1fr) 86px !important;
    }
    .scope-card .scope-identity {
      grid-column: 2;
    }
    .scope-card .scope-main {
      grid-column: 1/-1;
    }
    .scope-card .scope-metric {
      grid-row: auto;
    }
    .scope-card .scope-metric:last-child {
      grid-column: auto;
    }
    .app-switch .membership-nav-button {
      min-width: 68px !important;
    }
  }
  #mktTools .soccer-family-note {
    font-family: var(--mono);
    font-size: 7px;
    color: #63758b;
    line-height: 1.3;
    margin-top: 2px;
  }
  .mkt-betgroup {
    border-top: 1px solid #17263a;
    background: #081019;
  }
  .mkt-betgroup:first-of-type {
    border-top: 0;
  }
  .mkt-betgroup-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    min-height: 28px;
    padding: 5px 7px;
    background:
      linear-gradient(
        90deg,
        #0c1725,
        #09111a);
    border-bottom: 1px solid #17263a;
  }
  .mkt-betgroup-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 4px;
    border: 1px solid #35577f;
    border-radius: 4px;
    background: #10223a;
    color: #a9c9f4;
    font-family: var(--mono);
    font-size: 6.5px;
    font-weight: 800;
    letter-spacing: .03em;
    white-space: nowrap;
  }
  .mkt-betgroup-title {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .mkt-betgroup-title strong {
    font-size: 8.5px;
    color: #dce8f6;
    line-height: 1.15;
  }
  .mkt-betgroup-title small {
    font-family: var(--mono);
    font-size: 6.3px;
    color: #586b83;
    margin-top: 1px;
  }
  .mkt-betgroup-liq {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    white-space: nowrap;
  }
  .mkt-betgroup-liq small {
    font-size: 5.8px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #51647c;
  }
  .mkt-betgroup-liq b {
    font-family: var(--mono);
    font-size: 7.8px;
    color: #9fb5cf;
  }
  .mkt-betgroup .mkt-row {
    background: #090f17 !important;
  }
  .mkt-betgroup .mkt-row:hover {
    background: #0d1723 !important;
  }
  .mkt-betgroup .mkt-row.on {
    background: #0d1b2b !important;
  }
  .mkt-betgroup .mkt-nm {
    padding-left: 2px;
  }
  .mkt-row .mkt-betlabel {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #geoTopicNav .side-compact-link span {
    font-weight: 650;
    color: #a9b9ce;
  }
  #geoTopicNav .side-compact-link.active span {
    color: #e6f0fc;
  }
  .geo-topic-accent {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background: #7399c7;
    vertical-align: 1px;
  }
  @media (max-width: 560px) {
    .mkt-betgroup-head {
      grid-template-columns: 31px minmax(0, 1fr) auto;
      padding: 5px;
    }
    .mkt-betgroup-title strong {
      font-size: 8px;
    }
    .mkt-betgroup-liq b {
      font-size: 7px;
    }
  }
  .tennis-model-panel {
    display: grid;
    gap: 9px;
    margin-top: 9px;
    padding: 10px 12px;
    border: 1px solid #315b86;
    border-radius: 7px;
    background:
      linear-gradient(
        135deg,
        #0c1b2b,
        #09111b);
    color: var(--text2);
  }
  .tennis-model-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--line);
  }
  .tennis-model-head strong {
    display: block;
    font-family: var(--head);
    font-size: 14px;
    color: var(--text);
  }
  .tennis-model-head small {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-family: var(--mono);
    font-size: 9px;
  }
  .tennis-model-tag {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 7px;
    border: 1px solid #3e8a60;
    border-radius: 4px;
    color: #a9e0b9;
    font-family: var(--mono);
    font-size: 8px;
    letter-spacing: .06em;
    white-space: nowrap;
  }
  .tennis-model-tag.preview {
    border-color: #719ed0;
    color: #bad7fb;
  }
  .tennis-model-grid {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
  .tennis-model-grid > div {
    min-width: 0;
    padding: 8px;
    border-left: 1px solid #315b86;
    background: rgba(5, 15, 25, .34);
  }
  .tennis-model-grid > div:first-child {
    border-left: 3px solid #b9ff18;
  }
  .tennis-model-grid small,
  .tennis-model-main small {
    display: block;
    color: #7693b5;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .07em;
  }
  .tennis-model-grid b {
    display: block;
    margin-top: 4px;
    color: var(--text);
    font-family: var(--mono);
    font-size: 17px;
  }
  .tennis-model-main b {
    color: #b9ff18;
    font-size: 24px;
  }
  .tennis-model-grid span {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-family: var(--mono);
    font-size: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tennis-model-research-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    gap: 8px;
  }
  .tennis-model-prob-box,
  .tennis-model-history-box {
    min-width: 0;
    padding: 8px;
    border: 1px solid #294c71;
    border-radius: 5px;
    background: rgba(5, 15, 25, .42);
  }
  .tennis-model-subhead {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 7px;
  }
  .tennis-model-subhead strong {
    font-family: var(--head);
    font-size: 10px;
    color: var(--text);
  }
  .tennis-model-subhead small {
    color: var(--muted);
    font-family: var(--mono);
    font-size: 8px;
    white-space: nowrap;
  }
  .tennis-model-prob-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
  }
  .tennis-model-prob-list > div {
    padding: 7px;
    border-left: 3px solid #315b86;
    background: #0b1a29;
  }
  .tennis-model-prob-list span {
    display: block;
    color: var(--muted);
    font-size: 9px;
  }
  .tennis-model-prob-list b {
    display: block;
    margin-top: 4px;
    color: #b9ff18;
    font-family: var(--mono);
    font-size: 17px;
  }
  .tennis-model-prob-list small {
    display: block;
    margin-top: 2px;
    color: #7d96b4;
    font-family: var(--mono);
    font-size: 9px;
  }
  .tennis-rating-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .tennis-rating-column {
    min-width: 0;
    padding: 7px;
    border-left: 3px solid #315b86;
    background: #0b1a29;
  }
  .tennis-rating-column strong {
    display: block;
    color: #7797bb;
    font-family: var(--mono);
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .tennis-rating-column span {
    display: block;
    margin-top: 3px;
    color: var(--text);
    font-family: var(--head);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tennis-rating-column b {
    display: block;
    margin-top: 4px;
    color: #b9ff18;
    font-family: var(--mono);
    font-size: 14px;
  }
  .tennis-rating-column small {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-family: var(--mono);
    font-size: 8px;
    line-height: 1.35;
  }
  .tennis-model-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    padding-top: 5px;
    border-top: 1px solid var(--line);
    color: #7e9abd;
    font-family: var(--mono);
    font-size: 8px;
  }
  .tennis-model-note,
  .tennis-model-empty {
    color: var(--muted);
    font-size: 10px;
    line-height: 1.45;
  }
  @media (max-width: 760px) {
    .tennis-model-grid,
    .tennis-model-research-grid {
      grid-template-columns: 1fr 1fr;
    }
    .tennis-model-main {
      grid-column: 1/-1;
    }
  }
  @media (max-width: 520px) {
    .tennis-model-head {
      display: grid;
    }
    .tennis-model-grid,
    .tennis-model-research-grid,
    .tennis-rating-grid {
      grid-template-columns: 1fr;
    }
    .tennis-model-main {
      grid-column: auto;
    }
    .tennis-model-prob-list {
      grid-template-columns: 1fr;
    }
  }
  .scope-mode-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .scope-filter-grid {
    grid-template-columns: minmax(150px, 210px) minmax(100px, 140px) minmax(150px, 210px) minmax(150px, 210px) 180px !important;
  }
  .scope-edge-only {
    display: none;
  }
  .scope-edge-card {
    grid-template-columns: 38px 150px minmax(300px, 1fr) 110px 110px 120px 120px !important;
  }
  .scope-edge-card .scope-edge-model {
    color: #9ec3ff;
    font-family: var(--mono);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  .scope-edge-card .scope-edge-main {
    min-width: 0;
  }
  .scope-edge-card .scope-edge-market {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
  }
  .scope-edge-card .scope-edge-sub {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 5px;
    color: var(--faint);
    font-family: var(--mono);
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
  }
  .scope-edge-card .scope-edge-outcome {
    color: #dce9ff;
    font-weight: 800;
  }
  .scope-edge-card .scope-edge-bet,
  .scope-edge-card .scope-edge-side {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .scope-edge-card .scope-edge-contract {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7188a4;
  }
  .scope-edge-card .scope-edge-quote {
    color: #9db2cc;
  }
  .scope-edge-card .scope-edge-value b {
    font-size: 13px;
  }
  .scope-edge-card .scope-edge-value.pos b {
    color: var(--yes);
  }
  .scope-edge-card .scope-edge-value.neg b {
    color: var(--no);
  }
  .scope-edge-card .scope-edge-note {
    grid-column: 3/-1;
    color: var(--faint);
    font-family: var(--mono);
    font-size: 9px;
    line-height: 1.35;
  }
  .scope-edge-disclaimer {
    padding: 9px 12px;
    border-bottom: 1px solid var(--line-soft);
    color: var(--faint);
    font-family: var(--mono);
    font-size: 9px;
    line-height: 1.4;
    background: #0a1119;
  }
  @media (max-width: 1200px) {
    .scope-mode-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .scope-filter-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .scope-edge-card {
      grid-template-columns: 30px 130px minmax(220px, 1fr) 94px 94px 105px 105px !important;
    }
  }
  @media (max-width: 820px) {
    .scope-mode-grid {
      grid-template-columns: 1fr !important;
    }
    .scope-filter-grid {
      grid-template-columns: 1fr 1fr !important;
    }
    .scope-filter-grid #scopeRefreshBtn {
      grid-column: 1/-1 !important;
    }
    .scope-edge-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
    }
    .scope-edge-card .scope-edge-model {
      grid-column: 2;
    }
    .scope-edge-card .scope-edge-main {
      grid-column: 1/-1;
    }
    .scope-edge-card .scope-edge-note {
      grid-column: 1/-1;
    }
  }
  .studio-wordmark {
    min-width: 0 !important;
    align-items: center !important;
  }
  .aestus-wordmark-picture {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 210px !important;
    width: 210px !important;
    height: 56px !important;
    min-width: 0 !important;
    line-height: 0 !important;
  }
  .aestus-wordmark-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  @media (max-width: 1120px) {
    .aestus-wordmark-picture {
      flex-basis: 176px !important;
      width: 176px !important;
      height: 48px !important;
    }
  }
  @media (max-width: 820px) {
    .aestus-wordmark-picture {
      flex-basis: 142px !important;
      width: 142px !important;
      height: 44px !important;
    }
  }
  @media (max-width: 560px) {
    .aestus-wordmark-picture {
      flex-basis: 116px !important;
      width: 116px !important;
      height: 40px !important;
    }
  }
  @media (max-width: 420px) {
    .aestus-wordmark-picture {
      flex-basis: 38px !important;
      width: 38px !important;
      height: 38px !important;
    }
  }
  #geoEntityNav .side-compact-link span {
    font-weight: 650;
    color: #aabbd1;
  }
  #geoEntityNav .side-compact-link.active span {
    color: #eef5ff;
  }
  .catalog-group-directory {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }
  .group-directory-card {
    min-height: 92px !important;
    padding: 9px 10px !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 9px !important;
    row-gap: 4px !important;
    text-align: left !important;
    border: 1px solid #1c2b3e !important;
    border-radius: 7px !important;
    background:
      linear-gradient(
        145deg,
        #0d151f,
        #091019) !important;
    color: #e8f0fb !important;
  }
  .group-directory-card:hover {
    border-color: #3f6798 !important;
    background: #101b29 !important;
  }
  .group-directory-card .traffic-sign {
    grid-row: 1/3;
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    align-self: start;
  }
  .group-directory-card .traffic-sign .sign-art svg {
    width: 23px !important;
    height: 23px !important;
  }
  .group-directory-card .traffic-sign.flag .sign-flag {
    font-size: 21px !important;
  }
  .group-dir-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .group-dir-main strong {
    font-size: 10.5px;
    line-height: 1.2;
    color: #eef5ff;
  }
  .group-dir-main small {
    font-family: var(--mono);
    font-size: 7px;
    color: #667a94;
    margin-top: 2px;
  }
  .group-dir-stats {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    white-space: nowrap;
  }
  .group-dir-stats b {
    font-family: var(--mono);
    font-size: 9px;
    color: #b8cae1;
  }
  .group-dir-stats small {
    font-size: 6.5px;
    color: #5c6f88;
  }
  .group-dir-preview {
    grid-column: 2/4;
    min-width: 0;
    display: flex;
    gap: 5px;
    overflow: hidden;
  }
  .group-dir-preview span {
    min-width: 0;
    max-width: 48%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 5px;
    border: 1px solid #17263a;
    border-radius: 4px;
    background: #08101a;
    font-size: 7px;
    color: #788ba5;
  }
  .event-options-panel.soccer-match-hub .mkt-split {
    grid-template-columns: 1fr !important;
  }
  .event-options-panel.soccer-match-hub .mkt-chart-col {
    display: none !important;
  }
  .event-options-panel.soccer-match-hub .mkt-list-col {
    max-width: none !important;
    width: 100% !important;
  }
  .event-options-panel.soccer-sidebet-view .mkt-split {
    grid-template-columns: minmax(250px, 318px) minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .event-options-panel.soccer-sidebet-view .mkt-list-col {
    max-width: 318px !important;
  }
  .soccer-hub-intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
    padding: 7px 9px;
    border: 1px solid #20334b;
    border-radius: 6px;
    background:
      linear-gradient(
        90deg,
        #0d1927,
        #09111b);
  }
  .soccer-hub-intro strong {
    font-size: 10px;
    color: #e5eef9;
  }
  .soccer-hub-intro span {
    font-family: var(--mono);
    font-size: 7.5px;
    color: #7388a3;
  }
  .sidebet-family {
    margin: 0 0 9px;
    border: 1px solid #17273b;
    border-radius: 7px;
    overflow: hidden;
    background: #080f17;
  }
  .sidebet-family-head {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 0 9px;
    border-bottom: 1px solid #17273b;
    background:
      linear-gradient(
        90deg,
        #0c1725,
        #09111a);
  }
  .sidebet-family-ident {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
  }
  .sidebet-family-code {
    height: 18px;
    min-width: 34px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #365b87;
    border-radius: 4px;
    background: #10243d;
    color: #b3d2fa;
    font-family: var(--mono);
    font-size: 6.5px;
    font-weight: 800;
  }
  .sidebet-family-head strong {
    font-size: 9px;
    color: #e0eaf6;
  }
  .sidebet-family-head small {
    font-family: var(--mono);
    font-size: 7px;
    color: #64778f;
  }
  .sidebet-family-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    padding: 5px;
  }
  .sidebet-card {
    min-height: 86px !important;
    padding: 8px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #1a2a3e !important;
    border-radius: 6px !important;
    background:
      linear-gradient(
        145deg,
        #0c141e,
        #090f17) !important;
    color: #e7eef8 !important;
  }
  .sidebet-card:hover {
    border-color: #4b7db9 !important;
    background: #101c2a !important;
  }
  .sidebet-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
  }
  .sidebet-card-title {
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1.2;
    color: #eaf2fc;
  }
  .sidebet-card-count {
    font-family: var(--mono);
    font-size: 6.5px;
    color: #6f84a0;
    white-space: nowrap;
  }
  .sidebet-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-top: 5px;
    min-height: 18px;
  }
  .sidebet-preview span {
    max-width: 100%;
    display: inline-flex;
    gap: 4px;
    align-items: center;
    padding: 2px 4px;
    border: 1px solid #20334b;
    border-radius: 4px;
    background: #08111c;
    font-family: var(--mono);
    font-size: 6.5px;
    color: #8da4c0;
  }
  .sidebet-preview b {
    color: #d9e7f7;
    font-size: 7px;
  }
  .sidebet-card-metrics {
    margin-top: auto;
    padding-top: 5px;
    border-top: 1px solid #152438;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
  .sidebet-card-metrics span {
    display: flex;
    flex-direction: column;
  }
  .sidebet-card-metrics small {
    font-size: 5.8px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #536981;
  }
  .sidebet-card-metrics b {
    font-family: var(--mono);
    font-size: 7.5px;
    color: #a9bed7;
    margin-top: 1px;
  }
  .sidebet-back {
    width: 100% !important;
    height: 29px !important;
    min-height: 29px !important;
    margin: 0 0 6px !important;
    padding: 4px 7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-color: #284461 !important;
    background: #0b1622 !important;
    color: #b8cbe1 !important;
    font-size: 8px !important;
  }
  .sidebet-back span {
    font-family: var(--mono);
    font-size: 6.5px;
    color: #627891;
  }
  .sidebet-detail-card {
    margin-bottom: 6px;
    padding: 8px;
    border: 1px solid #274568;
    border-radius: 6px;
    background:
      linear-gradient(
        145deg,
        #0f1d2d,
        #09121d);
  }
  .sidebet-detail-kicker {
    font-family: var(--mono);
    font-size: 6.5px;
    letter-spacing: .1em;
    color: #6790c3;
  }
  .sidebet-detail-card h3 {
    margin: 3px 0 7px;
    font-size: 13px;
    line-height: 1.15;
    color: #eff6ff;
  }
  .sidebet-detail-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
  .sidebet-detail-stats span {
    padding: 4px 5px;
    border-left: 1px solid #29405e;
    display: flex;
    flex-direction: column;
  }
  .sidebet-detail-stats small {
    font-size: 5.8px;
    color: #60758e;
    text-transform: uppercase;
  }
  .sidebet-detail-stats b {
    font-family: var(--mono);
    font-size: 8px;
    color: #c8d8eb;
    margin-top: 1px;
  }
  .sidebet-options {
    border: 1px solid #192b40;
    border-radius: 6px;
    overflow: hidden;
    background: #080f17;
  }
  .sidebet-options-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px 12px;
    gap: 6px;
    padding: 5px 7px;
    border-bottom: 1px solid #192b40;
    background: #0a1420;
    font-size: 6px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #5e738e;
  }
  .sidebet-option-row {
    min-height: 33px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px 12px;
    gap: 6px;
    align-items: center;
    padding: 5px 7px;
    border-bottom: 1px solid #142438;
    cursor: pointer;
  }
  .sidebet-option-row:last-child {
    border-bottom: 0;
  }
  .sidebet-option-row:hover {
    background: #0d1926;
  }
  .sidebet-option-row.on {
    background: #0d1d2e;
  }
  .sidebet-option-name {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .sidebet-option-name strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 8.5px;
    color: #dce8f6;
  }
  .sidebet-option-name small {
    font-family: var(--mono);
    font-size: 6px;
    color: #586d86;
    margin-top: 1px;
  }
  .sidebet-option-price {
    font-family: var(--mono);
    font-size: 9px;
    font-weight: 700;
    color: #bcd2eb;
    text-align: right;
  }
  .sidebet-option-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #49617d;
    justify-self: end;
  }
  .sidebet-option-row.on .sidebet-option-dot {
    border-color: transparent;
  }
  .sidebet-chart-note {
    padding: 5px 7px;
    border-top: 1px solid #17283c;
    font-family: var(--mono);
    font-size: 6.5px;
    line-height: 1.35;
    color: #60748d;
  }
  .detail-runtime-cards {
    grid-template-columns: repeat(3, minmax(92px, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 354px !important;
    justify-self: end !important;
    align-self: start !important;
  }
  .detail-mini-card {
    min-height: 34px !important;
    height: 34px !important;
    padding: 5px 6px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
    border-radius: 4px !important;
  }
  .detail-mini-card .k {
    font-size: 5.8px !important;
    line-height: 1 !important;
    letter-spacing: .08em !important;
    white-space: nowrap !important;
  }
  .detail-mini-card .v {
    font-size: 7.2px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .structure-bet-switcher {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 8px;
    border: 1px solid #20364f;
    border-radius: 5px;
    background:
      linear-gradient(
        90deg,
        #0b1725,
        #09111a);
  }
  .structure-bet-switcher label {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
  }
  .structure-bet-switcher label span {
    font-family: var(--mono);
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #7891af;
    white-space: nowrap;
  }
  .structure-bet-switcher select {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 29px;
    padding: 4px 7px;
    border: 1px solid #2b4d73;
    border-radius: 4px;
    background: #0a1522;
    color: #dceafb;
    font-family: var(--mono);
    font-size: 8px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .structure-bet-switcher small {
    font-family: var(--mono);
    font-size: 6.5px;
    color: #5e7694;
    white-space: nowrap;
  }
  .structure-outcome-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #1e344c;
    border-radius: 5px;
    background: #08131f;
  }
  .structure-outcome-chip {
    min-width: 0;
    padding: 5px 7px;
    border: 1px solid #2b4662;
    border-radius: 4px;
    background: #0b1724;
    color: #a9bdd3;
    text-align: left;
    cursor: pointer;
  }
  .structure-outcome-chip:hover {
    border-color: #5a83b2;
    background: #102239;
  }
  .structure-outcome-chip.active {
    border-color: #6f9bd0;
    background: #122a43;
    box-shadow: inset 2px 0 0 #c9ff3d;
  }
  .structure-outcome-chip span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--head);
    font-size: 9px;
    font-weight: 700;
    color: #e2edf9;
  }
  .structure-outcome-chip small {
    display: block;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--mono);
    font-size: 6.5px;
    color: #7892ad;
  }
  .market-showcase-grid,
  .market-group-grid {
    grid-auto-rows: 118px !important;
    align-items: stretch !important;
  }
  .market-card.dense-market-card,
  .market-card.dense-market-card.featured {
    height: 118px !important;
    min-height: 118px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
  }
  .dense-market-card.featured .catalog-title {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    max-width: none !important;
  }
  .dense-market-card.featured .dense-metrics {
    max-width: none !important;
  }
  .group-directory-card {
    height: 100% !important;
    align-self: stretch !important;
  }
  .dense-card-foot {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .dense-card-foot .dense-open-action {
    margin-right: auto;
  }
  .dense-open-action {
    font-family: var(--mono);
    font-size: 6.5px;
    letter-spacing: .08em;
    color: #9fc5f2;
    white-space: nowrap;
  }
  .dense-market-card .market-external-link {
    cursor: pointer;
  }
  .aestus-brand-badge .brand-plate {
    fill: #050a12;
    stroke: #f4f8ff;
    stroke-width: 1.2;
  }
  .aestus-brand-badge .brand-core {
    fill: url(#aestusBadgeFill);
    stroke: #5f9bd2;
    stroke-width: .85;
  }
  .aestus-brand-badge .brand-a {
    fill: none;
    stroke: #f8fbff;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .aestus-brand-badge .brand-rise {
    fill: none;
    stroke: #7bc6ff;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .aestus-brand-badge .brand-baseline {
    fill: none;
    stroke: #c9ff3d;
    stroke-width: 1.05;
    stroke-linecap: round;
  }
  .aestus-brand-badge .brand-star {
    fill: #c9ff3d;
    opacity: 1;
  }
  .aestus-wordmark-picture {
    display: block;
    line-height: 0;
    min-width: 0;
  }
  .aestus-wordmark-logo {
    display: block;
    width: 188px;
    height: auto;
    max-height: 48px;
    object-fit: contain;
    object-position: left center;
  }
  .studio-wordmark {
    gap: 4px !important;
  }
  .studio-wordmark span {
    white-space: nowrap;
  }
  @media (max-width: 640px) {
    .detail-runtime-cards {
      max-width: none !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .structure-bet-switcher {
      align-items: stretch;
      flex-direction: column;
    }
    .structure-bet-switcher label {
      grid-template-columns: 1fr;
    }
    .structure-bet-switcher small {
      white-space: normal;
    }
    .structure-outcome-pair {
      grid-template-columns: 1fr;
    }
    .structure-outcome-chip small {
      font-size: 6.2px;
    }
  }
  @media (max-width: 980px) {
    .aestus-wordmark-logo {
      width: 160px;
      max-height: 42px;
    }
  }
  @media (max-width: 560px) {
    .aestus-wordmark-logo {
      width: 145px;
      max-height: 40px;
    }
    .studio-wordmark span {
      display: none !important;
    }
  }
  @media (max-width: 1320px) {
    .catalog-group-directory {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 820px) {
    .catalog-group-directory,
    .sidebet-family-grid {
      grid-template-columns: 1fr;
    }
    .event-options-panel.soccer-sidebet-view .mkt-split {
      grid-template-columns: 1fr !important;
    }
    .event-options-panel.soccer-sidebet-view .mkt-list-col {
      max-width: none !important;
    }
    .event-options-panel.soccer-sidebet-view .mkt-chart-col {
      border-left: 0 !important;
      padding-left: 0 !important;
      border-top: 1px solid #17283c !important;
      padding-top: 8px !important;
    }
  }
  .soccer-match-hub-grid .soccer-hub-intro {
    margin-bottom: 5px;
    padding: 5px 7px;
  }
  .soccer-match-hub-grid .soccer-hub-intro strong {
    font-size: 9px;
  }
  .soccer-match-hub-grid .soccer-hub-intro span {
    font-size: 6.8px;
  }
  .soccer-match-hub-grid .sidebet-family {
    margin-bottom: 5px;
    border-radius: 5px;
  }
  .soccer-match-hub-grid .sidebet-family-head {
    height: 24px;
    padding: 0 7px;
  }
  .soccer-match-hub-grid .sidebet-family-code {
    height: 15px;
    min-width: 30px;
    padding: 0 4px;
    font-size: 6px;
  }
  .soccer-match-hub-grid .sidebet-family-head strong {
    font-size: 8px;
  }
  .soccer-match-hub-grid .sidebet-family-head small {
    font-size: 6.3px;
  }
  .soccer-match-hub-grid .sidebet-family-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 3px;
    padding: 3px;
  }
  .soccer-match-hub-grid .sidebet-card {
    height: 58px !important;
    min-height: 58px !important;
    padding: 5px !important;
    border-radius: 4px !important;
  }
  .soccer-match-hub-grid .sidebet-card-top {
    gap: 3px;
  }
  .soccer-match-hub-grid .sidebet-card-title {
    font-size: 8px;
    line-height: 1.12;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .soccer-match-hub-grid .sidebet-card-count {
    font-size: 5.8px;
  }
  .soccer-match-hub-grid .sidebet-preview {
    gap: 2px;
    margin-top: 2px;
    min-height: 11px;
    max-height: 12px;
    overflow: hidden;
    flex-wrap: nowrap;
  }
  .soccer-match-hub-grid .sidebet-preview span {
    padding: 1px 3px;
    font-size: 5.8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .soccer-match-hub-grid .sidebet-preview b {
    font-size: 6.2px;
  }
  .soccer-match-hub-grid .sidebet-card-metrics {
    display: flex;
    gap: 7px;
    margin-top: auto;
    padding-top: 3px;
  }
  .soccer-match-hub-grid .sidebet-card-metrics span {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 3px;
  }
  .soccer-match-hub-grid .sidebet-card-metrics small {
    font-size: 5px;
  }
  .soccer-match-hub-grid .sidebet-card-metrics b {
    font-size: 6.8px;
  }
  @media (max-width: 1320px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 980px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 620px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: 1fr;
    }
    .soccer-match-hub-grid .sidebet-card {
      height: 54px !important;
      min-height: 54px !important;
    }
  }
  .football-model-panel {
    margin-top: 7px;
    padding: 8px 9px;
    border: 1px solid #315a80;
    border-radius: 6px;
    background:
      linear-gradient(
        135deg,
        #0d1b2a,
        #09111a);
    color: #b9cce2;
  }
  .football-model-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }
  .football-model-head strong {
    display: block;
    color: #eef6ff;
    font-family: var(--head);
    font-size: 10px;
    letter-spacing: .04em;
  }
  .football-model-head small {
    display: block;
    margin-top: 2px;
    color: #6f89a7;
    font-family: var(--mono);
    font-size: 6.5px;
  }
  .football-model-tag {
    padding: 3px 4px;
    border: 1px solid #4f7f5e;
    border-radius: 3px;
    background: #10261c;
    color: #b6e7a9;
    font-family: var(--mono);
    font-size: 5.8px;
    letter-spacing: .06em;
    white-space: nowrap;
  }
  .football-model-grid {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    gap: 4px;
    margin-top: 7px;
  }
  .football-model-grid > div {
    min-width: 0;
    padding: 5px 6px;
    border-left: 1px solid #284661;
  }
  .football-model-grid small {
    display: block;
    color: #607a98;
    font-size: 6.2px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .football-model-grid b {
    display: block;
    margin-top: 2px;
    color: #dcecff;
    font-family: var(--mono);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .football-model-grid span {
    display: block;
    margin-top: 2px;
    color: #7188a2;
    font-family: var(--mono);
    font-size: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .football-model-main {
    border-left: 2px solid #c9ff3d !important;
  }
  .football-model-main b {
    color: #c9ff3d !important;
    font-size: 15px;
  }
  .football-model-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    color: #8eafd1;
    font-family: var(--mono);
    font-size: 6.8px;
  }
  .football-model-meta span + span {
    padding-left: 8px;
    border-left: 1px solid #29415b;
  }
  .football-model-note {
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid #20364d;
    color: #7189a5;
    font-size: 7.5px;
    line-height: 1.35;
  }
  .football-model-empty {
    margin-top: 6px;
    color: #8397af;
    font-size: 8px;
    line-height: 1.4;
  }
  @media (max-width: 620px) {
    .football-model-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .football-model-main {
      grid-column: span 2;
    }
  }
  .baseball-model-panel {
    margin-top: 7px;
    padding: 8px 9px;
    border: 1px solid #3f6f9f;
    border-radius: 6px;
    background:
      linear-gradient(
        135deg,
        #0c1b2a,
        #091119);
    color: #bfd1e3;
  }
  .mlb-model-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }
  .mlb-model-head strong {
    display: block;
    color: #eef6ff;
    font-family: var(--head);
    font-size: 10px;
    letter-spacing: .04em;
  }
  .mlb-model-head small {
    display: block;
    margin-top: 2px;
    color: #7892ae;
    font-family: var(--mono);
    font-size: 6.5px;
  }
  .mlb-model-tag {
    padding: 3px 4px;
    border: 1px solid #4e8c65;
    border-radius: 3px;
    background: #10261c;
    color: #b6e7a9;
    font-family: var(--mono);
    font-size: 5.8px;
    letter-spacing: .06em;
    white-space: nowrap;
  }
  .mlb-model-tag.preview {
    border-color: #6e8fc0;
    background: #10233a;
    color: #bedaff;
  }
  .mlb-model-grid {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    gap: 4px;
    margin-top: 7px;
  }
  .mlb-model-grid > div {
    min-width: 0;
    padding: 5px 6px;
    border-left: 1px solid #284661;
  }
  .mlb-model-grid small {
    display: block;
    color: #607a98;
    font-size: 6.2px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .mlb-model-grid b {
    display: block;
    margin-top: 2px;
    color: #dcecff;
    font-family: var(--mono);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mlb-model-grid span {
    display: block;
    margin-top: 2px;
    color: #7188a2;
    font-family: var(--mono);
    font-size: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mlb-model-main {
    border-left: 2px solid #ffb82e !important;
  }
  .mlb-model-main b {
    color: #ffcb54 !important;
    font-size: 15px;
  }
  .mlb-model-research-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    gap: 6px;
    margin-top: 7px;
  }
  .mlb-model-prob-box,
  .mlb-model-history-box {
    min-width: 0;
    padding: 6px 7px;
    border: 1px solid #213b56;
    border-radius: 4px;
    background: rgba(5, 13, 22, .42);
  }
  .mlb-model-subhead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 7px;
    margin-bottom: 5px;
  }
  .mlb-model-subhead strong {
    font-size: 8px;
    color: #dbeafa;
  }
  .mlb-model-subhead small {
    font-family: var(--mono);
    font-size: 5.8px;
    color: #6d86a2;
    white-space: nowrap;
  }
  .mlb-model-prob-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
  }
  .mlb-model-prob-list > div {
    min-width: 0;
    padding: 4px 5px;
    border-left: 2px solid #d08b27;
    background: #0a1623;
  }
  .mlb-model-prob-list span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 7px;
    color: #91a9c3;
  }
  .mlb-model-prob-list b {
    display: block;
    margin-top: 2px;
    font-family: var(--mono);
    font-size: 10px;
    color: #ffcb54;
  }
  .mlb-model-prob-list small {
    display: block;
    margin-top: 1px;
    font-family: var(--mono);
    font-size: 5.6px;
    color: #687f99;
  }
  .mlb-history-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .mlb-history-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .mlb-history-column strong {
    font-size: 7px;
    color: #bcd0e5;
  }
  .mlb-history-column span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--mono);
    font-size: 6.2px;
    color: #6f87a2;
  }
  .mlb-history-column b {
    font-family: var(--mono);
    font-size: 7px;
    color: #d6e7fb;
  }
  .mlb-history-column small {
    font-family: var(--mono);
    font-size: 5.7px;
    line-height: 1.35;
    color: #71869d;
  }
  .mlb-run-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid #20364d;
    font-family: var(--mono);
    font-size: 6.3px;
    color: #7791ad;
  }
  .mlb-run-strip b {
    color: #d6e7fb;
  }
  .mlb-model-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    color: #8eafd1;
    font-family: var(--mono);
    font-size: 6.8px;
  }
  .mlb-model-meta span + span {
    padding-left: 8px;
    border-left: 1px solid #29415b;
  }
  .mlb-model-note {
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid #20364d;
    color: #7189a5;
    font-size: 7.5px;
    line-height: 1.4;
  }
  .mlb-model-empty {
    margin-top: 6px;
    color: #8397af;
    font-size: 8px;
    line-height: 1.4;
  }
  @media (max-width: 620px) {
    .mlb-model-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .mlb-model-main {
      grid-column: span 2;
    }
    .mlb-model-research-grid {
      grid-template-columns: 1fr;
    }
    .mlb-model-prob-list,
    .mlb-history-grid {
      grid-template-columns: 1fr;
    }
  }
  .football-advanced-model-panel {
    margin-top: 7px;
    padding: 8px 9px;
    border: 1px solid #4d6f99;
    border-radius: 6px;
    background:
      linear-gradient(
        135deg,
        #121b2a,
        #0a111b);
    color: #c5d5e8;
  }
  .football-advanced-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }
  .football-advanced-head strong {
    display: block;
    color: #f2f7ff;
    font-family: var(--head);
    font-size: 10px;
    letter-spacing: .04em;
  }
  .football-advanced-head small {
    display: block;
    margin-top: 2px;
    color: #8299b7;
    font-family: var(--mono);
    font-size: 6.5px;
  }
  .football-advanced-tag {
    padding: 3px 4px;
    border: 1px solid #6c8fbd;
    border-radius: 3px;
    background: #11243a;
    color: #b8d5f8;
    font-family: var(--mono);
    font-size: 5.8px;
    letter-spacing: .06em;
    white-space: nowrap;
  }
  .football-advanced-tag.locked {
    border-color: #8d6a46;
    background: #241a10;
    color: #f3c98e;
  }
  .football-advanced-grid {
    display: grid;
    grid-template-columns: 1.3fr repeat(3, 1fr);
    gap: 4px;
    margin-top: 7px;
  }
  .football-advanced-grid > div {
    min-width: 0;
    padding: 5px 6px;
    border-left: 1px solid #345175;
  }
  .football-advanced-grid small,
  .football-advanced-compare small,
  .football-advanced-detail-grid small {
    display: block;
    color: #738aa7;
    font-size: 6.2px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .football-advanced-grid b {
    display: block;
    margin-top: 2px;
    color: #e5f0ff;
    font-family: var(--mono);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .football-advanced-grid span,
  .football-advanced-compare span,
  .football-advanced-detail-grid span {
    display: block;
    margin-top: 2px;
    color: #8095ae;
    font-family: var(--mono);
    font-size: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .football-advanced-main {
    border-left: 2px solid #77b8ff !important;
  }
  .football-advanced-main b {
    color: #8dccff !important;
    font-size: 15px;
  }
  .football-advanced-grid b.positive {
    color: #8fe4b0 !important;
  }
  .football-advanced-grid b.negative {
    color: #ffabb5 !important;
  }
  .football-advanced-compare {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin-top: 6px;
  }
  .football-advanced-compare > div {
    min-width: 0;
    padding: 5px 6px;
    border: 1px solid #29445f;
    border-radius: 4px;
    background: rgba(5, 13, 22, .45);
  }
  .football-advanced-compare b {
    display: block;
    margin-top: 2px;
    color: #c9ff3d;
    font-family: var(--mono);
    font-size: 11px;
  }
  .football-advanced-detail-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 5px;
    margin-top: 6px;
  }
  .football-advanced-detail-grid > div {
    min-width: 0;
    padding: 5px 6px;
    border-top: 1px solid #223a54;
  }
  .football-advanced-detail-grid span {
    white-space: normal;
    line-height: 1.35;
  }
  .football-advanced-detail-grid b {
    color: #d9e9fa;
  }
  .football-advanced-note {
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid #29425e;
    color: #8195ad;
    font-size: 7.2px;
    line-height: 1.4;
  }
  .football-advanced-empty {
    margin-top: 6px;
    color: #9aaec5;
    font-size: 8px;
    line-height: 1.4;
  }
  @media (max-width: 620px) {
    .football-advanced-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .football-advanced-main {
      grid-column: span 2;
    }
    .football-advanced-detail-grid {
      grid-template-columns: 1fr;
    }
  }
  .soccer-match-hub-grid .sidebet-family-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 3px !important;
  }
  .soccer-match-hub-grid .sidebet-family-head {
    height: 25px !important;
    padding: 0 7px !important;
  }
  .soccer-match-hub-grid .sidebet-family-head strong {
    font-size: 9px !important;
  }
  .soccer-match-hub-grid .sidebet-family-head small {
    font-size: 6.8px !important;
  }
  .soccer-match-hub-grid .sidebet-card {
    height: 54px !important;
    min-height: 54px !important;
    padding: 5px 6px !important;
  }
  .soccer-match-hub-grid .sidebet-card-title {
    font-size: 9.2px !important;
    line-height: 1.12 !important;
  }
  .soccer-match-hub-grid .sidebet-card-count {
    font-size: 6.4px !important;
  }
  .soccer-match-hub-grid .sidebet-preview {
    gap: 2px !important;
    margin-top: 2px !important;
    min-height: 11px !important;
    max-height: 13px !important;
  }
  .soccer-match-hub-grid .sidebet-preview span {
    padding: 1px 3px !important;
    font-size: 6.4px !important;
  }
  .soccer-match-hub-grid .sidebet-preview b {
    font-size: 6.8px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics {
    gap: 6px !important;
    padding-top: 3px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics small {
    font-size: 5.5px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics b {
    font-size: 7.2px !important;
  }
  .football-model-research-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    gap: 6px;
    margin-top: 7px;
  }
  .football-model-prob-box,
  .football-model-history-box {
    min-width: 0;
    padding: 6px 7px;
    border: 1px solid #213b56;
    border-radius: 4px;
    background: rgba(5, 13, 22, .42);
  }
  .football-model-subhead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 7px;
    margin-bottom: 5px;
  }
  .football-model-subhead strong {
    font-size: 8px;
    color: #dbeafa;
  }
  .football-model-subhead small {
    font-family: var(--mono);
    font-size: 5.8px;
    color: #6d86a2;
    white-space: nowrap;
  }
  .football-model-prob-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3px;
  }
  .football-model-prob-list > div {
    min-width: 0;
    padding: 4px 5px;
    border-left: 2px solid #3a668e;
    background: #0a1623;
  }
  .football-model-prob-list span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 7px;
    color: #91a9c3;
  }
  .football-model-prob-list b {
    display: block;
    margin-top: 2px;
    font-family: var(--mono);
    font-size: 10px;
    color: #c9ff3d;
  }
  .football-model-prob-list small {
    display: block;
    margin-top: 1px;
    font-family: var(--mono);
    font-size: 5.6px;
    color: #687f99;
  }
  .football-model-goal-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 5px;
    font-family: var(--mono);
    font-size: 6.3px;
    color: #7791ad;
  }
  .football-model-goal-strip b {
    color: #d6e7fb;
  }
  .football-model-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .football-form-column {
    min-width: 0;
  }
  .football-form-title {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 3px;
  }
  .football-form-title strong {
    font-size: 7px;
    color: #bcd0e5;
  }
  .football-form-title small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--mono);
    font-size: 5.8px;
    color: #6f87a2;
  }
  .football-form-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
  }
  .football-form-chip {
    min-width: 25px;
    padding: 3px 4px;
    border: 1px solid #2d4661;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    font-family: var(--mono);
  }
  .football-form-chip b {
    font-size: 7px;
  }
  .football-form-chip small {
    font-size: 5.8px;
    color: #a2b8d0;
  }
  .football-form-chip.win {
    border-color: #286f4a;
    background: #0c281e;
    color: #8ff0b6;
  }
  .football-form-chip.loss {
    border-color: #7a3d45;
    background: #2a1117;
    color: #ff9eaa;
  }
  .football-form-chip.draw {
    border-color: #6f6333;
    background: #241f0c;
    color: #f1d78a;
  }
  .football-form-empty {
    font-family: var(--mono);
    font-size: 6.2px;
    color: #71869d;
  }
  @media (max-width: 1320px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 980px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .football-model-research-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 620px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .soccer-match-hub-grid .sidebet-card {
      height: 52px !important;
      min-height: 52px !important;
    }
    .football-model-prob-list {
      grid-template-columns: 1fr;
    }
    .football-model-form-grid {
      grid-template-columns: 1fr;
    }
  }
  .catalog-taxonomy-breadcrumb {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 5px;
    min-width: 0;
    line-height: 1;
  }
  .catalog-taxonomy-breadcrumb button {
    height: 21px;
    padding: 2px 7px;
    border: 1px solid #345b85;
    border-radius: 4px;
    background: #0b1a2a;
    color: #c7dcf3;
    font-family: var(--head);
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
  }
  .catalog-taxonomy-breadcrumb button:hover {
    border-color: #6c9bd2;
    background: #11283f;
    color: #f1f7ff;
  }
  .catalog-taxonomy-breadcrumb span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6d829d;
    font-family: var(--mono);
    font-size: 7px;
  }
  .soccer-match-hub-grid .soccer-hub-intro {
    margin-bottom: 4px;
    padding: 5px 8px;
  }
  .soccer-match-hub-grid .soccer-hub-intro strong {
    font-size: 10.5px;
  }
  .soccer-match-hub-grid .soccer-hub-intro span {
    font-size: 7.4px;
  }
  .soccer-match-hub-grid .sidebet-family {
    margin-bottom: 4px;
    border-radius: 5px;
  }
  .soccer-match-hub-grid .sidebet-family-head {
    height: 28px !important;
    padding: 0 8px !important;
  }
  .soccer-match-hub-grid .sidebet-family-code {
    height: 18px !important;
    min-width: 34px !important;
    font-size: 7px !important;
  }
  .soccer-match-hub-grid .sidebet-family-head strong {
    font-size: 10.5px !important;
  }
  .soccer-match-hub-grid .sidebet-family-head small {
    font-size: 7.4px !important;
  }
  .soccer-match-hub-grid .sidebet-family-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 4px !important;
  }
  .soccer-match-hub-grid .sidebet-card {
    height: 64px !important;
    min-height: 64px !important;
    padding: 6px 7px !important;
    border-radius: 4px !important;
  }
  .soccer-match-hub-grid .sidebet-card-top {
    gap: 4px;
  }
  .soccer-match-hub-grid .sidebet-card-title {
    font-size: 10.5px !important;
    line-height: 1.12 !important;
  }
  .soccer-match-hub-grid .sidebet-card-count {
    font-size: 7px !important;
  }
  .soccer-match-hub-grid .sidebet-preview {
    gap: 3px !important;
    margin-top: 3px !important;
    min-height: 14px !important;
    max-height: 16px !important;
  }
  .soccer-match-hub-grid .sidebet-preview span {
    padding: 2px 4px !important;
    font-size: 7.2px !important;
  }
  .soccer-match-hub-grid .sidebet-preview b {
    font-size: 7.8px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics {
    gap: 8px !important;
    padding-top: 4px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics small {
    font-size: 6.2px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics b {
    font-size: 8.2px !important;
  }
  @media (max-width: 1320px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 980px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 620px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .soccer-match-hub-grid .sidebet-card {
      height: 62px !important;
      min-height: 62px !important;
    }
  }
  @media (max-width: 420px) {
    .soccer-match-hub-grid .sidebet-family-grid {
      grid-template-columns: 1fr !important;
    }
  }
  .structure-bet-switcher {
    align-items: center !important;
    gap: 14px !important;
    padding: 10px 12px !important;
  }
  .structure-bet-switcher label {
    grid-template-columns: 148px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }
  .structure-bet-switcher label span {
    font-size: 9px !important;
    letter-spacing: .08em !important;
  }
  .structure-bet-switcher select {
    height: 48px !important;
    min-height: 48px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  .structure-bet-switcher optgroup {
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 800;
    color: #8fb9e9;
    background: #0b1725;
  }
  .structure-bet-switcher option {
    font-family: var(--sans);
    font-size: 12px;
    line-height: 1.35;
    color: #e3edf9;
    background: #0b1420;
  }
  .structure-bet-switcher small {
    font-size: 8px !important;
    line-height: 1.25 !important;
  }
  .structure-outcome-pair {
    gap: 8px !important;
    margin: 8px 0 !important;
    padding: 8px !important;
  }
  .structure-outcome-chip {
    min-height: 58px !important;
    padding: 10px 12px !important;
  }
  .structure-outcome-chip span {
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  .structure-outcome-chip small {
    font-size: 9px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  @media (max-width: 640px) {
    .structure-bet-switcher {
      gap: 8px !important;
      padding: 9px !important;
    }
    .structure-bet-switcher label {
      grid-template-columns: 1fr !important;
      gap: 5px !important;
    }
    .structure-bet-switcher select {
      height: 52px !important;
      min-height: 52px !important;
    }
    .structure-outcome-pair {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .structure-outcome-chip {
      min-height: 62px !important;
    }
  }
  @media (max-width: 420px) {
    .structure-outcome-pair {
      grid-template-columns: 1fr !important;
    }
  }
  @media (min-width: 821px) {
    .analysis-controls {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .analysis-controls > #structurePanel {
      grid-column: 1/-1 !important;
    }
  }
  .structure-bet-switcher {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }
  .structure-bet-switcher label {
    display: grid !important;
    grid-template-columns: minmax(108px, 148px) minmax(0, 1fr) !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  .structure-bet-switcher select#structureBetSelector {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 48px !important;
  }
  button.structure-outcome-chip {
    height: auto !important;
    min-height: 58px !important;
  }
  @media (max-width: 640px) {
    .structure-bet-switcher label {
      grid-template-columns: 1fr !important;
    }
    .structure-bet-switcher select#structureBetSelector {
      min-height: 52px !important;
    }
    button.structure-outcome-chip {
      min-height: 62px !important;
    }
  }
  @media (min-width: 821px) {
    body {
      padding-top: 76px !important;
    }
    .app-switch {
      height: 58px !important;
      padding: 0 18px !important;
      grid-template-columns: 320px minmax(520px, 1fr) 320px !important;
      gap: 14px !important;
      align-items: center !important;
      overflow: hidden !important;
    }
    .studio-rail-head {
      height: 58px !important;
      min-width: 0 !important;
      display: flex !important;
      align-items: center !important;
    }
    .aestus-wordmark-picture {
      width: 228px !important;
      height: 58px !important;
      display: flex !important;
      align-items: center !important;
      flex: 0 0 auto !important;
    }
    .aestus-wordmark-logo {
      width: 228px !important;
      height: 58px !important;
      max-width: 100% !important;
      max-height: 58px !important;
      object-fit: contain !important;
      object-position: left center !important;
    }
    .studio-wordmark {
      min-width: 0 !important;
      height: 58px !important;
      gap: 0 !important;
      justify-content: center !important;
      overflow: hidden !important;
    }
    .studio-wordmark span {
      display: none !important;
    }
    .nav-cluster {
      display: grid !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 6px !important;
      width: 100% !important;
      min-width: 0 !important;
      align-items: center !important;
    }
    .app-switch .nav-cluster button,
    .app-switch .nav-cluster .membership-nav-button {
      width: 100% !important;
      min-width: 0 !important;
      height: 36px !important;
      min-height: 36px !important;
      padding: 0 9px !important;
      border-radius: 6px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 7px !important;
    }
    .app-switch .nav-cluster button .nav-label {
      font-size: 13px !important;
    }
    .app-switch .nav-cluster button .nav-ico {
      font-size: 8px !important;
    }
    .studio-rail-foot {
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      text-align: right !important;
    }
    .detail-topbar {
      top: 62px !important;
    }
    .detail-hero-grid {
      grid-template-columns: minmax(0, 1fr) minmax(430px, .8fr) !important;
      gap: 16px !important;
    }
    .detail-runtime-cards {
      width: 100% !important;
      max-width: 520px !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 6px !important;
      justify-self: end !important;
    }
    .detail-mini-card {
      min-width: 0 !important;
      width: auto !important;
      overflow: hidden !important;
      padding: 7px 8px !important;
    }
    .detail-mini-card .k,
    .detail-mini-card .v {
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    .detail-mini-card .v {
      display: block !important;
      font-size: 9px !important;
      line-height: 1.25 !important;
    }
    .analysis-controls {
      display: grid !important;
      grid-template-columns: minmax(0, 1.7fr) minmax(320px, .82fr) !important;
      gap: 10px !important;
      align-items: start !important;
      overflow: visible !important;
      padding: 0 !important;
    }
    .analysis-controls > #structurePanel,
    .analysis-controls > #fairValuePanel {
      grid-column: auto !important;
      min-width: 0 !important;
    }
    .analysis-controls > #structurePanel {
      grid-row: 1 !important;
    }
    .analysis-controls > #fairValuePanel {
      grid-row: 1 !important;
    }
  }
  .vb-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }
  .vb-head h2 {
    font-size: 15px !important;
    letter-spacing: .02em !important;
  }
  .vb-subtitle {
    margin-top: 3px !important;
    color: #7289a4 !important;
    font-family: var(--mono) !important;
    font-size: 8px !important;
    letter-spacing: .04em !important;
  }
  .vb-sum {
    font-family: var(--mono) !important;
    font-size: 8px !important;
    color: #83a6cd !important;
    text-align: right !important;
    white-space: nowrap !important;
  }
  .football-access-bar {
    margin-top: 7px !important;
    gap: 7px !important;
    padding: 10px 12px !important;
  }
  .football-access-bar [data-premium-description] {
    max-width: 1000px !important;
  }
  .value-signup-button {
    width: max-content !important;
    min-height: 34px !important;
    padding: 7px 12px !important;
    font-size: 11px !important;
  }
  .detail-runtime-cards .detail-mini-card {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .detail-runtime-cards .detail-mini-card .v {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .structure-tabs {
    gap: 7px !important;
    padding-bottom: 7px !important;
  }
  .structure-tab {
    min-height: 38px !important;
    padding: 7px 13px !important;
    font-family: var(--head) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
  }
  .structure-bet-switcher {
    gap: 10px !important;
    padding: 9px 11px !important;
  }
  .structure-bet-switcher select#structureBetSelector {
    height: 52px !important;
    min-height: 52px !important;
    padding: 9px 13px !important;
    font-family: var(--head) !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .structure-outcome-pair {
    gap: 9px !important;
    margin: 8px 0 !important;
    padding: 8px !important;
  }
  button.structure-outcome-chip {
    min-height: 70px !important;
    padding: 11px 13px !important;
  }
  .structure-outcome-chip span {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  .structure-outcome-chip small {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  .microstructure-table th,
  .microstructure-table td {
    padding: 7px 8px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-panel {
    gap: 9px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-intro {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  .analysis-controls > #fairValuePanel .kelly-input-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-input-grid label {
    font-size: 10px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-input-grid input {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 12px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-aggression {
    gap: 6px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-aggression span {
    font-size: 10px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-aggression button {
    flex: 1 1 0 !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    font-size: 11px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-result-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-result {
    padding: 9px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-result small {
    font-size: 8.5px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-result b {
    font-size: 13px !important;
  }
  .analysis-controls > #fairValuePanel .kelly-status,
  .analysis-controls > #fairValuePanel .kelly-footnote {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  @media (max-width: 1120px) and (min-width: 821px) {
    .app-switch {
      grid-template-columns: 240px minmax(0, 1fr) !important;
    }
    .studio-rail-foot {
      display: none !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 205px !important;
    }
    .detail-hero-grid {
      grid-template-columns: minmax(0, 1fr) minmax(390px, .75fr) !important;
    }
  }
  @media (max-width: 820px) {
    body {
      padding-top: 68px !important;
    }
    .app-switch {
      height: 54px !important;
      padding: 0 8px !important;
      grid-template-columns: 180px minmax(0, 1fr) !important;
      gap: 7px !important;
      overflow: hidden !important;
    }
    .studio-rail-head {
      min-width: 0 !important;
      height: 54px !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 170px !important;
      height: 54px !important;
      max-height: 54px !important;
    }
    .studio-wordmark span,
    .studio-rail-foot {
      display: none !important;
    }
    .nav-cluster {
      display: grid !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 3px !important;
      min-width: 0 !important;
    }
    .app-switch .nav-cluster button,
    .app-switch .nav-cluster .membership-nav-button {
      width: 100% !important;
      min-width: 0 !important;
      height: 34px !important;
      min-height: 34px !important;
      padding: 0 4px !important;
      gap: 3px !important;
    }
    .app-switch .nav-cluster button .nav-label {
      font-size: 10px !important;
    }
    .app-switch .nav-cluster button .nav-ico {
      display: none !important;
    }
    .detail-topbar {
      top: 58px !important;
    }
    .detail-runtime-cards {
      width: 100% !important;
      max-width: none !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .detail-mini-card {
      min-width: 0 !important;
      overflow: hidden !important;
    }
    .detail-mini-card .v {
      font-size: 8px !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    .vb-head {
      align-items: flex-start !important;
      flex-direction: column !important;
      gap: 4px !important;
    }
    .vb-sum {
      text-align: left !important;
    }
    .analysis-controls {
      grid-template-columns: 1fr !important;
    }
    .analysis-controls > #structurePanel,
    .analysis-controls > #fairValuePanel {
      grid-column: 1 !important;
      grid-row: auto !important;
    }
    .analysis-controls > #fairValuePanel .kelly-input-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 520px) {
    .app-switch {
      grid-template-columns: 145px minmax(0, 1fr) !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 138px !important;
    }
    .app-switch .nav-cluster button .nav-label {
      font-size: 8.5px !important;
    }
    .structure-outcome-pair {
      grid-template-columns: 1fr !important;
    }
    .analysis-controls > #fairValuePanel .kelly-input-grid,
    .analysis-controls > #fairValuePanel .kelly-result-grid {
      grid-template-columns: 1fr !important;
    }
  }
  .dense-preview {
    min-height: 15px;
    margin: 3px 0 2px;
    display: flex;
    align-items: center;
    min-width: 0;
    position: relative;
    z-index: 1;
  }
  .catalog-preview-prices {
    display: flex;
    gap: 3px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }
  .catalog-preview-prices > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 48%;
    padding: 2px 4px;
    border: 1px solid #1d3652;
    border-radius: 4px;
    background: #08131f;
    color: #8ea8c5;
    font: 600 7px/1.1 var(--mono);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .catalog-preview-prices b {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #b9cee7;
    font-weight: 600;
  }
  .catalog-preview-prices em {
    color: #dcecff;
    font-style: normal;
    font-weight: 800;
  }
  .catalog-preview-prices.empty {
    border: 0;
    padding: 0;
    color: #536b86;
    font: 600 7px/1.1 var(--mono);
    white-space: nowrap;
  }
  .dense-preview-prices > span {
    font-size: 6.6px;
    padding: 2px 4px;
  }
  .dense-preview-prices b {
    max-width: 145px;
  }
  .dense-preview-prices em {
    color: #c9ff3d;
  }
  .side-top-prices,
  .tile-market-prices {
    margin-left: auto;
    flex: 0 0 auto;
  }
  .side-top-prices > span,
  .tile-market-prices > span {
    max-width: 120px;
    font-size: 6.2px;
    padding: 1px 3px;
  }
  .side-top-prices b,
  .tile-market-prices b {
    max-width: 62px;
  }
  .side-top-prices.empty,
  .tile-market-prices.empty {
    font-size: 5.8px;
  }
  .side-tax-card {
    overflow: hidden !important;
  }
  .side-tax-card .side-top-list {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .side-tax-card .side-top-market {
    min-width: 0 !important;
    grid-template-columns: 12px minmax(0, 1fr) 56px 36px !important;
    gap: 3px !important;
  }
  .side-tax-card .side-top-market > b {
    min-width: 0 !important;
  }
  .side-tax-card .side-top-market .side-top-prices {
    min-width: 0 !important;
    max-width: 56px !important;
    overflow: hidden !important;
    display: flex !important;
    gap: 2px !important;
  }
  .side-tax-card .side-top-market .side-top-prices > span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .side-tax-card .side-top-market .side-top-prices > span:nth-child(n+2) {
    display: none !important;
  }
  .side-tax-card .side-top-market em {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .group-dir-preview {
    align-items: center !important;
    gap: 4px !important;
  }
  .group-dir-preview > span {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    max-width: 49% !important;
    padding: 2px 4px !important;
  }
  .group-dir-preview > span > b {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 650;
  }
  .group-dir-preview .group-dir-prices {
    max-width: 68px;
  }
  .group-dir-preview .group-dir-prices > span {
    border: 0;
    background: transparent;
    padding: 0;
    max-width: 100%;
    font-size: 6px;
  }
  .detail-title {
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.14 !important;
  }
  .detail-event {
    max-width: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .detail-description {
    margin-top: 7px;
    padding: 7px 9px;
    border-left: 2px solid #5c91d4;
    border-radius: 4px;
    background: #0a1623;
    color: #b8cae0;
    font-size: 10px;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .detail-description:before {
    content: "FULL BET DESCRIPTION";
    display: block;
    margin-bottom: 3px;
    color: #6e8faf;
    font: 700 7px/1 var(--mono);
    letter-spacing: .1em;
  }
  .detail-team-strip {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 9px;
    padding: 5px 0;
  }
  .detail-team {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
  }
  .detail-team strong {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #e8f2ff;
  }
  .detail-team-mark {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border: 2px solid #e8f2ff;
    border-radius: 50%;
    background:
      radial-gradient(
        circle at 30% 25%,
        #294563,
        #0b1522);
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .06), 0 4px 10px rgba(0, 0, 0, .3);
    color: #e8f2ff;
    font: 800 11px/1 var(--mono);
  }
  .detail-team-divider {
    color: #7090b2;
    font: 700 11px/1 var(--mono);
  }
  .app-switch .nav-cluster {
    align-items: center !important;
  }
  .app-switch .nav-cluster button,
  .app-switch .nav-cluster .membership-nav-button {
    height: 36px !important;
    min-height: 36px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #8294aa !important;
  }
  .app-switch .nav-cluster button:hover,
  .app-switch .nav-cluster .membership-nav-button:hover {
    background: rgba(48, 91, 145, .16) !important;
    color: #dceaff !important;
    border-color: transparent !important;
  }
  .app-switch .nav-cluster button.active,
  .app-switch .nav-cluster .membership-nav-button.active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: inset 0 -2px 0 #72a8f5 !important;
    color: #eef6ff !important;
  }
  .app-switch .nav-cluster button:focus-visible,
  .app-switch .nav-cluster .membership-nav-button:focus-visible {
    outline: 2px solid #8ebdff !important;
    outline-offset: 2px;
  }
  @media (min-width: 1121px) {
    .detail-workspace {
      display: grid !important;
      grid-template-columns: minmax(330px, .72fr) minmax(0, 1.8fr) !important;
      gap: 10px !important;
      align-items: start !important;
    }
    .detail-workspace .analysis-data {
      grid-column: 1 !important;
      min-width: 0 !important;
    }
    .detail-workspace .analysis-controls {
      grid-column: 2 !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 10px !important;
      min-width: 0 !important;
    }
    .detail-workspace .analysis-controls > #structurePanel,
    .detail-workspace .analysis-controls > #fairValuePanel {
      grid-column: 1 !important;
      grid-row: auto !important;
    }
    .detail-workspace .value-board {
      height: fit-content !important;
    }
    .detail-workspace .football-model-panel {
      font-size: 11px !important;
    }
    .detail-workspace .vb-head {
      display: block !important;
    }
    .detail-workspace .vb-sum {
      text-align: left !important;
      margin-top: 5px;
    }
  }
  @media (min-width: 821px) and (max-width: 1120px) {
    .detail-workspace {
      display: block !important;
    }
    .detail-workspace .analysis-controls {
      display: grid !important;
      grid-template-columns: minmax(0, 1.65fr) minmax(300px, .9fr) !important;
    }
    .detail-workspace .analysis-controls > #structurePanel {
      grid-column: 1/-1 !important;
    }
    .detail-workspace .analysis-controls > #fairValuePanel {
      grid-column: 1/-1 !important;
    }
  }
  .model-status-card {
    margin-top: 7px;
    padding: 11px;
    border: 1px solid #315a80;
    border-radius: 6px;
    background:
      linear-gradient(
        135deg,
        #0d1b2a,
        #09111a);
  }
  .model-status-card .model-status-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }
  .model-status-card strong {
    display: block;
    color: #eef6ff;
    font: 700 14px/1.1 var(--head);
  }
  .model-status-card small {
    display: block;
    margin-top: 3px;
    color: #7991ac;
    font: 600 8px/1.3 var(--mono);
  }
  .model-status-card .model-status-tag {
    padding: 4px 5px;
    border: 1px solid #657b43;
    border-radius: 3px;
    background: #172410;
    color: #d0ed9d;
    font: 700 7px/1 var(--mono);
    white-space: nowrap;
  }
  .model-status-card p {
    margin: 9px 0 0;
    color: #a8bdd4;
    font-size: 10px;
    line-height: 1.45;
  }
  .model-status-card .model-status-foot {
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid #20364d;
    color: #7089a5;
    font: 600 7.5px/1.35 var(--mono);
  }
  .sidebet-level-group {
    min-height: 64px;
    padding: 6px 7px;
    border: 1px solid #1a2a3e;
    border-radius: 4px;
    background:
      linear-gradient(
        145deg,
        #0c141e,
        #090f17);
  }
  .sidebet-level-group:hover {
    border-color: #4b7db9;
    background: #101c2a;
  }
  .sidebet-level-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 4px;
  }
  .sidebet-level-head strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #eaf2fc;
    font-size: 10.5px;
  }
  .sidebet-level-head small {
    font: 600 7px/1 var(--mono);
    color: #6f84a0;
    white-space: nowrap;
  }
  .sidebet-levels {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 3px;
  }
  .sidebet-level-button {
    min-width: 0 !important;
    min-height: 32px !important;
    padding: 4px 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    text-align: left !important;
    border: 1px solid #254462 !important;
    border-radius: 4px !important;
    background: #08111c !important;
    color: #bdd0e6 !important;
  }
  .sidebet-level-button:hover {
    border-color: #77a9e5 !important;
    background: #10263d !important;
  }
  .sidebet-level-button strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 700 8.5px/1.1 var(--head);
  }
  .sidebet-level-button small {
    font: 700 7px/1 var(--mono);
    color: #c9ff3d;
    white-space: nowrap;
  }
  .sidebet-level-group .sidebet-card-metrics {
    margin-top: 5px;
    padding-top: 4px;
  }
  .structure-bet-switcher select#structureBetSelector {
    height: 58px !important;
    min-height: 58px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .structure-bet-switcher label span {
    font-size: 9px !important;
  }
  .structure-outcome-chip span,
  .structure-outcome-chip small {
    overflow-wrap: anywhere !important;
  }
  .microstructure-table tr.bid td:first-child,
  .microstructure-table tr.bid td:nth-child(2) {
    color: #35d68f !important;
  }
  .microstructure-table tr.ask td:first-child,
  .microstructure-table tr.ask td:nth-child(2) {
    color: #ff6b63 !important;
  }
  @media (max-width: 1120px) {
    .detail-team-mark {
      width: 36px;
      height: 36px;
      flex-basis: 36px;
    }
    .detail-team strong {
      font-size: 11px;
      max-width: 180px;
    }
  }
  @media (max-width: 620px) {
    .detail-team-strip {
      gap: 8px;
    }
    .detail-team {
      gap: 5px;
    }
    .detail-team strong {
      max-width: 115px;
      font-size: 10px;
    }
    .detail-team-mark {
      width: 32px;
      height: 32px;
      flex-basis: 32px;
      font-size: 9px;
    }
    .detail-description {
      font-size: 9px;
    }
    .sidebet-levels {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sidebet-level-button {
      min-height: 30px !important;
    }
    .app-switch .nav-cluster button .nav-label {
      font-size: 9px !important;
    }
  }
  .market-card-logo-empty {
    visibility: hidden !important;
  }
  .soccer-event-title-link {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
  }
  .dense-market-card .soccer-event-title-link {
    font-size: 11.5px !important;
    line-height: 1.1 !important;
  }
  .club-title-side {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    max-width: 46%;
  }
  .club-title-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .club-title-vs {
    flex: 0 0 auto;
    color: #7598c1;
    font: 800 9px/1 var(--mono);
    text-transform: uppercase;
  }
  .club-title-logo {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: grid;
    place-items: center;
    object-fit: contain;
    border-radius: 50%;
    border: 1px solid #587696;
    background: #101d2b;
    color: #eff7ff;
    font: 800 7px/1 var(--mono);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  }
  .club-title-monogram {
    background:
      radial-gradient(
        circle at 30% 25%,
        #385e89,
        #101b29);
  }
  .detail-title .soccer-event-title-link {
    gap: 10px;
    font-size: clamp(17px, 1.9vw, 27px) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #dceaff !important;
  }
  .detail-title .club-title-side {
    gap: 7px;
    max-width: 47%;
  }
  .detail-title .club-title-logo {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 9px;
  }
  .detail-title .club-title-vs {
    font-size: 11px;
  }
  .soccer-match-hub-grid .sidebet-card {
    height: 98px !important;
    min-height: 98px !important;
    padding: 9px 10px !important;
  }
  .soccer-match-hub-grid .sidebet-card-title {
    font-size: 21px !important;
    line-height: 1.04 !important;
    -webkit-line-clamp: 2 !important;
  }
  .soccer-match-hub-grid .sidebet-card-count {
    font-size: 8px !important;
  }
  .soccer-match-hub-grid .sidebet-preview {
    min-height: 17px !important;
    max-height: 21px !important;
    margin-top: 4px !important;
  }
  .soccer-match-hub-grid .sidebet-preview span {
    font-size: 9px !important;
    padding: 2px 4px !important;
  }
  .soccer-match-hub-grid .sidebet-preview b {
    font-size: 9px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics {
    padding-top: 5px !important;
    gap: 9px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics small {
    font-size: 6.5px !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics b {
    font-size: 8.8px !important;
  }
  .soccer-match-hub-grid .sidebet-level-group {
    min-height: 106px !important;
    padding: 8px 9px !important;
  }
  .soccer-match-hub-grid .sidebet-level-head strong {
    font-size: 13px !important;
  }
  .soccer-match-hub-grid .sidebet-level-head small {
    font-size: 8px !important;
  }
  .soccer-match-hub-grid .sidebet-level-button {
    min-height: 54px !important;
    padding: 6px 7px !important;
  }
  .soccer-match-hub-grid .sidebet-level-button strong {
    font-size: 17px !important;
    line-height: 1.04 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .soccer-match-hub-grid .sidebet-level-button small {
    font-size: 8px !important;
  }
  @media (max-width: 620px) {
    .soccer-match-hub-grid .sidebet-card {
      height: 92px !important;
      min-height: 92px !important;
    }
    .soccer-match-hub-grid .sidebet-card-title {
      font-size: 18px !important;
    }
    .soccer-match-hub-grid .sidebet-level-button strong {
      font-size: 15px !important;
    }
  }
  .soccer-match-hub-grid,
  .baseball-match-hub-grid {
    min-width: 0 !important;
  }
  .soccer-match-hub-grid .soccer-hub-intro,
  .baseball-match-hub-grid .soccer-hub-intro {
    min-height: 38px !important;
    height: auto !important;
    margin-bottom: 8px !important;
    padding: 8px 11px !important;
    align-items: baseline !important;
  }
  .soccer-match-hub-grid .soccer-hub-intro strong,
  .baseball-match-hub-grid .soccer-hub-intro strong {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .soccer-match-hub-grid .soccer-hub-intro span,
  .baseball-match-hub-grid .soccer-hub-intro span {
    font-size: 9px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    text-align: right !important;
  }
  .soccer-match-hub-grid .sidebet-family,
  .baseball-match-hub-grid .sidebet-family {
    margin-bottom: 8px !important;
    border-radius: 7px !important;
    overflow: visible !important;
  }
  .soccer-match-hub-grid .sidebet-family-head,
  .baseball-match-hub-grid .sidebet-family-head {
    height: auto !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    align-items: center !important;
  }
  .soccer-match-hub-grid .sidebet-family-code,
  .baseball-match-hub-grid .sidebet-family-code {
    height: 22px !important;
    min-width: 40px !important;
    padding: 0 6px !important;
    font-size: 8px !important;
  }
  .soccer-match-hub-grid .sidebet-family-head strong,
  .baseball-match-hub-grid .sidebet-family-head strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  .soccer-match-hub-grid .sidebet-family-head small,
  .baseball-match-hub-grid .sidebet-family-head small {
    font-size: 9px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: right !important;
  }
  .soccer-match-hub-grid .sidebet-family-grid,
  .baseball-match-hub-grid .sidebet-family-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px !important;
    align-items: stretch !important;
  }
  .detail-title .club-title-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }
  .soccer-match-hub-grid .sidebet-card,
  .baseball-match-hub-grid .sidebet-card {
    height: auto !important;
    min-height: 118px !important;
    padding: 11px 12px !important;
    border-radius: 6px !important;
    overflow: visible !important;
    align-items: stretch !important;
  }
  .soccer-match-hub-grid .sidebet-card-top,
  .baseball-match-hub-grid .sidebet-card-top {
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  .soccer-match-hub-grid .sidebet-card-title,
  .baseball-match-hub-grid .sidebet-card-title {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 16px !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
  }
  .soccer-match-hub-grid .sidebet-card-count,
  .baseball-match-hub-grid .sidebet-card-count {
    flex: 0 0 auto !important;
    max-width: 36% !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: right !important;
  }
  .soccer-match-hub-grid .sidebet-preview,
  .baseball-match-hub-grid .sidebet-preview {
    min-height: 27px !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 8px !important;
    gap: 4px !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
  }
  .soccer-match-hub-grid .sidebet-preview span,
  .baseball-match-hub-grid .sidebet-preview span {
    display: inline-flex !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  .soccer-match-hub-grid .sidebet-preview b,
  .baseball-match-hub-grid .sidebet-preview b {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics,
  .baseball-match-hub-grid .sidebet-card-metrics {
    gap: 12px !important;
    padding-top: 8px !important;
    margin-top: auto !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics small,
  .baseball-match-hub-grid .sidebet-card-metrics small {
    font-size: 8px !important;
    line-height: 1.15 !important;
  }
  .soccer-match-hub-grid .sidebet-card-metrics b,
  .baseball-match-hub-grid .sidebet-card-metrics b {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  .soccer-match-hub-grid .sidebet-level-group,
  .baseball-match-hub-grid .sidebet-level-group {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 11px !important;
    overflow: visible !important;
  }
  .soccer-match-hub-grid .sidebet-level-group,
  .baseball-match-hub-grid .sidebet-level-group {
    grid-column: 1/-1 !important;
  }
  .soccer-match-hub-grid .sidebet-level-head,
  .baseball-match-hub-grid .sidebet-level-head {
    align-items: flex-start !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
  }
  .soccer-match-hub-grid .sidebet-level-head strong,
  .baseball-match-hub-grid .sidebet-level-head strong {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: #eaf2fc !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  .soccer-match-hub-grid .sidebet-level-head small,
  .baseball-match-hub-grid .sidebet-level-head small {
    flex: 0 1 auto !important;
    max-width: 42% !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: right !important;
  }
  .soccer-match-hub-grid .sidebet-levels,
  .baseball-match-hub-grid .sidebet-levels {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
    gap: 5px !important;
  }
  .soccer-match-hub-grid .sidebet-level-button,
  .baseball-match-hub-grid .sidebet-level-button {
    min-width: 0 !important;
    min-height: 70px !important;
    height: auto !important;
    padding: 8px 9px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;
    gap: 5px 8px !important;
    overflow: visible !important;
  }
  .soccer-match-hub-grid .sidebet-level-copy,
  .baseball-match-hub-grid .sidebet-level-copy {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    justify-content: space-between !important;
  }
  .soccer-match-hub-grid .sidebet-level-button strong,
  .baseball-match-hub-grid .sidebet-level-button strong {
    display: block !important;
    min-width: 0 !important;
    color: #dceafb !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 750 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
  }
  .soccer-match-hub-grid .sidebet-level-preview,
  .baseball-match-hub-grid .sidebet-level-preview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px !important;
    min-width: 0 !important;
    margin-top: 5px !important;
    font-family: var(--mono) !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    color: #93abc5 !important;
  }
  .soccer-match-hub-grid .sidebet-level-preview > span,
  .baseball-match-hub-grid .sidebet-level-preview > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    border: 1px solid #203a56 !important;
    border-radius: 3px !important;
    background: #07111c !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .soccer-match-hub-grid .sidebet-level-preview b,
  .baseball-match-hub-grid .sidebet-level-preview b {
    font-size: 10px !important;
    color: #c9ff3d !important;
    white-space: nowrap !important;
  }
  .soccer-match-hub-grid .sidebet-level-button > small,
  .baseball-match-hub-grid .sidebet-level-button > small {
    grid-column: 2;
    grid-row: 1/-1;
    align-self: end !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    color: #c9ff3d !important;
    white-space: nowrap !important;
  }
  .soccer-match-hub-grid .sidebet-level-group .sidebet-card-metrics,
  .baseball-match-hub-grid .sidebet-level-group .sidebet-card-metrics {
    gap: 12px !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
  }
  .soccer-match-hub-grid .sidebet-level-group .sidebet-card-metrics small,
  .baseball-match-hub-grid .sidebet-level-group .sidebet-card-metrics small {
    font-size: 8px !important;
  }
  .soccer-match-hub-grid .sidebet-level-group .sidebet-card-metrics b,
  .baseball-match-hub-grid .sidebet-level-group .sidebet-card-metrics b {
    font-size: 11px !important;
  }
  @media (max-width: 1499px) {
    .soccer-match-hub-grid .sidebet-family-grid,
    .baseball-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1040px) {
    .soccer-match-hub-grid .sidebet-family-grid,
    .baseball-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 660px) {
    .soccer-match-hub-grid .soccer-hub-intro,
    .baseball-match-hub-grid .soccer-hub-intro {
      display: block !important;
    }
    .soccer-match-hub-grid .soccer-hub-intro span,
    .baseball-match-hub-grid .soccer-hub-intro span {
      display: block !important;
      margin-top: 3px !important;
      text-align: left !important;
    }
    .soccer-match-hub-grid .sidebet-family-grid,
    .baseball-match-hub-grid .sidebet-family-grid {
      grid-template-columns: 1fr !important;
    }
    .soccer-match-hub-grid .sidebet-card,
    .baseball-match-hub-grid .sidebet-card {
      min-height: 0 !important;
    }
    .soccer-match-hub-grid .sidebet-card-title,
    .baseball-match-hub-grid .sidebet-card-title {
      font-size: 15px !important;
    }
    .soccer-match-hub-grid .sidebet-levels,
    .baseball-match-hub-grid .sidebet-levels {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 390px) {
    .soccer-match-hub-grid .sidebet-levels,
    .baseball-match-hub-grid .sidebet-levels {
      grid-template-columns: 1fr !important;
    }
  }
  .football-model-prob-list {
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
  }
  .football-model-prob-list > div {
    min-height: 46px !important;
  }
  .football-model-prob-list span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.15 !important;
  }
  .football-model-prob-list small {
    white-space: nowrap !important;
  }
  .football-advanced-market-vector {
    margin-top: 7px !important;
  }
  .football-advanced-market-vector .football-model-prob-box {
    border-color: #2b5276 !important;
    background: rgba(5, 16, 28, .58) !important;
  }
  .football-advanced-market-vector .football-model-subhead strong {
    font-size: 9px !important;
  }
  .football-advanced-market-vector .football-model-prob-list b {
    font-size: 12px !important;
  }
  @media (max-width: 620px) {
    .football-model-prob-list {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .aestus-header-feedback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 6px 10px !important;
    border: 1px solid #31527a !important;
    border-radius: 5px !important;
    background: #0d1b2a !important;
    color: #c8def8 !important;
    font-family: var(--head) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .02em !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition:
      background .16s ease,
      border-color .16s ease,
      color .16s ease !important;
  }
  .aestus-header-feedback:hover {
    border-color: #6d9fda !important;
    background: #122b47 !important;
    color: #f0f7ff !important;
  }
  .aestus-header-feedback:focus-visible {
    outline: 2px solid #8ebdff !important;
    outline-offset: 2px !important;
  }
  @media (max-width: 1120px) and (min-width: 821px) {
    .studio-rail-head {
      gap: 8px !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 158px !important;
    }
    .aestus-header-feedback {
      min-height: 28px !important;
      padding: 5px 7px !important;
      font-size: 9px !important;
    }
  }
  @media (max-width: 820px) {
    .app-switch {
      grid-template-columns: 198px minmax(0, 1fr) !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 125px !important;
    }
    .aestus-header-feedback {
      min-height: 28px !important;
      padding: 5px 7px !important;
      font-size: 9px !important;
    }
  }
  @media (max-width: 560px) {
    .app-switch {
      grid-template-columns: 180px minmax(0, 1fr) !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 110px !important;
    }
    .aestus-header-feedback {
      font-size: 8.5px !important;
      padding: 5px 6px !important;
    }
  }
  @media (max-width: 420px) {
    .app-switch {
      grid-template-columns: 172px minmax(0, 1fr) !important;
    }
    .aestus-wordmark-picture,
    .aestus-wordmark-logo {
      width: 100px !important;
    }
    .aestus-header-feedback {
      font-size: 8px !important;
      padding: 4px 5px !important;
    }
  }
  :root {
    --avl-surface:#0a121d;
    --avl-surface-deep:#07101a;
    --avl-surface-raised:#0d1927;
    --avl-line:#1e3551;
    --avl-line-soft:#17283d;
    --avl-blue:#2e78ff;
    --avl-blue-soft:#8ebdff;
    --avl-lime:#c7ff37;
    --avl-green:#25d69a;
    --avl-red:#ff6c70;
    --avl-ink:#e9f1fc;
    --avl-muted:#7f93ad;
    --avl-mono:var(--mono,ui-monospace,SFMono-Regular,Menlo,monospace);
  }
  #browserView .browser-hero.studio-hero-card,
  #browserView .catalog-results-head,
  #browserView .market-group,
  #browserView .taxonomy-overview,
  #browserView .taxonomy-tile,
  #browserView .catalog-empty {
    border-color: var(--avl-line) !important;
    background:
      linear-gradient(
        135deg,
        var(--avl-surface-raised),
        var(--avl-surface-deep)) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12) !important;
  }
  #browserView .catalog-results-head {
    min-height: 58px !important;
    height: auto !important;
    margin: 0 0 9px !important;
    padding: 9px 12px !important;
    border: 1px solid var(--avl-line) !important;
    border-radius: 7px !important;
    align-items: center !important;
  }
  #browserView .catalog-results-kicker {
    color: #6288bc !important;
    font: 700 8px/1.2 var(--avl-mono) !important;
    letter-spacing: .14em !important;
  }
  #browserView .catalog-results-title {
    color: var(--avl-ink) !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    letter-spacing: .02em !important;
  }
  #browserView .catalog-results-summary,
  #browserView .catalog-head-stats small {
    color: var(--avl-muted) !important;
    font: 700 8px/1.2 var(--avl-mono) !important;
  }
  #browserView .catalog-head-stats > span {
    min-width: 86px !important;
    padding: 5px 8px !important;
    border-left: 1px solid var(--avl-line-soft) !important;
  }
  #browserView .catalog-head-stats b {
    color: #d9e8fb !important;
    font: 800 11px/1.2 var(--avl-mono) !important;
  }
  #browserView .market-showcase-grid,
  #browserView .market-group-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: stretch !important;
    gap: 7px !important;
  }
  #browserView .dense-market-card,
  #browserView .dense-market-card.featured {
    min-width: 0 !important;
    height: auto !important;
    min-height: 132px !important;
    padding: 10px 11px 8px !important;
    border: 1px solid #1d3450 !important;
    border-radius: 7px !important;
    background:
      linear-gradient(
        145deg,
        #0d1826,
        #08111b) !important;
    box-shadow: inset 0 1px 0 rgba(142, 189, 255, .035) !important;
    grid-column: auto !important;
    grid-row: auto !important;
    overflow: visible !important;
    transition:
      transform .14s ease,
      border-color .14s ease,
      background .14s ease,
      box-shadow .14s ease !important;
  }
  #browserView .dense-market-card:hover {
    transform: translateY(-1px) !important;
    border-color: #4d83c4 !important;
    background:
      linear-gradient(
        145deg,
        #102137,
        #0a1420) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(142, 189, 255, .07) !important;
  }
  #browserView .dense-market-card.selected {
    border-color: var(--avl-blue) !important;
    box-shadow: inset 3px 0 0 var(--avl-blue), inset 0 0 0 1px rgba(46, 120, 255, .24) !important;
  }
  #browserView .dense-market-card.featured {
    background:
      radial-gradient(
        circle at 92% 10%,
        rgba(46, 120, 255, .18),
        transparent 36%),
      linear-gradient(
        145deg,
        #102039,
        #08121e) !important;
    border-color: #315f93 !important;
  }
  #browserView .dense-card-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 8px !important;
  }
  #browserView .dense-card-copy {
    min-width: 0 !important;
  }
  #browserView .dense-market-card .catalog-title,
  #browserView .dense-market-card.featured .catalog-title {
    min-width: 0 !important;
    max-width: none !important;
    color: var(--avl-ink) !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: .005em !important;
  }
  #browserView .dense-market-card .catalog-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: inherit !important;
    text-decoration: none !important;
  }
  #browserView .dense-market-card.featured .catalog-title {
    font-size: 15px !important;
  }
  #browserView .dense-market-card .catalog-taxonomy {
    margin-top: 5px !important;
    color: #7890ad !important;
    font: 700 8px/1.25 var(--avl-mono) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #browserView .dense-type {
    border-color: #31547e !important;
    border-radius: 4px !important;
    background: #091525 !important;
    color: #a9c8ef !important;
    font: 800 8px/1 var(--avl-mono) !important;
    padding: 4px 5px !important;
  }
  #browserView .dense-preview {
    min-height: 24px !important;
    height: auto !important;
    margin-top: 8px !important;
    gap: 4px !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
  }
  #browserView .dense-preview-prices,
  #browserView .dense-preview span {
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 3px 5px !important;
    border: 1px solid #23405f !important;
    border-radius: 3px !important;
    background: #08131f !important;
    color: #bcd0e7 !important;
    font: 700 9px/1.15 var(--avl-mono) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #browserView .dense-preview b {
    color: var(--avl-lime) !important;
    font-size: 9px !important;
  }
  #browserView .dense-metrics {
    margin-top: auto !important;
    padding-top: 7px !important;
    border-top: 1px solid var(--avl-line-soft) !important;
  }
  #browserView .dense-metrics > span {
    min-width: 0 !important;
    padding: 0 5px 0 0 !important;
    border-right: 1px solid var(--avl-line-soft) !important;
  }
  #browserView .dense-metrics > span:last-child {
    border-right: 0 !important;
  }
  #browserView .dense-metrics small {
    color: #5d7594 !important;
    font: 700 7px/1.15 var(--avl-mono) !important;
    letter-spacing: .07em !important;
  }
  #browserView .dense-metrics b {
    margin-top: 2px !important;
    color: #c9d8e9 !important;
    font: 800 10px/1.15 var(--avl-mono) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #browserView .dense-card-foot {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 7px !important;
  }
  #browserView .dense-card-foot .dense-open-action {
    margin-right: auto !important;
    color: #9fc5f2 !important;
    font: 800 7px/1 var(--avl-mono) !important;
    letter-spacing: .09em !important;
  }
  #browserView .dense-open,
  #browserView .dense-paused,
  #browserView .dense-edge {
    padding: 3px 5px !important;
    border-radius: 999px !important;
    font: 800 7px/1 var(--avl-mono) !important;
  }
  #browserView .dense-open {
    color: var(--avl-green) !important;
    border-color: #1f7056 !important;
    background: #082116 !important;
  }
  #browserView .dense-paused {
    color: var(--avl-red) !important;
    border-color: #75413e !important;
    background: #241111 !important;
  }
  #browserView .dense-edge {
    color: #a9c8ef !important;
    border-color: #315c8b !important;
    background: #0b1c32 !important;
  }
  #browserView .market-group {
    padding: 9px !important;
    border: 1px solid #1b3450 !important;
    border-radius: 8px !important;
    background:
      linear-gradient(
        135deg,
        #0b1622,
        #07101a) !important;
  }
  #browserView .market-group-head {
    min-height: 38px !important;
    padding: 0 2px 8px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid var(--avl-line-soft) !important;
  }
  #browserView .market-group-ident {
    gap: 9px !important;
  }
  #browserView .market-group-ident .traffic-sign {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    border-color: #315a87 !important;
    background: #0c1a2a !important;
  }
  #browserView .market-group-title strong {
    font-size: 13px !important;
    color: var(--avl-ink) !important;
  }
  #browserView .market-group-title small,
  #browserView .market-group-stats small,
  #browserView .market-group-more {
    color: #6d84a1 !important;
    font: 700 7px/1.25 var(--avl-mono) !important;
  }
  #browserView .market-group-stats b {
    color: #c4d7ec !important;
    font: 800 10px/1.2 var(--avl-mono) !important;
  }
  #browserView .market-group-open {
    min-height: 29px !important;
    height: 29px !important;
    border-color: #31577f !important;
    background: #0b1a2c !important;
    color: #acd0f7 !important;
    font: 800 8px/1 var(--avl-mono) !important;
  }
  #browserView .market-group-more {
    padding: 7px 3px 0 !important;
    text-align: right !important;
  }
  #browserView .catalog-more {
    height: 34px !important;
    border-color: #2b4b70 !important;
    background: #0b1828 !important;
    color: #acd0f7 !important;
    font: 800 9px/1 var(--avl-mono) !important;
  }
  #detailView .detail-topbar {
    height: auto !important;
    min-height: 36px !important;
    margin: 0 0 8px !important;
    padding: 3px 0 6px !important;
    border-bottom: 1px solid var(--avl-line-soft) !important;
    background:
      linear-gradient(
        180deg,
        rgba(6, 12, 19, .98),
        rgba(6, 12, 19, .82)) !important;
  }
  #detailView .detail-topbar button {
    min-height: 30px !important;
    height: 30px !important;
    border-color: #29486b !important;
    background: #0b1828 !important;
    color: #b7d1ee !important;
    font: 800 9px/1 var(--avl-mono) !important;
  }
  #detailView .detail-hero {
    padding: 12px 14px !important;
    margin: 0 0 9px !important;
    border: 1px solid #284a70 !important;
    border-radius: 8px !important;
    background:
      radial-gradient(
        circle at 90% 0%,
        rgba(46, 120, 255, .10),
        transparent 32%),
      linear-gradient(
        135deg,
        #0d1927,
        #08111b) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
  }
  #detailView .detail-hero-grid {
    gap: 16px !important;
    align-items: center !important;
  }
  #detailView .detail-title {
    color: var(--avl-ink) !important;
    font-size: clamp(20px, 2.2vw, 30px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
  }
  #detailView .detail-event {
    color: #8197b2 !important;
    font-size: 10px !important;
  }
  #detailView .detail-betline {
    margin-top: 9px !important;
    padding-top: 7px !important;
    border-top: 1px solid var(--avl-line-soft) !important;
  }
  #detailView .detail-betline .bl-i {
    border-color: var(--avl-line-soft) !important;
  }
  #detailView .detail-betline .k {
    color: #6683a6 !important;
    font: 700 7px/1 var(--avl-mono) !important;
  }
  #detailView .detail-betline .v {
    color: #c4d8ed !important;
    font: 800 10px/1.15 var(--avl-mono) !important;
  }
  #detailView .detail-runtime-cards {
    gap: 5px !important;
  }
  #detailView .detail-mini-card {
    min-height: 48px !important;
    padding: 8px 9px !important;
    border: 1px solid #1d3550 !important;
    border-radius: 5px !important;
    background: #08131f !important;
  }
  #detailView .detail-mini-card .k {
    color: #5e7ba0 !important;
    font: 700 7px/1.1 var(--avl-mono) !important;
  }
  #detailView .detail-mini-card .v {
    color: #d2e2f4 !important;
    font: 800 9px/1.25 var(--avl-mono) !important;
  }
  #detailView .event-options-panel {
    padding: 10px !important;
    margin: 0 0 10px !important;
    border: 1px solid #25486d !important;
    border-radius: 8px !important;
    background:
      linear-gradient(
        135deg,
        #0b1724,
        #07101a) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12) !important;
  }
  #detailView .event-options-head {
    min-height: 33px !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 2px 7px !important;
    border-bottom: 1px solid var(--avl-line-soft) !important;
  }
  #detailView .event-options-head h2 {
    color: #d8e7f8 !important;
    font-size: 11px !important;
  }
  #detailView .event-options-summary {
    color: #7189a6 !important;
    font: 700 8px/1.25 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid,
  #detailView .baseball-match-hub-grid {
    min-width: 0 !important;
  }
  #detailView .soccer-match-hub-grid .soccer-hub-intro,
  #detailView .baseball-match-hub-grid .soccer-hub-intro {
    min-height: 40px !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    border: 1px solid #244364 !important;
    border-radius: 5px !important;
    background:
      linear-gradient(
        90deg,
        #0d1b2b,
        #08131f) !important;
  }
  #detailView .soccer-match-hub-grid .soccer-hub-intro strong,
  #detailView .baseball-match-hub-grid .soccer-hub-intro strong {
    color: #dbe9f8 !important;
    font-size: 12px !important;
  }
  #detailView .soccer-match-hub-grid .soccer-hub-intro span,
  #detailView .baseball-match-hub-grid .soccer-hub-intro span {
    color: #7189a5 !important;
    font: 700 8px/1.3 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-family,
  #detailView .baseball-match-hub-grid .sidebet-family {
    margin: 0 0 8px !important;
    border: 1px solid #1c3550 !important;
    border-radius: 7px !important;
    background: #08121d !important;
    overflow: visible !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-family-head,
  #detailView .baseball-match-hub-grid .sidebet-family-head {
    min-height: 38px !important;
    height: auto !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #1a3048 !important;
    background:
      linear-gradient(
        90deg,
        #0c1b2c,
        #091521) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-family-code,
  #detailView .baseball-match-hub-grid .sidebet-family-code {
    height: 22px !important;
    min-width: 40px !important;
    padding: 0 6px !important;
    border-color: #35618e !important;
    background: #102844 !important;
    color: #bcdcff !important;
    font: 800 8px/1 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-family-head strong,
  #detailView .baseball-match-hub-grid .sidebet-family-head strong {
    color: #e4effb !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-family-head small,
  #detailView .baseball-match-hub-grid .sidebet-family-head small {
    color: #7890aa !important;
    font: 700 8px/1.25 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-family-grid,
  #detailView .baseball-match-hub-grid .sidebet-family-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px !important;
    align-items: stretch !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card,
  #detailView .baseball-match-hub-grid .sidebet-card {
    min-width: 0 !important;
    height: auto !important;
    min-height: 112px !important;
    padding: 10px 11px !important;
    border: 1px solid #1d3a57 !important;
    border-radius: 6px !important;
    background:
      linear-gradient(
        145deg,
        #0c1a29,
        #08121c) !important;
    overflow: visible !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card:hover,
  #detailView .baseball-match-hub-grid .sidebet-card:hover {
    border-color: #4b83c1 !important;
    background: #0e2033 !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card-title,
  #detailView .baseball-match-hub-grid .sidebet-card-title {
    display: block !important;
    min-width: 0 !important;
    color: #e5effa !important;
    font-size: 14px !important;
    line-height: 1.17 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card-count,
  #detailView .baseball-match-hub-grid .sidebet-card-count {
    color: #7e97b3 !important;
    font: 700 8px/1.2 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-preview,
  #detailView .baseball-match-hub-grid .sidebet-preview {
    min-height: 24px !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 7px !important;
    gap: 3px !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-preview span,
  #detailView .baseball-match-hub-grid .sidebet-preview span {
    max-width: 100% !important;
    padding: 3px 5px !important;
    border: 1px solid #224260 !important;
    border-radius: 3px !important;
    background: #07131f !important;
    color: #b9cde2 !important;
    font: 700 9px/1.15 var(--avl-mono) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    overflow: visible !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-preview b,
  #detailView .baseball-match-hub-grid .sidebet-preview b {
    color: var(--avl-lime) !important;
    font-size: 9px !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card-metrics,
  #detailView .baseball-match-hub-grid .sidebet-card-metrics {
    gap: 10px !important;
    padding-top: 7px !important;
    margin-top: auto !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card-metrics small,
  #detailView .baseball-match-hub-grid .sidebet-card-metrics small {
    color: #607b9b !important;
    font: 700 7px/1.1 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-card-metrics b,
  #detailView .baseball-match-hub-grid .sidebet-card-metrics b {
    color: #c7d9ec !important;
    font: 800 10px/1.15 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-group,
  #detailView .baseball-match-hub-grid .sidebet-level-group {
    grid-column: 1/-1 !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 11px !important;
    border: 1px solid #1d3a57 !important;
    border-radius: 6px !important;
    background: #0a1724 !important;
    overflow: visible !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-head,
  #detailView .baseball-match-hub-grid .sidebet-level-head {
    gap: 8px !important;
    margin-bottom: 7px !important;
    align-items: flex-start !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-head strong,
  #detailView .baseball-match-hub-grid .sidebet-level-head strong {
    color: #e1edf9 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-head small,
  #detailView .baseball-match-hub-grid .sidebet-level-head small {
    color: #7c96b2 !important;
    font: 700 8px/1.25 var(--avl-mono) !important;
    text-align: right !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-levels,
  #detailView .baseball-match-hub-grid .sidebet-levels {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 5px !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-button,
  #detailView .baseball-match-hub-grid .sidebet-level-button {
    min-width: 0 !important;
    min-height: 64px !important;
    height: auto !important;
    padding: 8px !important;
    border: 1px solid #203e5d !important;
    border-radius: 5px !important;
    background: #081522 !important;
    overflow: visible !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-button:hover,
  #detailView .baseball-match-hub-grid .sidebet-level-button:hover {
    border-color: #4b83c1 !important;
    background: #0c1d2f !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-button strong,
  #detailView .baseball-match-hub-grid .sidebet-level-button strong {
    color: #dceafa !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: unset !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-preview,
  #detailView .baseball-match-hub-grid .sidebet-level-preview {
    gap: 3px !important;
    margin-top: 5px !important;
    color: #91aac5 !important;
    font: 700 9px/1.15 var(--avl-mono) !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-preview > span,
  #detailView .baseball-match-hub-grid .sidebet-level-preview > span {
    padding: 2px 4px !important;
    border-color: #234463 !important;
    background: #07131f !important;
    font-size: 9px !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-preview b,
  #detailView .baseball-match-hub-grid .sidebet-level-preview b {
    color: var(--avl-lime) !important;
    font-size: 9px !important;
  }
  #detailView .soccer-match-hub-grid .sidebet-level-button > small,
  #detailView .baseball-match-hub-grid .sidebet-level-button > small {
    color: var(--avl-lime) !important;
    font: 800 8px/1.2 var(--avl-mono) !important;
  }
  @media (max-width: 1499px) {
    #browserView .market-showcase-grid,
    #browserView .market-group-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #detailView .soccer-match-hub-grid .sidebet-family-grid,
    #detailView .baseball-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1040px) {
    #detailView .soccer-match-hub-grid .sidebet-family-grid,
    #detailView .baseball-match-hub-grid .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #detailView .detail-hero-grid {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 820px) {
    #browserView .market-showcase-grid,
    #browserView .market-group-grid {
      grid-template-columns: 1fr !important;
    }
    #browserView .market-group-head {
      align-items: start !important;
    }
    #browserView .market-group-stats {
      display: none !important;
    }
    #detailView .event-options-panel {
      padding: 8px !important;
    }
    #detailView .soccer-match-hub-grid .sidebet-family-grid,
    #detailView .baseball-match-hub-grid .sidebet-family-grid {
      grid-template-columns: 1fr !important;
    }
    #detailView .soccer-match-hub-grid .sidebet-card,
    #detailView .baseball-match-hub-grid .sidebet-card {
      min-height: 0 !important;
    }
    #detailView .soccer-match-hub-grid .sidebet-levels,
    #detailView .baseball-match-hub-grid .sidebet-levels {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 480px) {
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 126px !important;
    }
    #browserView .dense-market-card .catalog-title {
      font-size: 12px !important;
    }
    #detailView .soccer-match-hub-grid .sidebet-levels,
    #detailView .baseball-match-hub-grid .sidebet-levels {
      grid-template-columns: 1fr !important;
    }
    #detailView .detail-runtime-cards {
      grid-template-columns: 1fr !important;
    }
  }
  #detailView .detail-runtime-cards {
    min-width: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  #detailView .detail-mini-card {
    min-width: 0 !important;
    overflow: visible !important;
  }
  #detailView .detail-mini-card .v {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
    line-height: 1.2 !important;
  }
  #aestusPublicPremiumBetaNotice {
    position: static !important;
    display: block !important;
    width: max-content !important;
    max-width: calc(100% - 24px) !important;
    margin: 8px 12px 12px auto !important;
    pointer-events: none !important;
  }
  @media (max-width: 660px) {
    #detailView .detail-runtime-cards {
      grid-template-columns: 1fr !important;
    }
    #aestusPublicPremiumBetaNotice {
      margin: 8px 8px 10px !important;
      max-width: calc(100% - 16px) !important;
    }
  }
  :root {
    --av55-bg:#050b16;
    --av55-panel:#0b131f;
    --av55-panel-2:#07101c;
    --av55-line:#203a5d;
    --av55-line-soft:rgba(83,119,163,.28);
    --av55-text:#e9f0fb;
    --av55-muted:#7f93ad;
    --av55-blue:#2e78ff;
    --av55-blue-soft:rgba(46,120,255,.16);
    --av55-lime:#b9ff16;
    --av55-green:#22d39a;
    --av55-red:#ff626e;
  }
  .app-switch .nav-cluster {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(108px, 1fr)) !important;
    gap: 5px !important;
    min-width: 0 !important;
  }
  .app-switch .nav-cluster button {
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }
  .app-switch .nav-cluster button .nav-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .app-switch .studio-rail-head {
    align-items: center !important;
    min-width: 0 !important;
  }
  .app-switch .studio-wordmark {
    min-width: 0 !important;
    justify-content: flex-start !important;
  }
  #browserView > .browser-controls {
    padding: 10px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 6px !important;
    background:
      linear-gradient(
        180deg,
        #07101b,
        #08111b 70%,
        #060d16) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
  }
  #browserView > .browser-controls:before {
    content: "MARKET NAVIGATION / TAXONOMY";
    display: block;
    margin: 0 2px 8px;
    color: #6f91bd;
    font: 700 8px/1.1 var(--avl-mono,var(--mono));
    letter-spacing: .14em;
    white-space: nowrap;
  }
  #browserView > .browser-controls .catalog-toolbar {
    gap: 6px !important;
  }
  #browserView > .browser-controls #catalogSearch {
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 9px !important;
    font-size: 10.5px !important;
  }
  #browserView > .browser-controls #catalogSort {
    height: 31px !important;
    min-height: 31px !important;
    padding: 5px 8px !important;
    font-size: 9px !important;
  }
  #browserView > .browser-controls .catalog-status-row {
    margin: 0 0 7px !important;
    padding: 5px 2px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
  }
  #browserView > .browser-controls #catalogStatus {
    font: 700 8px/1.35 var(--avl-mono,var(--mono)) !important;
    color: #7189a6 !important;
  }
  #browserView > .browser-controls .genre-nav,
  #browserView > .browser-controls .taxonomy-subnav {
    gap: 5px !important;
  }
  #browserView > .browser-controls .taxonomy-subnav {
    margin-top: 7px !important;
    padding-top: 7px !important;
    border-top: 1px solid var(--av55-line-soft) !important;
  }
  #browserView > .browser-controls .side-subhead {
    padding: 2px 2px 3px !important;
    color: #6f91bd !important;
    font: 700 7px/1.1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .13em !important;
  }
  #browserView > .browser-controls .side-tax-card {
    min-height: 0 !important;
    padding: 7px 8px !important;
    border: 1px solid #19304b !important;
    border-radius: 5px !important;
    background: #081521 !important;
    box-shadow: none !important;
  }
  #browserView > .browser-controls .side-tax-card:hover {
    border-color: #39658f !important;
    background: #0b1c2d !important;
  }
  #browserView > .browser-controls .side-tax-card.active {
    border-color: #4c8ee1 !important;
    background:
      linear-gradient(
        90deg,
        #102945,
        #0a1725) !important;
    box-shadow: inset 2px 0 #65a3ff !important;
  }
  #browserView > .browser-controls .side-tax-head {
    min-height: 34px !important;
    align-items: center !important;
  }
  #browserView > .browser-controls .side-tax-name {
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
  }
  #browserView > .browser-controls .side-tax-name > span:last-child {
    justify-content: center !important;
    min-width: 0 !important;
  }
  #browserView > .browser-controls .side-tax-name strong {
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #browserView > .browser-controls .side-tax-name small {
    margin-top: 3px !important;
    font: 700 7px/1 var(--avl-mono,var(--mono)) !important;
    color: #687f9b !important;
    white-space: nowrap !important;
  }
  #browserView > .browser-controls .side-tax-vol {
    align-self: center !important;
    font: 800 8px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #b7cce6 !important;
  }
  #browserView > .browser-controls .side-tax-vol small {
    margin-top: 3px !important;
    font-size: 6px !important;
    line-height: 1.1 !important;
    color: #5d7694 !important;
  }
  #browserView > .browser-controls .side-tax-card .traffic-sign {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    margin: 0 !important;
  }
  #browserView > .browser-controls .side-tax-card .traffic-sign .sign-art svg {
    width: 22px !important;
    height: 22px !important;
  }
  #browserView > .browser-controls .side-tax-card .traffic-sign.flag .sign-flag {
    font-size: 21px !important;
  }
  #browserView > .browser-controls .side-top-list {
    margin-top: 6px !important;
    padding-top: 5px !important;
    gap: 3px !important;
    border-top: 1px solid #162a42 !important;
  }
  #browserView > .browser-controls .side-top-market {
    grid-template-columns: 12px minmax(0, 1fr) auto !important;
    min-height: 15px !important;
    gap: 4px !important;
    align-items: center !important;
    font: 700 7px/1.2 var(--avl-mono,var(--mono)) !important;
  }
  #browserView > .browser-controls .side-top-market b {
    font-weight: 650 !important;
    color: #91a7c0 !important;
  }
  #browserView > .browser-controls .side-top-market em {
    font-size: 6.5px !important;
    color: #637b98 !important;
  }
  #browserView > .browser-controls .side-compact-link {
    min-height: 28px !important;
    height: 28px !important;
    align-items: center !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    padding: 4px 7px !important;
    font: 700 7.5px/1 var(--avl-mono,var(--mono)) !important;
  }
  #browserView > .browser-controls .side-compact-link span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #browserView > #catalogList {
    min-width: 0 !important;
  }
  #browserView .catalog-results-head {
    min-height: 56px !important;
    margin: 0 0 8px !important;
    padding: 8px 11px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 5px !important;
    background:
      linear-gradient(
        100deg,
        #0b1522,
        #07101b 68%,
        #0a1725) !important;
  }
  #browserView .catalog-results-kicker {
    font: 700 7px/1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .15em !important;
    color: #6f91bd !important;
  }
  #browserView .catalog-results-title {
    margin-top: 3px !important;
    font: 600 18px/1.05 var(--avl-head,var(--head)) !important;
    letter-spacing: -.01em !important;
    color: var(--av55-text) !important;
    text-transform: uppercase !important;
  }
  #browserView .catalog-results-summary {
    font: 700 8px/1.2 var(--avl-mono,var(--mono)) !important;
    color: #7289a4 !important;
  }
  #browserView .catalog-head-stats {
    gap: 5px !important;
  }
  #browserView .catalog-head-stats > span {
    min-width: 86px !important;
    padding: 4px 7px !important;
    border-left: 1px solid var(--av55-line-soft) !important;
  }
  #browserView .catalog-head-stats small {
    font-size: 6.5px !important;
    color: #637c9c !important;
  }
  #browserView .catalog-head-stats b {
    margin-top: 2px !important;
    font: 800 10px/1 var(--avl-mono,var(--mono)) !important;
    color: #d9e7f7 !important;
  }
  #browserView .catalog-taxonomy-breadcrumb {
    margin-top: 5px !important;
  }
  #browserView .catalog-taxonomy-breadcrumb button {
    min-height: 23px !important;
    height: 23px !important;
    padding: 3px 6px !important;
    border-color: #2b4e76 !important;
    background: #091a2c !important;
    font: 700 7px/1 var(--avl-mono,var(--mono)) !important;
    color: #a9c8ed !important;
  }
  #browserView .catalog-taxonomy-breadcrumb span {
    margin-left: 7px !important;
    font: 700 7px/1 var(--avl-mono,var(--mono)) !important;
    color: #617c9e !important;
  }
  #browserView .catalog-groups {
    gap: 8px !important;
  }
  #browserView .market-group {
    padding: 8px !important;
    border: 1px solid #1c3550 !important;
    border-radius: 6px !important;
    background:
      linear-gradient(
        135deg,
        #0a1622,
        #07101a) !important;
  }
  #browserView .market-group-head {
    min-height: 35px !important;
    padding: 0 2px 7px !important;
    margin-bottom: 7px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
  }
  #browserView .market-group-ident {
    gap: 8px !important;
    align-items: center !important;
  }
  #browserView .market-group-ident .traffic-sign {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px !important;
    margin: 0 !important;
    border-color: #315a87 !important;
    background: #0c1a2a !important;
  }
  #browserView .market-group-ident .traffic-sign .sign-art svg {
    width: 21px !important;
    height: 21px !important;
  }
  #browserView .market-group-ident .traffic-sign.flag .sign-flag {
    font-size: 19px !important;
  }
  #browserView .market-group-title strong {
    font-size: 11px !important;
    line-height: 1.1 !important;
    color: #e9f2fd !important;
  }
  #browserView .market-group-title small {
    margin-top: 3px !important;
    font: 700 6.5px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #6984a4 !important;
  }
  #browserView .market-group-actions {
    gap: 8px !important;
  }
  #browserView .market-group-stats {
    gap: 9px !important;
  }
  #browserView .market-group-stats small {
    font-size: 5.8px !important;
    color: #607a9a !important;
  }
  #browserView .market-group-stats b {
    font: 800 8.5px/1 var(--avl-mono,var(--mono)) !important;
    color: #bfd3ea !important;
  }
  #browserView .market-group-open {
    height: 26px !important;
    min-height: 26px !important;
    padding: 3px 7px !important;
    border-color: #31577f !important;
    background: #0b1a2c !important;
    font: 800 7px/1 var(--avl-mono,var(--mono)) !important;
    color: #acd0f7 !important;
  }
  #browserView .market-group-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: stretch !important;
  }
  #browserView .dense-market-card,
  #browserView .dense-market-card.featured {
    height: 128px !important;
    min-height: 128px !important;
    padding: 8px 9px !important;
    border: 1px solid #1d3651 !important;
    border-radius: 6px !important;
    background:
      linear-gradient(
        145deg,
        #0b1724,
        #07101a) !important;
  }
  #browserView .dense-market-card:hover {
    border-color: #4c82bd !important;
    background: #0d2033 !important;
    transform: translateY(-1px) !important;
  }
  #browserView .dense-market-card.selected {
    border-color: #6aa8ff !important;
    box-shadow: inset 2px 0 #65a3ff !important;
  }
  #browserView .dense-card-top {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 7px !important;
    align-items: start !important;
  }
  #browserView .market-card-logo {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
  }
  #browserView .market-card-logo .traffic-sign {
    width: 39px !important;
    height: 39px !important;
    flex: 0 0 39px !important;
    margin: 0 !important;
    border-width: 1.5px !important;
  }
  #browserView .market-card-logo .traffic-sign .sign-art svg {
    width: 26px !important;
    height: 26px !important;
  }
  #browserView .market-card-logo .traffic-sign.flag .sign-flag {
    font-size: 23px !important;
  }
  #browserView .dense-market-card .catalog-title,
  #browserView .dense-market-card.featured .catalog-title {
    font-size: 12px !important;
    line-height: 1.14 !important;
    font-weight: 700 !important;
  }
  #browserView .dense-market-card .catalog-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: inherit !important;
  }
  #browserView .dense-type {
    padding: 2px 4px !important;
    font: 700 6.5px/1 var(--avl-mono,var(--mono)) !important;
  }
  #browserView .catalog-taxonomy {
    margin-top: 4px !important;
    font: 700 7px/1.15 var(--avl-mono,var(--mono)) !important;
    color: #6d87a5 !important;
  }
  #browserView .dense-preview {
    min-height: 19px !important;
    margin-top: 5px !important;
    overflow: hidden !important;
  }
  #browserView .dense-preview-prices {
    gap: 3px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
  }
  #browserView .dense-preview-prices > span {
    min-width: 0 !important;
    max-width: 48% !important;
    padding: 2px 4px !important;
    border: 1px solid #203d5d !important;
    border-radius: 3px !important;
    background: #07131f !important;
    font: 700 7px/1 var(--avl-mono,var(--mono)) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #browserView .dense-preview-prices em {
    color: var(--av55-lime) !important;
    font-style: normal !important;
  }
  #browserView .dense-metrics {
    margin-top: auto !important;
    border-top: 1px solid #19314d !important;
  }
  #browserView .dense-metrics > span {
    padding: 5px 3px 0 !important;
    border-right: 1px solid #19314d !important;
  }
  #browserView .dense-metrics small {
    font-size: 5.5px !important;
    color: #5d7897 !important;
  }
  #browserView .dense-metrics b {
    font: 800 8px/1 var(--avl-mono,var(--mono)) !important;
    color: #c6d9ec !important;
  }
  #browserView .dense-card-foot {
    right: 7px !important;
    bottom: 5px !important;
    gap: 5px !important;
  }
  #browserView .dense-open-action {
    font: 700 6px/1 var(--avl-mono,var(--mono)) !important;
    color: #8eadd0 !important;
  }
  #browserView .dense-open,
  #browserView .dense-paused,
  #browserView .dense-edge {
    padding: 2px 4px !important;
    font: 800 6px/1 var(--avl-mono,var(--mono)) !important;
  }
  #detailView[hidden] {
    display: none !important;
  }
  #detailView:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
  }
  #detailView .detail-topbar {
    order: 1 !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 0 7px !important;
    padding: 3px 0 5px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
    background: transparent !important;
  }
  #detailView .detail-topbar .row {
    gap: 5px !important;
  }
  #detailView .detail-topbar button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 4px 8px !important;
    border-color: #29486b !important;
    border-radius: 4px !important;
    background: #0a1726 !important;
    font: 800 8px/1 var(--avl-mono,var(--mono)) !important;
    color: #b7d1ee !important;
  }
  #detailView .detail-hero {
    order: 2 !important;
    min-height: 0 !important;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 5px !important;
    background:
      linear-gradient(
        100deg,
        #0b1522,
        #07101b 68%,
        #0a1725) !important;
    box-shadow: none !important;
  }
  #detailView .detail-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(390px, .56fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }
  #detailView .detail-title {
    font: 600 clamp(19px, 2vw, 27px)/1.05 var(--avl-head,var(--head)) !important;
    letter-spacing: -.02em !important;
    color: #2e78ff !important;
  }
  #detailView .detail-title a {
    color: #2e78ff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }
  #detailView .detail-event {
    margin-top: 4px !important;
    font: 500 10px/1.25 var(--avl-head,var(--head)) !important;
    color: #7f93ad !important;
  }
  #detailView .detail-betline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
    border-top: 1px solid var(--av55-line-soft) !important;
  }
  #detailView .detail-betline .bl-i {
    min-width: 0 !important;
    padding: 0 13px 0 0 !important;
    margin-right: 13px !important;
    border-right: 1px solid var(--av55-line-soft) !important;
  }
  #detailView .detail-betline .k {
    font: 700 6.5px/1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .08em !important;
    color: #6c89ac !important;
  }
  #detailView .detail-betline .v {
    font: 800 9px/1.2 var(--avl-mono,var(--mono)) !important;
    color: #c8daee !important;
  }
  #detailView .detail-runtime-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-width: 0 !important;
  }
  #detailView .detail-mini-card {
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 6px 7px !important;
    border: 1px solid #1b3552 !important;
    border-radius: 4px !important;
    background: #07111d !important;
  }
  #detailView .detail-mini-card .k {
    font: 700 6px/1.1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .08em !important;
    color: #6381a6 !important;
  }
  #detailView .detail-mini-card .v {
    display: block !important;
    margin-top: 3px !important;
    font: 800 8px/1.2 var(--avl-mono,var(--mono)) !important;
    color: #d4e3f4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  #detailView .aestus-workbench-shell {
    order: 3 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.36fr) minmax(310px, .64fr) !important;
    gap: 8px !important;
    align-items: start !important;
    margin: 0 0 8px !important;
  }
  #detailView .aestus-workbench-primary,
  #detailView .aestus-workbench-research {
    min-width: 0 !important;
  }
  #detailView .aestus-workbench-primary > #structurePanel,
  #detailView .aestus-workbench-research > #valueBoard {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 5px !important;
    background: var(--av55-panel) !important;
    box-shadow: none !important;
  }
  #detailView #structurePanel > h2 {
    margin: 0 0 7px !important;
    padding: 0 0 6px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
    font: 700 10px/1 var(--avl-head,var(--head)) !important;
    color: #dbe9f8 !important;
  }
  #detailView #structurePanel > #structBox {
    margin: 0 0 7px !important;
    padding: 5px 7px !important;
    border: 1px dashed #294463 !important;
    border-radius: 4px !important;
    background: #07111c !important;
    font: 700 8px/1.35 var(--avl-mono,var(--mono)) !important;
    color: #8298b2 !important;
  }
  #detailView #structurePanel .okitem,
  #detailView #structurePanel #normStatus,
  #detailView #structurePanel #structDetails {
    font: 700 7.5px/1.35 var(--avl-mono,var(--mono)) !important;
    color: #7189a6 !important;
  }
  #detailView .structure-market-data {
    margin-top: 7px !important;
    padding-top: 7px !important;
    border-top: 1px solid var(--av55-line-soft) !important;
    gap: 7px !important;
  }
  #detailView .structure-market-head {
    gap: 10px !important;
    align-items: center !important;
  }
  #detailView .structure-market-head strong {
    font: 700 12px/1.15 var(--avl-head,var(--head)) !important;
    color: var(--av55-text) !important;
  }
  #detailView .structure-market-head small {
    margin-top: 3px !important;
    font: 700 8px/1.25 var(--avl-mono,var(--mono)) !important;
    color: #778eaa !important;
  }
  #detailView .structure-market-head .mono-sm {
    font: 700 7px/1.15 var(--avl-mono,var(--mono)) !important;
    color: #6e88a8 !important;
    white-space: nowrap !important;
  }
  #detailView .structure-bet-switcher {
    display: grid !important;
    grid-template-columns: 155px minmax(0, 1fr) 175px !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 7px 8px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 4px !important;
    background: #07101c !important;
  }
  #detailView .structure-bet-switcher label {
    display: contents !important;
  }
  #detailView .structure-bet-switcher label span {
    font: 700 8px/1.1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .1em !important;
    color: #7f9bbd !important;
    white-space: nowrap !important;
  }
  #detailView .structure-bet-switcher select#structureBetSelector {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 6px 9px !important;
    border: 1px solid #294c73 !important;
    border-radius: 4px !important;
    background: #060d17 !important;
    font: 600 11px/1.1 var(--avl-head,var(--head)) !important;
    color: #e3edf9 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #detailView .structure-bet-switcher small {
    font: 700 7px/1.2 var(--avl-mono,var(--mono)) !important;
    color: #6d86a4 !important;
    text-align: right !important;
    white-space: normal !important;
  }
  #detailView .structure-outcome-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 7px 0 !important;
    padding: 6px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 4px !important;
    background: #07101c !important;
  }
  #detailView button.structure-outcome-chip {
    min-width: 0 !important;
    min-height: 55px !important;
    height: auto !important;
    padding: 8px 10px !important;
    border: 1px solid #2a4664 !important;
    border-radius: 4px !important;
    background: #0b1724 !important;
    text-align: left !important;
  }
  #detailView button.structure-outcome-chip.active {
    border-color: #6f9bd0 !important;
    box-shadow: inset 3px 0 var(--av55-blue) !important;
    background: #10263d !important;
  }
  #detailView .structure-outcome-chip span {
    font: 600 14px/1.15 var(--avl-head,var(--head)) !important;
    color: #e3eefb !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  #detailView .structure-outcome-chip small {
    display: block !important;
    margin-top: 3px !important;
    font: 700 8px/1.25 var(--avl-mono,var(--mono)) !important;
    color: #8199b3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  #detailView .structure-market-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  #detailView .structure-market-stat {
    min-width: 0 !important;
    padding: 6px 7px !important;
    border: 1px solid #1b3652 !important;
    border-radius: 4px !important;
    background: #07101c !important;
  }
  #detailView .structure-market-stat small {
    font: 700 6.5px/1.1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .07em !important;
    color: #607b9c !important;
  }
  #detailView .structure-market-stat b {
    margin-top: 3px !important;
    font: 800 11px/1 var(--avl-mono,var(--mono)) !important;
    color: #d2e2f3 !important;
  }
  #detailView .structure-market-stat.bid-stat {
    border-color: rgba(34, 211, 154, .55) !important;
  }
  .structure-market-stat .bid {
    color: var(--av55-green) !important;
  }
  #detailView .structure-market-stat.ask-stat {
    border-color: rgba(255, 98, 110, .55) !important;
  }
  .structure-market-stat .ask {
    color: var(--av55-red) !important;
  }
  #detailView .market-pressure {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 3px 9px !important;
    padding: 7px 8px !important;
    border: 1px dashed #294463 !important;
    border-radius: 4px !important;
    background: #07101c !important;
  }
  #detailView .market-pressure small {
    font: 700 6.5px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #607b9b !important;
  }
  #detailView .market-pressure strong {
    font: 800 10px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #dce9f8 !important;
  }
  #detailView .market-pressure-meta {
    font: 700 7px/1 var(--avl-mono,var(--mono)) !important;
    color: #7891ad !important;
  }
  #detailView .market-pressure-note {
    font: 700 8px/1.35 var(--avl-mono,var(--mono)) !important;
    color: #8097b0 !important;
  }
  #detailView .structure-tabs {
    gap: 7px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
  }
  #detailView .structure-tab {
    height: 28px !important;
    min-height: 28px !important;
    padding: 4px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    background: transparent !important;
    font: 700 8px/1 var(--avl-mono,var(--mono)) !important;
    color: #7892ae !important;
  }
  #detailView .structure-tab.active {
    border-color: #315a88 !important;
    background: #102540 !important;
    color: #e1edf9 !important;
  }
  #detailView .microstructure-block h3 {
    margin: 0 0 5px !important;
    font: 700 8px/1.1 var(--avl-mono,var(--mono)) !important;
    letter-spacing: .08em !important;
    color: #8198b1 !important;
  }
  #detailView .microstructure-table {
    font: 700 8.5px/1.2 var(--avl-mono,var(--mono)) !important;
  }
  #detailView .microstructure-table th,
  #detailView .microstructure-table td {
    padding: 5px 6px !important;
    font-size: 8.5px !important;
  }
  #detailView .structure-market-data > .status {
    font: 700 7px/1.3 var(--avl-mono,var(--mono)) !important;
    color: #607b99 !important;
  }
  #detailView .aestus-workbench-research > #valueBoard {
    height: fit-content !important;
  }
  #detailView .aestus-workbench-research .vb-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 7px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
  }
  #detailView .aestus-workbench-research .vb-head h2 {
    font: 700 11px/1.1 var(--avl-head,var(--head)) !important;
    color: #e4effb !important;
  }
  #detailView .aestus-workbench-research .vb-subtitle {
    margin-top: 3px !important;
    font: 700 7px/1.25 var(--avl-mono,var(--mono)) !important;
    color: #718aa7 !important;
  }
  #detailView .aestus-workbench-research .vb-sum {
    font: 700 7px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #7795b6 !important;
    text-align: right !important;
  }
  #detailView .aestus-workbench-research .football-model-panel,
  #detailView .aestus-workbench-research .football-advanced-model-panel,
  #detailView .aestus-workbench-research .baseball-model-panel {
    margin-top: 0 !important;
    padding: 8px !important;
    border-color: #315a80 !important;
    border-radius: 4px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid {
    grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid > div {
    padding: 5px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid small {
    font-size: 6px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid b {
    font-size: 9px !important;
  }
  #detailView .aestus-workbench-research .football-model-main b {
    font-size: 14px !important;
  }
  #detailView .aestus-workbench-research .football-model-note {
    font-size: 7.5px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock {
    padding: 8px !important;
    gap: 5px !important;
    border-radius: 4px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock strong {
    font-size: 10px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock [data-premium-description] {
    font-size: 8px !important;
  }
  #detailView.aestus-parent-hub #eventOptionsPanel {
    order: 3 !important;
    margin-bottom: 8px !important;
    padding: 9px !important;
  }
  #detailView.aestus-parent-hub .aestus-workbench-shell {
    order: 4 !important;
  }
  #detailView.aestus-parent-hub .mkt-split {
    display: block !important;
  }
  #detailView.aestus-parent-hub .mkt-list-col {
    max-width: none !important;
    width: 100% !important;
  }
  #detailView.aestus-parent-hub .mkt-chart-col {
    display: none !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro {
    min-height: 34px !important;
    margin: 0 0 7px !important;
    padding: 7px 9px !important;
    border: 1px solid #244364 !important;
    border-radius: 4px !important;
    background: #081521 !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro strong {
    font: 700 10px/1.15 var(--avl-head,var(--head)) !important;
    color: #e2eefb !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro span {
    font: 700 7px/1.2 var(--avl-mono,var(--mono)) !important;
    color: #7089a7 !important;
  }
  #detailView.aestus-parent-hub .sidebet-family {
    margin: 0 0 7px !important;
    border: 1px solid #1c3550 !important;
    border-radius: 5px !important;
    background: #07121d !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head {
    min-height: 33px !important;
    padding: 6px 8px !important;
    border-bottom: 1px solid #1a3048 !important;
    background: #0a1928 !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-code {
    height: 20px !important;
    min-width: 36px !important;
    padding: 0 5px !important;
    font: 800 7px/1 var(--avl-mono,var(--mono)) !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head strong {
    font: 700 11px/1.1 var(--avl-head,var(--head)) !important;
    color: #e4effb !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head small {
    font: 700 7px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #7189a5 !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    padding: 5px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card,
  #detailView.aestus-parent-hub .sidebet-level-group {
    min-width: 0 !important;
    min-height: 88px !important;
    height: auto !important;
    padding: 7px 8px !important;
    border: 1px solid #1d3a57 !important;
    border-radius: 4px !important;
    background: #081522 !important;
  }
  #detailView.aestus-parent-hub .sidebet-card:hover,
  #detailView.aestus-parent-hub .sidebet-level-button:hover {
    border-color: #4b83c1 !important;
    background: #0c1d2f !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-title,
  #detailView.aestus-parent-hub .sidebet-level-head strong {
    font: 700 11px/1.15 var(--avl-head,var(--head)) !important;
    color: #e5effa !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-count,
  #detailView.aestus-parent-hub .sidebet-level-head small {
    font: 700 7px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #7893af !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview {
    gap: 3px !important;
    margin-top: 5px !important;
    min-height: 20px !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview span,
  #detailView.aestus-parent-hub .sidebet-level-preview > span {
    max-width: 100% !important;
    padding: 2px 4px !important;
    border: 1px solid #234463 !important;
    border-radius: 3px !important;
    background: #07131f !important;
    font: 700 7.5px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #afc4da !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview b,
  #detailView.aestus-parent-hub .sidebet-level-preview b {
    font-size: 7.5px !important;
    color: var(--av55-lime) !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics {
    gap: 8px !important;
    padding-top: 5px !important;
    margin-top: auto !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics small {
    font: 700 6px/1 var(--avl-mono,var(--mono)) !important;
    color: #607b99 !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics b {
    font: 800 8px/1 var(--avl-mono,var(--mono)) !important;
    color: #c7d9ec !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-group {
    grid-column: span 2 !important;
    min-height: 0 !important;
  }
  #detailView.aestus-parent-hub .sidebet-levels {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button {
    min-width: 0 !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 6px !important;
    border: 1px solid #203e5d !important;
    border-radius: 4px !important;
    background: #081522 !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button strong {
    font-size: 9px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button > small {
    font: 800 7px/1 var(--avl-mono,var(--mono)) !important;
    color: var(--av55-lime) !important;
  }
  #detailView.aestus-selected-market #eventOptionsPanel {
    order: 4 !important;
    padding: 8px !important;
    margin: 0 0 8px !important;
  }
  #detailView.aestus-selected-market #mktSplit {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .72fr) !important;
    gap: 8px !important;
  }
  #detailView.aestus-selected-market .mkt-list-col {
    max-width: none !important;
    width: 100% !important;
  }
  #detailView.aestus-selected-market #eventOptionsGrid.mkt-list {
    max-height: 300px !important;
  }
  #detailView.aestus-selected-market .mkt-chart-col {
    border-left: 1px solid var(--av55-line-soft) !important;
    padding-left: 8px !important;
  }
  #detailView.aestus-selected-market .mkt-chart-col #priceChart,
  #detailView.aestus-selected-market #priceChart {
    height: 250px !important;
    min-height: 250px !important;
  }
  #detailView.aestus-selected-market .sidebet-detail-pane {
    min-width: 0 !important;
  }
  #detailView.aestus-selected-market .sidebet-detail-card {
    padding: 8px !important;
    border-color: #244364 !important;
    background: #081522 !important;
  }
  #detailView.aestus-selected-market .sidebet-detail-card h3 {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }
  #detailView.aestus-selected-market .sidebet-option-row {
    min-height: 31px !important;
    padding: 4px 6px !important;
  }
  #detailView.aestus-selected-market .sidebet-option-name strong {
    font-size: 9px !important;
  }
  #detailView.aestus-selected-market .sidebet-option-name small,
  #detailView.aestus-selected-market .sidebet-option-price {
    font-size: 7.5px !important;
  }
  #detailView .aestus-secondary-rail {
    order: 5 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
  }
  #detailView .aestus-secondary-rail > .panel {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 9px !important;
    border: 1px solid var(--av55-line) !important;
    border-radius: 5px !important;
    background: var(--av55-panel) !important;
    box-shadow: none !important;
  }
  #detailView .aestus-secondary-rail > .panel > h2 {
    margin: 0 0 6px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid var(--av55-line-soft) !important;
    font: 700 10px/1.1 var(--avl-head,var(--head)) !important;
    color: #dbe9f8 !important;
  }
  #detailView .aestus-secondary-rail .kelly-panel {
    gap: 7px !important;
  }
  #detailView .aestus-secondary-rail .kelly-intro,
  #detailView .aestus-secondary-rail .kelly-footnote,
  #detailView .aestus-secondary-rail .status {
    font: 700 8px/1.35 var(--avl-mono,var(--mono)) !important;
    color: #7891ad !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid label,
  #detailView .aestus-secondary-rail .kelly-aggression > span {
    font: 700 7px/1.1 var(--avl-mono,var(--mono)) !important;
    color: #6c86a4 !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid input {
    height: 30px !important;
    min-height: 30px !important;
    font: 800 10px/1 var(--avl-mono,var(--mono)) !important;
  }
  #detailView .aestus-secondary-rail .kelly-aggression {
    display: grid !important;
    grid-template-columns: auto repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    align-items: center !important;
  }
  #detailView .aestus-secondary-rail .kelly-aggression button {
    height: 28px !important;
    min-height: 28px !important;
    padding: 4px !important;
    font: 800 7.5px/1 var(--avl-mono,var(--mono)) !important;
  }
  #detailView .aestus-secondary-rail .kelly-result-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }
  #detailView .aestus-secondary-rail .kelly-result {
    padding: 6px !important;
    border-color: #1b3652 !important;
    background: #07101c !important;
  }
  #detailView .aestus-secondary-rail .kelly-result small {
    font-size: 6px !important;
    color: #607b99 !important;
  }
  #detailView .aestus-secondary-rail .kelly-result-value {
    font-size: 11px !important;
  }
  #detailView .aestus-secondary-rail #holderResearchPanel {
    grid-column: 1/-1 !important;
  }
  #detailView .aestus-secondary-rail .legend {
    font: 700 7px/1.35 var(--avl-mono,var(--mono)) !important;
    color: #7189a6 !important;
  }
  #detailView > .analysis-controls {
    display: none !important;
  }
  #detailView .detail-workspace {
    display: none !important;
  }
  @media (max-width: 1350px) {
    #detailView .detail-hero-grid {
      grid-template-columns: minmax(0, 1fr) minmax(340px, .6fr) !important;
    }
    #detailView .aestus-workbench-shell {
      grid-template-columns: minmax(0, 1.2fr) minmax(285px, .8fr) !important;
    }
    #browserView .market-group-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1000px) {
    #detailView .detail-hero-grid,
    #detailView .aestus-workbench-shell {
      grid-template-columns: 1fr !important;
    }
    #detailView .aestus-workbench-research {
      order: 2 !important;
    }
    #detailView .structure-bet-switcher {
      grid-template-columns: 145px minmax(0, 1fr) 150px !important;
    }
    #detailView.aestus-selected-market #mktSplit {
      grid-template-columns: 1fr !important;
    }
    #detailView.aestus-selected-market .mkt-chart-col {
      border-left: 0 !important;
      border-top: 1px solid var(--av55-line-soft) !important;
      padding: 7px 0 0 !important;
    }
  }
  @media (max-width: 760px) {
    #browserView > .browser-controls:before {
      font-size: 7px !important;
    }
    #browserView .market-group-grid {
      grid-template-columns: 1fr !important;
    }
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      height: auto !important;
      min-height: 126px !important;
    }
    #detailView .structure-bet-switcher {
      grid-template-columns: 1fr !important;
      gap: 5px !important;
    }
    #detailView .structure-bet-switcher small {
      text-align: left !important;
    }
    #detailView .structure-outcome-pair {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #detailView .aestus-secondary-rail {
      grid-template-columns: 1fr !important;
    }
    #detailView .aestus-secondary-rail .kelly-input-grid,
    #detailView .aestus-secondary-rail .kelly-result-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #detailView .aestus-secondary-rail .kelly-aggression {
      grid-template-columns: 1fr 1fr !important;
    }
    #detailView .aestus-secondary-rail .kelly-aggression > span {
      grid-column: 1/-1 !important;
    }
  }
  @media (max-width: 440px) {
    #detailView .structure-outcome-pair {
      grid-template-columns: 1fr !important;
    }
    #detailView .detail-runtime-cards {
      grid-template-columns: 1fr !important;
    }
  }
  #browserView,
  #detailView,
  #usersView,
  #scopeView,
  #accountView {
    font-size: 14px !important;
  }
  #browserView button,
  #detailView button,
  #usersView button,
  #scopeView button,
  #accountView button,
  #browserView input,
  #browserView select,
  #detailView input,
  #detailView select {
    font-size: 13px !important;
  }
  #browserView small,
  #detailView small,
  #usersView small,
  #scopeView small,
  #accountView small {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  #browserView p,
  #detailView p,
  #usersView p,
  #scopeView p,
  #accountView p {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .app-switch .nav-cluster {
    gap: 7px !important;
  }
  .app-switch .nav-cluster button {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    gap: 8px !important;
  }
  .app-switch .nav-cluster button .nav-ico {
    font-size: 10px !important;
  }
  .app-switch .nav-cluster button .nav-label {
    font-size: 13px !important;
    letter-spacing: .01em !important;
  }
  #browserView > .browser-controls {
    padding: 13px !important;
  }
  #browserView > .browser-controls:before {
    margin-bottom: 11px !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
  }
  #browserView > .browser-controls #catalogSearch {
    height: 40px !important;
    min-height: 40px !important;
    padding: 8px 11px !important;
    font-size: 13px !important;
  }
  #browserView > .browser-controls #catalogSort {
    height: 37px !important;
    min-height: 37px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
  }
  #browserView > .browser-controls .catalog-status-row {
    padding: 7px 3px !important;
    margin-bottom: 9px !important;
  }
  #browserView > .browser-controls #catalogStatus {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  #browserView > .browser-controls .side-subhead {
    padding: 4px 3px 5px !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
  }
  #browserView > .browser-controls .side-tax-card {
    padding: 10px !important;
  }
  #browserView > .browser-controls .side-tax-head {
    min-height: 40px !important;
  }
  #browserView > .browser-controls .side-tax-name {
    gap: 10px !important;
  }
  #browserView > .browser-controls .side-tax-name strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }
  #browserView > .browser-controls .side-tax-name small {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }
  #browserView > .browser-controls .side-tax-vol {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  #browserView > .browser-controls .side-tax-vol small {
    font-size: 9px !important;
    line-height: 1.15 !important;
  }
  #browserView > .browser-controls .side-tax-card .traffic-sign {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
  #browserView > .browser-controls .side-tax-card .traffic-sign .sign-art svg {
    width: 27px !important;
    height: 27px !important;
  }
  #browserView > .browser-controls .side-tax-card .traffic-sign.flag .sign-flag {
    font-size: 25px !important;
  }
  #browserView > .browser-controls .side-top-list {
    margin-top: 8px !important;
    padding-top: 7px !important;
    gap: 5px !important;
  }
  #browserView > .browser-controls .side-top-market {
    min-height: 22px !important;
    gap: 6px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  #browserView > .browser-controls .side-top-market em {
    font-size: 9px !important;
  }
  #browserView > .browser-controls .side-compact-link {
    min-height: 34px !important;
    height: 34px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  #browserView .catalog-results-head {
    min-height: 72px !important;
    padding: 11px 14px !important;
  }
  #browserView .catalog-results-kicker {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  #browserView .catalog-results-title {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }
  #browserView .catalog-results-summary {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  #browserView .catalog-head-stats {
    gap: 8px !important;
  }
  #browserView .catalog-head-stats > span {
    min-width: 104px !important;
    padding: 6px 9px !important;
  }
  #browserView .catalog-head-stats small {
    font-size: 9px !important;
  }
  #browserView .catalog-head-stats b {
    font-size: 13px !important;
  }
  #browserView .catalog-taxonomy-breadcrumb {
    margin-top: 7px !important;
  }
  #browserView .catalog-taxonomy-breadcrumb button {
    min-height: 29px !important;
    height: 29px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
  }
  #browserView .catalog-taxonomy-breadcrumb span {
    font-size: 10px !important;
  }
  #browserView .market-group {
    padding: 11px !important;
  }
  #browserView .market-group-head {
    min-height: 43px !important;
    padding-bottom: 9px !important;
    margin-bottom: 9px !important;
  }
  #browserView .market-group-ident {
    gap: 10px !important;
  }
  #browserView .market-group-ident .traffic-sign {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }
  #browserView .market-group-ident .traffic-sign .sign-art svg {
    width: 26px !important;
    height: 26px !important;
  }
  #browserView .market-group-ident .traffic-sign.flag .sign-flag {
    font-size: 23px !important;
  }
  #browserView .market-group-title strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
  }
  #browserView .market-group-title small {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  #browserView .market-group-stats {
    gap: 12px !important;
  }
  #browserView .market-group-stats small {
    font-size: 8.5px !important;
  }
  #browserView .market-group-stats b {
    font-size: 12px !important;
  }
  #browserView .market-group-open {
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 9px !important;
    font-size: 10px !important;
  }
  #browserView .market-group-grid {
    gap: 8px !important;
  }
  #browserView .dense-market-card,
  #browserView .dense-market-card.featured {
    height: auto !important;
    min-height: 156px !important;
    padding: 11px 12px !important;
  }
  #browserView .dense-card-top {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    gap: 9px !important;
  }
  #browserView .market-card-logo {
    width: 48px !important;
    height: 48px !important;
  }
  #browserView .market-card-logo .traffic-sign {
    width: 45px !important;
    height: 45px !important;
    flex-basis: 45px !important;
  }
  #browserView .market-card-logo .traffic-sign .sign-art svg {
    width: 30px !important;
    height: 30px !important;
  }
  #browserView .market-card-logo .traffic-sign.flag .sign-flag {
    font-size: 27px !important;
  }
  #browserView .dense-market-card .catalog-title,
  #browserView .dense-market-card.featured .catalog-title {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  #browserView .dense-type {
    padding: 3px 5px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }
  #browserView .catalog-taxonomy {
    margin-top: 5px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  #browserView .dense-preview {
    min-height: 25px !important;
    margin-top: 7px !important;
  }
  #browserView .dense-preview-prices {
    gap: 4px !important;
  }
  #browserView .dense-preview-prices > span {
    padding: 4px 6px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }
  #browserView .dense-metrics {
    margin-top: 9px !important;
  }
  #browserView .dense-metrics > span {
    padding: 7px 4px 0 !important;
  }
  #browserView .dense-metrics small {
    font-size: 8.5px !important;
  }
  #browserView .dense-metrics b {
    font-size: 11px !important;
  }
  #browserView .dense-card-foot {
    right: 9px !important;
    bottom: 7px !important;
    gap: 7px !important;
  }
  #browserView .dense-open-action {
    font-size: 9px !important;
  }
  #browserView .dense-open,
  #browserView .dense-paused,
  #browserView .dense-edge {
    padding: 3px 5px !important;
    font-size: 9px !important;
  }
  #detailView .detail-topbar {
    height: 44px !important;
    min-height: 44px !important;
    padding: 5px 0 7px !important;
  }
  #detailView .detail-topbar button {
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
  }
  #detailView .detail-hero {
    padding: 13px 15px !important;
  }
  #detailView .detail-title {
    font-size: clamp(24px, 2.4vw, 34px) !important;
    line-height: 1.08 !important;
  }
  #detailView .detail-event {
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  #detailView .detail-betline {
    margin-top: 10px !important;
    padding-top: 9px !important;
  }
  #detailView .detail-betline .k {
    font-size: 9px !important;
  }
  #detailView .detail-betline .v {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  #detailView .detail-mini-card {
    min-height: 58px !important;
    padding: 8px 9px !important;
  }
  #detailView .detail-mini-card .k {
    font-size: 9px !important;
  }
  #detailView .detail-mini-card .v {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  #detailView .aestus-workbench-primary > #structurePanel,
  #detailView .aestus-workbench-research > #valueBoard {
    padding: 13px !important;
  }
  #detailView #structurePanel > h2 {
    margin-bottom: 9px !important;
    padding-bottom: 8px !important;
    font-size: 14px !important;
  }
  #detailView #structurePanel > #structBox {
    padding: 7px 9px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
  #detailView #structurePanel .okitem,
  #detailView #structurePanel #normStatus,
  #detailView #structurePanel #structDetails {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }
  #detailView .structure-market-data {
    margin-top: 9px !important;
    padding-top: 9px !important;
  }
  #detailView .structure-market-head strong {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  #detailView .structure-market-head small {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  #detailView .structure-market-head .mono-sm {
    font-size: 9px !important;
  }
  #detailView .structure-bet-switcher {
    grid-template-columns: 170px minmax(0, 1fr) 200px !important;
    gap: 11px !important;
    padding: 9px 10px !important;
  }
  #detailView .structure-bet-switcher label span {
    font-size: 10px !important;
  }
  #detailView .structure-bet-switcher select#structureBetSelector {
    height: 42px !important;
    min-height: 42px !important;
    padding: 8px 11px !important;
    font-size: 13px !important;
  }
  #detailView .structure-bet-switcher small {
    font-size: 9px !important;
  }
  #detailView .structure-outcome-pair {
    gap: 8px !important;
    margin: 9px 0 !important;
    padding: 8px !important;
  }
  #detailView button.structure-outcome-chip {
    min-height: 68px !important;
    padding: 10px 12px !important;
  }
  #detailView .structure-outcome-chip span {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  #detailView .structure-outcome-chip small {
    margin-top: 5px !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }
  #detailView .structure-market-stats {
    gap: 7px !important;
  }
  #detailView .structure-market-stat {
    padding: 8px 9px !important;
  }
  #detailView .structure-market-stat small {
    font-size: 8.5px !important;
  }
  #detailView .structure-market-stat b {
    margin-top: 4px !important;
    font-size: 13px !important;
  }
  #detailView .market-pressure {
    gap: 4px 11px !important;
    padding: 9px 10px !important;
  }
  #detailView .market-pressure small {
    font-size: 9px !important;
  }
  #detailView .market-pressure strong {
    font-size: 13px !important;
  }
  #detailView .market-pressure-meta {
    font-size: 9.5px !important;
  }
  #detailView .market-pressure-note {
    font-size: 10.5px !important;
    line-height: 1.45 !important;
  }
  #detailView .structure-tabs {
    gap: 8px !important;
    padding-bottom: 7px !important;
  }
  #detailView .structure-tab {
    height: 34px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 10.5px !important;
  }
  #detailView .microstructure-block h3 {
    margin-bottom: 7px !important;
    font-size: 10.5px !important;
  }
  #detailView .microstructure-table {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }
  #detailView .microstructure-table th,
  #detailView .microstructure-table td {
    padding: 7px 8px !important;
    font-size: 10.5px !important;
  }
  #detailView .structure-market-data > .status {
    font-size: 9px !important;
    line-height: 1.4 !important;
  }
  #detailView .aestus-workbench-research .vb-head h2 {
    font-size: 14px !important;
  }
  #detailView .aestus-workbench-research .vb-subtitle,
  #detailView .aestus-workbench-research .vb-sum {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  #detailView .aestus-workbench-research .football-model-panel,
  #detailView .aestus-workbench-research .football-advanced-model-panel {
    padding: 10px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid {
    gap: 5px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid > div {
    padding: 7px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid small {
    font-size: 9px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid b {
    font-size: 12px !important;
  }
  #detailView .aestus-workbench-research .football-model-main b {
    font-size: 18px !important;
  }
  #detailView .aestus-workbench-research .football-model-note {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock {
    padding: 10px !important;
    gap: 7px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock strong {
    font-size: 13px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock [data-premium-description] {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  #detailView .aestus-secondary-rail > .panel {
    padding: 12px !important;
  }
  #detailView .aestus-secondary-rail > .panel > h2 {
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
    font-size: 14px !important;
  }
  #detailView .aestus-secondary-rail .kelly-intro,
  #detailView .aestus-secondary-rail .kelly-footnote,
  #detailView .aestus-secondary-rail .status {
    font-size: 10px !important;
    line-height: 1.45 !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid label,
  #detailView .aestus-secondary-rail .kelly-aggression > span {
    font-size: 9.5px !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid input {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 13px !important;
  }
  #detailView .aestus-secondary-rail .kelly-aggression button {
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px !important;
    font-size: 10px !important;
  }
  #detailView .aestus-secondary-rail .kelly-result {
    padding: 8px !important;
  }
  #detailView .aestus-secondary-rail .kelly-result small {
    font-size: 8.5px !important;
  }
  #detailView .aestus-secondary-rail .kelly-result-value {
    font-size: 14px !important;
  }
  #detailView .aestus-secondary-rail .legend {
    font-size: 9px !important;
    line-height: 1.45 !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro strong {
    font-size: 14px !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro span {
    font-size: 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-code {
    height: 24px !important;
    min-width: 42px !important;
    font-size: 9px !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head strong {
    font-size: 14px !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head small {
    font-size: 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card,
  #detailView.aestus-parent-hub .sidebet-level-group {
    min-height: 108px !important;
    padding: 9px 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-title,
  #detailView.aestus-parent-hub .sidebet-level-head strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-count,
  #detailView.aestus-parent-hub .sidebet-level-head small {
    font-size: 9px !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview {
    margin-top: 7px !important;
    min-height: 25px !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview span,
  #detailView.aestus-parent-hub .sidebet-level-preview > span {
    padding: 4px 6px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview b,
  #detailView.aestus-parent-hub .sidebet-level-preview b {
    font-size: 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics {
    gap: 9px !important;
    padding-top: 7px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics small {
    font-size: 8.5px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics b {
    font-size: 11.5px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button {
    min-height: 62px !important;
    padding: 8px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button strong {
    font-size: 11px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button > small {
    font-size: 9px !important;
  }
  #detailView.aestus-selected-market .sidebet-detail-card h3 {
    font-size: 17px !important;
  }
  #detailView.aestus-selected-market .sidebet-option-name strong {
    font-size: 12px !important;
  }
  #detailView.aestus-selected-market .sidebet-option-name small,
  #detailView.aestus-selected-market .sidebet-option-price {
    font-size: 10px !important;
  }
  @media (max-width: 1000px) {
    #detailView .structure-bet-switcher {
      grid-template-columns: 1fr !important;
    }
    #detailView .structure-bet-switcher small {
      text-align: left !important;
    }
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 170px !important;
    }
  }
  @media (max-width: 620px) {
    #browserView > .browser-controls .side-tax-name strong {
      font-size: 13px !important;
    }
    #browserView .catalog-results-title {
      font-size: 21px !important;
    }
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 180px !important;
    }
    #detailView .detail-title {
      font-size: 24px !important;
    }
    #detailView .structure-outcome-chip span {
      font-size: 16px !important;
    }
    #detailView .structure-market-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  #browserView > .browser-controls #catalogStatus,
  #browserView > .browser-controls .side-top-market,
  #browserView > .browser-controls .side-compact-link {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  #browserView > .browser-controls .side-top-market em {
    font-size: 11px !important;
  }
  #browserView > .browser-controls .side-tax-name small,
  #browserView > .browser-controls .side-tax-vol small {
    font-size: 11px !important;
  }
  #browserView > .browser-controls .side-tax-name strong {
    font-size: 15px !important;
  }
  #browserView > .browser-controls .side-tax-vol {
    font-size: 12px !important;
  }
  #browserView .catalog-results-summary,
  #browserView .catalog-taxonomy-breadcrumb span {
    font-size: 12px !important;
  }
  #browserView .catalog-results-kicker {
    font-size: 11px !important;
  }
  #browserView .catalog-results-title {
    font-size: 26px !important;
  }
  #browserView .catalog-head-stats small {
    font-size: 10px !important;
  }
  #browserView .catalog-head-stats b {
    font-size: 14px !important;
  }
  #browserView .catalog-taxonomy-breadcrumb button {
    font-size: 11px !important;
  }
  #browserView .market-group-title strong {
    font-size: 16px !important;
  }
  #browserView .market-group-title small {
    font-size: 11px !important;
  }
  #browserView .market-group-stats small {
    font-size: 10px !important;
  }
  #browserView .market-group-stats b {
    font-size: 13px !important;
  }
  #browserView .market-group-open {
    font-size: 11px !important;
  }
  #browserView .dense-market-card .catalog-title,
  #browserView .dense-market-card.featured .catalog-title {
    font-size: 17px !important;
    line-height: 1.22 !important;
  }
  #browserView .dense-type {
    font-size: 10px !important;
  }
  #browserView .catalog-taxonomy {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  #browserView .dense-preview-prices > span {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  #browserView .dense-metrics small {
    font-size: 10px !important;
  }
  #browserView .dense-metrics b {
    font-size: 12px !important;
  }
  #browserView .dense-open-action,
  #browserView .dense-open,
  #browserView .dense-paused,
  #browserView .dense-edge {
    font-size: 10px !important;
  }
  #browserView .dense-market-card,
  #browserView .dense-market-card.featured {
    min-height: 174px !important;
  }
  #detailView .detail-event {
    font-size: 14px !important;
  }
  #detailView .detail-betline .k {
    font-size: 10px !important;
  }
  #detailView .detail-betline .v {
    font-size: 13px !important;
  }
  #detailView .detail-mini-card .k {
    font-size: 10.5px !important;
  }
  #detailView .detail-mini-card .v {
    font-size: 12.5px !important;
  }
  #detailView #structurePanel > h2 {
    font-size: 15px !important;
  }
  #detailView #structurePanel > #structBox {
    font-size: 12px !important;
  }
  #detailView #structurePanel .okitem,
  #detailView #structurePanel #normStatus,
  #detailView #structurePanel #structDetails {
    font-size: 11px !important;
  }
  #detailView .structure-market-head strong {
    font-size: 16px !important;
  }
  #detailView .structure-market-head small {
    font-size: 11px !important;
  }
  #detailView .structure-market-head .mono-sm {
    font-size: 10px !important;
  }
  #detailView .structure-bet-switcher label span {
    font-size: 11px !important;
  }
  #detailView .structure-bet-switcher select#structureBetSelector {
    font-size: 14px !important;
  }
  #detailView .structure-bet-switcher small {
    font-size: 10.5px !important;
  }
  #detailView .structure-outcome-chip span {
    font-size: 20px !important;
  }
  #detailView .structure-outcome-chip small {
    font-size: 11.5px !important;
  }
  #detailView .structure-market-stat small {
    font-size: 10px !important;
  }
  #detailView .structure-market-stat b {
    font-size: 14px !important;
  }
  #detailView .market-pressure small {
    font-size: 10.5px !important;
  }
  #detailView .market-pressure strong {
    font-size: 14px !important;
  }
  #detailView .market-pressure-meta {
    font-size: 10.5px !important;
  }
  #detailView .market-pressure-note {
    font-size: 11.5px !important;
  }
  #detailView .structure-tab {
    font-size: 11.5px !important;
  }
  #detailView .microstructure-block h3 {
    font-size: 11.5px !important;
  }
  #detailView .microstructure-table,
  #detailView .microstructure-table th,
  #detailView .microstructure-table td {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  #detailView .structure-market-data > .status {
    font-size: 10.5px !important;
  }
  #detailView .aestus-workbench-research .vb-head h2 {
    font-size: 15px !important;
  }
  #detailView .aestus-workbench-research .vb-subtitle,
  #detailView .aestus-workbench-research .vb-sum {
    font-size: 11px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid small {
    font-size: 10px !important;
  }
  #detailView .aestus-workbench-research .football-model-grid b {
    font-size: 13px !important;
  }
  #detailView .aestus-workbench-research .football-model-main b {
    font-size: 20px !important;
  }
  #detailView .aestus-workbench-research .football-model-note {
    font-size: 11px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock strong {
    font-size: 14px !important;
  }
  #detailView .aestus-workbench-research .premium-fv-lock [data-premium-description] {
    font-size: 11px !important;
  }
  #detailView .aestus-secondary-rail > .panel > h2 {
    font-size: 15px !important;
  }
  #detailView .aestus-secondary-rail .kelly-intro,
  #detailView .aestus-secondary-rail .kelly-footnote,
  #detailView .aestus-secondary-rail .status {
    font-size: 11px !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid label,
  #detailView .aestus-secondary-rail .kelly-aggression > span {
    font-size: 10.5px !important;
  }
  #detailView .aestus-secondary-rail .kelly-input-grid input {
    font-size: 14px !important;
  }
  #detailView .aestus-secondary-rail .kelly-aggression button {
    font-size: 11px !important;
  }
  #detailView .aestus-secondary-rail .kelly-result small {
    font-size: 10px !important;
  }
  #detailView .aestus-secondary-rail .kelly-result-value {
    font-size: 15px !important;
  }
  #detailView .aestus-secondary-rail .legend {
    font-size: 10.5px !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro strong {
    font-size: 16px !important;
  }
  #detailView.aestus-parent-hub .soccer-hub-intro span {
    font-size: 11px !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-code {
    font-size: 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head strong {
    font-size: 16px !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-head small {
    font-size: 11px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-title,
  #detailView.aestus-parent-hub .sidebet-level-head strong {
    font-size: 16px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-count,
  #detailView.aestus-parent-hub .sidebet-level-head small {
    font-size: 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview span,
  #detailView.aestus-parent-hub .sidebet-level-preview > span {
    font-size: 11px !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview b,
  #detailView.aestus-parent-hub .sidebet-level-preview b {
    font-size: 11px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics small {
    font-size: 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card-metrics b {
    font-size: 12.5px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button strong {
    font-size: 12px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button > small {
    font-size: 10px !important;
  }
  #detailView.aestus-selected-market .sidebet-detail-card h3 {
    font-size: 18px !important;
  }
  #detailView.aestus-selected-market .sidebet-option-name strong {
    font-size: 13px !important;
  }
  #detailView.aestus-selected-market .sidebet-option-name small,
  #detailView.aestus-selected-market .sidebet-option-price {
    font-size: 11px !important;
  }
  @media (max-width: 1000px) {
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 190px !important;
    }
    #detailView .structure-outcome-chip span {
      font-size: 18px !important;
    }
  }
  @media (max-width: 620px) {
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 205px !important;
    }
    #browserView .catalog-results-title {
      font-size: 23px !important;
    }
    #detailView .detail-title {
      font-size: 25px !important;
    }
    #detailView .structure-outcome-chip span {
      font-size: 17px !important;
    }
  }
  #browserView .dense-market-card,
  #browserView .dense-market-card.featured {
    height: auto !important;
    min-height: 150px !important;
    padding: 10px 11px 30px !important;
  }
  #browserView .dense-market-card .catalog-title,
  #browserView .dense-market-card.featured .catalog-title {
    max-width: none !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
  }
  #browserView .dense-market-card .catalog-title a {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  #browserView .dense-market-card .catalog-taxonomy {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    max-height: 2.7em !important;
  }
  #browserView .dense-preview {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 7px !important;
    overflow: visible !important;
  }
  #browserView .dense-preview-prices {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    align-items: stretch !important;
  }
  #browserView .dense-preview-prices > span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  #browserView .dense-preview-prices > span b {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    line-height: 1.18 !important;
  }
  #browserView .dense-preview-prices > span em {
    margin-left: 5px !important;
    align-self: center !important;
    white-space: nowrap !important;
    font-size: 11px !important;
  }
  #browserView .dense-preview-prices.empty {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  #detailView.aestus-parent-hub .sidebet-family-grid {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    gap: 6px !important;
    padding: 6px !important;
  }
  #detailView.aestus-parent-hub .sidebet-card {
    min-height: 96px !important;
    height: auto !important;
    padding: 9px 10px 10px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-group {
    grid-column: 1/-1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 11px !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 4px !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview span {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 4px 6px !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    line-height: 1.18 !important;
  }
  #detailView.aestus-parent-hub .sidebet-preview span b {
    margin-left: auto !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
  #detailView.aestus-parent-hub .sidebet-levels {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 5px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-button {
    min-height: 58px !important;
    height: auto !important;
    padding: 7px 8px !important;
  }
  #detailView.aestus-parent-hub .sidebet-level-preview > span {
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
  }
  @media (max-width: 1000px) {
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 162px !important;
    }
    #detailView.aestus-parent-hub .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 620px) {
    #browserView .dense-market-card,
    #browserView .dense-market-card.featured {
      min-height: 178px !important;
    }
    #browserView .dense-preview-prices {
      grid-template-columns: 1fr !important;
    }
    #detailView.aestus-parent-hub .sidebet-family-grid {
      grid-template-columns: 1fr !important;
    }
    #detailView.aestus-parent-hub .sidebet-preview {
      grid-template-columns: 1fr !important;
    }
  }
  .soccer-event-title-link .club-title-home {
    justify-content: flex-end;
    text-align: right;
  }
  .soccer-event-title-link .club-title-away {
    justify-content: flex-start;
    text-align: left;
  }
  #browserView .dense-preview-prices {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #browserView .dense-preview-prices > span {
    min-width: 0 !important;
  }
  @media (max-width: 620px) {
    #browserView .dense-preview-prices {
      grid-template-columns: 1fr !important;
    }
  }
  .traffic-sign.flag {
    transform: none !important;
    clip-path: none !important;
    border-radius: 50% !important;
    padding: 3px !important;
    overflow: hidden !important;
    background:
      radial-gradient(
        circle at 32% 24%,
        rgba(255, 255, 255, .09),
        transparent 28%),
      #0c1827 !important;
    border: 2px solid #5d789a !important;
    outline: 1px solid rgba(142, 178, 220, .18) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .035), 0 6px 14px rgba(0, 0, 0, .38) !important;
    color: #eef5ff !important;
  }
  .traffic-sign.flag:before {
    inset: 3px !important;
    border: 1px solid rgba(214, 232, 255, .20) !important;
    border-radius: 50% !important;
    clip-path: none !important;
  }
  .traffic-sign.flag:after {
    display: none !important;
    content: none !important;
  }
  .traffic-sign.flag.flag-politics {
    border-color: #6ea6ff !important;
  }
  .traffic-sign.flag.flag-sports-region {
    border-color: #e9b75d !important;
  }
  .traffic-sign.flag.flag-sports-competition {
    border-color: #8bb7d7 !important;
  }
  .traffic-sign.flag .sign-art {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 2px !important;
    overflow: hidden !important;
    transform: none !important;
  }
  .traffic-sign.flag .country-flag-frame {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 1/1 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: #203b61 !important;
    box-shadow: 0 0 0 1px rgba(6, 13, 22, .75), inset 0 0 0 1px rgba(255, 255, 255, .16) !important;
  }
  .traffic-sign.flag .country-flag-svg {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: fill !important;
    transform: none !important;
  }
  .traffic-sign.flag .country-flag-code {
    display: none !important;
  }
  .side-tax-card .traffic-sign.flag,
  .market-card-logo .traffic-sign.flag,
  .group-directory-card .traffic-sign.flag {
    border-radius: 50% !important;
    padding: 2px !important;
  }
  .side-tax-card .traffic-sign.flag .sign-art,
  .market-card-logo .traffic-sign.flag .sign-art,
  .group-directory-card .traffic-sign.flag .sign-art {
    padding: 2px !important;
  }
  .side-tax-card .traffic-sign.flag .country-flag-frame,
  .market-card-logo .traffic-sign.flag .country-flag-frame,
  .group-directory-card .traffic-sign.flag .country-flag-frame {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1/1 !important;
    border-radius: 50% !important;
  }
  @media (max-width: 640px) {
    .traffic-sign.flag {
      border-radius: 50% !important;
    }
    .traffic-sign.flag .country-flag-frame {
      width: 100% !important;
      height: 100% !important;
    }
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(390px, 1.22fr) !important;
    grid-template-areas: "structure kelly markets" "model model markets" "holder holder markets" !important;
    gap: 10px !important;
    align-items: start !important;
    min-width: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > .aestus-workbench-shell,
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > .aestus-secondary-rail,
  #detailView.aestus-beta60-layout-ready .aestus-workbench-primary,
  #detailView.aestus-beta60-layout-ready .aestus-workbench-research {
    display: contents !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel {
    grid-area: markets !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready #structurePanel {
    grid-area: structure !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready #fairValuePanel {
    grid-area: kelly !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready #valueBoard {
    grid-area: model !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready #holderResearchPanel {
    grid-area: holder !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > .aestus-workbench-shell,
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > .aestus-secondary-rail {
    order: initial !important;
  }
  #detailView.aestus-beta60-layout-ready #structurePanel,
  #detailView.aestus-beta60-layout-ready #fairValuePanel {
    height: fit-content !important;
  }
  #detailView.aestus-beta60-layout-ready #valueBoard,
  #detailView.aestus-beta60-layout-ready #holderResearchPanel {
    height: fit-content !important;
  }
  @media (max-width: 1240px) and (min-width: 921px) {
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
      grid-template-areas: "structure kelly" "model model" "markets markets" "holder holder" !important;
    }
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-split {
      grid-template-columns: minmax(0, 1fr) minmax(280px, .7fr) !important;
    }
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col {
      display: flex !important;
    }
  }
  @media (max-width: 920px) {
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout {
      display: grid !important;
      grid-template-columns: 1fr !important;
      grid-template-areas: "structure" "kelly" "model" "markets" "holder" !important;
    }
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-split {
      grid-template-columns: 1fr !important;
    }
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col {
      display: flex !important;
      border-left: 0 !important;
      border-top: 1px solid var(--av55-line-soft) !important;
      padding-left: 0 !important;
      padding-top: 8px !important;
    }
  }
  #detailView.aestus-beta60-layout-ready.aestus-baseball-detail .aestus-beta60-layout {
    grid-template-columns: minmax(0, 1.34fr) minmax(360px, 1fr) !important;
    grid-template-areas: "markets structure" "holder kelly" "model model" !important;
  }
  #browserView .soccer-event-title-link,
  #detailView .soccer-event-title-link {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }
  #browserView .dense-market-card .catalog-title a.soccer-event-title-link {
    display: flex !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
  }
  #browserView .soccer-event-title-link .club-title-side,
  #detailView .soccer-event-title-link .club-title-side {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    line-height: 1 !important;
  }
  #browserView .soccer-event-title-link .club-title-home,
  #detailView .soccer-event-title-link .club-title-home {
    justify-content: flex-end !important;
    text-align: right !important;
  }
  #browserView .soccer-event-title-link .club-title-away,
  #detailView .soccer-event-title-link .club-title-away {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  #browserView .soccer-event-title-link .club-title-name,
  #detailView .soccer-event-title-link .club-title-name {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
    vertical-align: middle !important;
  }
  #browserView .soccer-event-title-link .club-title-logo,
  #detailView .soccer-event-title-link .club-title-logo {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
  #browserView .soccer-event-title-link .club-title-vs,
  #detailView .soccer-event-title-link .club-title-vs {
    flex: 0 0 auto !important;
    align-self: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  @media (max-width: 1240px) and (min-width: 921px) {
    #detailView.aestus-beta60-layout-ready.aestus-baseball-detail .aestus-beta60-layout {
      grid-template-columns: minmax(0, 1.2fr) minmax(320px, 1fr) !important;
      grid-template-areas: "markets structure" "holder kelly" "model model" !important;
    }
  }
  @media (max-width: 920px) {
    #detailView.aestus-beta60-layout-ready.aestus-baseball-detail .aestus-beta60-layout {
      grid-template-columns: 1fr !important;
      grid-template-areas: "markets" "structure" "holder" "kelly" "model" !important;
    }
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout,
  #detailView.aestus-beta60-layout-ready.aestus-baseball-detail .aestus-beta60-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    grid-template-areas: "markets structure" "markets model" "markets kelly" "markets holder" !important;
    gap: 12px !important;
    align-items: start !important;
    min-width: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel {
    grid-area: markets !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  #detailView.aestus-beta60-layout-ready #structurePanel {
    grid-area: structure !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: fit-content !important;
  }
  #detailView.aestus-beta60-layout-ready #valueBoard {
    grid-area: model !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: fit-content !important;
  }
  #detailView.aestus-beta60-layout-ready #fairValuePanel {
    grid-area: kelly !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: fit-content !important;
  }
  #detailView.aestus-beta60-layout-ready #holderResearchPanel {
    grid-area: holder !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    height: fit-content !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-split {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col {
    display: none !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .event-options-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: var(--avl-surface,#0a121d) !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-workbench-shell,
  #detailView.aestus-beta60-layout-ready .aestus-secondary-rail {
    display: contents !important;
  }
  #detailView.aestus-beta60-layout-ready .detail-topbar {
    order: 1 !important;
  }
  #detailView.aestus-beta60-layout-ready .detail-hero {
    order: 2 !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout {
    order: 3 !important;
  }
  #detailView .detail-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr) !important;
    gap: 12px !important;
    align-items: start !important;
  }
  #detailView .detail-title,
  #detailView .detail-event {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  #detailView .detail-runtime-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }
  #detailView .detail-mini-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    min-height: 66px !important;
    height: auto !important;
    padding: 8px 9px !important;
    overflow: hidden !important;
  }
  #detailView .detail-mini-card .k,
  #detailView .detail-mini-card .v {
    display: block !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  #detailView .detail-mini-card .k {
    line-height: 1.15 !important;
  }
  #detailView .detail-mini-card .v {
    margin-top: 5px !important;
    line-height: 1.3 !important;
  }
  #detailView .detail-hero > .detail-runtime:not(.detail-runtime-cards) {
    display: none !important;
  }
  @media (max-width: 920px) {
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout,
    #detailView.aestus-beta60-layout-ready.aestus-baseball-detail .aestus-beta60-layout {
      grid-template-columns: 1fr !important;
      grid-template-areas: "markets" "structure" "model" "kelly" "holder" !important;
    }
    #detailView .detail-hero-grid {
      grid-template-columns: 1fr !important;
    }
    #detailView .detail-runtime-cards {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col {
      display: flex !important;
      border-left: 0 !important;
      border-top: 1px solid var(--av55-line-soft,#1b2b3e) !important;
      padding: 8px 0 0 !important;
    }
  }
  @media (max-width: 660px) {
    #detailView .detail-runtime-cards {
      grid-template-columns: 1fr !important;
    }
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub) .mkt-chart-col {
    display: flex !important;
    order: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    border-left: 0 !important;
    border-top: 1px solid var(--av55-line-soft,#1b2b3e) !important;
    padding: 9px 0 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub) .mkt-chart-col #priceChart {
    display: block !important;
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
  }
  .side-top-market {
    grid-template-columns: 20px minmax(0, 1fr) !important;
    min-width: 0 !important;
    gap: 6px !important;
    align-items: start !important;
  }
  .side-top-market b {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }
  .side-top-market em,
  .side-top-market .side-top-prices {
    display: none !important;
  }
  .tile-top-market {
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
  }
  .tile-market-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }
  .traffic-sign.subsection[data-competition-code] {
    transform: none !important;
    border-radius: 50% !important;
    background: #0c1827 !important;
    border-color: #6f91b0 !important;
    outline: 1px solid rgba(142, 178, 220, .18) !important;
  }
  .traffic-sign.subsection[data-competition-code] > span {
    transform: none !important;
  }
  .traffic-sign.subsection[data-competition-code] .sign-art {
    transform: none !important;
  }
  .market-card-logo .traffic-sign.subsection[data-competition-code] {
    width: 43px !important;
    height: 43px !important;
    border-radius: 50% !important;
  }
  .traffic-sign.flag {
    transform: none !important;
    clip-path: none !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    padding: 3px !important;
    background:
      radial-gradient(
        circle at 32% 24%,
        rgba(255, 255, 255, .09),
        transparent 28%),
      #0c1827 !important;
    border: 2px solid #5d789a !important;
    outline: 1px solid rgba(142, 178, 220, .18) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .035), 0 6px 14px rgba(0, 0, 0, .38) !important;
  }
  .traffic-sign.flag .sign-art {
    transform: none !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 2px !important;
    overflow: hidden !important;
  }
  .traffic-sign.flag .country-flag-frame {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1/1 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
  .traffic-sign.flag .country-flag-svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    transform: none !important;
  }
  #detailView .mkt-listhead,
  #detailView .mkt-listhead span {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
  #detailView .mkt-list .mkt-row {
    min-height: 44px !important;
    padding: 5px 10px !important;
    align-items: center !important;
  }
  #detailView .mkt-list .mkt-nm,
  #detailView .mkt-list .mkt-betlabel {
    font-size: 15px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  #detailView .mkt-list .mkt-px,
  #detailView .mkt-list .mkt-dlt {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }
  .traffic-sign[data-competition-code] .competition-official-logo,
  .traffic-sign .brand-official-logo {
    display: block !important;
    width: 70% !important;
    height: 70% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .market-card-logo .traffic-sign[data-competition-code] .competition-official-logo {
    width: 78% !important;
    height: 78% !important;
  }
  .group-directory-card .traffic-sign[data-competition-code] .competition-official-logo {
    width: 76% !important;
    height: 76% !important;
  }
  .user-position-head,
  .user-position {
    grid-template-columns: minmax(250px, 1fr) 110px 100px 110px 110px !important;
  }
  .user-position-head {
    font-size: 11px !important;
  }
  .user-position {
    font-size: 13px !important;
    transition: background .15s ease, border-color .15s ease;
  }
  .user-position.profit {
    background: rgba(28, 190, 133, .075) !important;
    box-shadow: inset 3px 0 0 #22c997 !important;
  }
  .user-position.loss {
    background: rgba(239, 86, 101, .075) !important;
    box-shadow: inset 3px 0 0 #ef5665 !important;
  }
  .user-position.profit .user-position-num b {
    color: #45d9a7 !important;
  }
  .user-position.loss .user-position-num b {
    color: #ff737e !important;
  }
  .user-position .entry-price b {
    color: var(--text) !important;
  }
  .user-position-market b {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
  .user-position-market small {
    font-size: 12px !important;
  }
  .user-position-num b {
    font-size: 13px !important;
  }
  @media (max-width: 980px) {
    .user-position-head,
    .user-position {
      grid-template-columns: minmax(210px, 1fr) 95px 85px 95px 95px !important;
    }
  }
  @media (max-width: 660px) {
    #detailView .mkt-list .mkt-row {
      min-height: 48px !important;
      padding: 8px !important;
    }
    #detailView .mkt-list .mkt-nm,
    #detailView .mkt-list .mkt-betlabel {
      font-size: 14px !important;
    }
    .user-position-head {
      display: none !important;
    }
    .user-position {
      grid-template-columns: 1fr 1fr !important;
    }
    .user-position-market {
      grid-column: 1/-1 !important;
    }
    .user-position-num:before {
      content: attr(data-label) !important;
      display: block !important;
      color: var(--faint) !important;
      font-size: 10px !important;
      margin-bottom: 3px !important;
      text-transform: uppercase !important;
      letter-spacing: .05em !important;
    }
  }
  button,
  .market-card,
  .taxonomy-tile,
  .event-option,
  .vb-card,
  .sidebet-card,
  .sidebet-level-button,
  .mkt-row,
  .structure-outcome-chip,
  .structure-tab,
  .catalog-more,
  .genre-more,
  .user-card,
  .user-card-head,
  .app-switch button,
  .dense-market-card {
    transition-property:
      border-color,
      background-color,
      color,
      box-shadow,
      opacity !important;
    transition-duration: .14s !important;
    transition-timing-function: ease !important;
    will-change: auto !important;
  }
  #browserView .market-card,
  #browserView .dense-market-card,
  #browserView .taxonomy-tile {
    transition-property:
      border-color,
      background-color,
      color,
      box-shadow,
      opacity !important;
    transition-duration: .14s !important;
    transition-timing-function: ease !important;
    will-change: auto !important;
  }
  button:hover,
  .market-card:hover,
  .taxonomy-tile:hover,
  .event-option:hover,
  .vb-card:hover,
  .sidebet-card:hover,
  .sidebet-level-button:hover,
  .structure-outcome-chip:hover,
  .structure-tab:hover,
  .catalog-more:hover,
  .genre-more:hover,
  .user-card:hover,
  .dense-market-card:hover {
    transform: none !important;
  }
  #browserView .market-card:hover,
  #browserView .dense-market-card:hover,
  #browserView .taxonomy-tile:hover {
    transform: none !important;
  }
  #browserView .market-card,
  #browserView .dense-market-card,
  #browserView .taxonomy-tile,
  #detailView .event-option,
  #detailView .mkt-row,
  #detailView .sidebet-card,
  #detailView .sidebet-level-group,
  #detailView .sidebet-level-button,
  #detailView .sidebet-option-row,
  #detailView .structure-outcome-chip,
  #detailView .structure-tab,
  #detailView .vb-card {
    transition-property:
      border-color,
      background-color,
      color,
      box-shadow,
      opacity !important;
    transition-duration: .12s !important;
    transition-timing-function: ease-out !important;
    transform: none !important;
    will-change: auto !important;
  }
  #browserView .market-card:hover,
  #browserView .dense-market-card:hover,
  #browserView .taxonomy-tile:hover,
  #detailView .event-option:hover,
  #detailView .mkt-row:hover,
  #detailView .sidebet-card:hover,
  #detailView .sidebet-level-group:hover,
  #detailView .sidebet-level-button:hover,
  #detailView .sidebet-option-row:hover,
  #detailView .structure-outcome-chip:hover,
  #detailView .structure-tab:hover,
  #detailView .vb-card:hover {
    transform: none !important;
  }
  .basketball-model-panel {
    margin-top: 7px;
    padding: 8px 9px;
    border: 1px solid #7a5a9e;
    border-radius: 6px;
    background:
      linear-gradient(
        135deg,
        #11152a,
        #091119);
    color: #c9c6e3;
  }
  .nba-model-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
  }
  .nba-model-head strong {
    display: block;
    color: #f1edff;
    font-family: var(--head);
    font-size: 10px;
    letter-spacing: .04em;
  }
  .nba-model-head small {
    display: block;
    margin-top: 2px;
    color: #9b8bb5;
    font-family: var(--mono);
    font-size: 6.5px;
  }
  .nba-model-tag {
    padding: 3px 4px;
    border: 1px solid #7b5ba1;
    border-radius: 3px;
    background: #20152d;
    color: #d9b7ff;
    font-family: var(--mono);
    font-size: 5.8px;
    letter-spacing: .06em;
    white-space: nowrap;
  }
  .nba-model-tag.preview {
    border-color: #6e8fc0;
    background: #10233a;
    color: #bedaff;
  }
  .nba-model-grid {
    display: grid;
    grid-template-columns: 1.35fr repeat(3, 1fr);
    gap: 4px;
    margin-top: 7px;
  }
  .nba-model-grid > div {
    min-width: 0;
    padding: 5px 6px;
    border-left: 1px solid #3c3456;
  }
  .nba-model-grid small {
    display: block;
    color: #7f739d;
    font-size: 6.2px;
    text-transform: uppercase;
    letter-spacing: .06em;
  }
  .nba-model-grid b {
    display: block;
    margin-top: 2px;
    color: #e7e3f7;
    font-family: var(--mono);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nba-model-grid span {
    display: block;
    margin-top: 2px;
    color: #8d83a7;
    font-family: var(--mono);
    font-size: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nba-model-main {
    border-left: 2px solid #d7a6ff !important;
  }
  .nba-model-main b {
    color: #e4b9ff !important;
    font-size: 15px;
  }
  .nba-model-research-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    gap: 6px;
    margin-top: 7px;
  }
  .nba-model-prob-box,
  .nba-model-history-box {
    min-width: 0;
    padding: 6px 7px;
    border: 1px solid #3b3153;
    border-radius: 4px;
    background: rgba(8, 10, 22, .46);
  }
  .nba-model-subhead {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 7px;
    margin-bottom: 5px;
  }
  .nba-model-subhead strong {
    font-size: 8px;
    color: #e7e0f7;
  }
  .nba-model-subhead small {
    font-family: var(--mono);
    font-size: 5.8px;
    color: #8a7ba5;
    white-space: nowrap;
  }
  .nba-model-prob-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
  }
  .nba-model-prob-list > div {
    min-width: 0;
    padding: 4px 5px;
    border-left: 2px solid #a06cc8;
    background: #111225;
  }
  .nba-model-prob-list span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 7px;
    color: #b7acd0;
  }
  .nba-model-prob-list b {
    display: block;
    margin-top: 2px;
    font-family: var(--mono);
    font-size: 10px;
    color: #e4b9ff;
  }
  .nba-model-prob-list small {
    display: block;
    margin-top: 1px;
    font-family: var(--mono);
    font-size: 5.6px;
    color: #817699;
  }
  .nba-history-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
  }
  .nba-history-column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .nba-history-column strong {
    font-size: 7px;
    color: #d1c7e5;
  }
  .nba-history-column span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--mono);
    font-size: 6.2px;
    color: #988aad;
  }
  .nba-history-column b {
    font-family: var(--mono);
    font-size: 7px;
    color: #e1d8f1;
  }
  .nba-history-column small {
    font-family: var(--mono);
    font-size: 5.7px;
    line-height: 1.35;
    color: #897d9d;
  }
  .nba-run-strip {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid #302742;
    font-family: var(--mono);
    font-size: 6.3px;
    color: #9b8ab6;
  }
  .nba-run-strip b {
    color: #e1d8f1;
  }
  .nba-model-meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    color: #aa9fc5;
    font-family: var(--mono);
    font-size: 6.8px;
  }
  .nba-model-meta span + span {
    padding-left: 8px;
    border-left: 1px solid #3b3153;
  }
  .nba-model-note {
    margin-top: 6px;
    padding-top: 5px;
    border-top: 1px solid #302742;
    color: #9184a8;
    font-size: 7.5px;
    line-height: 1.4;
  }
  .nba-model-empty {
    margin-top: 6px;
    color: #9b90b0;
    font-size: 8px;
    line-height: 1.4;
  }
  #detailView .aestus-workbench-research .basketball-model-panel {
    margin-top: 0 !important;
    padding: 8px !important;
    border-color: #624b80 !important;
    border-radius: 4px !important;
  }
  @media (max-width: 620px) {
    .nba-model-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .nba-model-main {
      grid-column: span 2;
    }
    .nba-model-research-grid {
      grid-template-columns: 1fr;
    }
    .nba-model-prob-list,
    .nba-history-grid {
      grid-template-columns: 1fr;
    }
  }
  #detailView .tennis-match-hub-grid .sidebet-card,
  #detailView .tennis-match-hub-grid .sidebet-level-group,
  #detailView .tennis-match-hub-grid .sidebet-level-button,
  #detailView .tennis-match-hub-grid .sidebet-option-row,
  #detailView .tennis-sidebet-view .sidebet-option-row {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
  #detailView .tennis-match-hub-grid .sidebet-card:hover,
  #detailView .tennis-match-hub-grid .sidebet-level-group:hover,
  #detailView .tennis-match-hub-grid .sidebet-level-button:hover,
  #detailView .tennis-match-hub-grid .sidebet-option-row:hover,
  #detailView .tennis-sidebet-view .sidebet-option-row:hover {
    transform: none !important;
  }
  #scopeView .scope-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: end !important;
  }
  #scopeView .scope-field {
    min-width: 0 !important;
  }
  #scopeView .scope-field select {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #scopeView .scope-filter-grid #scopeRefreshBtn {
    width: 100% !important;
    min-width: 0 !important;
  }
  #scopeView .scope-edge-card {
    display: grid !important;
    grid-template-columns: minmax(28px, 38px) minmax(120px, 160px) minmax(220px, 1.6fr) repeat(4, minmax(95px, .65fr)) !important;
    grid-template-areas: "rank model main ask fair executable" "blank blank note note note note" !important;
    gap: 8px !important;
    align-items: center !important;
  }
  #scopeView .scope-edge-card > .scope-rank {
    grid-area: rank !important;
  }
  #scopeView .scope-edge-card > .scope-edge-model {
    grid-area: model !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  #scopeView .scope-edge-card > .scope-edge-main {
    grid-area: main !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  #scopeView .scope-edge-card > .scope-edge-note {
    grid-area: note !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  @media (max-width: 1200px) {
    #scopeView .scope-filter-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #scopeView .scope-edge-card {
      grid-template-columns: 28px 130px minmax(180px, 1fr) repeat(4, minmax(82px, .65fr)) !important;
    }
  }
  @media (max-width: 820px) {
    #scopeView .scope-filter-grid {
      grid-template-columns: 1fr 1fr !important;
    }
    #scopeView .scope-filter-grid #scopeRefreshBtn {
      grid-column: 1/-1 !important;
    }
    #scopeView .scope-edge-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
      grid-template-areas: "rank model ask" "blank main fair" "blank main executable" "blank note note" !important;
      align-items: start !important;
    }
    #scopeView .scope-edge-card > .scope-edge-main {
      grid-column: auto !important;
      grid-row: auto !important;
    }
  }
  @media (max-width: 560px) {
    #scopeView .scope-filter-grid {
      grid-template-columns: 1fr !important;
    }
    #scopeView .scope-filter-grid #scopeRefreshBtn {
      grid-column: auto !important;
    }
    #scopeView .scope-edge-card {
      grid-template-columns: 24px minmax(0, 1fr) !important;
      grid-template-areas: "rank model" "blank main" "blank ask" "blank fair" "blank executable" "blank note" !important;
    }
  }
  #browserView button,
  #browserView a,
  #browserView .market-card,
  #browserView .taxonomy-tile,
  #detailView button,
  #detailView a,
  #detailView .event-option,
  #detailView .mkt-row,
  #detailView .sidebet-card,
  #detailView .sidebet-level-group,
  #detailView .sidebet-level-button,
  #detailView .sidebet-option-row,
  #detailView .structure-outcome-chip,
  #detailView .structure-tab,
  #detailView .vb-card,
  #scopeView button,
  #scopeView a,
  #scopeView .scope-card,
  #userView button,
  #userView a {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    will-change: auto !important;
  }
  #browserView button:hover,
  #browserView a:hover,
  #browserView .market-card:hover,
  #browserView .taxonomy-tile:hover,
  #detailView button:hover,
  #detailView a:hover,
  #detailView .event-option:hover,
  #detailView .mkt-row:hover,
  #detailView .sidebet-card:hover,
  #detailView .sidebet-level-group:hover,
  #detailView .sidebet-level-button:hover,
  #detailView .sidebet-option-row:hover,
  #detailView .structure-outcome-chip:hover,
  #detailView .structure-tab:hover,
  #detailView .vb-card:hover,
  #scopeView button:hover,
  #scopeView a:hover,
  #scopeView .scope-card:hover,
  #userView button:hover,
  #userView a:hover {
    transform: none !important;
  }
  #scopeView {
    display: block !important;
    max-width: 1920px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }
  #scopeView > .scope-hero,
  #scopeView > .scope-control-panel,
  #scopeView > .scope-feed {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #scopeView > .scope-control-panel {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
  }
  #scopeView .scope-mode-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }
  #scopeView .scope-mode-grid button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #scopeView .scope-filter-grid {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 8px !important;
    align-items: end !important;
  }
  #scopeView .scope-filter-grid > *,
  #scopeView .scope-field,
  #scopeView .scope-field select,
  #scopeView .scope-filter-grid button {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #scopeView .scope-field select,
  #scopeView .scope-filter-grid button {
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #scopeView .scope-feed {
    overflow-x: hidden !important;
  }
  #scopeView .scope-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  #scopeView .scope-edge-card {
    grid-template-columns: minmax(28px, 38px) minmax(140px, 180px) minmax(220px, 1.7fr) repeat(3, minmax(105px, .7fr)) !important;
    grid-template-areas: "rank model main ask fair executable" "blank blank note note note note" !important;
  }
  #scopeView .scope-edge-card > .scope-edge-model {
    grid-area: model !important;
  }
  #scopeView .scope-edge-card > .scope-edge-main {
    grid-area: main !important;
  }
  #scopeView .scope-edge-card > .scope-edge-ask {
    grid-area: ask !important;
  }
  #scopeView .scope-edge-card > .scope-edge-fair {
    grid-area: fair !important;
  }
  #scopeView .scope-edge-card > .scope-edge-executable {
    grid-area: executable !important;
  }
  #scopeView .scope-edge-card > .scope-edge-note {
    grid-area: note !important;
  }
  #scopeView .scope-edge-aestus-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 4px 5px !important;
    border: 1px solid #29486b !important;
    border-radius: 4px !important;
    background: #081624 !important;
    color: var(--text) !important;
    text-align: left !important;
    cursor: pointer !important;
  }
  #scopeView .scope-edge-aestus-link:hover {
    border-color: #5c9cff !important;
    background: #10243a !important;
  }
  #scopeView .scope-edge-aestus-link b,
  #scopeView .scope-edge-aestus-link small {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  #scopeView .scope-edge-aestus-link b {
    font-size: 11px !important;
  }
  #scopeView .scope-edge-aestus-link small {
    font-size: 9px !important;
  }
  #scopeView .scope-edge-sub {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 7px !important;
  }
  #scopeView .scope-edge-sub > span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  @media (max-width: 1120px) {
    #scopeView .scope-mode-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    #scopeView .scope-edge-card {
      grid-template-columns: 28px 130px minmax(180px, 1fr) repeat(3, minmax(82px, .65fr)) !important;
    }
  }
  @media (max-width: 820px) {
    #scopeView .scope-mode-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #scopeView .scope-filter-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    #scopeView .scope-filter-grid #scopeRefreshBtn {
      grid-column: 1/-1 !important;
    }
    #scopeView .scope-edge-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
      grid-template-areas: "rank model ask" "blank main fair" "blank main executable" "blank note note" !important;
      align-items: start !important;
    }
  }
  @media (max-width: 560px) {
    #scopeView .scope-filter-grid {
      grid-template-columns: 1fr !important;
    }
    #scopeView .scope-filter-grid #scopeRefreshBtn {
      grid-column: auto !important;
    }
    #scopeView .scope-edge-card {
      grid-template-columns: 24px minmax(0, 1fr) !important;
      grid-template-areas: "rank model" "blank main" "blank ask" "blank fair" "blank executable" "blank note" !important;
    }
  }
  .country-flag-frame {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 4px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background:
      linear-gradient(
        145deg,
        #dce8f5 0%,
        #5e7fa2 28%,
        #172536 72%,
        #8ca8c3 100%) !important;
    box-sizing: border-box !important;
  }
  .country-flag-svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/2 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 10% !important;
    overflow: hidden !important;
  }
  .country-flag-frame:after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    pointer-events: none;
    background:
      url(assets/flags/fabric-texture-v1.png) center/cover,
      radial-gradient(
        circle at 31% 22%,
        rgba(255, 255, 255, .34),
        transparent 34%),
      linear-gradient(
        145deg,
        rgba(255, 255, 255, .16),
        rgba(0, 0, 0, .3));
    mix-blend-mode: soft-light;
    opacity: .52;
  }
  .country-flag-code {
    position: absolute !important;
    right: 4px !important;
    bottom: 3px !important;
    font: 700 7px/1 var(--mono) !important;
    color: #eef5ff !important;
    text-shadow: 0 1px 2px #07111d !important;
    opacity: .9 !important;
  }
  .traffic-sign[data-competition-code] .competition-official-logo {
    display: block !important;
    width: 78% !important;
    height: 78% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .traffic-sign .official-logo-fallback {
    display: none;
    place-items: center;
    width: 58%;
    height: 58%;
    color: #f0f5ff;
    font: 900 28px/1 var(--head);
  }
  .traffic-sign[data-competition-code=NBA] .competition-official-logo,
  .traffic-sign[data-competition-code="SERIE A"] .competition-official-logo {
    width: 76% !important;
    height: 76% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .traffic-sign[data-competition-code=F1] .competition-official-logo {
    width: 80% !important;
    height: 80% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .market-group {
    position: relative !important;
  }
  .market-index-page-next {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    z-index: 12 !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid #4c8bd0 !important;
    border-radius: 50% !important;
    background:
      radial-gradient(
        circle at 32% 26%,
        #193c63,
        #0a1725 70%) !important;
    color: #e3efff !important;
    font:
      500 14px/1 Inter,
      system-ui,
      sans-serif !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(149, 196, 246, .16) !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    transition:
      background .16s ease,
      border-color .16s ease,
      box-shadow .16s ease !important;
  }
  .market-index-page-next:hover,
  .market-index-page-next:focus-visible {
    background:
      radial-gradient(
        circle at 32% 26%,
        #28629a,
        #0b1c2e 72%) !important;
    border-color: #8fc4ff !important;
    box-shadow: 0 7px 22px rgba(0, 0, 0, .5), 0 0 0 3px rgba(79, 151, 224, .18) !important;
    transform: translateY(-50%) !important;
  }
  .taxonomy-sign-tile .tile-top-markets {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding-top: 8px !important;
  }
  .taxonomy-sign-tile .tile-top-market {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    min-height: 34px !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .taxonomy-sign-tile .tile-market-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    display: block !important;
    line-clamp: 2 !important;
    -webkit-line-clamp: 2 !important;
  }
  .taxonomy-sign-tile .tile-market-vol {
    font-size: 10px !important;
    color: var(--muted) !important;
  }
  .detail-description {
    background: transparent !important;
    border-left: 2px solid #4e9ae6 !important;
    padding: 9px 12px !important;
    color: var(--text2) !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
    max-width: 100% !important;
  }
  .detail-description:before {
    font-size: 10px !important;
    margin-bottom: 5px !important;
    color: #82a9d0 !important;
  }
  .external-model-panel {
    border: 1px solid #315d8c;
    border-radius: 7px;
    background: #0a1725;
    overflow: hidden;
    margin-top: 10px;
  }
  .external-model-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 15px 17px 11px;
    border-bottom: 1px solid #223b58;
  }
  .external-model-head strong {
    display: block;
    font-size: 20px;
    line-height: 1.15;
    color: #e4edf9;
  }
  .external-model-head small {
    display: block;
    margin-top: 5px;
    color: #7692b3;
    font-size: 12px;
  }
  .external-model-tag {
    border: 1px solid #4d8c68;
    border-radius: 5px;
    padding: 7px 9px;
    color: #a8dda9;
    font: 11px var(--mono);
    letter-spacing: .08em;
    white-space: nowrap;
  }
  .external-model-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 13px 17px;
    gap: 0;
  }
  .external-model-grid > div {
    padding: 0 13px;
    border-left: 1px solid #2b4868;
    min-width: 0;
  }
  .external-model-grid > div:first-child {
    border-left: 0;
    padding-left: 0;
  }
  .external-model-grid small {
    display: block;
    color: #7692b3;
    font-size: 10px;
    letter-spacing: .08em;
  }
  .external-model-grid b {
    display: block;
    margin-top: 5px;
    font-size: 16px;
    color: #dce7f5;
    overflow-wrap: anywhere;
  }
  .external-model-outcomes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 7px;
    padding: 4px 17px 13px;
  }
  .external-model-outcome {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 7px;
    padding: 9px 10px;
    background: #091724;
    border: 1px solid #244467;
    border-radius: 5px;
    min-width: 0;
  }
  .external-model-outcome span {
    font-size: 13px;
    color: #b7cce2;
    overflow-wrap: anywhere;
  }
  .external-model-outcome b {
    font-size: 16px;
    color: #b4ff26;
    text-align: right;
    white-space: nowrap;
  }
  .external-model-outcome small {
    grid-column: 1/-1;
    color: #7590ad;
    font-size: 11px;
  }
  .external-model-empty {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 17px 13px;
    padding: 12px 14px;
    border: 1px dashed #284465;
    border-radius: 5px;
    color: #b7c9df;
    font-size: 13px;
    line-height: 1.4;
    background: transparent;
  }
  .external-model-empty strong {
    font-size: 15px;
    color: #e1ebf7;
  }
  .external-model-note {
    padding: 10px 17px 4px;
    color: #b0c2d7;
    font-size: 12px;
  }
  .external-model-provenance {
    padding: 3px 17px 15px;
    color: #6682a2;
    font-size: 11px;
    overflow-wrap: anywhere;
  }
  .musk-event-outcomes .external-model-outcome.is-passed {
    opacity: .62;
    background: #0b1119;
    border-color: #283544;
  }
  .musk-event-outcomes .external-model-outcome.is-passed b {
    color: #8795a7;
  }
  .musk-event-outcomes .external-model-outcome.is-passed small {
    color: #b06f76;
  }
  .external-model-distribution-note {
    padding: 0 17px 10px;
    color: #7590ad;
    font-size: 11px;
  }
  @media (max-width: 760px) {
    .market-index-page-next {
      right: 7px !important;
      top: 50% !important;
    }
    .external-model-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    .external-model-grid > div:nth-child(3) {
      border-left: 0;
      padding-left: 0;
    }
    .external-model-head {
      display: block;
    }
    .external-model-tag {
      display: inline-block;
      margin-top: 10px;
    }
  }
  #browserView .market-group[data-market-index-group] {
    position: relative !important;
    overflow: visible !important;
  }
  #browserView .market-group[data-market-index-group] .market-index-page-next {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    pointer-events: auto !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 1px solid #4c8dde !important;
    border-radius: 50% !important;
    background:
      radial-gradient(
        circle at 35% 28%,
        #17365b,
        #0a1625 72%) !important;
    color: #e7f2ff !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
    font-family:
      Inter,
      system-ui,
      sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition:
      border-color .16s ease,
      background .16s ease,
      box-shadow .16s ease !important;
  }
  #browserView .market-group[data-market-index-group] .market-index-page-next:hover {
    border-color: #83baff !important;
    background:
      radial-gradient(
        circle at 35% 28%,
        #225388,
        #0d1d31 72%) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .46), 0 0 0 3px rgba(76, 141, 222, .16) !important;
    transform: translateY(-50%) !important;
  }
  #browserView .market-group[data-market-index-group] .market-index-page-next:focus-visible {
    outline: 2px solid #b9ff16 !important;
    outline-offset: 3px !important;
  }
  #browserView .market-group[data-market-index-group] .market-index-page-next small {
    display: none !important;
  }
  .traffic-sign.flag .sign-art {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 3px !important;
    overflow: hidden !important;
    transform: none !important;
  }
  .traffic-sign.flag .country-flag-frame,
  .side-tax-card .traffic-sign.flag .country-flag-frame,
  .market-card-logo .traffic-sign.flag .country-flag-frame,
  .group-directory-card .traffic-sign.flag .country-flag-frame {
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1/1 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .traffic-sign.flag .country-flag-svg,
  .side-tax-card .traffic-sign.flag .country-flag-svg,
  .market-card-logo .traffic-sign.flag .country-flag-svg,
  .group-directory-card .traffic-sign.flag .country-flag-svg {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 3/2 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    border-radius: 50% !important;
    overflow: hidden !important;
  }
  .traffic-sign.flag .country-flag-frame:after {
    inset: 0 !important;
    border-radius: 50% !important;
    opacity: .48 !important;
  }
  .side-tax-card .side-top-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .side-tax-card .side-top-market {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    min-width: 0 !important;
    min-height: 26px !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .side-tax-card .side-top-market b {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    color: #a9bdd6 !important;
  }
  .taxonomy-sign-tile .tile-top-markets {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
  .taxonomy-sign-tile .tile-top-market {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    min-height: 32px !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  .taxonomy-sign-tile .tile-market-name {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
  }
  #browserView > .browser-controls .side-tax-name {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  #browserView > .browser-controls .side-tax-name > span:last-child {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  #browserView > .browser-controls .side-tax-name strong {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.16 !important;
  }
  .traffic-sign[data-competition-code] .sign-art {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    transform: none !important;
  }
  .traffic-sign[data-competition-code] .competition-official-logo,
  .traffic-sign .brand-official-logo {
    display: block !important;
    width: 86% !important;
    height: 86% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  .traffic-sign[data-competition-code=NBA] .competition-official-logo,
  .traffic-sign[data-competition-code="SERIE A"] .competition-official-logo {
    width: 90% !important;
    height: 90% !important;
  }
  .traffic-sign[data-competition-code=F1] .competition-official-logo {
    width: 92% !important;
    height: 92% !important;
  }
  .registered-access-screen {
    display: grid;
    place-items: center;
    min-height: 280px;
    padding: 28px;
    background: #0d151d;
    border: 1px solid #2e4152;
  }
  .registered-access-card {
    width: min(620px, 100%);
    padding: 26px 28px;
    background: #0a1118;
    border: 1px solid #315d86;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .22);
    color: #eaf3ff;
  }
  .registered-access-kicker {
    display: block;
    margin-bottom: 10px;
    color: #bff06d;
    font: 600 11px/1.2 "IBM Plex Mono", monospace;
    letter-spacing: .16em;
  }
  .registered-access-card strong {
    display: block;
    font:
      700 24px/1.2 Inter,
      system-ui,
      sans-serif;
  }
  .registered-access-card p {
    max-width: 58ch;
    margin: 12px 0 20px;
    color: #b9c9d8;
    font:
      400 15px/1.55 Inter,
      system-ui,
      sans-serif;
  }
  .registered-access-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .registered-access-actions button {
    min-width: 140px;
    padding: 10px 14px;
    border: 1px solid #385776;
    background: #101d2b;
    color: #eaf3ff;
    font-weight: 700;
    cursor: pointer;
  }
  .registered-access-actions button.primary {
    border-color: #bff06d;
    background: #bff06d;
    color: #08100b;
  }
  .registered-access-status {
    display: block;
    margin-top: 16px;
    color: #8fa8c1;
    font: 500 12px/1.4 "IBM Plex Mono", monospace;
  }
  .registered-access-gate {
    display: block !important;
    padding: 22px !important;
    border: 1px solid #315d86 !important;
    background: #0a1118 !important;
  }
  .registered-access-gate .registered-access-card {
    margin: 0 auto;
    border: 0;
    box-shadow: none;
    background: transparent;
  }
  .external-model-panel {
    min-width: 0 !important;
  }
  #browserView .market-group-grid-wrap {
    position: relative !important;
    min-width: 0 !important;
    padding-right: 74px !important;
    box-sizing: border-box !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    z-index: 30 !important;
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #4e8bc9 !important;
    border-radius: 50% !important;
    background:
      radial-gradient(
        circle at 34% 26%,
        #1b4168 0%,
        #0b1b2c 70%) !important;
    color: #e7f2ff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .38), inset 0 0 0 1px rgba(170, 211, 255, .14) !important;
    cursor: pointer !important;
    transform: translateY(-50%) !important;
    transition:
      background .14s ease,
      border-color .14s ease,
      box-shadow .14s ease !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next span {
    display: block !important;
    font:
      500 14px/1 Inter,
      system-ui,
      sans-serif !important;
    height: auto !important;
    transform: translateY(-1px) !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next small {
    display: none !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next:hover,
  #browserView .market-group-grid-wrap .market-index-page-next:focus-visible {
    background:
      linear-gradient(
        180deg,
        #245887 0%,
        #102943 100%) !important;
    border-color: #9bcaff !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .48), 0 0 0 3px rgba(79, 151, 224, .18) !important;
    transform: translateY(-50%) !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next:active {
    background: #0c2238 !important;
    transform: translateY(calc(-50% + 1px)) !important;
  }
  .traffic-sign.flag .sign-art {
    overflow: visible !important;
    padding: 0 !important;
  }
  .traffic-sign.flag .country-flag-frame {
    width: 88% !important;
    height: 88% !important;
    padding: 0 !important;
    border: 1px solid rgba(220, 236, 255, .26) !important;
    background:
      linear-gradient(
        145deg,
        #d6e4f2 0%,
        #718eac 24%,
        #192b40 68%,
        #9db6ce 100%) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .12), 0 2px 7px rgba(0, 0, 0, .34) !important;
  }
  .traffic-sign.flag .country-flag-svg {
    width: 92% !important;
    height: auto !important;
    aspect-ratio: 3/2 !important;
    max-width: 92% !important;
    max-height: none !important;
    object-fit: fill !important;
    object-position: center !important;
    border-radius: 5px !important;
    overflow: visible !important;
    preserveAspectRatio: initial !important;
  }
  .traffic-sign.flag .country-flag-frame:after {
    inset: 0 !important;
    border-radius: 50% !important;
    opacity: .28 !important;
    background:
      url(assets/flags/fabric-texture-v1.png) center/cover,
      radial-gradient(
        circle at 28% 20%,
        rgba(255, 255, 255, .36),
        transparent 36%),
      linear-gradient(
        145deg,
        rgba(255, 255, 255, .12),
        rgba(0, 0, 0, .25)) !important;
  }
  #browserView > .browser-controls .side-tax-name strong[data-side-tax-label="Science & Tech"] {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  #browserView > .browser-controls .side-tax-name > span:last-child:has(strong[data-side-tax-label="Science & Tech"]) {
    min-width: 118px !important;
    flex: 0 0 118px !important;
  }
  .traffic-sign[data-competition-code] {
    overflow: visible !important;
  }
  .traffic-sign[data-competition-code] .sign-art {
    overflow: visible !important;
    padding: 0 !important;
  }
  .traffic-sign[data-competition-code] .competition-official-logo {
    width: 78% !important;
    height: 78% !important;
    max-width: 78% !important;
    max-height: 78% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  .traffic-sign[data-competition-code=NBA] .competition-official-logo,
  .traffic-sign[data-competition-code="SERIE A"] .competition-official-logo {
    width: 72% !important;
    height: 72% !important;
    max-width: 72% !important;
    max-height: 72% !important;
  }
  .traffic-sign[data-competition-code=F1] .competition-official-logo {
    width: 92% !important;
    height: 92% !important;
    max-width: 92% !important;
    max-height: 92% !important;
  }
  @media (max-width: 760px) {
    #browserView .market-group-grid-wrap {
      padding-right: 62px !important;
    }
    #browserView .market-group-grid-wrap .market-index-page-next {
      right: 7px !important;
      width: 28px !important;
      height: 28px !important;
      min-width: 28px !important;
      min-height: 28px !important;
    }
    #browserView .market-group-grid-wrap .market-index-page-next span {
      font-size: 17px !important;
    }
  }
  #browserView .market-group-grid-wrap {
    position: relative !important;
    overflow: visible !important;
    padding-right: 46px !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    z-index: 100 !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    place-items: center !important;
    border: 1px solid #79b7f2 !important;
    border-radius: 50% !important;
    background:
      linear-gradient(
        180deg,
        #173d63 0%,
        #0a1828 100%) !important;
    color: #f3f8ff !important;
    font:
      500 14px/1 Inter,
      system-ui,
      sans-serif !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .46), inset 0 0 0 1px rgba(205, 232, 255, .18) !important;
    transform: translateY(-50%) !important;
    transition:
      background .14s ease,
      border-color .14s ease,
      box-shadow .14s ease !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next span {
    display: block !important;
    height: auto !important;
    font:
      500 14px/1 Inter,
      system-ui,
      sans-serif !important;
    transform: translateY(-1px) !important;
  }
  #browserView .market-group-grid-wrap .market-index-page-next:hover,
  #browserView .market-group-grid-wrap .market-index-page-next:focus-visible {
    background:
      linear-gradient(
        180deg,
        #245887 0%,
        #102943 100%) !important;
    border-color: #b2d8ff !important;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .5), 0 0 0 2px rgba(79, 151, 224, .16) !important;
    transform: translateY(-50%) !important;
  }
  .taxonomy-sign-tile .tile-top-market {
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    align-items: center !important;
    gap: 7px !important;
  }
  .taxonomy-sign-tile .tile-market-name {
    display: block !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-clamp: unset !important;
    -webkit-line-clamp: unset !important;
  }
  .side-tax-card .side-top-market b {
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .traffic-sign.flag {
    transform: none !important;
    clip-path: none !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    padding: 3px !important;
    background:
      radial-gradient(
        circle at 30% 22%,
        rgba(255, 255, 255, .12),
        transparent 30%),
      #0b1726 !important;
    border: 2px solid #6e8eaf !important;
    outline: 1px solid rgba(195, 222, 250, .22) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .06), 0 5px 13px rgba(0, 0, 0, .42) !important;
  }
  .traffic-sign.flag .sign-art {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }
  .traffic-sign.flag .country-flag-frame {
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    width: 92% !important;
    height: 92% !important;
    aspect-ratio: 1/1 !important;
    padding: 0 !important;
    border: 1px solid rgba(225, 239, 255, .32) !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background:
      linear-gradient(
        145deg,
        #d7e5f2 0%,
        #7894b1 25%,
        #1b2d42 70%,
        #a5bbd0 100%) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .14), 0 2px 7px rgba(0, 0, 0, .34) !important;
  }
  .traffic-sign.flag .country-flag-svg {
    display: block !important;
    width: 92% !important;
    height: auto !important;
    max-width: 92% !important;
    max-height: 100% !important;
    aspect-ratio: 3/2 !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 7% !important;
    overflow: visible !important;
    transform: none !important;
  }
  .traffic-sign.flag .country-flag-asset {
    display: block !important;
    width: 92% !important;
    height: auto !important;
    max-width: 92% !important;
    max-height: 100% !important;
    aspect-ratio: 3/2 !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 7% !important;
    overflow: visible !important;
    transform: none !important;
  }
  .traffic-sign.flag .country-flag-fallback[hidden] {
    display: none !important;
  }
  .traffic-sign.flag .country-flag-fallback {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
  }
  .traffic-sign.flag .country-flag-frame:after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    background:
      url(assets/flags/fabric-texture-v1.png) center/cover,
      radial-gradient(
        circle at 28% 20%,
        rgba(255, 255, 255, .32),
        transparent 36%),
      linear-gradient(
        145deg,
        rgba(255, 255, 255, .12),
        rgba(0, 0, 0, .28)) !important;
    mix-blend-mode: soft-light !important;
    opacity: .34 !important;
  }
  .traffic-sign[data-competition-code] .sign-art {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
  }
  .traffic-sign[data-competition-code] .competition-official-logo,
  .traffic-sign .brand-official-logo {
    display: block !important;
    width: 90% !important;
    height: 90% !important;
    max-width: 90% !important;
    max-height: 90% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  .traffic-sign[data-competition-code=F1] .competition-official-logo {
    width: 94% !important;
    height: 94% !important;
    max-width: 94% !important;
    max-height: 94% !important;
  }
  #detailView #wtiModelPanel:not([hidden]),
  #detailView #muskModelPanel:not([hidden]) {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  @media (max-width: 760px) {
    #browserView .market-group-grid-wrap {
      padding-right: 40px !important;
    }
    #browserView .market-group-grid-wrap .market-index-page-next {
      right: 5px !important;
      width: 22px !important;
      height: 22px !important;
      min-width: 22px !important;
      min-height: 22px !important;
    }
    #browserView .market-group-grid-wrap .market-index-page-next span {
      font-size: 13px !important;
    }
  }
  #scopeView .scope-created-card {
    grid-template-columns: 46px minmax(135px, 165px) minmax(260px, 1fr) repeat(3, minmax(90px, 120px)) !important;
    gap: 12px !important;
  }
  #scopeView .scope-created-time {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  #scopeView .scope-created-time small {
    color: var(--faint);
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .05em;
  }
  #scopeView .scope-created-time b {
    font-family: var(--mono);
    font-size: 12px;
    color: var(--text);
    white-space: nowrap;
  }
  #scopeView .scope-created-time span {
    font-family: var(--mono);
    font-size: 9px;
    color: var(--faint);
    white-space: nowrap;
  }
  #scopeView .scope-created-badge {
    color: var(--yes) !important;
    font-size: 9px !important;
    letter-spacing: .04em;
  }
  #scopeView .scope-created-card .scope-sub > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #scopeView .scope-created-rank {
    color: var(--focus) !important;
    font-size: 12px !important;
    font-weight: 700;
  }
  #scopeView .scope-created-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }
  #scopeView .scope-created-title-row .scope-market {
    flex: 1 1 auto;
    min-width: 0;
  }
  #scopeView .scope-created-aestus-link {
    flex: 0 0 auto;
    min-height: 28px;
    height: 28px;
    padding: 3px 8px;
    border: 1px solid #315d86;
    border-radius: 4px;
    background: #0b1d30;
    color: #b9d7ff;
    font-size: 10px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
  }
  #scopeView .scope-created-aestus-link:hover,
  #scopeView .scope-created-aestus-link:focus-visible {
    border-color: #6eaef0;
    background: #102b47;
    color: #fff;
  }
  #scopeView #scopeLimit:disabled {
    opacity: .65;
    cursor: not-allowed;
  }
  @media (max-width: 1120px) {
    #scopeView .scope-created-card {
      grid-template-columns: 38px 140px minmax(220px, 1fr) repeat(3, minmax(78px, 1fr)) !important;
      gap: 8px !important;
    }
  }
  @media (max-width: 820px) {
    #scopeView .scope-created-card {
      grid-template-columns: 32px minmax(0, 1fr) repeat(2, minmax(82px, 1fr)) !important;
      align-items: center !important;
    }
    #scopeView .scope-created-card .scope-created-time {
      grid-column: 2;
      grid-row: 1;
    }
    #scopeView .scope-created-card .scope-main {
      grid-column: 1/-1;
      grid-row: 2;
    }
    #scopeView .scope-created-card .scope-metric {
      grid-column: auto;
      grid-row: 3;
    }
  }
  @media (max-width: 560px) {
    #scopeView .scope-created-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
    }
    #scopeView .scope-created-title-row {
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 6px;
    }
    #scopeView .scope-created-title-row .scope-market {
      flex-basis: 100%;
    }
    #scopeView .scope-created-time b {
      font-size: 11px !important;
    }
    #scopeView .scope-created-time span {
      font-size: 8px !important;
    }
  }
  .seo-nojs-discovery {
    margin: 12px 0;
    padding: 10px;
    border: 1px solid var(--avl-line,#1e3551);
    color: var(--avl-muted,#7f93ad);
  }
  .seo-nojs-discovery nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin-top: 6px;
  }
  .anonymous-signup-prompt {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    width: min(390px, calc(100vw - 36px));
    padding: 20px 20px 18px;
    border: 1px solid #3b709f;
    border-radius: 8px;
    background:
      linear-gradient(
        145deg,
        #102033 0%,
        #0a141f 100%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .45), 0 0 0 1px rgba(142, 195, 246, .08);
    color: var(--text,#e7eef5);
  }
  .anonymous-signup-prompt strong {
    display: block;
    padding-right: 22px;
    color: #eaf4ff;
    font:
      700 17px/1.25 Inter,
      system-ui,
      sans-serif;
  }
  .anonymous-signup-prompt > span {
    display: block;
    margin-top: 8px;
    color: #afc0d0;
    font:
      400 13px/1.48 Inter,
      system-ui,
      sans-serif;
  }
  .anonymous-signup-close {
    position: absolute;
    top: 7px;
    right: 9px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #9db2c7;
    font:
      400 23px/1 Inter,
      system-ui,
      sans-serif;
    cursor: pointer;
  }
  .anonymous-signup-close:hover,
  .anonymous-signup-close:focus-visible {
    color: #fff;
  }
  .anonymous-signup-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 16px;
  }
  .anonymous-signup-actions button {
    min-height: 34px;
    padding: 7px 12px;
    border: 1px solid #385776;
    border-radius: 4px;
    background: #102033;
    color: #dcecff;
    font:
      700 12px/1 Inter,
      system-ui,
      sans-serif;
    cursor: pointer;
  }
  .anonymous-signup-actions button.primary {
    border-color: #bff06d;
    background: #bff06d;
    color: #08100b;
  }
  .anonymous-signup-actions button:hover,
  .anonymous-signup-actions button:focus-visible {
    border-color: #9bcaff;
    background: #173653;
  }
  .anonymous-signup-actions button.primary:hover,
  .anonymous-signup-actions button.primary:focus-visible {
    border-color: #d9ff9e;
    background: #d9ff9e;
  }
  @media (max-width: 560px) {
    .anonymous-signup-prompt {
      right: 10px;
      bottom: 10px;
      width: calc(100vw - 20px);
      padding: 18px 16px 15px;
    }
  }
}

/* public/focus-workbench.css */
@layer legacy {
  html.focus-workbench {
    color-scheme: dark;
    --ofw-bg: #080c10;
    --ofw-surface: #0e151c;
    --ofw-surface-2: #131c25;
    --ofw-surface-3: #192430;
    --ofw-border: #2e3b49;
    --ofw-border-soft: #23303c;
    --ofw-primary: #f3f7f8;
    --ofw-secondary: #c5d0d4;
    --ofw-tertiary: #96a7ae;
    --ofw-accent: #bff06d;
    --ofw-blue: #72b2ff;
    --ofw-cyan: #70dcd7;
    --ofw-amber: #f2c172;
    --ofw-red: #ff909b;
    --ofw-sans:
      Inter,
      ui-sans-serif,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    --ofw-mono:
      "SFMono-Regular",
      Consolas,
      "Liberation Mono",
      monospace;
    --bg: var(--ofw-bg);
    --panel: var(--ofw-surface);
    --panel2: #0a1118;
    --panel3: var(--ofw-surface-2);
    --line: var(--ofw-border);
    --line-soft: var(--ofw-border-soft);
    --text: var(--ofw-primary);
    --text2: var(--ofw-secondary);
    --muted: var(--ofw-tertiary);
    --faint: #798b92;
    --amber: var(--ofw-blue);
    --yes: var(--ofw-accent);
    --no: var(--ofw-red);
    --r: 0;
    --r-sm: 0;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench,
  html.focus-workbench body,
  html.focus-workbench * {
    box-sizing: border-box !important;
  }
  html.focus-workbench body {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 0 48px !important;
    overflow-x: hidden !important;
    color: var(--ofw-primary) !important;
    background:
      linear-gradient(
        90deg,
        rgba(255, 255, 255, .012) 1px,
        transparent 1px) 0 0 / 96px 100%,
      var(--ofw-bg) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench ::selection {
    color: #08100c !important;
    background: var(--ofw-accent) !important;
  }
  html.focus-workbench * {
    scrollbar-width: thin !important;
    scrollbar-color: #42505e #0a1016 !important;
  }
  html.focus-workbench a {
    color: var(--ofw-blue) !important;
  }
  html.focus-workbench .view {
    width: min(100%, 1920px) !important;
    min-height: calc(100vh - 48px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  html.focus-workbench :is(#browserView, #detailView, #userView, #scopeView, #membershipView)[hidden] {
    display: none !important;
  }
  html.focus-workbench button,
  html.focus-workbench input,
  html.focus-workbench select,
  html.focus-workbench textarea {
    border-radius: 0 !important;
    font: inherit !important;
    box-shadow: none !important;
  }
  html.focus-workbench button {
    min-height: 30px !important;
    padding: 5px 9px !important;
    border: 1px solid var(--ofw-border) !important;
    color: var(--ofw-secondary) !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench button:hover {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench button.active,
  html.focus-workbench button[aria-pressed=true] {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
    box-shadow: inset 0 -2px 0 var(--ofw-accent) !important;
  }
  html.focus-workbench button.primary {
    border-color: #597840 !important;
    color: #10160a !important;
    background: var(--ofw-accent) !important;
    font-weight: 650 !important;
  }
  html.focus-workbench input[type=text],
  html.focus-workbench input[type=email],
  html.focus-workbench input[type=number],
  html.focus-workbench select,
  html.focus-workbench textarea {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 9px !important;
    border: 1px solid var(--ofw-border) !important;
    color: var(--ofw-primary) !important;
    background: #0a1118 !important;
    font-size: 11px !important;
  }
  html.focus-workbench textarea {
    min-height: 96px !important;
    padding-top: 8px !important;
  }
  html.focus-workbench input::placeholder,
  html.focus-workbench textarea::placeholder {
    color: #84959c !important;
    opacity: 1 !important;
  }
  html.focus-workbench :is(button, input, select, textarea, a):focus-visible {
    outline: 2px solid var(--ofw-blue) !important;
    outline-offset: 1px !important;
  }
  html.focus-workbench .panel {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface) !important;
    box-shadow: none !important;
  }
  html.focus-workbench .panel h2 {
    margin: 0 0 9px !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  html.focus-workbench .panel h2::before {
    display: none !important;
  }
  html.focus-workbench :is(.status, .legend, .freshness, .okitem) {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench .status.ok {
    color: var(--ofw-accent) !important;
  }
  html.focus-workbench :is(.status.err, .freshness.stale) {
    color: var(--ofw-red) !important;
  }
  html.focus-workbench .app-switch.ofw-chrome {
    position: sticky !important;
    inset: auto !important;
    top: 0 !important;
    z-index: 180 !important;
    display: grid !important;
    grid-template-columns: 210px minmax(420px, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    gap: 22px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: rgba(9, 14, 19, .98) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
  }
  html.focus-workbench .ofw-brand-zone {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 !important;
    gap: 10px !important;
    border: 0 !important;
  }
  html.focus-workbench .studio-wordmark {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    min-width: 0 !important;
  }
  html.focus-workbench .aestus-wordmark-picture {
    display: block !important;
    flex: 0 0 150px !important;
    width: 150px !important;
    height: 40px !important;
  }
  html.focus-workbench .aestus-wordmark-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  html.focus-workbench .studio-wordmark > span {
    display: none !important;
  }
  html.focus-workbench .aestus-header-feedback {
    padding: 3px 6px !important;
    border: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    letter-spacing: .05em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench .ofw-primary-nav {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 48px !important;
    gap: 24px !important;
  }
  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 72px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 4px !important;
    border: 0 !important;
    color: var(--ofw-tertiary) !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench .app-switch .ofw-primary-nav button::after {
    content: "" !important;
    position: absolute !important;
    right: 3px !important;
    bottom: 0 !important;
    left: 3px !important;
    height: 2px !important;
    background: transparent !important;
  }
  html.focus-workbench .app-switch .ofw-primary-nav button:hover {
    color: var(--ofw-primary) !important;
    background: transparent !important;
  }
  html.focus-workbench .app-switch .ofw-primary-nav button.active {
    color: var(--ofw-primary) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html.focus-workbench .app-switch .ofw-primary-nav button.active::after {
    background: var(--ofw-accent) !important;
  }
  html.focus-workbench .app-switch .nav-ico {
    display: none !important;
  }
  html.focus-workbench .ofw-system-state {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: 330px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    letter-spacing: .045em !important;
    text-align: right !important;
    white-space: nowrap !important;
  }
  html.focus-workbench .ofw-system-state::before {
    display: none !important;
  }
  html.focus-workbench .system-dot {
    width: 6px !important;
    height: 6px !important;
    margin-right: 7px !important;
    background: var(--ofw-accent) !important;
    box-shadow: 0 0 8px rgba(191, 240, 109, .4) !important;
  }
  html.focus-workbench .browser-hero.studio-hero-card,
  html.focus-workbench #detailView .detail-hero {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto !important;
    align-items: stretch !important;
    width: 100% !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench .browser-hero .hero-copy,
  html.focus-workbench #detailView .detail-hero-grid > div:first-child {
    min-width: 0 !important;
    padding: 10px 15px !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench .hero-kicker {
    display: block !important;
    margin: 0 !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench .hero-copy h1 {
    margin: 4px 0 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
  }
  html.focus-workbench .hero-copy h1 .tag {
    color: inherit !important;
  }
  html.focus-workbench .hero-copy .sub {
    margin: 3px 0 0 !important;
    color: var(--ofw-secondary) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench .hero-side {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    gap: 0 !important;
  }
  html.focus-workbench .hero-metrics {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
  }
  html.focus-workbench .hero-stat,
  html.focus-workbench .hero-stat.hero-stat-black {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: 130px !important;
    min-width: 130px !important;
    min-height: 69px !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    color: var(--ofw-primary) !important;
    background: transparent !important;
  }
  html.focus-workbench .hero-stat .k {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench .hero-stat .v {
    display: block !important;
    max-width: 115px !important;
    margin-top: 6px !important;
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench .browser-refresh {
    align-self: center !important;
    width: 144px !important;
    min-width: 144px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 12px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench .ofw-workspace {
    display: grid !important;
    grid-template-columns: 196px minmax(0, 1fr) !important;
    align-items: start !important;
    align-content: start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: calc(100vh - 118px) !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench .ofw-pane {
    min-width: 0 !important;
    min-height: calc(100vh - 118px) !important;
    border-right: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench .ofw-pane:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench .ofw-index-pane {
    position: sticky !important;
    top: 48px !important;
    z-index: 30 !important;
    align-self: start !important;
    max-height: calc(100vh - 48px) !important;
    overflow: auto !important;
  }
  html.focus-workbench .ofw-canvas-pane {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench .ofw-pane-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 39px !important;
    padding: 0 10px !important;
    gap: 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench .ofw-pane-head h2 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
  }
  html.focus-workbench .ofw-pane-head span {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
  }
  html.focus-workbench .ofw-ledger-columns {
    display: grid !important;
    grid-template-columns: minmax(230px, 1.15fr) minmax(270px, 1.35fr) minmax(250px, 1fr) 76px !important;
    min-height: 34px !important;
    align-items: center !important;
    padding: 0 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    background: #0b1219 !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench .ofw-ledger-columns span:nth-child(n+3) {
    text-align: right !important;
  }
  html.focus-workbench #browserView {
    display: block !important;
  }
  html.focus-workbench #browserView > .browser-controls {
    display: none !important;
  }
  html.focus-workbench #browserView .ofw-index-pane > .browser-controls {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #browserView .browser-controls::before {
    display: none !important;
  }
  html.focus-workbench #browserView .catalog-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
  }
  html.focus-workbench #browserView .catalog-toolbar #catalogSearch,
  html.focus-workbench #browserView .catalog-toolbar #catalogSort {
    display: block !important;
    grid-column: 1 !important;
    width: 100% !important;
    height: 34px !important;
  }
  html.focus-workbench #browserView .catalog-toolbar :is(#catalogGenre, #catalogSport, #catalogCompetition, #catalogSubsection, #catalogEv) {
    display: none !important;
  }
  html.focus-workbench #browserView .catalog-status-row {
    min-height: 0 !important;
    margin: 5px 0 2px !important;
  }
  html.focus-workbench #browserView .catalog-status-row #catalogStatus {
    margin: 0 !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #browserView .genre-nav {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-height: none !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #browserView .genre-nav::before {
    content: "CATEGORIES";
    display: block !important;
    margin: 0 0 5px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    letter-spacing: .05em !important;
  }
  html.focus-workbench #browserView :is(.side-all-markets, .side-tax-card) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 8px !important;
    gap: 7px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-secondary) !important;
    background: transparent !important;
    text-align: left !important;
  }
  html.focus-workbench #browserView :is(.side-all-markets, .side-tax-card):hover {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #browserView :is(.side-all-markets, .side-tax-card).active {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #browserView .side-tax-head,
  html.focus-workbench #browserView .side-tax-name {
    display: contents !important;
  }
  html.focus-workbench #browserView .side-tax-name > span:last-child,
  html.focus-workbench #browserView .side-all-markets > span {
    display: block !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .side-tax-card .traffic-sign,
  html.focus-workbench #browserView .side-top-list {
    display: none !important;
  }
  html.focus-workbench #browserView :is(.side-tax-name strong, .side-all-markets strong) {
    display: block !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView :is(.side-tax-name small, .side-all-markets small) {
    display: block !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView :is(.side-tax-vol, .side-all-markets > b) {
    display: block !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView :is(.side-tax-vol small, .side-all-markets > b small) {
    display: none !important;
  }
  html.focus-workbench #browserView .taxonomy-subnav {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    margin: 11px 0 0 !important;
    padding: 7px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-top: 1px solid var(--ofw-border) !important;
    background: transparent !important;
  }
  html.focus-workbench #browserView .taxonomy-subnav[hidden] {
    display: none !important;
  }
  html.focus-workbench #browserView .side-subhead {
    display: block !important;
    margin: 0 0 5px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #browserView :is(.side-sub-all, .side-compact-link, .taxonomy-chip) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 33px !important;
    height: auto !important;
    padding: 5px 7px !important;
    gap: 6px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    text-align: left !important;
    white-space: normal !important;
  }
  html.focus-workbench #browserView .side-compact-links {
    display: block !important;
  }
  html.focus-workbench #browserView .manual-load {
    margin: 11px 0 0 !important;
    padding: 7px !important;
    border: 1px solid var(--ofw-border) !important;
    background: #0a1118 !important;
  }
  html.focus-workbench #browserView .manual-load summary {
    color: var(--ofw-tertiary) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #catalogList {
    width: 100% !important;
    min-width: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .catalog-results-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 8px 11px !important;
    gap: 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .catalog-results-kicker {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #catalogList .catalog-results-kicker::after {
    color: var(--ofw-tertiary) !important;
  }
  html.focus-workbench #catalogList .catalog-results-title {
    margin-top: 4px !important;
    color: var(--ofw-primary) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
  }
  html.focus-workbench #catalogList .catalog-results-summary[hidden],
  html.focus-workbench #catalogList .catalog-taxonomy-breadcrumb[hidden] {
    display: none !important;
  }
  html.focus-workbench #catalogList .catalog-results-summary {
    display: none !important;
  }
  html.focus-workbench #catalogList .catalog-taxonomy-breadcrumb {
    margin-top: 4px !important;
    color: var(--ofw-secondary) !important;
    font-size: 10px !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats > span {
    min-width: 100px !important;
    padding: 5px 10px !important;
    border-left: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats small {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats b {
    display: block !important;
    margin-top: 4px !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #catalogList .catalog-groups {
    display: block !important;
    width: 100% !important;
  }
  html.focus-workbench #catalogList .market-group {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .market-group-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 5px 9px !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #catalogList .market-group-ident {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  html.focus-workbench #catalogList .market-group-ident .traffic-sign {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    flex: 0 0 25px !important;
    transform: none !important;
    border-width: 1px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }
  html.focus-workbench #catalogList .market-group-title strong {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #catalogList .market-group-title small {
    display: block !important;
    margin-top: 2px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #catalogList .market-group-actions,
  html.focus-workbench #catalogList .market-group-stats {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  html.focus-workbench #catalogList .market-group-stats span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }
  html.focus-workbench #catalogList .market-group-stats small {
    color: var(--ofw-tertiary) !important;
    font-size: 7px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #catalogList .market-group-stats b {
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #catalogList .market-group-open {
    min-height: 28px !important;
    height: 28px !important;
    padding: 3px 7px !important;
    font-size: 9px !important;
  }
  html.focus-workbench #browserView .market-group-grid-wrap {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 34px 0 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView :is(.market-group-grid, .market-showcase-grid) {
    display: block !important;
    width: 100% !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(230px, 1.15fr) minmax(270px, 1.35fr) minmax(250px, 1fr) 76px !important;
    grid-template-areas: "identity preview metrics state" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;
    height: 66px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    gap: 10px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    color: var(--ofw-secondary) !important;
    background: var(--ofw-surface) !important;
    box-shadow: none !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured):hover {
    transform: none !important;
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #browserView .dense-market-card.selected {
    background: rgba(191, 240, 109, .055) !important;
    box-shadow: inset 3px 0 0 var(--ofw-accent) !important;
  }
  html.focus-workbench #browserView .dense-card-top {
    grid-area: identity !important;
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  html.focus-workbench #browserView .market-card-logo,
  html.focus-workbench #browserView .market-card-logo .traffic-sign {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    flex: 0 0 28px !important;
    transform: none !important;
    border-width: 1px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title,
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title a {
    display: block !important;
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    -webkit-line-clamp: unset !important;
  }
  html.focus-workbench #browserView .catalog-taxonomy {
    margin-top: 3px !important;
    overflow: hidden !important;
    color: var(--ofw-tertiary) !important;
    font-size: 9px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .dense-type {
    padding: 2px 4px !important;
    border: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .dense-preview {
    grid-area: preview !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #browserView :is(.dense-preview-prices, .catalog-preview-prices) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 3px !important;
  }
  html.focus-workbench #browserView :is(.catalog-preview-entry, .catalog-preview-prices > span) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
    height: 31px !important;
    padding: 3px 5px !important;
    gap: 5px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-secondary) !important;
    background: #0a1118 !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #browserView .catalog-preview-label {
    overflow: hidden !important;
    color: var(--ofw-secondary) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .catalog-preview-value {
    color: var(--ofw-accent) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView :is(.dense-metrics, .featured .dense-metrics) {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #browserView .dense-metrics > span {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 31px !important;
    padding: 3px 5px !important;
    border: 0 !important;
    border-right: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #browserView .dense-metrics > span:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench #browserView .dense-metrics small {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 7px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #browserView :is(.dense-metrics b, .featured .dense-metrics b) {
    margin-top: 2px !important;
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .dense-card-foot {
    position: static !important;
    grid-area: state !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .dense-open-action {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 7px !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView :is(.dense-open, .dense-edge) {
    padding: 1px 3px !important;
    border: 1px solid #50683d !important;
    color: var(--ofw-accent) !important;
    background: rgba(191, 240, 109, .04) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 7px !important;
  }
  html.focus-workbench #browserView .dense-paused {
    color: var(--ofw-red) !important;
    font-size: 7px !important;
  }
  html.focus-workbench #browserView .market-group-more {
    padding: 5px 8px !important;
    color: var(--ofw-tertiary) !important;
    background: #0b1219 !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView .market-index-page-next {
    right: 6px !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 34px !important;
    min-height: 34px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-2) !important;
    box-shadow: none !important;
  }
  html.focus-workbench #detailView {
    display: block !important;
  }
  html.focus-workbench #detailView[hidden] {
    display: none !important;
  }
  html.focus-workbench #detailView .detail-topbar {
    position: sticky !important;
    top: 48px !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: rgba(8, 12, 16, .97) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
  }
  html.focus-workbench #detailView .detail-topbar button {
    min-height: 29px !important;
    height: 29px !important;
  }
  html.focus-workbench #detailView .detail-hero {
    padding: 0 !important;
  }
  html.focus-workbench #detailView .detail-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    gap: 0 !important;
  }
  html.focus-workbench #detailView .detail-title {
    margin: 4px 0 0 !important;
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: -.025em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .detail-event {
    margin-top: 4px !important;
    color: var(--ofw-secondary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .detail-betline {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 7px !important;
    gap: 0 !important;
  }
  html.focus-workbench #detailView .detail-betline .bl-i {
    padding-right: 12px !important;
    margin-right: 12px !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .detail-betline .k {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .detail-betline .v {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .detail-runtime-cards {
    display: grid !important;
    grid-template-columns: repeat(3, 130px) !important;
    align-items: stretch !important;
  }
  html.focus-workbench #detailView .detail-mini-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 69px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-left: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #detailView .detail-mini-card .k {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .detail-mini-card .v {
    display: -webkit-box !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  html.focus-workbench #detailView .detail-hero > .detail-runtime:not(.detail-runtime-cards) {
    display: none !important;
  }
  html.focus-workbench #detailView .aestus-beta60-layout,
  html.focus-workbench #detailView .aestus-workbench-shell,
  html.focus-workbench #detailView .aestus-workbench-primary,
  html.focus-workbench #detailView .aestus-workbench-research,
  html.focus-workbench #detailView .aestus-secondary-rail {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView .aestus-workbench-shell:empty,
  html.focus-workbench #detailView .aestus-secondary-rail:empty {
    display: none !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
    display: grid !important;
    grid-template-columns: 224px minmax(0, 1fr) !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .event-options-head {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 39px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .event-options-head h2 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .event-options-summary {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView #mktSplit {
    display: contents !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col {
    position: sticky !important;
    top: 86px !important;
    z-index: 25 !important;
    grid-column: 1 !important;
    grid-row: 2 / span 90 !important;
    align-self: start !important;
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100vh - 86px) !important;
    padding: 8px !important;
    overflow: auto !important;
    border-right: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col::before {
    content: "OUTCOMES";
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    letter-spacing: .05em !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-tools {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    margin-bottom: 6px !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-tools[hidden] {
    display: none !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-selbar {
    margin: 0 0 6px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView .mkt-listhead {
    display: grid !important;
    min-height: 30px !important;
    padding: 0 6px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    background: #0b1219 !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row {
    min-height: 44px !important;
    padding: 5px 6px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    color: var(--ofw-secondary) !important;
    background: transparent !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row:hover {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row.on,
  html.focus-workbench #detailView .mkt-list .mkt-row.active {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
    box-shadow: inset 3px 0 0 var(--ofw-accent) !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel) {
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-px, .mkt-dlt) {
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .chart-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 34px !important;
    margin: 0 0 6px !important;
    gap: 8px !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .chart-title {
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView .range-seg,
  html.focus-workbench #detailView .chart-tools {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
  }
  html.focus-workbench #detailView :is(.range-seg button, #chartReload) {
    min-width: 30px !important;
    min-height: 27px !important;
    height: 27px !important;
    padding: 2px 6px !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #detailView .range-seg button.active {
    color: var(--ofw-primary) !important;
    box-shadow: inset 0 -2px 0 var(--ofw-accent) !important;
  }
  html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
  html.focus-workbench #detailView .mkt-chart-col #priceChart {
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: #091118 !important;
  }
  html.focus-workbench #detailView .chart-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 6px !important;
    gap: 3px !important;
  }
  html.focus-workbench #detailView .leg-item {
    min-height: 27px !important;
    padding: 3px 5px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-secondary) !important;
    background: #0a1118 !important;
    font-size: 8px !important;
  }
  html.focus-workbench #detailView .chart-status {
    margin-top: 6px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 10px 10px !important;
    gap: 8px !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > .panel {
    align-self: start !important;
    width: 100% !important;
    grid-area: auto !important;
    grid-row: auto !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #structurePanel {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    order: 1 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #valueBoard {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: auto !important;
    order: 2 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #fairValuePanel {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 3 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 4 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-family-index:not([hidden]) {
    position: sticky !important;
    top: 86px !important;
    z-index: 25 !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 / span 90 !important;
    align-self: start !important;
    max-height: calc(100vh - 86px) !important;
    overflow: auto !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .ofw-family-index-list {
    padding: 5px 8px !important;
  }
  html.focus-workbench #detailView .ofw-family-index-list button {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 40px !important;
    padding: 5px 8px !important;
    gap: 6px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    text-align: left !important;
  }
  html.focus-workbench #detailView .ofw-family-index-list button.active {
    background: var(--ofw-surface-3) !important;
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #detailView .ofw-family-index-list button b {
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .ofw-family-index-list button span {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    padding: 8px 10px 0 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col::before {
    display: none !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col {
    display: none !important;
  }
  html.focus-workbench #detailView .soccer-match-hub-grid {
    display: block !important;
    width: 100% !important;
  }
  html.focus-workbench #detailView .soccer-hub-intro {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 42px !important;
    margin: 0 0 7px !important;
    padding: 7px 9px !important;
    gap: 10px !important;
    border: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #detailView .sidebet-family {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
    scroll-margin-top: 88px !important;
  }
  html.focus-workbench #detailView .sidebet-family-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 37px !important;
    padding: 0 9px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #detailView .sidebet-family-head strong {
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView .sidebet-family-head small {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #detailView .sidebet-family-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 6px !important;
    gap: 5px !important;
  }
  html.focus-workbench #detailView :is(.sidebet-card, .sidebet-level-group) {
    min-width: 0 !important;
    padding: 7px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    color: var(--ofw-secondary) !important;
    background: #0a1118 !important;
  }
  html.focus-workbench #detailView :is(.sidebet-card:hover, .sidebet-level-button:hover) {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #detailView :is(.sidebet-card-title, .sidebet-level-head strong) {
    color: var(--ofw-primary) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
    margin-top: 6px !important;
    gap: 3px !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    padding: 3px 5px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-secondary) !important;
    background: #080e14 !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) b {
    color: var(--ofw-accent) !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) {
    min-width: 0 !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) > h2::before {
    display: none !important;
    content: none !important;
  }
  html.focus-workbench #detailView .structure-market-head,
  html.focus-workbench #detailView .vb-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  html.focus-workbench #detailView .structure-bet-switcher {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin: 8px 0 !important;
    padding: 7px !important;
    border: 1px solid var(--ofw-border) !important;
    background: #0a1118 !important;
  }
  html.focus-workbench #detailView .structure-outcome-pair {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 5px !important;
  }
  html.focus-workbench #detailView .structure-outcome-chip {
    min-width: 0 !important;
    padding: 7px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: #0a1118 !important;
  }
  html.focus-workbench #detailView .structure-outcome-chip.active {
    background: var(--ofw-surface-3) !important;
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #detailView .structure-market-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin: 7px 0 !important;
    border: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .structure-market-stat {
    padding: 6px !important;
    border: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #detailView .structure-market-stat:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench #detailView .structure-market-stat small {
    color: var(--ofw-tertiary) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .structure-market-stat b {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .structure-tabs {
    display: flex !important;
    margin: 7px 0 !important;
    gap: 0 !important;
  }
  html.focus-workbench #detailView .structure-tab {
    border-right: 0 !important;
  }
  html.focus-workbench #detailView .structure-tab:last-child {
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .table-scroll {
    width: 100% !important;
    max-height: 390px !important;
    overflow: auto !important;
    border: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .structure-market-data table {
    width: 100% !important;
    border-collapse: collapse !important;
  }
  html.focus-workbench #detailView .structure-market-data th {
    position: sticky !important;
    top: 0 !important;
    padding: 6px !important;
    color: var(--ofw-tertiary) !important;
    background: var(--ofw-surface-2) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .structure-market-data td {
    padding: 6px !important;
    border-top: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .structure-market-data tr:hover td {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #detailView :is(.fv-model-panel, #f1ModelPanel, #wtiModelPanel, #muskModelPanel) {
    border-radius: 0 !important;
    background: #0a1118 !important;
  }
  html.focus-workbench #detailView :is(.fv-model-panel, #f1ModelPanel, #wtiModelPanel, #muskModelPanel) :is(.model-probability, .probability, .value) {
    color: var(--ofw-accent) !important;
  }
  html.focus-workbench #scopeView,
  html.focus-workbench #userView,
  html.focus-workbench #membershipView {
    display: block !important;
  }
  html.focus-workbench #scopeView[hidden],
  html.focus-workbench #userView[hidden],
  html.focus-workbench #membershipView[hidden] {
    display: none !important;
  }
  html.focus-workbench #scopeView > .scope-control-panel,
  html.focus-workbench #userView > .user-search-panel {
    display: none !important;
  }
  html.focus-workbench #scopeView .ofw-index-pane > .scope-control-panel,
  html.focus-workbench #userView .ofw-index-pane > .user-search-panel {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid button {
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 39px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    text-align: left !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid button.active {
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #scopeView .scope-filter-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-top: 12px !important;
    gap: 8px !important;
  }
  html.focus-workbench #scopeView .scope-field {
    display: grid !important;
    gap: 4px !important;
  }
  html.focus-workbench #scopeView .scope-field > span,
  html.focus-workbench #userView .user-rank-field > span {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #scopeView #scopeStatus {
    margin-top: 9px !important;
  }
  html.focus-workbench #scopeView .scope-feed {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
    display: grid !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    gap: 9px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    color: var(--ofw-secondary) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #scopeView .scope-card {
    grid-template-columns: 30px 170px minmax(260px, 1fr) repeat(3, minmax(86px, 105px)) !important;
  }
  html.focus-workbench #scopeView .scope-edge-card {
    grid-template-columns: 34px 190px minmax(300px, 1fr) repeat(3, minmax(96px, 116px)) !important;
  }
  html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card):hover {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #scopeView :is(.scope-rank, .scope-edge-rank) {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #scopeView :is(.scope-market, .scope-edge-market) {
    color: var(--ofw-primary) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #scopeView :is(.scope-sub, .scope-edge-sub, .scope-edge-note) {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #scopeView .scope-metric small,
  html.focus-workbench #scopeView .scope-edge-metric small {
    display: block !important;
    color: var(--ofw-tertiary) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #scopeView .scope-metric b,
  html.focus-workbench #scopeView .scope-edge-metric b {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #scopeView :is(.scope-metric.pos, .scope-edge-value) b {
    color: var(--ofw-accent) !important;
  }
  html.focus-workbench #userView .user-searchbar,
  html.focus-workbench #userView .user-rankbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  html.focus-workbench #userView .user-rankbar {
    margin-top: 12px !important;
  }
  html.focus-workbench #userView .user-rank-label {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #userView .user-rank-field {
    display: grid !important;
    gap: 4px !important;
  }
  html.focus-workbench #userView #userStatus,
  html.focus-workbench #userView .user-summary {
    margin-top: 8px !important;
  }
  html.focus-workbench #userView .user-results {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }
  html.focus-workbench #userView .user-card {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    color: var(--ofw-secondary) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #userView .user-card:hover,
  html.focus-workbench #userView .user-card.open {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #userView .user-card.open {
    box-shadow: inset 3px 0 0 var(--ofw-accent) !important;
  }
  html.focus-workbench #userView .user-card-head {
    min-height: 64px !important;
    padding: 7px 10px !important;
    border: 0 !important;
  }
  html.focus-workbench #userView .user-avatar {
    width: 38px !important;
    height: 38px !important;
  }
  html.focus-workbench #userView .user-name {
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #userView .user-subline {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #userView .user-head-metric small {
    color: var(--ofw-tertiary) !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #userView .user-head-metric b {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
  }
  html.focus-workbench #userView .user-detail {
    padding: 9px 10px 11px !important;
    border-top: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #userView .user-metrics {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #userView .user-metric {
    padding: 7px !important;
    border: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #userView .user-metric:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench #userView .user-trades {
    border: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #userView .user-trade {
    border-bottom: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #membershipView .membership-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  html.focus-workbench #membershipView .membership-tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    padding: 8px !important;
    gap: 0 !important;
  }
  html.focus-workbench #membershipView .membership-tabs button {
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 40px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    text-align: left !important;
  }
  html.focus-workbench #membershipView .membership-tabs button.active {
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #membershipView .membership-grid {
    display: block !important;
    width: 100% !important;
    padding: 10px !important;
  }
  html.focus-workbench #membershipView .membership-card {
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 !important;
  }
  html.focus-workbench #membershipView .membership-form {
    max-width: 820px !important;
  }
  html.focus-workbench #membershipView .membership-profile-field {
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: #0a1118 !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench .ofw-ledger-columns,
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(230px, 1.1fr) minmax(230px, 1.2fr) minmax(215px, .9fr) 68px !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) {
      grid-column: 1 !important;
    }
    html.focus-workbench #scopeView .scope-card {
      grid-template-columns: 28px 150px minmax(220px, 1fr) repeat(2, 90px) !important;
    }
    html.focus-workbench #scopeView .scope-card .scope-metric:last-child {
      display: none !important;
    }
  }
  @media (max-width: 980px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 170px minmax(360px, 1fr) !important;
      padding: 0 10px !important;
      gap: 8px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 140px !important;
      width: 140px !important;
    }
    html.focus-workbench .aestus-header-feedback,
    html.focus-workbench .ofw-system-state {
      display: none !important;
    }
    html.focus-workbench .ofw-primary-nav {
      gap: 8px !important;
    }
    html.focus-workbench .browser-hero.studio-hero-card,
    html.focus-workbench #detailView .detail-hero-grid {
      grid-template-columns: minmax(260px, 1fr) auto !important;
    }
    html.focus-workbench .hero-stat,
    html.focus-workbench .hero-stat.hero-stat-black,
    html.focus-workbench #detailView .detail-mini-card {
      width: 108px !important;
      min-width: 108px !important;
    }
    html.focus-workbench .browser-refresh {
      display: none !important;
    }
    html.focus-workbench .ofw-workspace {
      grid-template-columns: 176px minmax(0, 1fr) !important;
    }
    html.focus-workbench .ofw-ledger-columns,
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) 215px 64px !important;
    }
    html.focus-workbench #browserView .dense-preview {
      display: none !important;
    }
    html.focus-workbench .ofw-ledger-columns span:nth-child(2) {
      visibility: hidden !important;
    }
    html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
      grid-template-columns: 196px minmax(0, 1fr) !important;
    }
    html.focus-workbench #detailView .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench body {
      padding-bottom: 36px !important;
    }
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 132px minmax(0, 1fr) !important;
      height: 50px !important;
      min-height: 50px !important;
    }
    html.focus-workbench .ofw-brand-zone {
      height: 50px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 122px !important;
      width: 122px !important;
      height: 38px !important;
    }
    html.focus-workbench .ofw-primary-nav {
      height: 50px !important;
      gap: 1px !important;
    }
    html.focus-workbench .app-switch .ofw-primary-nav button,
    html.focus-workbench .app-switch .membership-nav-button {
      min-width: 0 !important;
      height: 50px !important;
      min-height: 50px !important;
      padding: 0 5px !important;
      font-size: 9px !important;
    }
    html.focus-workbench .browser-hero.studio-hero-card {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench .browser-hero .hero-copy {
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench .hero-side {
      justify-content: stretch !important;
    }
    html.focus-workbench .hero-metrics {
      width: 100% !important;
    }
    html.focus-workbench .hero-stat,
    html.focus-workbench .hero-stat.hero-stat-black {
      flex: 1 1 0 !important;
      width: auto !important;
      min-width: 0 !important;
      min-height: 58px !important;
    }
    html.focus-workbench .ofw-workspace {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench .ofw-pane {
      min-height: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench .ofw-index-pane {
      position: static !important;
      max-height: clamp(280px, 42vh, 380px) !important;
      overflow: auto !important;
    }
    html.focus-workbench #browserView .genre-nav {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0 6px !important;
    }
    html.focus-workbench #browserView .genre-nav::before {
      grid-column: 1 / -1 !important;
    }
    html.focus-workbench .ofw-ledger-columns {
      display: none !important;
    }
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(0, 1fr) 230px 60px !important;
      grid-template-areas: "identity metrics state" !important;
    }
    html.focus-workbench #detailView .detail-topbar {
      position: static !important;
      inset: auto !important;
    }
    html.focus-workbench #detailView .detail-hero-grid {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView .detail-runtime-cards {
      grid-template-columns: repeat(3, 1fr) !important;
      border-top: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView .detail-mini-card {
      width: auto !important;
      min-width: 0 !important;
      min-height: 58px !important;
    }
    html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
    html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-family-index:not([hidden]) {
      position: static !important;
      grid-column: 1 !important;
      grid-row: 2 !important;
      max-height: clamp(280px, 42vh, 380px) !important;
      overflow: auto !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
    html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit {
      grid-column: 1 !important;
      grid-row: 3 !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas {
      grid-column: 1 !important;
      grid-row: 4 !important;
    }
    html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0 6px !important;
    }
    html.focus-workbench #detailView .mkt-listhead {
      display: none !important;
    }
    html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
    }
    html.focus-workbench #scopeView :is(.scope-main, .scope-edge-main) {
      grid-column: 1 / -1 !important;
    }
    html.focus-workbench #scopeView .scope-card .scope-metric:nth-last-child(-n+2),
    html.focus-workbench #scopeView .scope-edge-card > :nth-last-child(-n+2) {
      display: none !important;
    }
    html.focus-workbench #userView .user-metrics {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 1500px) {
    html.focus-workbench #detailView #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(400px, .9fr) minmax(390px, .98fr) minmax(430px, 1.12fr) !important;
    }
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
    html.focus-workbench #detailView .ofw-orderbook-col,
    html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
      grid-column: 1 !important;
    }
  }
  @media (max-width: 980px) {
    html.focus-workbench .view {
      min-height: calc(100vh - 58px) !important;
    }
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 255px minmax(360px, 1fr) !important;
      height: 58px !important;
      min-height: 58px !important;
    }
    html.focus-workbench .ofw-brand-zone,
    html.focus-workbench .ofw-primary-nav,
    html.focus-workbench .app-switch .ofw-primary-nav button,
    html.focus-workbench .app-switch .membership-nav-button {
      height: 58px !important;
      min-height: 58px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 168px !important;
      width: 168px !important;
      height: 54px !important;
    }
    html.focus-workbench .aestus-wordmark-logo {
      width: 168px !important;
      height: 54px !important;
      max-height: 54px !important;
    }
    html.focus-workbench #detailView .detail-topbar,
    html.focus-workbench .ofw-index-pane {
      top: 58px !important;
    }
    html.focus-workbench .ofw-index-pane {
      max-height: calc(100vh - 58px) !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench .aestus-wordmark-picture,
    html.focus-workbench .aestus-wordmark-logo {
      width: 118px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 118px !important;
    }
  }
  @media (max-width: 480px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 48px minmax(0, 1fr) !important;
      padding: 0 6px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 38px !important;
      width: 38px !important;
      height: 38px !important;
    }
    html.focus-workbench .app-switch .ofw-primary-nav button,
    html.focus-workbench .app-switch .membership-nav-button {
      font-size: 8.5px !important;
    }
    html.focus-workbench .hero-copy h1 {
      font-size: 19px !important;
    }
    html.focus-workbench .hero-stat .k {
      font-size: 7px !important;
    }
    html.focus-workbench .hero-stat .v {
      font-size: 9px !important;
    }
    html.focus-workbench #browserView .genre-nav {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html.focus-workbench #browserView .genre-nav::before {
      grid-column: 1 / -1 !important;
    }
    html.focus-workbench #browserView :is(.side-tax-vol, .side-all-markets > b) {
      display: none !important;
    }
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(0, 1fr) 58px !important;
      grid-template-areas: "identity state" "metrics metrics" !important;
      min-height: 96px !important;
      height: auto !important;
      padding-top: 7px !important;
      padding-bottom: 7px !important;
    }
    html.focus-workbench #browserView .dense-metrics {
      margin-top: 3px !important;
    }
    html.focus-workbench #catalogList .catalog-head-stats {
      display: none !important;
    }
    html.focus-workbench #detailView .detail-runtime-cards,
    html.focus-workbench #detailView .structure-market-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html.focus-workbench #detailView #eventOptionsGrid.mkt-list,
    html.focus-workbench #detailView .sidebet-family-grid {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
    html.focus-workbench #detailView .mkt-chart-col #priceChart {
      height: 300px !important;
      min-height: 300px !important;
    }
    html.focus-workbench #userView .user-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  html.focus-workbench body {
    padding-bottom: 36px !important;
  }
  html.focus-workbench .view {
    min-height: calc(100vh - 64px) !important;
  }
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: minmax(300px, 330px) minmax(480px, 1fr) auto !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 18px !important;
    gap: 20px !important;
  }
  html.focus-workbench .ofw-brand-zone {
    height: 64px !important;
    gap: 12px !important;
  }
  html.focus-workbench .aestus-wordmark-picture {
    flex: 0 0 226px !important;
    width: 226px !important;
    height: 60px !important;
  }
  html.focus-workbench .aestus-wordmark-logo {
    width: 100% !important;
    height: 100% !important;
    max-height: 60px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  html.focus-workbench .aestus-header-feedback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 82px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-color: #426486 !important;
    color: var(--ofw-secondary) !important;
    background: #111d29 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    letter-spacing: .055em !important;
  }
  html.focus-workbench .aestus-header-feedback:hover {
    border-color: var(--ofw-blue) !important;
    color: var(--ofw-primary) !important;
    background: #17283a !important;
  }
  html.focus-workbench .ofw-primary-nav,
  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    height: 64px !important;
    min-height: 64px !important;
  }
  html.focus-workbench #detailView .detail-topbar {
    top: 64px !important;
  }
  html.focus-workbench .ofw-index-pane {
    top: 64px !important;
    max-height: calc(100vh - 64px) !important;
  }
  html.focus-workbench #catalogList .traffic-sign,
  html.focus-workbench #catalogList .traffic-sign .sign-art,
  html.focus-workbench #catalogList .traffic-sign .sign-art > * {
    transform: none !important;
  }
  html.focus-workbench #catalogList .market-group-ident .traffic-sign {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex-basis: 38px !important;
    padding: 3px !important;
  }
  html.focus-workbench #catalogList .market-group-ident .traffic-sign .sign-art,
  html.focus-workbench #catalogList .market-group-ident .traffic-sign .sign-art svg {
    width: 30px !important;
    height: 30px !important;
  }
  html.focus-workbench #catalogList .market-group-head {
    min-height: 50px !important;
    padding: 5px 10px !important;
  }
  html.focus-workbench #browserView .market-card-logo,
  html.focus-workbench #browserView .market-card-logo .traffic-sign {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex-basis: 32px !important;
  }
  html.focus-workbench #catalogList .catalog-group-directory {
    display: block !important;
    width: 100% !important;
  }
  html.focus-workbench #catalogList .group-directory-card {
    display: grid !important;
    grid-template-columns: 48px minmax(145px, 190px) minmax(78px, 96px) minmax(360px, 1fr) !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 74px !important;
    height: auto !important;
    padding: 7px 10px !important;
    gap: 10px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .group-directory-card:hover {
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #catalogList .group-directory-card > .traffic-sign,
  html.focus-workbench #catalogList .group-directory-card > .traffic-sign.flag {
    grid-row: 1 !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    flex-basis: 46px !important;
    align-self: center !important;
    padding: 3px !important;
  }
  html.focus-workbench #catalogList .group-directory-card > .traffic-sign .sign-art,
  html.focus-workbench #catalogList .group-directory-card > .traffic-sign .sign-art svg {
    width: 36px !important;
    height: 36px !important;
  }
  html.focus-workbench #catalogList .group-directory-card .country-flag-frame {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 50% !important;
  }
  html.focus-workbench #catalogList .group-directory-card .country-flag-svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
  }
  html.focus-workbench #catalogList .group-dir-main,
  html.focus-workbench #catalogList .group-dir-stats {
    min-width: 0 !important;
  }
  html.focus-workbench #catalogList .group-dir-main strong {
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 550 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .group-dir-main small,
  html.focus-workbench #catalogList .group-dir-stats small {
    color: var(--ofw-tertiary) !important;
    font-size: 8px !important;
  }
  html.focus-workbench #catalogList .group-dir-stats {
    align-items: flex-end !important;
  }
  html.focus-workbench #catalogList .group-dir-stats b {
    color: var(--ofw-secondary) !important;
    font-size: 10px !important;
  }
  html.focus-workbench #catalogList .group-dir-preview {
    grid-column: 4 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 5px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #catalogList .group-dir-preview > span {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) minmax(160px, .9fr) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 4px 5px !important;
    gap: 5px !important;
    overflow: hidden !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 0 !important;
    background: #0a1118 !important;
    white-space: normal !important;
  }
  html.focus-workbench #catalogList .group-dir-preview > span > b {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ofw-secondary) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  html.focus-workbench #catalogList .group-dir-preview .group-dir-prices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 2px !important;
  }
  html.focus-workbench #catalogList .group-dir-preview .group-dir-prices > span {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    height: 30px !important;
    padding: 3px 4px !important;
    gap: 3px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    background: #081018 !important;
    font-size: 8px !important;
  }
  html.focus-workbench :is(#browserView, #detailView) .soccer-event-title-link {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 6px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  html.focus-workbench :is(#browserView, #detailView) .soccer-event-title-link .club-title-side {
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  html.focus-workbench :is(#browserView, #detailView) .soccer-event-title-link .club-title-name {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .event-options-head {
    display: flex !important;
    position: static !important;
  }
  html.focus-workbench #detailView .ofw-family-index {
    display: none !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(360px, .88fr) minmax(420px, 1.02fr) minmax(500px, 1.25fr) !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView .ofw-module-head {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    gap: 8px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #detailView .ofw-module-head span {
    color: var(--ofw-accent) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .ofw-module-head h3 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 550 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col,
  html.focus-workbench #detailView.aestus-parent-hub .mkt-list-col,
  html.focus-workbench #detailView.aestus-selected-market .mkt-list-col {
    position: static !important;
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 8px 8px !important;
    overflow: visible !important;
    border: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col::before {
    display: none !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col > .ofw-module-head {
    margin: 0 -8px 8px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-orderbook-col {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 420px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-right: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-body {
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-data {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    gap: 7px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 330px !important;
    overflow: auto !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .microstructure-table {
    table-layout: auto !important;
    width: 100% !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col,
  html.focus-workbench #detailView.aestus-parent-hub .mkt-chart-col,
  html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col {
    position: static !important;
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 8px 8px !important;
    border: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView .mkt-chart-col > .ofw-module-head {
    margin: 0 -8px 8px !important;
  }
  html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
  html.focus-workbench #detailView .mkt-chart-col #priceChart,
  html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col #priceChart {
    height: 410px !important;
    min-height: 410px !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
    width: 100% !important;
    max-height: 610px !important;
    overflow: auto !important;
  }
  html.focus-workbench #detailView .mkt-listhead,
  html.focus-workbench #detailView .mkt-list .mkt-row {
    grid-template-columns: 14px minmax(190px, 1fr) 48px 48px 48px !important;
    gap: 0 7px !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row {
    min-height: 40px !important;
    padding: 5px 7px !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel),
  html.focus-workbench #detailView .event-option-name,
  html.focus-workbench #detailView .sidebet-option-name strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    -webkit-line-clamp: unset !important;
  }
  html.focus-workbench #detailView .soccer-match-hub-grid,
  html.focus-workbench #detailView .tennis-match-hub-grid,
  html.focus-workbench #detailView .baseball-match-hub-grid {
    width: 100% !important;
  }
  html.focus-workbench #detailView .sidebet-family-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html.focus-workbench #detailView .sidebet-card,
  html.focus-workbench #detailView .sidebet-level-group {
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .sidebet-card-title,
  html.focus-workbench #detailView .sidebet-level-head strong {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard) {
    grid-column: auto !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#fairValuePanel, #holderResearchPanel) {
    grid-column: 1 / -1 !important;
  }
  html.focus-workbench #scopeView .scope-trade-card {
    grid-template-columns: 30px minmax(190px, 220px) minmax(300px, 1fr) repeat(4, minmax(84px, 108px)) !important;
  }
  html.focus-workbench #scopeView .scope-position-card {
    grid-template-columns: 30px minmax(190px, 220px) minmax(300px, 1fr) repeat(3, minmax(92px, 118px)) !important;
  }
  html.focus-workbench #scopeView .scope-identity {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  html.focus-workbench #scopeView .scope-user-button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: hidden !important;
  }
  html.focus-workbench #scopeView .scope-user-button span,
  html.focus-workbench #scopeView .scope-user-button small {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-main,
  html.focus-workbench #scopeView .scope-market,
  html.focus-workbench #scopeView .scope-sub,
  html.focus-workbench #scopeView .scope-metric {
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-market {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-sub {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-basis-metric {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  @media (max-width: 1500px) {
    html.focus-workbench #catalogList .group-directory-card {
      grid-template-columns: 46px minmax(130px, 165px) 82px minmax(300px, 1fr) !important;
    }
    html.focus-workbench #catalogList .group-dir-preview > span {
      grid-template-columns: minmax(90px, 1fr) minmax(130px, .9fr) !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(340px, .82fr) minmax(390px, .98fr) minmax(430px, 1.15fr) !important;
    }
  }
  @media (max-width: 1220px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 286px minmax(410px, 1fr) !important;
    }
    html.focus-workbench .ofw-system-state {
      display: none !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 194px !important;
      width: 194px !important;
    }
    html.focus-workbench .aestus-header-feedback {
      min-width: 76px !important;
      padding: 0 9px !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
    html.focus-workbench #detailView .ofw-orderbook-col,
    html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col {
      max-height: 520px !important;
      overflow: auto !important;
    }
    html.focus-workbench #detailView .sidebet-family-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html.focus-workbench #scopeView .scope-trade-card,
    html.focus-workbench #scopeView .scope-position-card {
      grid-template-columns: 28px minmax(165px, 195px) minmax(260px, 1fr) repeat(3, minmax(82px, 96px)) !important;
    }
    html.focus-workbench #scopeView .scope-trade-card .scope-basis-metric {
      display: none !important;
    }
  }
  @media (max-width: 980px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 255px minmax(360px, 1fr) !important;
      height: 58px !important;
      min-height: 58px !important;
    }
    html.focus-workbench .ofw-brand-zone,
    html.focus-workbench .ofw-primary-nav,
    html.focus-workbench .app-switch .ofw-primary-nav button,
    html.focus-workbench .app-switch .membership-nav-button {
      height: 58px !important;
      min-height: 58px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 168px !important;
      width: 168px !important;
      height: 54px !important;
    }
    html.focus-workbench .aestus-header-feedback {
      display: inline-flex !important;
      min-width: 70px !important;
      min-height: 34px !important;
      font-size: 9px !important;
    }
    html.focus-workbench #catalogList .group-directory-card {
      grid-template-columns: 46px minmax(125px, 165px) 76px minmax(240px, 1fr) !important;
    }
    html.focus-workbench #catalogList .group-dir-preview {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #catalogList .group-dir-preview > span:nth-child(n+2) {
      display: none !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard, #fairValuePanel, #holderResearchPanel) {
      grid-column: 1 !important;
    }
    html.focus-workbench #scopeView .scope-trade-card,
    html.focus-workbench #scopeView .scope-position-card {
      grid-template-columns: 28px minmax(145px, 180px) minmax(220px, 1fr) repeat(2, minmax(80px, 92px)) !important;
    }
    html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-metric:nth-of-type(n+3) {
      display: none !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 190px minmax(300px, 1fr) !important;
      padding: 0 8px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 118px !important;
      width: 118px !important;
    }
    html.focus-workbench .aestus-header-feedback {
      min-width: 62px !important;
      padding: 0 6px !important;
      font-size: 8px !important;
    }
    html.focus-workbench #catalogList .group-directory-card {
      grid-template-columns: 42px minmax(0, 1fr) auto !important;
      min-height: 66px !important;
    }
    html.focus-workbench #catalogList .group-directory-card > .traffic-sign,
    html.focus-workbench #catalogList .group-directory-card > .traffic-sign.flag {
      width: 40px !important;
      height: 40px !important;
      min-width: 40px !important;
      flex-basis: 40px !important;
    }
    html.focus-workbench #catalogList .group-dir-preview {
      grid-column: 2 / -1 !important;
    }
    html.focus-workbench #detailView .sidebet-family-grid {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView .mkt-listhead,
    html.focus-workbench #detailView .mkt-list .mkt-row {
      grid-template-columns: 12px minmax(150px, 1fr) 44px 44px 42px !important;
      gap: 0 5px !important;
    }
    html.focus-workbench #scopeView .scope-trade-card,
    html.focus-workbench #scopeView .scope-position-card {
      grid-template-columns: 28px minmax(0, 1fr) 86px !important;
    }
    html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-identity {
      grid-column: 2 !important;
    }
    html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-main {
      grid-column: 1 / -1 !important;
    }
    html.focus-workbench #scopeView :is(.scope-trade-card, .scope-position-card) .scope-metric {
      grid-column: auto !important;
      grid-row: auto !important;
    }
  }
  html.focus-workbench .view {
    min-height: calc(100vh - 72px) !important;
  }
  html.focus-workbench .app-switch.ofw-chrome {
    grid-template-columns: minmax(320px, 350px) minmax(480px, 1fr) auto !important;
    height: 72px !important;
    min-height: 72px !important;
  }
  html.focus-workbench .ofw-brand-zone,
  html.focus-workbench .ofw-primary-nav,
  html.focus-workbench .app-switch .ofw-primary-nav button,
  html.focus-workbench .app-switch .membership-nav-button {
    height: 72px !important;
    min-height: 72px !important;
  }
  html.focus-workbench .aestus-wordmark-picture {
    flex: 0 0 250px !important;
    width: 250px !important;
    height: 68px !important;
    overflow: hidden !important;
  }
  html.focus-workbench .aestus-wordmark-logo {
    width: 250px !important;
    height: 68px !important;
    max-height: 68px !important;
    transform: scale(1.35) !important;
    transform-origin: left center !important;
  }
  html.focus-workbench .aestus-header-feedback {
    min-width: 96px !important;
    min-height: 42px !important;
    padding: 0 15px !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .detail-topbar,
  html.focus-workbench .ofw-index-pane {
    top: 72px !important;
  }
  html.focus-workbench .ofw-index-pane {
    max-height: calc(100vh - 72px) !important;
  }
  html.focus-workbench #browserView #catalogList :is(.dense-market-card, .dense-market-card.featured) .catalog-title a.soccer-event-title-link,
  html.focus-workbench #detailView a.soccer-event-title-link {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-list-col,
  html.focus-workbench #detailView.aestus-parent-hub .mkt-list-col,
  html.focus-workbench #detailView.aestus-selected-market .mkt-list-col {
    order: 1 !important;
    grid-column: 1 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .ofw-orderbook-col {
    order: 2 !important;
    grid-column: 2 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) .mkt-chart-col,
  html.focus-workbench #detailView.aestus-parent-hub .mkt-chart-col,
  html.focus-workbench #detailView.aestus-selected-market .mkt-chart-col {
    order: 3 !important;
    grid-column: 3 !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    grid-template-columns: minmax(430px, .95fr) minmax(420px, 1fr) minmax(500px, 1.2fr) !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span,
  html.focus-workbench #detailView .sidebet-option-name strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span > b {
    flex: 0 0 auto !important;
  }
  @media (max-width: 1500px) {
    html.focus-workbench #detailView #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView #eventOptionsPanel:is(.soccer-match-hub, .tennis-match-hub, .baseball-match-hub) #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-parent-hub #mktSplit.ofw-execution-row,
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(400px, .9fr) minmax(390px, .98fr) minmax(430px, 1.12fr) !important;
    }
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView #eventOptionsPanel .mkt-list-col,
    html.focus-workbench #detailView .ofw-orderbook-col,
    html.focus-workbench #detailView #eventOptionsPanel .mkt-chart-col {
      grid-column: 1 !important;
    }
  }
  @media (max-width: 980px) {
    html.focus-workbench .view {
      min-height: calc(100vh - 58px) !important;
    }
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 255px minmax(360px, 1fr) !important;
      height: 58px !important;
      min-height: 58px !important;
    }
    html.focus-workbench .ofw-brand-zone,
    html.focus-workbench .ofw-primary-nav,
    html.focus-workbench .app-switch .ofw-primary-nav button,
    html.focus-workbench .app-switch .membership-nav-button {
      height: 58px !important;
      min-height: 58px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 168px !important;
      width: 168px !important;
      height: 54px !important;
    }
    html.focus-workbench .aestus-wordmark-logo {
      width: 168px !important;
      height: 54px !important;
      max-height: 54px !important;
    }
    html.focus-workbench #detailView .detail-topbar,
    html.focus-workbench .ofw-index-pane {
      top: 58px !important;
    }
    html.focus-workbench .ofw-index-pane {
      max-height: calc(100vh - 58px) !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench .aestus-wordmark-picture,
    html.focus-workbench .aestus-wordmark-logo {
      width: 118px !important;
    }
    html.focus-workbench .aestus-wordmark-picture {
      flex-basis: 118px !important;
    }
  }
  html.focus-workbench #browserView #catalogList .dense-market-card .catalog-title {
    text-align: left !important;
  }
  html.focus-workbench #browserView #catalogList :is(.dense-market-card, .dense-market-card.featured) .catalog-title a.soccer-event-title-link.soccer-event-title-link {
    display: flex !important;
    grid-template-columns: none !important;
    justify-content: flex-start !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }
  html.focus-workbench #browserView #catalogList .dense-market-card .soccer-event-title-link .club-title-side {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50% - 18px) !important;
  }
  html.focus-workbench #browserView #catalogList .dense-market-card .soccer-event-title-link .club-title-home {
    justify-content: flex-start !important;
    text-align: left !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) {
    min-width: 0 !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview):has(> .sidebet-preview-entry.is-long) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > .sidebet-preview-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 7px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .sidebet-preview-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font: inherit !important;
    font-style: normal !important;
    line-height: inherit !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .sidebet-preview-price {
    position: relative !important;
    z-index: 1 !important;
    justify-self: end !important;
    min-width: max-content !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView.aestus-parent-hub .sidebet-level-button {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
  }
  html.focus-workbench #detailView.aestus-parent-hub :is(.sidebet-level-copy, .sidebet-level-preview) {
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top-width: 0 !important;
  }
  html.focus-workbench #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub) .mkt-chart-col {
    align-self: start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top-width: 0 !important;
  }
  html.focus-workbench #detailView.aestus-beta60-layout-ready .aestus-beta60-layout > #eventOptionsPanel .mkt-chart-col > .ofw-module-head {
    margin-top: 0 !important;
  }
  html.focus-workbench #detailView :is(.range-seg button, #chartReload):not(#chartReload) {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
  }
  html.focus-workbench #detailView #chartReload {
    font-size: 8px !important;
    font-weight: 500 !important;
  }
  html.focus-workbench #detailView .sidebet-level-head {
    align-items: center !important;
  }
  html.focus-workbench #detailView .sidebet-level-heading {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  html.focus-workbench #detailView .sidebet-level-heading > strong {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .sidebet-level-heading > small {
    flex: 0 0 auto !important;
    max-width: none !important;
  }
  html.focus-workbench #detailView .sidebet-group-plot {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 68px !important;
    min-height: 25px !important;
    height: 25px !important;
    padding: 0 6px !important;
    gap: 5px !important;
    border: 1px solid #315b83 !important;
    border-radius: 0 !important;
    color: #c7d8e9 !important;
    background: #0b1824 !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .sidebet-group-plot b {
    color: var(--ofw-accent) !important;
    font: inherit !important;
  }
  html.focus-workbench #detailView .sidebet-group-plot:hover,
  html.focus-workbench #detailView .sidebet-group-plot.active {
    border-color: #6ba7df !important;
    color: var(--ofw-primary) !important;
    background: #12283b !important;
    box-shadow: inset 0 -2px 0 var(--ofw-accent) !important;
  }
  html.focus-workbench #detailView .sidebet-secondary {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 6px 9px !important;
    gap: 12px !important;
    list-style: none !important;
    cursor: pointer !important;
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary::-webkit-details-marker {
    display: none !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary > span {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary strong {
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary small,
  html.focus-workbench #detailView .sidebet-secondary > summary > b {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    font-weight: 600 !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary > b {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .sidebet-secondary > summary::after {
    content: "+" !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    border: 1px solid #315b83 !important;
    color: var(--ofw-accent) !important;
    font: 700 13px/1 var(--ofw-mono) !important;
  }
  html.focus-workbench #detailView .sidebet-secondary[open] > summary {
    border-bottom: 1px solid var(--ofw-border) !important;
    background: #111e28 !important;
  }
  html.focus-workbench #detailView .sidebet-secondary[open] > summary::after {
    content: "\2212" !important;
  }
  html.focus-workbench #detailView .sidebet-secondary-content {
    padding: 7px 7px 0 !important;
  }
  html.focus-workbench #detailView .sidebet-secondary-content > .sidebet-family:last-child {
    margin-bottom: 7px !important;
  }
  @media (max-width: 760px) {
    html.focus-workbench #detailView .sidebet-level-head,
    html.focus-workbench #detailView .sidebet-level-heading {
      align-items: flex-start !important;
    }
    html.focus-workbench #detailView .sidebet-level-heading {
      flex-direction: column !important;
      gap: 3px !important;
    }
    html.focus-workbench #detailView .sidebet-secondary > summary > b {
      display: none !important;
    }
  }
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, auto) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    border-right: 0 !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    border-left: 1px solid var(--ofw-border) !important;
    padding-left: 10px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-body {
    padding: 6px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-col .structure-market-data {
    gap: 5px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-col .table-scroll {
    max-height: 235px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market .ofw-orderbook-col .microstructure-table :is(th, td) {
    padding: 4px 5px !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market .ofw-module-head > span {
    display: none !important;
  }
  html.focus-workbench #detailView .recent-media-panel {
    margin: 0 !important;
    padding: 10px !important;
    border-color: #264766 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView .recent-media-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  html.focus-workbench #detailView .recent-media-head h2 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 14px !important;
  }
  html.focus-workbench #detailView .recent-media-sub,
  html.focus-workbench #detailView .recent-media-meta {
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font: 500 9px/1.35 var(--ofw-mono) !important;
  }
  html.focus-workbench #detailView .recent-media-meta {
    padding: 7px 0 5px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .recent-media-market-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    margin-top: 7px !important;
    padding: 6px 8px !important;
    border: 1px solid #203a55 !important;
    border-radius: 4px !important;
    background: #0b1724 !important;
  }
  html.focus-workbench #detailView .recent-media-market-links[hidden] {
    display: none !important;
  }
  html.focus-workbench #detailView .recent-media-market-label,
  html.focus-workbench #detailView .recent-media-referral-note {
    color: var(--ofw-tertiary) !important;
    font: 700 8px/1.2 var(--ofw-mono) !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .recent-media-market-link {
    color: var(--ofw-accent) !important;
    font: 700 9px/1.2 var(--ofw-mono) !important;
    text-decoration: none !important;
  }
  html.focus-workbench #detailView .recent-media-market-link::after {
    content: " \2197" !important;
  }
  html.focus-workbench #detailView .recent-media-market-link:hover,
  html.focus-workbench #detailView .recent-media-market-link:focus-visible {
    text-decoration: underline !important;
  }
  html.focus-workbench #detailView .recent-media-list {
    display: grid !important;
    gap: 5px !important;
    margin-top: 7px !important;
  }
  html.focus-workbench #detailView .recent-media-item {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 18px !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 7px 8px !important;
    border: 1px solid #203a55 !important;
    border-radius: 4px !important;
    color: var(--ofw-primary) !important;
    text-decoration: none !important;
    background: #09131e !important;
  }
  html.focus-workbench #detailView .recent-media-item:hover,
  html.focus-workbench #detailView .recent-media-item:focus-visible {
    border-color: var(--ofw-accent) !important;
    background: #102238 !important;
  }
  html.focus-workbench #detailView .recent-media-kind {
    color: var(--ofw-accent) !important;
    font: 700 8px/1 var(--ofw-mono) !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .recent-media-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  html.focus-workbench #detailView .recent-media-copy strong {
    overflow: hidden !important;
    color: var(--ofw-primary) !important;
    font-size: 10px !important;
    font-weight: 550 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .recent-media-source {
    overflow: hidden !important;
    color: var(--ofw-tertiary) !important;
    font: 500 8px/1.2 var(--ofw-mono) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .recent-media-arrow {
    color: var(--ofw-accent) !important;
    font: 700 14px/1 var(--ofw-mono) !important;
    text-align: right !important;
  }
  html.focus-workbench #detailView .recent-media-empty {
    padding: 8px 0 !important;
    color: var(--ofw-tertiary) !important;
    font: 500 9px/1.4 var(--ofw-mono) !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #recentMediaPanel {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 3 !important;
  }
  html.focus-workbench #detailView :is(#structurePanel, #valueBoard, #recentMediaPanel, #holderResearchPanel) {
    min-width: 0 !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-list-col,
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .ofw-orderbook-col,
    html.focus-workbench #detailView.aestus-selected-market #mktSplit.ofw-execution-row > .mkt-chart-col {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      padding-left: 8px !important;
    }
  }
  html.focus-workbench #detailView .ofw-orderbook-col {
    min-height: 0 !important;
    height: auto !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-body {
    padding: 4px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-data {
    gap: 4px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head {
    gap: 6px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head strong {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head small {
    margin-top: 2px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-head .mono-sm {
    font-size: 7px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher {
    gap: 6px !important;
    margin: 4px 0 !important;
    padding: 5px 6px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher select#structureBetSelector {
    height: 32px !important;
    min-height: 32px !important;
    padding: 5px 7px !important;
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher label span {
    font-size: 7px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-bet-switcher small {
    font-size: 6.5px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-outcome-pair {
    gap: 4px !important;
    margin: 4px 0 !important;
    padding: 4px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col button.structure-outcome-chip {
    min-height: 44px !important;
    padding: 6px 7px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-outcome-chip span {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-outcome-chip small {
    margin-top: 2px !important;
    font-size: 7px !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stats {
    gap: 4px !important;
    margin: 4px 0 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stat {
    padding: 4px 5px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stat small {
    font-size: 6px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-stat b {
    margin-top: 2px !important;
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .market-pressure {
    gap: 2px 7px !important;
    padding: 5px 6px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .market-pressure > div:first-child {
    min-width: 92px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .market-pressure small {
    font-size: 6px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .market-pressure strong {
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .market-pressure-meta {
    font-size: 6.5px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .market-pressure-note {
    font-size: 7px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-tabs {
    gap: 5px !important;
    margin: 4px 0 !important;
    padding-bottom: 4px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .structure-tab {
    height: 25px !important;
    min-height: 25px !important;
    padding: 4px 7px !important;
    font-size: 8px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .microstructure-block h3 {
    margin-bottom: 3px !important;
    font-size: 7px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .microstructure-table :is(th, td) {
    padding: 3px 4px !important;
    font-size: 7.5px !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-col .latest-trades-meta,
  html.focus-workbench #detailView .ofw-orderbook-col .structure-market-data > .status {
    font-size: 6.5px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 3px !important;
  }
  html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview-entry {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .sidebet-card.sidebet-match-result-card .sidebet-preview-price {
    min-width: max-content !important;
    font-size: 8px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench .registered-access-screen {
    min-height: clamp(260px, 34vh, 420px) !important;
    padding: 28px !important;
    border-color: var(--ofw-border) !important;
    background:
      linear-gradient(
        135deg,
        rgba(19, 28, 37, .96),
        rgba(8, 14, 20, .98)) !important;
  }
  html.focus-workbench .registered-access-card {
    max-width: 620px !important;
    padding: 24px 26px !important;
    border-color: #315d86 !important;
    background: #0a1118 !important;
  }
  html.focus-workbench .registered-access-kicker {
    color: var(--ofw-accent) !important;
    font: 600 10px/1.2 var(--ofw-mono) !important;
    letter-spacing: .16em !important;
  }
  html.focus-workbench .registered-access-card strong {
    color: var(--ofw-primary) !important;
    font: 700 22px/1.22 var(--ofw-sans) !important;
  }
  html.focus-workbench .registered-access-card p {
    margin: 10px 0 18px !important;
    color: var(--ofw-secondary) !important;
    font: 400 13px/1.5 var(--ofw-sans) !important;
  }
  html.focus-workbench .registered-access-actions button {
    min-height: 34px !important;
    padding: 7px 12px !important;
    border-color: var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
    color: var(--ofw-primary) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  html.focus-workbench .registered-access-actions button.primary {
    border-color: var(--ofw-accent) !important;
    background: var(--ofw-accent) !important;
    color: #08100b !important;
  }
  html.focus-workbench .registered-access-status {
    color: var(--ofw-tertiary) !important;
    font: 500 10px/1.35 var(--ofw-mono) !important;
  }
  html.focus-workbench #valueBoard[data-registered-access=locked] {
    border-color: #315d86 !important;
  }
  html.focus-workbench #valueBoard .registered-access-gate {
    margin-top: 10px !important;
    border-color: #315d86 !important;
  }
  html.focus-workbench #userView[data-registered-access=locked] > :not(#userAccessGate),
  html.focus-workbench #scopeView[data-registered-access=locked] > :not(#scopeAccessGate),
  html.focus-workbench .ofw-user-workspace[data-registered-access=locked],
  html.focus-workbench .ofw-scope-workspace[data-registered-access=locked] {
    display: none !important;
  }
  @media (max-width: 760px) {
    html.focus-workbench .registered-access-screen {
      padding: 16px !important;
    }
    html.focus-workbench .registered-access-card {
      padding: 20px !important;
    }
    html.focus-workbench .registered-access-card strong {
      font-size: 19px !important;
    }
  }
  html.focus-workbench #scopeView .scope-created-card {
    grid-template-columns: 44px 150px minmax(280px, 1fr) repeat(3, minmax(86px, 110px)) !important;
  }
  html.focus-workbench #scopeView .scope-created-time {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }
  html.focus-workbench #scopeView .scope-created-time small {
    color: var(--ofw-tertiary) !important;
    font-size: 8px !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #scopeView .scope-created-time b {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-created-time span {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 8px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-created-badge {
    color: var(--ofw-accent) !important;
    font-size: 8px !important;
    letter-spacing: .04em !important;
  }
  html.focus-workbench #scopeView .scope-created-rank {
    color: var(--ofw-blue) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }
  html.focus-workbench #scopeView .scope-created-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-created-title-row .scope-market {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-created-aestus-link {
    flex: 0 0 auto !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 3px 8px !important;
    border: 1px solid #315d86 !important;
    border-radius: 4px !important;
    background: #0b1d30 !important;
    color: #b9d7ff !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
  }
  html.focus-workbench #scopeView .scope-created-aestus-link:hover,
  html.focus-workbench #scopeView .scope-created-aestus-link:focus-visible {
    border-color: #6eaef0 !important;
    background: #102b47 !important;
    color: #fff !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #scopeView .scope-created-card {
      grid-template-columns: 36px 135px minmax(220px, 1fr) repeat(3, minmax(78px, 1fr)) !important;
    }
  }
  @media (max-width: 980px) {
    html.focus-workbench #scopeView .scope-created-card {
      grid-template-columns: 28px minmax(0, 1fr) 90px !important;
    }
    html.focus-workbench #scopeView .scope-created-card .scope-created-time {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #scopeView .scope-created-card .scope-main {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
    }
    html.focus-workbench #scopeView .scope-created-card .scope-metric {
      display: block !important;
      grid-column: auto !important;
      grid-row: 3 !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench #scopeView .scope-created-title-row {
      align-items: flex-start !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
    }
    html.focus-workbench #scopeView .scope-created-title-row .scope-market {
      flex-basis: 100% !important;
    }
    html.focus-workbench #scopeView .scope-created-card .scope-metric:nth-last-child(-n+2) {
      display: block !important;
    }
  }
  html.focus-workbench .app-switch .nav-cluster button,
  html.focus-workbench .app-switch .membership-nav-button {
    font-size: 14px !important;
  }
  html.focus-workbench .app-switch .nav-label {
    font-size: inherit !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    min-height: 76px !important;
    height: auto !important;
    padding: 7px 10px !important;
    gap: 10px !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title,
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title a {
    font-size: 14px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #browserView .catalog-taxonomy {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView :is(.catalog-preview-entry, .catalog-preview-prices > span) {
    min-height: 35px !important;
    height: auto !important;
    font-size: 11px !important;
  }
  html.focus-workbench #browserView :is(.dense-preview-prices, .catalog-preview-prices) {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #browserView .dense-metrics small,
  html.focus-workbench #browserView .dense-open-action,
  html.focus-workbench #browserView :is(.dense-open, .dense-edge, .dense-paused) {
    font-size: 9px !important;
  }
  html.focus-workbench #browserView :is(.dense-metrics b, .featured .dense-metrics b) {
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .detail-title {
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #detailView .detail-event {
    font-size: 13px !important;
  }
  html.focus-workbench #detailView .detail-betline .k {
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .detail-betline .v {
    font-size: 12px !important;
  }
  html.focus-workbench #detailView .ofw-module-head {
    min-height: 42px !important;
  }
  html.focus-workbench #detailView .ofw-module-head h3 {
    font-size: 15px !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .event-options-head h2 {
    font-size: 16px !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel .event-options-summary {
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row {
    min-height: 46px !important;
    padding: 5px 7px !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel) {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #detailView .mkt-listhead {
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .chart-title {
    font-size: 15px !important;
  }
  html.focus-workbench #detailView .chart-tools {
    flex-wrap: wrap !important;
  }
  html.focus-workbench #detailView :is(.range-seg button, #chartReload) {
    min-height: 30px !important;
    height: 30px !important;
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .leg-item {
    min-height: 30px !important;
    padding: 5px 7px !important;
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .chart-status {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView :is(.sidebet-card-title, .sidebet-level-head strong) {
    font-size: 14px !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) {
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .sidebet-card-metrics small {
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .sidebet-card-metrics b {
    font-size: 11px !important;
  }
  html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
    min-height: 60px !important;
    padding: 6px 10px !important;
  }
  html.focus-workbench #scopeView :is(.scope-market, .scope-edge-market) {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #scopeView :is(.scope-sub, .scope-edge-sub, .scope-edge-note) {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #scopeView .scope-metric small,
  html.focus-workbench #scopeView .scope-edge-metric small {
    font-size: 9px !important;
  }
  html.focus-workbench #scopeView .scope-metric b,
  html.focus-workbench #scopeView .scope-edge-metric b {
    font-size: 12px !important;
  }
  html.focus-workbench #scopeView .scope-created-time b {
    font-size: 12px !important;
  }
  html.focus-workbench #scopeView .scope-created-time span {
    font-size: 10px !important;
  }
  html.focus-workbench #scopeView .scope-created-time small,
  html.focus-workbench #scopeView .scope-created-badge {
    font-size: 9px !important;
  }
  html.focus-workbench #scopeView .scope-created-rank {
    font-size: 12px !important;
  }
  html.focus-workbench #userView .user-name {
    font-size: 14px !important;
  }
  html.focus-workbench #userView .user-subline {
    font-size: 10px !important;
  }
  html.focus-workbench #userView .user-head-metric small {
    font-size: 9px !important;
  }
  html.focus-workbench #userView .user-head-metric b {
    font-size: 12px !important;
  }
  html.focus-workbench #detailView .recent-media-copy strong {
    font-size: 12px !important;
  }
  html.focus-workbench #detailView .recent-media-source {
    font-size: 10px !important;
  }
  html.focus-workbench #detailView .recent-media-kind {
    font-size: 9px !important;
  }
  html.focus-workbench #detailView .recent-media-item {
    min-height: 42px !important;
  }
  html.focus-workbench #detailView .chart-phase-seg {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    background: #0a1118 !important;
  }
  html.focus-workbench #detailView .chart-phase-seg[hidden] {
    display: none !important;
  }
  html.focus-workbench #detailView .chart-phase-seg button {
    min-height: 30px !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    background: transparent !important;
    color: var(--ofw-tertiary) !important;
    font: 700 10px/1 var(--ofw-mono) !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .chart-phase-seg button:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench #detailView .chart-phase-seg button.active {
    color: var(--ofw-primary) !important;
    box-shadow: inset 0 -3px 0 var(--ofw-accent) !important;
  }
  html.focus-workbench #detailView .chart-phase-seg button:disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      min-height: 82px !important;
    }
    html.focus-workbench #detailView .chart-head {
      align-items: flex-start !important;
    }
    html.focus-workbench #detailView .chart-tools {
      justify-content: flex-start !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench .app-switch .nav-cluster button,
    html.focus-workbench .app-switch .membership-nav-button {
      font-size: 11px !important;
    }
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      min-height: 112px !important;
      height: auto !important;
      grid-template-areas: "identity state" "preview preview" "metrics metrics" !important;
    }
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title,
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title a {
      font-size: 13px !important;
    }
    html.focus-workbench #detailView .detail-title {
      font-size: 22px !important;
    }
    html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel) {
      font-size: 12px !important;
    }
    html.focus-workbench #detailView .mkt-list :is(.mkt-px, .mkt-dlt) {
      font-size: 11px !important;
    }
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
    max-height: calc(100vh - 260px) !important;
    overflow: auto !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list .mkt-listhead {
    min-height: 28px !important;
    height: 28px !important;
    line-height: 1 !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list .mkt-row {
    min-height: 34px !important;
    height: 34px !important;
    padding: 2px 7px !important;
    line-height: 1.1 !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list :is(.mkt-nm, .mkt-betlabel) {
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list :is(.mkt-px, .mkt-dlt) {
    font-size: 12px !important;
    line-height: 1 !important;
  }
  @media (max-width: 760px) {
    html.focus-workbench #detailView #eventOptionsGrid.mkt-list .mkt-row {
      min-height: 32px !important;
      height: 32px !important;
      padding: 2px 5px !important;
    }
    html.focus-workbench #detailView #eventOptionsGrid.mkt-list :is(.mkt-nm, .mkt-betlabel) {
      font-size: 12px !important;
    }
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(300px, .85fr) minmax(360px, 1.15fr) minmax(300px, .95fr) !important;
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col .ofw-orderbook-body {
    min-width: 0 !important;
    padding: 6px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas {
    display: grid !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #valueBoard {
    grid-area: model !important;
    grid-column: auto !important;
    grid-row: auto !important;
    order: initial !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #structurePanel {
    grid-area: structure !important;
    grid-column: auto !important;
    grid-row: auto !important;
    order: initial !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: holder !important;
    grid-column: auto !important;
    grid-row: auto !important;
    order: initial !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: media !important;
    grid-column: auto !important;
    grid-row: auto !important;
    order: initial !important;
    min-width: 0 !important;
  }
  @media (min-width: 921px) and (max-width: 1240px) {
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(260px, 1fr) minmax(300px, 1fr) !important;
      grid-template-rows: auto auto !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-list-col {
      grid-column: 1 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-chart-col {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
      border-top: 1px solid var(--ofw-border) !important;
    }
  }
  @media (max-width: 920px) {
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-sidebet-view:not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto auto !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, auto) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    border-right: 0 !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    border-left: 1px solid var(--ofw-border) !important;
    border-right: 0 !important;
    padding-left: 10px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #structurePanel {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    order: 1 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #valueBoard {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: auto !important;
    order: 2 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 3 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 4 !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
    }
    html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .ofw-orderbook-col, .mkt-chart-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      padding-left: 8px !important;
    }
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, auto) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    border-right: 0 !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-height: 0 !important;
    border-left: 1px solid var(--ofw-border) !important;
    border-right: 0 !important;
    padding-left: 10px !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) > .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) > .ofw-progressive-canvas > #structurePanel {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    order: 1 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) > .ofw-progressive-canvas > #valueBoard {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: auto !important;
    order: 2 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 3 !important;
  }
  html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: auto !important;
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    order: 4 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #eventOptionsGrid.soccer-match-hub-grid .sidebet-family-grid > .sidebet-match-result-card {
    grid-column: 1 / -1 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #eventOptionsGrid.soccer-match-hub-grid .sidebet-match-result-card .sidebet-preview {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #eventOptionsGrid.soccer-match-hub-grid .sidebet-match-result-card .sidebet-preview-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #eventOptionsGrid.soccer-match-hub-grid .sidebet-match-result-card .sidebet-preview-name {
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(300px, .85fr) minmax(360px, 1.15fr) minmax(300px, .95fr) !important;
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) > #eventOptionsPanel > .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) > #eventOptionsPanel > .ofw-progressive-canvas > #valueBoard {
    grid-area: model !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) > #eventOptionsPanel > .ofw-progressive-canvas > #structurePanel {
    grid-area: structure !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) > #eventOptionsPanel > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: holder !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) > #eventOptionsPanel > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: media !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  @media (min-width: 921px) and (max-width: 1240px) {
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(260px, 1fr) minmax(300px, 1fr) !important;
      grid-template-rows: auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > .mkt-list-col {
      grid-column: 1 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > .mkt-chart-col {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
      border-top: 1px solid var(--ofw-border) !important;
    }
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
    }
    html.focus-workbench #detailView.aestus-selected-market.aestus-workbench-active #eventOptionsPanel.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .ofw-orderbook-col, .mkt-chart-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      padding-left: 8px !important;
    }
  }
  @media (max-width: 920px) {
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active:has(#soccerTitleModelPanel:not([hidden])) > #eventOptionsPanel > .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto auto !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(300px, .85fr) minmax(360px, 1.15fr) minmax(300px, .95fr) !important;
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col .ofw-orderbook-body {
    min-width: 0 !important;
    padding: 6px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas {
    display: grid !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #valueBoard {
    grid-area: model !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #structurePanel {
    grid-area: structure !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: holder !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: media !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  @media (min-width: 921px) and (max-width: 1240px) {
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(260px, 1fr) minmax(300px, 1fr) !important;
      grid-template-rows: auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-list-col {
      grid-column: 1 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .mkt-chart-col {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
      grid-column: 1/-1 !important;
      grid-row: 2 !important;
      border-top: 1px solid var(--ofw-border) !important;
    }
  }
  @media (max-width: 920px) {
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active.aestus-independent-outcome-parent #eventOptionsPanel:not(.soccer-match-hub):not(.tennis-match-hub):not(.baseball-match-hub):not(.soccer-sidebet-view):not(.tennis-sidebet-view):not(.baseball-sidebet-view) > .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto auto !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(300px, .85fr) minmax(360px, 1.15fr) minmax(300px, .95fr) !important;
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub > .ofw-progressive-canvas {
    display: grid !important;
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub > .ofw-progressive-canvas > #valueBoard {
    grid-area: model !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub > .ofw-progressive-canvas > #structurePanel {
    grid-area: structure !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: holder !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: media !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  @media (min-width: 921px) and (max-width: 1240px) {
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(260px, 1fr) minmax(300px, 1fr) !important;
      grid-template-rows: auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > .mkt-list-col {
      grid-column: 1 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > .mkt-chart-col {
      grid-column: 2 !important;
      grid-row: 1 !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
      border-top: 1px solid var(--ofw-border) !important;
    }
  }
  @media (max-width: 920px) {
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-selected-market #eventOptionsPanel.soccer-match-hub #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.soccer-match-hub > .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto auto auto auto !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(0, auto) !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 0 !important;
    height: auto !important;
    border-right: 0 !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1/span 2 !important;
    min-height: 0 !important;
    border-left: 1px solid var(--ofw-border) !important;
    border-right: 0 !important;
    padding-left: 10px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    padding: 8px !important;
    gap: 8px !important;
    border-top: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #structurePanel {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: auto !important;
    order: 1 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #valueBoard {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: auto !important;
    order: 2 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: auto !important;
    grid-column: 1/-1 !important;
    grid-row: auto !important;
    order: 3 !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) > .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: auto !important;
    grid-column: 1/-1 !important;
    grid-row: auto !important;
    order: 4 !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.soccer-match-hub:not(.baseball-match-hub):not(.tennis-match-hub), .soccer-sidebet-view:not(.baseball-sidebet-view):not(.tennis-sidebet-view)) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .ofw-orderbook-col, .mkt-chart-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      padding-left: 8px !important;
    }
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .mkt-list-col,
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col .ofw-orderbook-body {
    min-width: 0 !important;
    width: 100% !important;
    padding: 6px !important;
    box-sizing: border-box !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
      padding-left: 8px !important;
    }
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active,
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout,
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel {
    display: block !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    border-left: 1px solid var(--ofw-border) !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row > .ofw-orderbook-col .ofw-orderbook-body {
    width: 100% !important;
    min-width: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel > .ofw-progressive-canvas {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout > #eventOptionsPanel #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
      padding-left: 8px !important;
    }
  }
  html.focus-workbench #detailView :is(.soccer-match-hub-grid, .baseball-match-hub-grid, .tennis-match-hub-grid) .sidebet-family-grid > .sidebet-match-result-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView :is(.soccer-match-hub-grid, .baseball-match-hub-grid, .tennis-match-hub-grid) .sidebet-match-result-card .sidebet-preview {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    flex-wrap: initial !important;
    gap: 5px !important;
  }
  html.focus-workbench #detailView :is(.soccer-match-hub-grid, .baseball-match-hub-grid, .tennis-match-hub-grid) .sidebet-match-result-card .sidebet-preview-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: start !important;
    gap: 6px !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  html.focus-workbench #detailView :is(.soccer-match-hub-grid, .baseball-match-hub-grid, .tennis-match-hub-grid) .sidebet-match-result-card .sidebet-preview-name {
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench #detailView :is(.soccer-match-hub-grid, .baseball-match-hub-grid, .tennis-match-hub-grid) .sidebet-match-result-card .sidebet-preview-price {
    min-width: max-content !important;
    white-space: nowrap !important;
  }
  @media (max-width: 760px) {
    html.focus-workbench #detailView :is(.soccer-match-hub-grid, .baseball-match-hub-grid, .tennis-match-hub-grid) .sidebet-match-result-card .sidebet-preview {
      grid-template-columns: 1fr !important;
    }
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family {
    margin-bottom: 6px !important;
    overflow: hidden !important;
    border: 1px solid #1c3550 !important;
    border-radius: 5px !important;
    background: #09131e !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family > summary.sidebet-family-head {
    min-height: 38px !important;
    height: auto !important;
    padding: 7px 10px !important;
    cursor: pointer !important;
    list-style: none !important;
    border-bottom: 0 !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family > summary.sidebet-family-head::-webkit-details-marker {
    display: none !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family > summary.sidebet-family-head::after {
    content: "+" !important;
    flex: 0 0 auto !important;
    margin-left: 10px !important;
    color: var(--ofw-accent) !important;
    font: 700 15px/1 var(--ofw-mono) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family[open] > summary.sidebet-family-head {
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family[open] > summary.sidebet-family-head::after {
    content: "\2212" !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    color: var(--ofw-tertiary) !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family-meta small {
    color: inherit !important;
    font: 500 8px/1.2 var(--ofw-mono) !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub .american-football-family .sidebet-family-grid {
    padding: 6px !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-column: 1 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-column: 2 !important;
    border-left: 0 !important;
    border-right: 1px solid var(--ofw-border) !important;
    padding: 0 10px 8px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-column: 3 !important;
    min-height: 0 !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row > .ofw-orderbook-col .ofw-orderbook-body {
    min-width: 0 !important;
    width: 100% !important;
    padding: 6px !important;
    box-sizing: border-box !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto auto !important;
    }
    html.focus-workbench #detailView.aestus-workbench-active #eventOptionsPanel:is(.american-football-match-hub, .american-football-sidebet-view) #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: 1 !important;
      grid-row: auto !important;
      border-left: 0 !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border) !important;
      padding-left: 8px !important;
    }
  }
  html.focus-workbench {
    --ofw-surface: #10161d !important;
    --ofw-surface-2: #141d26 !important;
    --ofw-surface-3: #1b2633 !important;
    --ofw-border: #1c2530 !important;
    --ofw-border-soft: #263441 !important;
    --ofw-primary: #f3f7f8 !important;
    --ofw-secondary: #c5d0d4 !important;
    --ofw-tertiary: #a8b6bd !important;
    --ofw-mono:
      "IBM Plex Mono",
      ui-monospace,
      SFMono-Regular,
      Consolas,
      "Liberation Mono",
      monospace !important;
    --head: var(--ofw-sans) !important;
    --avl-head: var(--ofw-sans) !important;
  }
  html.focus-workbench body {
    color: var(--ofw-primary) !important;
    background: var(--ofw-bg) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench :is(button, input, select, textarea) {
    font-family: var(--ofw-sans) !important;
    font-size: 12px !important;
  }
  html.focus-workbench :is(.num, td, th, .catalog-price, .event-option-price, .scope-metric b, .dense-metric b, .catalog-preview-value, .mkt-px, .mkt-dlt, .detail-mini-card .v) {
    font-family: var(--ofw-mono) !important;
    font-variant-numeric: tabular-nums !important;
  }
  html.focus-workbench .ofw-system-state,
  html.focus-workbench .hero-kicker,
  html.focus-workbench .hero-stat .k,
  html.focus-workbench .catalog-results-kicker,
  html.focus-workbench .catalog-taxonomy,
  html.focus-workbench .dense-type,
  html.focus-workbench .dense-card-foot,
  html.focus-workbench .market-group-title small,
  html.focus-workbench .market-group-stats small,
  html.focus-workbench .ofw-ledger-columns,
  html.focus-workbench .scope-field > span,
  html.focus-workbench .user-rank-field > span,
  html.focus-workbench .detail-mini-card .k,
  html.focus-workbench .detail-betline .k,
  html.focus-workbench .chart-status,
  html.focus-workbench .legend {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench .app-switch .nav-cluster button,
  html.focus-workbench .app-switch .membership-nav-button {
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
  }
  html.focus-workbench .browser-hero.studio-hero-card,
  html.focus-workbench #detailView .detail-hero {
    min-height: 84px !important;
  }
  html.focus-workbench .browser-hero .hero-copy,
  html.focus-workbench #detailView .detail-hero-grid > div:first-child {
    padding: 14px 16px !important;
  }
  html.focus-workbench .hero-kicker {
    color: var(--ofw-tertiary) !important;
    letter-spacing: .04em !important;
  }
  html.focus-workbench .hero-copy h1 {
    font-family: var(--ofw-sans) !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
  }
  html.focus-workbench .hero-copy .sub {
    color: var(--ofw-secondary) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  html.focus-workbench .hero-stat .k {
    color: var(--ofw-tertiary) !important;
    letter-spacing: .03em !important;
  }
  html.focus-workbench .hero-stat .v {
    max-width: none !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench .ofw-pane-head {
    min-height: 44px !important;
    padding: 0 12px !important;
  }
  html.focus-workbench .ofw-pane-head h2 {
    font-size: 15px !important;
    font-weight: 600 !important;
  }
  html.focus-workbench .ofw-ledger-columns {
    min-height: 38px !important;
    padding: 0 12px !important;
    color: var(--ofw-tertiary) !important;
    letter-spacing: .035em !important;
  }
  html.focus-workbench #catalogList .catalog-results-head {
    min-height: 68px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border-color: var(--ofw-border) !important;
    border-radius: 0 !important;
  }
  html.focus-workbench #catalogList .catalog-results-title {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    letter-spacing: -.015em !important;
    text-transform: none !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats small {
    font-size: 11px !important;
    color: var(--ofw-tertiary) !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats b {
    font-size: 13px !important;
  }
  html.focus-workbench #catalogList .market-group {
    margin: 0 !important;
    border-color: var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .market-group-head {
    min-height: 60px !important;
    height: auto !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #catalogList .market-group-ident {
    gap: 10px !important;
  }
  html.focus-workbench #catalogList .market-group-title strong {
    font-family: var(--ofw-sans) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench #catalogList .market-group-title small {
    margin-top: 3px !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #catalogList .market-group-stats {
    gap: 12px !important;
  }
  html.focus-workbench #catalogList .market-group-stats small {
    font-size: 11px !important;
    text-transform: none !important;
  }
  html.focus-workbench #catalogList .market-group-stats b {
    font-size: 12px !important;
  }
  html.focus-workbench #catalogList .market-group-open,
  html.focus-workbench #catalogList .market-group-toggle {
    min-height: 32px !important;
    height: 32px !important;
    padding: 4px 8px !important;
    color: var(--ofw-secondary) !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .market-group-toggle {
    border-color: #315d86 !important;
    color: #b9d7ff !important;
    background: #0b1d30 !important;
  }
  html.focus-workbench #catalogList .market-group-toggle:hover {
    border-color: var(--ofw-blue) !important;
    color: var(--ofw-primary) !important;
    background: #102b47 !important;
  }
  html.focus-workbench #catalogList .market-group[data-polish-collapsed=true] .market-group-grid-wrap,
  html.focus-workbench #catalogList .market-group[data-polish-collapsed=true] .market-group-more {
    display: none !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
    min-height: 78px !important;
    height: auto !important;
    padding: 8px 12px !important;
    gap: 12px !important;
    overflow: visible !important;
    border-bottom-color: var(--ofw-border-soft) !important;
  }
  html.focus-workbench #browserView .dense-card-top {
    gap: 10px !important;
  }
  html.focus-workbench #browserView .dense-card-copy {
    min-width: 0 !important;
  }
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title,
  html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) .catalog-title a,
  html.focus-workbench #browserView .dense-card-copy .soccer-event-title-link .club-title-name {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #browserView .catalog-taxonomy {
    margin-top: 4px !important;
    color: var(--ofw-tertiary) !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #browserView .dense-type {
    padding: 3px 5px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #browserView :is(.catalog-preview-entry, .catalog-preview-prices > span) {
    min-height: 36px !important;
    height: auto !important;
    padding: 5px 7px !important;
    gap: 6px !important;
    font-size: 12px !important;
  }
  html.focus-workbench #browserView .catalog-preview-label {
    color: var(--ofw-secondary) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #browserView .catalog-preview-value {
    font-size: 12px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .market-group-grid {
    grid-auto-rows: minmax(78px, auto) !important;
    align-items: stretch !important;
  }
  html.focus-workbench #browserView :is(.catalog-preview-entry, .catalog-preview-prices > span) {
    align-items: flex-start !important;
  }
  html.focus-workbench #browserView :is(.dense-metrics, .featured .dense-metrics) {
    min-height: 36px !important;
    align-items: stretch !important;
    border-color: var(--ofw-border-soft) !important;
  }
  html.focus-workbench #browserView .dense-metrics > .dense-metric {
    min-height: 36px !important;
    padding: 6px 7px !important;
    justify-content: center !important;
  }
  html.focus-workbench #browserView :is(.dense-metrics b, .featured .dense-metrics b) {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #browserView .dense-card-foot {
    gap: 6px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #browserView :is(.dense-open-action, .dense-open, .dense-edge, .dense-paused) {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench :is(.catalog-empty, .scope-empty, .user-empty, .external-model-empty) {
    min-height: 76px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid var(--ofw-border) !important;
    color: var(--ofw-secondary) !important;
    background: #0b1219 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench :is(.catalog-empty.preview-empty, .scope-empty.preview-empty, .user-empty.preview-empty) {
    border-style: dashed !important;
  }
  html.focus-workbench :is(.catalog-empty.preview-error, .scope-empty.preview-error) {
    border-left: 3px solid var(--ofw-red) !important;
  }
  html.focus-workbench :is(.catalog-empty.preview-loading, .scope-empty.preview-loading, .user-empty.preview-loading, .external-model-empty.preview-loading) {
    position: relative !important;
    overflow: hidden !important;
  }
  html.focus-workbench :is(.catalog-empty.preview-loading, .scope-empty.preview-loading, .user-empty.preview-loading, .external-model-empty.preview-loading)::after {
    content: "" !important;
    display: block !important;
    width: min(460px, 75%) !important;
    height: 8px !important;
    margin-top: 10px !important;
    border-radius: 999px !important;
    background:
      linear-gradient(
        90deg,
        #162532 20%,
        #2c4250 50%,
        #162532 80%) !important;
    background-size: 220% 100% !important;
    animation: aestus-preview-shimmer 1.5s ease-in-out infinite !important;
  }
  @keyframes aestus-preview-shimmer {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  html.focus-workbench #detailView .external-model-empty {
    min-height: 88px !important;
    padding: 14px !important;
  }
  html.focus-workbench #detailView :is(.mkt-empty, .football-model-empty, .football-advanced-empty) {
    min-height: 76px !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px dashed var(--ofw-border) !important;
    background: #0b1219 !important;
    color: var(--ofw-secondary) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench #detailView :is(.mkt-empty.preview-error, .football-model-empty.preview-error, .football-advanced-empty.preview-error) {
    border-style: solid !important;
    border-left: 3px solid var(--ofw-red) !important;
  }
  html.focus-workbench #detailView :is(.mkt-empty.preview-loading, .football-model-empty.preview-loading, .football-advanced-empty.preview-loading) {
    position: relative !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView :is(.mkt-empty.preview-loading, .football-model-empty.preview-loading, .football-advanced-empty.preview-loading)::after {
    content: "" !important;
    display: block !important;
    width: min(460px, 75%) !important;
    height: 8px !important;
    margin-top: 10px !important;
    border-radius: 999px !important;
    background:
      linear-gradient(
        90deg,
        #162532 20%,
        #2c4250 50%,
        #162532 80%) !important;
    background-size: 220% 100% !important;
    animation: aestus-preview-shimmer 1.5s ease-in-out infinite !important;
  }
  html.focus-workbench #detailView .external-model-empty strong {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-size: 14px !important;
  }
  html.focus-workbench #detailView .external-model-empty span {
    display: block !important;
    margin-top: 5px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #userView .user-card-head {
    min-height: 68px !important;
    padding: 8px 12px !important;
  }
  html.focus-workbench #userView .user-ident {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  html.focus-workbench #userView .user-avatar {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }
  html.focus-workbench #userView .user-name {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #userView .user-subline {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #userView .user-head-metric small,
  html.focus-workbench #userView .user-metric small {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #userView .user-head-metric b,
  html.focus-workbench #userView .user-metric b {
    font-size: 12px !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid button {
    min-height: 34px !important;
    padding: 7px 9px !important;
    font-size: 12px !important;
    text-align: left !important;
  }
  html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
    min-height: 68px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
  }
  html.focus-workbench #scopeView :is(.scope-rank, .scope-edge-rank) {
    font-size: 11px !important;
  }
  html.focus-workbench #scopeView :is(.scope-market, .scope-edge-market) {
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #scopeView :is(.scope-sub, .scope-edge-sub, .scope-edge-note) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #scopeView .scope-metric small,
  html.focus-workbench #scopeView .scope-edge-metric small {
    font-size: 11px !important;
  }
  html.focus-workbench #scopeView .scope-metric b,
  html.focus-workbench #scopeView .scope-edge-metric b {
    margin-top: 3px !important;
    font-size: 13px !important;
  }
  html.focus-workbench #scopeView .scope-created-time b,
  html.focus-workbench #scopeView .scope-created-rank {
    font-size: 13px !important;
  }
  html.focus-workbench #scopeView .scope-created-time span,
  html.focus-workbench #scopeView .scope-created-badge {
    font-size: 11px !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace,
  html.focus-workbench #detailView #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView .ofw-progressive-canvas {
    min-width: 0 !important;
    min-height: 0 !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
    min-width: 0 !important;
    min-height: 0 !important;
    align-self: stretch !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
    max-height: 430px !important;
    overflow: auto !important;
  }
  html.focus-workbench #detailView .mkt-listhead,
  html.focus-workbench #detailView .mkt-list .mkt-row {
    grid-template-columns: 14px minmax(0, 1fr) 56px 56px 56px !important;
    gap: 0 8px !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row {
    min-height: 42px !important;
    height: auto !important;
    padding: 6px 8px !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel),
  html.focus-workbench #detailView .event-option-name,
  html.focus-workbench #detailView .sidebet-option-name strong {
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-nm, .mkt-betlabel) {
    font-size: 13px !important;
  }
  html.focus-workbench #detailView .mkt-list :is(.mkt-px, .mkt-dlt) {
    font-size: 12px !important;
  }
  html.focus-workbench #detailView .mkt-listhead {
    min-height: 34px !important;
    padding: 7px 8px !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .mkt-chart-col {
    min-height: 0 !important;
  }
  html.focus-workbench #detailView :is(.chart-wrap, #priceChart),
  html.focus-workbench #detailView .mkt-chart-col #priceChart {
    height: 330px !important;
    min-height: 280px !important;
  }
  html.focus-workbench #detailView .chart-title,
  html.focus-workbench #detailView .ofw-module-head h3,
  html.focus-workbench #detailView #eventOptionsPanel .event-options-head h2 {
    font-family: var(--ofw-sans) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #detailView .chart-status,
  html.focus-workbench #detailView .chart-legend,
  html.focus-workbench #detailView .leg-item {
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas {
    align-items: start !important;
    grid-auto-rows: min-content !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard, #holderResearchPanel, #recentMediaPanel) {
    min-width: 0 !important;
    min-height: 0 !important;
    align-self: start !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#structurePanel, #valueBoard) {
    grid-row: auto !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > .panel h2,
  html.focus-workbench #detailView .aestus-secondary-rail > .panel h2 {
    font-family: var(--ofw-sans) !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas :is(.status, .vb-subtitle, .external-model-note, .external-model-provenance, .external-model-distribution-note) {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  html.focus-workbench #detailView .sidebet-family-head strong,
  html.focus-workbench #detailView .sidebet-card-title,
  html.focus-workbench #detailView .sidebet-level-head strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #detailView :is(.sidebet-preview, .sidebet-level-preview) > span {
    min-height: 34px !important;
    height: auto !important;
    padding: 5px 6px !important;
    font-size: 12px !important;
  }
  @media (max-width: 1220px) {
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(220px, 1.1fr) minmax(250px, 1.2fr) minmax(260px, 1.2fr) 92px !important;
    }
  }
  @media (max-width: 920px) {
    html.focus-workbench #catalogList .market-group-head {
      align-items: flex-start !important;
    }
    html.focus-workbench #catalogList .market-group-actions {
      flex-wrap: wrap !important;
      justify-content: flex-end !important;
    }
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(0, 1fr) minmax(230px, .9fr) 84px !important;
      grid-template-areas: "identity preview state" "metrics metrics metrics" !important;
      min-height: 104px !important;
    }
    html.focus-workbench #browserView .dense-metrics {
      grid-column: 1 / -1 !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench .hero-copy h1 {
      font-size: 21px !important;
    }
    html.focus-workbench .hero-copy .sub {
      font-size: 12px !important;
    }
    html.focus-workbench #browserView :is(.dense-market-card, .dense-market-card.featured) {
      grid-template-columns: minmax(0, 1fr) 76px !important;
      grid-template-areas: "identity state" "preview preview" "metrics metrics" !important;
      min-height: 142px !important;
    }
    html.focus-workbench #browserView .dense-preview {
      grid-column: 1 / -1 !important;
    }
    html.focus-workbench #browserView .dense-preview-prices {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    html.focus-workbench #browserView .dense-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html.focus-workbench #detailView .mkt-listhead,
    html.focus-workbench #detailView .mkt-list .mkt-row {
      grid-template-columns: 12px minmax(0, 1fr) 48px 48px 48px !important;
    }
  }
}

/* public/focus-workbench-v2.css */
@layer legacy {
  html.focus-workbench {
    --ofw-bg: #080c10;
    --ofw-surface: #10161d;
    --ofw-surface-2: #141d26;
    --ofw-surface-3: #1b2633;
    --ofw-border: #1c2530;
    --ofw-border-soft: #263441;
    --ofw-primary: #f3f7f8;
    --ofw-secondary: #c5d0d4;
    --ofw-tertiary: #a8b6bd;
    --ofw-muted: #82929b;
    --ofw-blue: #72b2ff;
    --ofw-blue-soft: #b9d7ff;
    --ofw-accent: #bff06d;
    --ofw-positive: #45d39b;
    --ofw-negative: #ff7b84;
    --ofw-warning: #e8b96a;
    --ofw-sans:
      Inter,
      ui-sans-serif,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    --ofw-mono:
      "IBM Plex Mono",
      ui-monospace,
      SFMono-Regular,
      Consolas,
      "Liberation Mono",
      monospace;
    --ofw-space-1: 4px;
    --ofw-space-2: 8px;
    --ofw-space-3: 12px;
    --ofw-space-4: 16px;
    --ofw-space-5: 24px;
    color-scheme: dark;
    background: var(--ofw-bg) !important;
  }
  @media (min-width: 1081px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(300px, 1.25fr) minmax(440px, 2fr) minmax(152px, .62fr) 90px !important;
      gap: 12px !important;
    }
  }
  @media (min-width: 861px) and (max-width: 1080px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(240px, 1fr) minmax(0, 1.55fr) 86px !important;
      grid-template-rows: auto auto !important;
      grid-template-areas: "identity preview action" "metrics metrics action" !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
      width: 86px !important;
      max-width: 86px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 4px 12px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
      width: auto !important;
      max-width: none !important;
      align-items: flex-start !important;
      justify-self: start !important;
    }
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome {
    grid-template-columns: 304px minmax(0, 1fr) minmax(240px, 300px) !important;
    min-height: 76px !important;
    padding: 10px 20px !important;
    gap: 16px !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster {
    min-width: 0 !important;
    width: 100% !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster button,
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .membership-nav-button {
    min-height: 44px !important;
    padding-inline: 14px !important;
    font-size: 14px !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .studio-rail-foot {
    min-width: 0 !important;
    max-width: 300px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-head {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-name {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  html.focus-workbench #catalogList .market-group {
    margin: 0 0 12px !important;
    border-color: var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .dense-market-card {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.1fr) minmax(360px, 1.6fr) minmax(252px, 1fr) 120px !important;
    grid-template-rows: minmax(86px, auto) !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 112px !important;
    padding: 10px 12px !important;
    gap: 12px !important;
    border-color: var(--ofw-border-soft) !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #catalogList .catalog-taxonomy {
    margin-top: 5px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #catalogList .dense-preview {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #catalogList .dense-metric {
    min-width: 0 !important;
    width: auto !important;
    min-height: 24px !important;
    padding: 3px 0 !important;
    color: var(--ofw-secondary) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  html.focus-workbench #catalogList .dense-open-action {
    color: var(--ofw-blue) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .dense-open {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench *,
  html.focus-workbench *::before,
  html.focus-workbench *::after {
    box-sizing: border-box;
  }
  html.focus-workbench body {
    min-width: 320px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--ofw-bg) !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-rendering: optimizeLegibility;
  }
  html.focus-workbench :where(h1, h2, h3, h4, p, ul, ol) {
    margin-top: 0;
  }
  html.focus-workbench :where(a, button, input, select, textarea) {
    -webkit-tap-highlight-color: transparent;
  }
  html.focus-workbench :where(button, input, select, textarea) {
    min-width: 0;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench :where(button, select, input[type=text], input[type=email], input[type=number], input[type=password], textarea) {
    min-height: 36px;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    background: var(--ofw-surface) !important;
    color: var(--ofw-primary) !important;
  }
  html.focus-workbench :where(button, select) {
    padding: 8px 12px !important;
    cursor: pointer;
  }
  html.focus-workbench :where(button, select, input, textarea):focus-visible {
    outline: 2px solid var(--ofw-blue) !important;
    outline-offset: 2px;
  }
  html.focus-workbench :where(input, select, textarea)::placeholder {
    color: var(--ofw-muted) !important;
    opacity: 1;
  }
  html.focus-workbench :where(.num, td, th, .catalog-head-stats b, .hero-stat .v, .dense-metric b, .catalog-preview-value, .mkt-px, .mkt-dlt, .scope-metric b, .scope-rank, .scope-created-time b, .scope-created-time span, .detail-mini-card .v, .detail-betline .v, .price, .odds, .quote, time) {
    font-family: var(--ofw-mono) !important;
    font-variant-numeric: tabular-nums !important;
  }
  html.focus-workbench :where(small, .micro, .legend, .status, .hero-kicker, .catalog-results-kicker, .catalog-taxonomy, .dense-type, .dense-card-foot, .market-group-title small, .market-group-stats small, .ofw-ledger-columns, .scope-field > span, .user-rank-field > span, .detail-mini-card .k, .detail-betline .k, .chart-status, .chart-legend, .leg-item, .aestus-header-feedback, .studio-rail-foot, .user-subline, .scope-sub, .scope-edge-note, .scope-edge-sub, .scope-created-time small) {
    min-height: 0;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench :where(.catalog-title, .catalog-title a, .catalog-taxonomy, .catalog-preview-label, .scope-market, .scope-edge-market, .scope-edge-bet, .scope-edge-side, .scope-edge-contract, .scope-user-button span, .mkt-betlabel, .event-option-name, .sidebet-preview-name, .sidebet-preview-option, .external-model-outcome span, .detail-title, .detail-event, .user-name, .user-trade-market, .user-position-market b) {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench :where(.catalog-title, .catalog-title a, .catalog-preview-label, .scope-market, .scope-edge-market, .mkt-betlabel, .event-option-name, .sidebet-preview-name, .external-model-outcome span, .detail-title, .detail-event, .user-name, .user-trade-market) {
    hyphens: none !important;
  }
  html.focus-workbench .app-switch.ofw-chrome {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 72px !important;
    height: auto !important;
    padding: 10px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: rgba(8, 12, 16, .98) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
  }
  html.focus-workbench .app-switch .studio-rail-head {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  html.focus-workbench .app-switch .studio-wordmark {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    height: auto !important;
  }
  html.focus-workbench .app-switch .aestus-wordmark-picture {
    display: block !important;
    width: 174px !important;
    max-width: 100% !important;
  }
  html.focus-workbench .app-switch .aestus-wordmark-logo {
    display: block !important;
    width: 174px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  html.focus-workbench .app-switch .studio-wordmark > span {
    display: none !important;
  }
  html.focus-workbench .app-switch .aestus-header-feedback {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    color: var(--ofw-secondary) !important;
    background: var(--ofw-surface) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  html.focus-workbench .app-switch .aestus-header-feedback:hover,
  html.focus-workbench .app-switch .aestus-header-feedback:focus-visible {
    border-color: var(--ofw-blue) !important;
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench .app-switch .nav-cluster {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
  }
  html.focus-workbench .app-switch .nav-cluster button,
  html.focus-workbench .app-switch .membership-nav-button {
    position: relative !important;
    min-height: 44px !important;
    padding: 9px 16px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: transparent !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench .app-switch .nav-cluster button::after {
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
  }
  html.focus-workbench .app-switch .nav-cluster button.active {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench .app-switch .nav-cluster button.active::after {
    background: var(--ofw-accent);
  }
  html.focus-workbench .app-switch .nav-cluster button:hover,
  html.focus-workbench .app-switch .nav-cluster button:focus-visible {
    color: var(--ofw-primary) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench .app-switch .studio-rail-foot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench .system-dot {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    border-radius: 50% !important;
    background: var(--ofw-accent) !important;
    box-shadow: 0 0 10px rgba(191, 240, 109, .4) !important;
  }
  html.focus-workbench :where(#browserView, #userView, #scopeView, #membershipView, #detailView).view {
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    padding: 16px 20px 40px !important;
    background: transparent !important;
  }
  html.focus-workbench :where(#browserView, #userView, #scopeView, #membershipView, #detailView).view[hidden] {
    display: none !important;
  }
  html.focus-workbench :where(.browser-hero, .scope-hero) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 480px) !important;
    gap: 24px !important;
    align-items: center !important;
    min-height: 132px !important;
    margin: 0 0 16px !important;
    padding: 20px 24px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 8px !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench :where(.browser-hero .hero-copy, .scope-hero .hero-copy) {
    min-width: 0 !important;
    padding: 0 !important;
  }
  html.focus-workbench :where(.hero-kicker, .catalog-results-kicker, .scope-kicker) {
    margin: 0 0 6px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench :where(.hero-copy h1, .scope-hero h1) {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    line-height: 1.12 !important;
  }
  html.focus-workbench :where(.hero-copy h1 .tag, .scope-hero h1 .tag) {
    color: var(--ofw-blue) !important;
    font: inherit !important;
  }
  html.focus-workbench :where(.hero-copy .sub, .scope-hero .sub) {
    max-width: 760px !important;
    margin-top: 8px !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench :where(.hero-side, .scope-hero .hero-side) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    min-width: 0 !important;
  }
  html.focus-workbench .hero-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-column: 1 / -1 !important;
    gap: 0 !important;
    min-width: 0 !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench .hero-stat {
    display: grid !important;
    align-content: center !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 10px 12px !important;
    border-right: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench .hero-stat:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench .hero-stat .k {
    margin-bottom: 4px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: .02em !important;
    text-transform: none !important;
  }
  html.focus-workbench .hero-stat .v {
    min-width: 0 !important;
    overflow: visible !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench .hero-stat-black {
    background: #0c131a !important;
  }
  html.focus-workbench :where(.browser-refresh, .scope-refresh, .browser-hero .primary, .scope-hero .primary) {
    justify-self: stretch !important;
    min-height: 38px !important;
  }
  html.focus-workbench :where(.browser-refresh:not(.primary), .scope-refresh:not(.primary)) {
    color: var(--ofw-secondary) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench :where(button.primary, .value-signup-button, #catalogRefreshBtn, #userSearchBtn, #membershipSignupBtn, .membership-google-button) {
    border-color: #bff06d !important;
    background: var(--ofw-accent) !important;
    color: #0b120d !important;
    font-weight: 750 !important;
  }
  html.focus-workbench :where(button.primary, .value-signup-button, #catalogRefreshBtn, #userSearchBtn, #membershipSignupBtn, .membership-google-button):hover,
  html.focus-workbench :where(button.primary, .value-signup-button, #catalogRefreshBtn, #userSearchBtn, #membershipSignupBtn, .membership-google-button):focus-visible {
    border-color: #e1ffab !important;
    background: #d2fb8d !important;
  }
  html.focus-workbench :where(button:not(.primary):not(.market-group-toggle):not(.market-group-open)) {
    color: var(--ofw-secondary);
  }
  html.focus-workbench :where(.status, .subcopy, .legend) {
    color: var(--ofw-secondary) !important;
  }
  html.focus-workbench :where(.ofw-workspace) {
    display: grid !important;
    grid-template-columns: 252px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench :where(.ofw-pane) {
    min-width: 0 !important;
    min-height: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 8px !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench :where(.ofw-index-pane) {
    position: sticky !important;
    top: 88px !important;
    max-height: calc(100vh - 104px) !important;
    overflow: auto !important;
    scrollbar-color: var(--ofw-border-soft) transparent !important;
  }
  html.focus-workbench :where(.ofw-canvas-pane) {
    overflow: visible !important;
  }
  html.focus-workbench .ofw-pane-head {
    display: flex !important;
    align-items: center !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench .ofw-pane-head h2 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
  }
  html.focus-workbench .ofw-ledger-columns {
    display: grid !important;
    grid-template-columns: minmax(230px, 1.15fr) minmax(260px, 1.35fr) minmax(240px, 1.1fr) 96px !important;
    align-items: center !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench .ofw-ledger-columns span {
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  html.focus-workbench .ofw-ledger-columns span:nth-child(n+2) {
    padding-left: 10px !important;
  }
  html.focus-workbench .ofw-index-pane > :is(.browser-controls, .user-search-panel, .scope-control-panel) {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html.focus-workbench .catalog-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  html.focus-workbench .catalog-toolbar input,
  html.focus-workbench .catalog-toolbar select {
    width: 100% !important;
    min-height: 36px !important;
    font-size: 13px !important;
  }
  html.focus-workbench .catalog-status-row {
    min-height: 0 !important;
    margin: 8px 0 0 !important;
  }
  html.focus-workbench .genre-nav,
  html.focus-workbench .taxonomy-subnav {
    display: grid !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }
  html.focus-workbench .side-all-markets,
  html.focus-workbench .side-sub-all,
  html.focus-workbench .side-tax-card,
  html.focus-workbench .side-compact-link {
    width: 100% !important;
    min-height: 44px !important;
    padding: 8px 9px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    background: var(--ofw-bg) !important;
    color: var(--ofw-secondary) !important;
    text-align: left !important;
  }
  html.focus-workbench .side-all-markets.active,
  html.focus-workbench .side-sub-all.active,
  html.focus-workbench .side-tax-card.active,
  html.focus-workbench .side-compact-link.active {
    border-color: #3b6c9e !important;
    background: #122235 !important;
    color: var(--ofw-primary) !important;
  }
  html.focus-workbench .side-all-markets:hover,
  html.focus-workbench .side-sub-all:hover,
  html.focus-workbench .side-tax-card:hover,
  html.focus-workbench .side-compact-link:hover {
    border-color: var(--ofw-blue) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench :where(.side-all-markets, .side-tax-card) {
    display: block !important;
  }
  html.focus-workbench .side-all-markets > span,
  html.focus-workbench .side-tax-head,
  html.focus-workbench .side-tax-name,
  html.focus-workbench .side-tax-vol {
    min-width: 0 !important;
  }
  html.focus-workbench .side-all-markets > span,
  html.focus-workbench .side-tax-name {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  html.focus-workbench .side-all-markets strong,
  html.focus-workbench .side-tax-name strong {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench .side-all-markets small,
  html.focus-workbench .side-tax-name small,
  html.focus-workbench .side-tax-vol small {
    display: block !important;
    margin-top: 2px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench .side-tax-card .side-tax-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }
  html.focus-workbench .side-tax-vol {
    display: block !important;
    flex: 0 0 auto !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    text-align: right !important;
  }
  html.focus-workbench .side-tax-card .side-top-list,
  html.focus-workbench .side-tax-card .side-top-empty {
    display: none !important;
  }
  html.focus-workbench .side-tax-card .traffic-sign,
  html.focus-workbench .side-all-markets .traffic-sign {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-width: 2px !important;
    outline-width: 1px !important;
  }
  html.focus-workbench .side-tax-card .traffic-sign .sign-art svg,
  html.focus-workbench .side-all-markets .traffic-sign .sign-art svg {
    width: 20px !important;
    height: 20px !important;
  }
  html.focus-workbench .side-subhead {
    margin: 14px 0 4px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench .side-compact-links {
    display: grid !important;
    gap: 5px !important;
  }
  html.focus-workbench .side-compact-link {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    font-size: 12px !important;
  }
  html.focus-workbench .side-compact-link span {
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench .side-compact-link b,
  html.focus-workbench .side-compact-link em {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    font-style: normal !important;
  }
  html.focus-workbench .manual-load {
    margin-top: 12px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench .manual-load summary {
    padding: 9px 10px !important;
    color: var(--ofw-secondary) !important;
    font-size: 12px !important;
    cursor: pointer;
  }
  html.focus-workbench .manual-load > :is(input, textarea, button, .status) {
    width: calc(100% - 20px) !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
  }
  html.focus-workbench #catalogList {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #catalogList .catalog-results-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #catalogList .catalog-results-title {
    min-width: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    line-height: 1.15 !important;
    text-transform: none !important;
  }
  html.focus-workbench #catalogList .catalog-taxonomy-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: 6px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #catalogList .catalog-taxonomy-breadcrumb button {
    min-height: 28px !important;
    padding: 4px 8px !important;
    color: var(--ofw-blue-soft) !important;
    background: #0b1d30 !important;
  }
  html.focus-workbench .catalog-head-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(80px, 1fr)) !important;
    gap: 16px !important;
    min-width: 300px !important;
  }
  html.focus-workbench .catalog-head-stats > span {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
    text-align: right !important;
  }
  html.focus-workbench .catalog-head-stats small {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: none !important;
  }
  html.focus-workbench .catalog-head-stats b {
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #catalogList .catalog-groups {
    display: grid !important;
    gap: 8px !important;
    padding: 8px !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #catalogList .market-group {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 7px !important;
    background: var(--ofw-surface) !important;
    overflow: visible !important;
  }
  html.focus-workbench #catalogList .market-group-head {
    position: sticky !important;
    top: 72px !important;
    z-index: 4 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 7px 7px 0 0 !important;
    background: rgba(20, 29, 38, .98) !important;
  }
  html.focus-workbench #catalogList .market-group-ident {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #catalogList .market-group-ident .traffic-sign {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-width: 2px !important;
    outline-width: 1px !important;
  }
  html.focus-workbench #catalogList .market-group-ident .traffic-sign .sign-art svg {
    width: 22px !important;
    height: 22px !important;
  }
  html.focus-workbench #catalogList .market-group-title {
    min-width: 0 !important;
  }
  html.focus-workbench #catalogList .market-group-title strong {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #catalogList .market-group-title small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    text-transform: none !important;
  }
  html.focus-workbench #catalogList .market-group-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #catalogList .market-group-stats {
    display: flex !important;
    gap: 14px !important;
  }
  html.focus-workbench #catalogList .market-group-stats span {
    display: grid !important;
    gap: 2px !important;
    min-width: 68px !important;
    text-align: right !important;
  }
  html.focus-workbench #catalogList .market-group-stats small {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    text-transform: none !important;
  }
  html.focus-workbench #catalogList .market-group-stats b {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #catalogList .market-group-toggle,
  html.focus-workbench #catalogList .market-group-open {
    min-height: 32px !important;
    padding: 6px 9px !important;
    border-color: var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
    color: var(--ofw-secondary) !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .market-group-toggle:hover,
  html.focus-workbench #catalogList .market-group-open:hover,
  html.focus-workbench #catalogList .market-group-toggle:focus-visible,
  html.focus-workbench #catalogList .market-group-open:focus-visible {
    border-color: var(--ofw-blue) !important;
    color: var(--ofw-primary) !important;
    background: #122235 !important;
  }
  html.focus-workbench #catalogList .market-group-grid-wrap {
    position: relative !important;
    min-width: 0 !important;
  }
  html.focus-workbench #catalogList .market-group-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1px !important;
    min-width: 0 !important;
    padding: 1px !important;
    background: var(--ofw-border) !important;
  }
  html.focus-workbench #catalogList .market-group[data-polish-collapsed=true] .market-group-grid-wrap,
  html.focus-workbench #catalogList .market-group[data-polish-collapsed=true] .market-group-more {
    display: none !important;
  }
  html.focus-workbench #catalogList .market-group-more {
    min-height: 36px !important;
    padding: 9px 12px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView .dense-market-card {
    display: grid !important;
    grid-template-columns: minmax(240px, 1.15fr) minmax(300px, 1.35fr) minmax(260px, 1.1fr) 94px !important;
    grid-template-areas: "identity preview metrics action" !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
    box-shadow: none !important;
    overflow: visible !important;
    transition: background-color .12s ease !important;
  }
  html.focus-workbench #browserView .dense-market-card:hover,
  html.focus-workbench #browserView .dense-market-card:focus-visible {
    background: var(--ofw-surface-3) !important;
    transform: none !important;
  }
  html.focus-workbench #browserView .dense-market-card.selected {
    background: #172438 !important;
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #browserView .dense-card-top {
    grid-area: identity !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .market-card-logo {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }
  html.focus-workbench #browserView .market-card-logo .traffic-sign {
    width: 30px !important;
    height: 30px !important;
    border-width: 2px !important;
    outline-width: 1px !important;
  }
  html.focus-workbench #browserView .market-card-logo .traffic-sign .sign-art svg {
    width: 20px !important;
    height: 20px !important;
  }
  html.focus-workbench #browserView .dense-card-copy {
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .dense-market-card .catalog-title,
  html.focus-workbench #browserView .dense-market-card .catalog-title a {
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #browserView .dense-market-card .catalog-title a {
    text-decoration: none !important;
  }
  html.focus-workbench #browserView .dense-market-card .catalog-title a:hover {
    color: var(--ofw-blue-soft) !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
  }
  html.focus-workbench #browserView .dense-market-card .catalog-taxonomy {
    margin-top: 4px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-transform: none !important;
  }
  html.focus-workbench #browserView .dense-type {
    align-self: start !important;
    min-height: 24px !important;
    padding: 4px 6px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 4px !important;
    color: var(--ofw-tertiary) !important;
    background: var(--ofw-bg) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .dense-preview {
    grid-area: preview !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #browserView .dense-preview-prices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .catalog-preview-entry {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 6px 8px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
    contain: layout paint !important;
  }
  html.focus-workbench #browserView .catalog-preview-label {
    min-width: 0 !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #browserView .catalog-preview-value {
    flex: 0 0 auto !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .dense-preview-prices.empty {
    display: block !important;
    padding: 8px !important;
    border: 1px dashed var(--ofw-border-soft) !important;
    color: var(--ofw-muted) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #browserView .dense-metrics {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
  }
  html.focus-workbench #browserView .dense-metrics > span {
    display: block !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    border-right: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #browserView .dense-metrics > span:first-child {
    padding-left: 0 !important;
  }
  html.focus-workbench #browserView .dense-metrics > span:last-child {
    padding-right: 0 !important;
    border-right: 0 !important;
  }
  html.focus-workbench #browserView .dense-metrics small {
    display: none !important;
  }
  html.focus-workbench #browserView .dense-metrics b {
    display: block !important;
    min-width: 0 !important;
    overflow: visible !important;
    color: var(--ofw-secondary) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView .dense-card-foot {
    grid-area: action !important;
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html.focus-workbench #browserView :where(.dense-open-action, .dense-open, .dense-paused, .dense-edge) {
    max-width: 100% !important;
    padding: 3px 5px !important;
    border-radius: 4px !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    text-align: right !important;
    white-space: normal !important;
  }
  html.focus-workbench #browserView .dense-open-action {
    color: var(--ofw-blue-soft) !important;
  }
  html.focus-workbench #browserView .dense-open {
    border-color: rgba(69, 211, 155, .45) !important;
    color: var(--ofw-positive) !important;
    background: rgba(69, 211, 155, .08) !important;
  }
  html.focus-workbench #browserView .dense-paused {
    border-color: rgba(255, 123, 132, .45) !important;
    color: var(--ofw-negative) !important;
    background: rgba(255, 123, 132, .08) !important;
  }
  html.focus-workbench #browserView .dense-edge {
    border-color: rgba(114, 178, 255, .45) !important;
    color: var(--ofw-blue-soft) !important;
    background: rgba(114, 178, 255, .08) !important;
  }
  html.focus-workbench :where(.catalog-empty, .scope-empty, .user-empty, .external-model-empty, .football-model-empty, .football-advanced-empty, .mkt-empty) {
    position: relative !important;
    min-height: 76px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px dashed var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    background: #0b1219 !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }
  html.focus-workbench :where(.catalog-empty.preview-error, .scope-empty.preview-error, .user-empty.preview-error, .external-model-empty.preview-error, .football-model-empty.preview-error, .football-advanced-empty.preview-error, .mkt-empty.preview-error) {
    border-style: solid !important;
    border-left: 3px solid var(--ofw-negative) !important;
  }
  html.focus-workbench :where(.catalog-empty.preview-loading, .scope-empty.preview-loading, .user-empty.preview-loading, .external-model-empty.preview-loading, .football-model-empty.preview-loading, .football-advanced-empty.preview-loading, .mkt-empty.preview-loading) {
    min-height: 92px !important;
    overflow: hidden !important;
  }
  html.focus-workbench :where(.catalog-empty.preview-loading, .scope-empty.preview-loading, .user-empty.preview-loading, .external-model-empty.preview-loading, .football-model-empty.preview-loading, .football-advanced-empty.preview-loading, .mkt-empty.preview-loading)::after {
    display: block !important;
    width: min(520px, 82%) !important;
    height: 9px !important;
    margin-top: 12px !important;
    border-radius: 999px !important;
    background:
      linear-gradient(
        90deg,
        #17232e 20%,
        #304553 50%,
        #17232e 80%) !important;
    background-size: 220% 100% !important;
    content: "" !important;
    animation: ofw-v2-shimmer 1.8s ease-in-out infinite !important;
  }
  html.focus-workbench :where(.catalog-empty.preview-loading, .scope-empty.preview-loading, .user-empty.preview-loading, .external-model-empty.preview-loading, .football-model-empty.preview-loading, .football-advanced-empty.preview-loading, .mkt-empty.preview-loading)::before {
    display: block !important;
    width: min(360px, 65%) !important;
    height: 9px !important;
    border-radius: 999px !important;
    background: #17232e !important;
    content: "" !important;
  }
  @keyframes ofw-v2-shimmer {
    from {
      background-position: 100% 0;
    }
    to {
      background-position: -100% 0;
    }
  }
  html.focus-workbench #userView .user-searchbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  html.focus-workbench #userView .user-searchbar input,
  html.focus-workbench #userView .user-searchbar button,
  html.focus-workbench #userView .user-rank-field select {
    width: 100% !important;
    min-height: 36px !important;
  }
  html.focus-workbench #userView .user-rankbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }
  html.focus-workbench #userView .user-rank-label {
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #userView .user-rank-field {
    display: grid !important;
    gap: 4px !important;
  }
  html.focus-workbench #userView .user-rank-field > span {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    text-transform: none !important;
  }
  html.focus-workbench #userView .user-results {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 8px !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #userView .user-card {
    min-width: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 6px !important;
    background: var(--ofw-surface) !important;
    overflow: hidden !important;
  }
  html.focus-workbench #userView .user-card.featured,
  html.focus-workbench #userView .user-card.open {
    grid-column: 1 / -1 !important;
  }
  html.focus-workbench #userView .user-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ofw-primary) !important;
    text-align: left !important;
  }
  html.focus-workbench #userView .user-card-head:hover,
  html.focus-workbench #userView .user-card-head:focus-visible {
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #userView .user-ident {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #userView .user-avatar {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }
  html.focus-workbench #userView .user-rank-num {
    flex: 0 0 auto !important;
    color: var(--ofw-blue) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #userView .user-name {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #userView .user-subline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #userView .user-head-stats {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #userView .user-head-stat {
    display: grid !important;
    min-width: 78px !important;
    gap: 0 !important;
    justify-items: end !important;
  }
  html.focus-workbench #userView .user-head-stat .k {
    display: none !important;
  }
  html.focus-workbench #userView .user-head-stat .v {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #userView .user-chevron {
    color: var(--ofw-tertiary) !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }
  html.focus-workbench #userView .user-detail {
    padding: 12px !important;
    border-top: 1px solid var(--ofw-border) !important;
    background: #0c131a !important;
  }
  html.focus-workbench #userView .user-profile-row {
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    color: var(--ofw-secondary) !important;
  }
  html.focus-workbench #userView .user-profile-link {
    flex: 0 0 auto !important;
    color: var(--ofw-blue-soft) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #userView .user-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }
  html.focus-workbench #userView .user-metric {
    min-width: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #userView .user-metric .k {
    display: block !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #userView .user-metric .v {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #userView .user-section-title {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 14px !important;
  }
  html.focus-workbench #userView .user-section-title h3 {
    margin: 0 !important;
    font-size: 14px !important;
  }
  html.focus-workbench #userView .user-section-title span {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #userView :where(.user-trade, .user-position) {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 7px 8px !important;
    gap: 10px !important;
    border-color: var(--ofw-border-soft) !important;
    color: var(--ofw-secondary) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #scopeView .scope-control-panel {
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid button {
    min-height: 36px !important;
    padding: 8px 10px !important;
    border-color: var(--ofw-border-soft) !important;
    background: var(--ofw-bg) !important;
    color: var(--ofw-secondary) !important;
    font-size: 13px !important;
    text-align: left !important;
  }
  html.focus-workbench #scopeView .scope-mode-grid button.active {
    border-color: #3b6c9e !important;
    background: #122235 !important;
    color: var(--ofw-primary) !important;
  }
  html.focus-workbench #scopeView .scope-filter-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }
  html.focus-workbench #scopeView .scope-field {
    display: grid !important;
    gap: 4px !important;
  }
  html.focus-workbench #scopeView .scope-field > span {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    text-transform: none !important;
  }
  html.focus-workbench #scopeView .scope-feed {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--ofw-bg) !important;
    overflow: visible !important;
  }
  html.focus-workbench #scopeView .scope-empty {
    margin: 8px !important;
  }
  html.focus-workbench #scopeView .scope-card {
    display: grid !important;
    grid-template-columns: 44px minmax(150px, 210px) minmax(260px, 1fr) repeat(3, minmax(90px, 115px)) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #scopeView .scope-card:hover {
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #scopeView .scope-rank {
    color: var(--ofw-blue) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #scopeView .scope-identity {
    display: flex !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-user-button {
    display: block !important;
    max-width: 100% !important;
    min-height: 32px !important;
    padding: 4px 6px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ofw-primary) !important;
    text-align: left !important;
  }
  html.focus-workbench #scopeView .scope-user-button span {
    display: block !important;
    max-width: none !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #scopeView .scope-user-button small {
    display: block !important;
    margin-top: 2px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #scopeView .scope-user-external {
    display: none !important;
  }
  html.focus-workbench #scopeView .scope-main {
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-market {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
  }
  html.focus-workbench #scopeView .scope-market:hover {
    color: var(--ofw-blue-soft) !important;
    text-decoration: underline !important;
  }
  html.focus-workbench #scopeView .scope-sub {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px 10px !important;
    min-width: 0 !important;
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  html.focus-workbench #scopeView .scope-side {
    padding: 2px 5px !important;
    border-radius: 4px !important;
    font-family: var(--ofw-mono) !important;
  }
  html.focus-workbench #scopeView .scope-metric {
    min-width: 0 !important;
    text-align: right !important;
  }
  html.focus-workbench #scopeView .scope-metric small {
    display: none !important;
  }
  html.focus-workbench #scopeView .scope-metric b {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }
  html.focus-workbench #scopeView .scope-metric.pos b,
  html.focus-workbench #scopeView .scope-edge-value.scope-edge-executable b {
    color: var(--ofw-positive) !important;
  }
  html.focus-workbench #scopeView .scope-metric.neg b {
    color: var(--ofw-negative) !important;
  }
  html.focus-workbench #scopeView .scope-created-card {
    grid-template-columns: 44px 148px minmax(260px, 1fr) repeat(3, minmax(90px, 115px)) !important;
  }
  html.focus-workbench #scopeView .scope-created-time {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-created-time small {
    display: none !important;
  }
  html.focus-workbench #scopeView .scope-created-time b {
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
  }
  html.focus-workbench #scopeView .scope-created-time span {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #scopeView .scope-created-title-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-created-title-row .scope-market {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .scope-created-aestus-link {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
    border-color: #3b6c9e !important;
    border-radius: 5px !important;
    background: #0b1d30 !important;
    color: var(--ofw-blue-soft) !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-created-aestus-link:hover,
  html.focus-workbench #scopeView .scope-created-aestus-link:focus-visible {
    border-color: var(--ofw-blue) !important;
    background: #122b47 !important;
  }
  html.focus-workbench #scopeView .scope-edge-card {
    grid-template-columns: 44px minmax(150px, 190px) minmax(260px, 1fr) repeat(3, minmax(96px, 120px)) !important;
    grid-template-areas: "rank model market ask fair value" "note note note note note note" !important;
    align-items: center !important;
  }
  html.focus-workbench #scopeView .scope-edge-card > .scope-rank {
    grid-area: rank !important;
  }
  html.focus-workbench #scopeView .scope-edge-model {
    grid-area: model !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 5px 7px !important;
    border-color: var(--ofw-border-soft) !important;
    background: var(--ofw-bg) !important;
    color: var(--ofw-primary) !important;
    text-align: left !important;
  }
  html.focus-workbench #scopeView .scope-edge-model b {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #scopeView .scope-edge-model small {
    display: block !important;
    margin-top: 2px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #scopeView .scope-edge-main {
    grid-area: market !important;
  }
  html.focus-workbench #scopeView .scope-edge-ask {
    grid-area: ask !important;
  }
  html.focus-workbench #scopeView .scope-edge-fair {
    grid-area: fair !important;
  }
  html.focus-workbench #scopeView .scope-edge-value {
    grid-area: value !important;
  }
  html.focus-workbench #scopeView .scope-edge-note {
    grid-area: note !important;
    min-width: 0 !important;
    padding-top: 6px !important;
    border-top: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #scopeView .scope-edge-disclaimer {
    margin: 8px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    color: var(--ofw-tertiary) !important;
    background: var(--ofw-surface) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  html.focus-workbench #detailView {
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .detail-topbar {
    min-height: 38px !important;
    margin: 0 0 12px !important;
  }
  html.focus-workbench #detailView .detail-hero {
    min-height: 112px !important;
    margin-bottom: 12px !important;
    padding: 16px 20px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 8px !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #detailView .detail-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px) !important;
    gap: 20px !important;
    align-items: center !important;
  }
  html.focus-workbench #detailView .detail-title {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #detailView .detail-event {
    margin-top: 5px !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
  }
  html.focus-workbench #detailView .detail-runtime {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #detailView .detail-runtime > * {
    min-width: 0 !important;
    padding: 9px 10px !important;
    border-right: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #detailView .detail-runtime > *:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench #detailView .detail-runtime :where(.k, small) {
    display: block !important;
    margin-bottom: 3px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .detail-runtime :where(.v, b, span) {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #detailView .aestus-beta60-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #detailView #eventOptionsPanel.ofw-detail-workspace {
    display: block !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 7px !important;
    background: var(--ofw-surface) !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: "outcomes chart" "orderbook chart" !important;
    gap: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > .mkt-list-col,
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    min-width: 0 !important;
    min-height: 0 !important;
    align-self: stretch !important;
    padding: 0 !important;
    border: 0 !important;
    background: var(--ofw-surface) !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > .mkt-list-col {
    grid-area: outcomes !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-area: chart !important;
    border-left: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-area: orderbook !important;
    border-top: 1px solid var(--ofw-border) !important;
    border-right: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-independent-outcome-parent #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView.aestus-baseball-detail #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel.american-football-sidebet-view #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel.baseball-match-hub #mktSplit.ofw-execution-row,
  html.focus-workbench #detailView #eventOptionsPanel.baseball-sidebet-view #mktSplit.ofw-execution-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-template-areas: "outcomes chart orderbook" !important;
    gap: 0 !important;
  }
  html.focus-workbench #detailView.aestus-independent-outcome-parent #mktSplit.ofw-execution-row > .ofw-orderbook-col,
  html.focus-workbench #detailView.aestus-baseball-detail #mktSplit.ofw-execution-row > .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel.american-football-sidebet-view #mktSplit.ofw-execution-row > .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel.baseball-match-hub #mktSplit.ofw-execution-row > .ofw-orderbook-col,
  html.focus-workbench #detailView #eventOptionsPanel.baseball-sidebet-view #mktSplit.ofw-execution-row > .ofw-orderbook-col {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView.aestus-independent-outcome-parent #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView.aestus-baseball-detail #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel.american-football-match-hub #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel.american-football-sidebet-view #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel.baseball-match-hub #mktSplit.ofw-execution-row > .mkt-chart-col,
  html.focus-workbench #detailView #eventOptionsPanel.baseball-sidebet-view #mktSplit.ofw-execution-row > .mkt-chart-col {
    border-left: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .ofw-module-head {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface-2) !important;
  }
  html.focus-workbench #detailView .ofw-module-head h3 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #detailView #eventOptionsGrid.mkt-list {
    max-height: 430px !important;
    min-height: 80px !important;
    overflow: auto !important;
    scrollbar-color: var(--ofw-border-soft) transparent !important;
  }
  html.focus-workbench #detailView .mkt-listhead,
  html.focus-workbench #detailView .mkt-list .mkt-row {
    grid-template-columns: 14px minmax(0, 1fr) 54px 54px 44px !important;
    gap: 0 8px !important;
  }
  html.focus-workbench #detailView .mkt-listhead {
    min-height: 34px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row {
    min-height: 40px !important;
    height: auto !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    background: var(--ofw-surface) !important;
    transition: none !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-row:hover,
  html.focus-workbench #detailView .mkt-list .mkt-row.on {
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #detailView .mkt-list :where(.mkt-nm, .mkt-betlabel) {
    min-width: 0 !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #detailView .mkt-list :where(.mkt-px, .mkt-dlt) {
    color: var(--ofw-primary) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-px.y {
    color: var(--ofw-positive) !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-dlt.up {
    color: var(--ofw-positive) !important;
  }
  html.focus-workbench #detailView .mkt-list .mkt-dlt.down {
    color: var(--ofw-negative) !important;
  }
  html.focus-workbench #detailView .mkt-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    gap: 8px !important;
    padding: 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .mkt-selbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 6px 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .mkt-selbar .sel-acts {
    display: flex !important;
    gap: 4px !important;
  }
  html.focus-workbench #detailView .mkt-selbar button {
    min-height: 28px !important;
    padding: 4px 7px !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .mkt-betgroup {
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 6px 10px !important;
    background: #0c131a !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-code {
    flex: 0 0 auto !important;
    min-width: 38px !important;
    padding: 4px 5px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 4px !important;
    color: var(--ofw-blue-soft) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    text-align: center !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-title {
    display: grid !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-title strong {
    color: var(--ofw-primary) !important;
    font-size: 13px !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-title small {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-liq {
    display: grid !important;
    gap: 2px !important;
    margin-left: auto !important;
    text-align: right !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-liq small {
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .mkt-betgroup-liq b {
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .chart-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .chart-title {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 15px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .chart-tools {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .range-seg,
  html.focus-workbench #detailView .mkt-chart-col .chart-phase-seg {
    display: flex !important;
    gap: 2px !important;
  }
  html.focus-workbench #detailView .mkt-chart-col .range-seg button,
  html.focus-workbench #detailView .mkt-chart-col .chart-phase-seg button {
    min-height: 30px !important;
    padding: 5px 8px !important;
    border-radius: 4px !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView :where(.chart-wrap, #priceChart, .mkt-chart-col #priceChart) {
    width: calc(100% - 20px) !important;
    height: 330px !important;
    min-height: 280px !important;
    margin: 10px !important;
  }
  html.focus-workbench #detailView .chart-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    padding: 0 10px 10px !important;
  }
  html.focus-workbench #detailView .leg-item {
    min-height: 28px !important;
    padding: 5px 7px !important;
    border-color: var(--ofw-border-soft) !important;
    border-radius: 4px !important;
    color: var(--ofw-secondary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-body {
    min-width: 0 !important;
    padding: 10px !important;
  }
  html.focus-workbench #detailView .ofw-orderbook-body .structure-market-data {
    min-width: 0 !important;
    margin: 0 !important;
  }
  html.focus-workbench #detailView :where(.microstructure-empty, .structure-market-data .status) {
    min-height: 64px !important;
    padding: 12px !important;
    border: 1px dashed var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    color: var(--ofw-secondary) !important;
    background: var(--ofw-bg) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    align-items: start !important;
    gap: 12px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #valueBoard {
    grid-area: model !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #structurePanel {
    grid-area: structure !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: holder !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: media !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel),
  html.focus-workbench #detailView .aestus-beta60-layout > :is(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel) {
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 7px !important;
    background: var(--ofw-surface) !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView :where(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel) > h2,
  html.focus-workbench #detailView :where(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel) .vb-head h2,
  html.focus-workbench #detailView :where(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel) .recent-media-head h2 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
  }
  html.focus-workbench #detailView :where(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel) :where(.vb-subtitle, .status, .recent-media-sub, .recent-media-meta, .legend, .external-model-note, .external-model-provenance, .external-model-distribution-note) {
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  html.focus-workbench #detailView #valueBoard .vb-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid var(--ofw-border) !important;
  }
  html.focus-workbench #detailView #valueBoard .vb-summary,
  html.focus-workbench #detailView #valueBoard .vb-sum {
    flex: 0 0 auto !important;
    color: var(--ofw-blue-soft) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    text-align: right !important;
  }
  html.focus-workbench #detailView #valueBoard :where(.external-model-panel, .football-model-panel, .baseball-model-panel, .basketball-model-panel, .tennis-model-panel, .nfl-model-panel, .soccer-title-model-panel, .wti-model-panel, .musk-model-panel) {
    min-width: 0 !important;
  }
  html.focus-workbench #detailView #valueBoard :where(.external-model-head, .football-model-head, .football-advanced-head) {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #detailView #valueBoard :where(.external-model-head strong, .football-model-head strong, .football-advanced-head strong) {
    display: block !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #detailView #valueBoard :where(.external-model-head small, .football-model-head small, .football-advanced-head small) {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView #valueBoard :where(.external-model-tag, .football-model-tag, .football-advanced-tag) {
    flex: 0 0 auto !important;
    min-height: 24px !important;
    padding: 4px 6px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 4px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 11px !important;
    white-space: normal !important;
  }
  html.focus-workbench #detailView #valueBoard :where(.external-model-grid, .football-model-grid, .football-model-research-grid, .external-model-outcomes) {
    min-width: 0 !important;
  }
  html.focus-workbench #detailView #structurePanel .structure-market-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 10px !important;
  }
  html.focus-workbench #detailView #structurePanel :where(.structure-market-stat, .structure-outcome-chip, .structure-data-card) {
    min-width: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #detailView #structurePanel :where(.structure-outcome-chip span, .structure-data-card strong) {
    display: block !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #detailView #holderResearchPanel .row,
  html.focus-workbench #detailView #recentMediaPanel .recent-media-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  html.focus-workbench #detailView #holderResearchPanel .row {
    margin-top: 10px !important;
  }
  html.focus-workbench #detailView #holderResearchPanel :where(.primary, button),
  html.focus-workbench #detailView #recentMediaPanel button {
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
  }
  html.focus-workbench #detailView :where(.external-model-outcomes, .football-model-research-grid, .baseball-model-research-grid, .basketball-model-research-grid, .tennis-model-research-grid) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
  html.focus-workbench #detailView :where(.external-model-outcome, .football-model-prob-box, .football-model-history-box) {
    min-width: 0 !important;
    padding: 8px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #detailView :where(.external-model-outcome span, .external-model-outcome b, .football-model-prob-box b) {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench :where(.registered-access-screen, .vb-gate) {
    min-width: 0 !important;
  }
  html.focus-workbench .registered-access-screen {
    padding: 16px !important;
  }
  html.focus-workbench :where(.registered-access-screen h2, .vb-gate strong) {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench :where(.registered-access-screen p, .vb-gate span) {
    color: var(--ofw-secondary) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench #membershipView .membership-shell {
    max-width: 1080px !important;
    margin: 0 auto !important;
  }
  html.focus-workbench #membershipView .membership-shell > .ofw-workspace {
    grid-template-columns: 190px minmax(0, 1fr) !important;
  }
  html.focus-workbench #membershipView .membership-tabs {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
    padding: 12px !important;
  }
  html.focus-workbench #membershipView .membership-tabs button {
    min-height: 38px !important;
    text-align: left !important;
  }
  html.focus-workbench #membershipView .membership-tabs button.active {
    border-color: #3b6c9e !important;
    background: #122235 !important;
    color: var(--ofw-primary) !important;
  }
  html.focus-workbench #membershipView .membership-grid {
    display: block !important;
    min-width: 0 !important;
  }
  html.focus-workbench #membershipView .membership-card {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 0 !important;
    background: transparent !important;
  }
  html.focus-workbench #membershipView .membership-card h2 {
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-size: 21px !important;
  }
  html.focus-workbench #membershipView .membership-form .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }
  html.focus-workbench #membershipView .membership-form label {
    display: block !important;
    margin-bottom: 4px !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
  }
  html.focus-workbench #membershipView .membership-form input {
    width: 100% !important;
  }
  html.focus-workbench #membershipView .membership-profile {
    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 7px !important;
    background: var(--ofw-bg) !important;
  }
  @media (max-width: 1280px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 220px minmax(0, 1fr) auto !important;
      gap: 10px !important;
      padding-right: 12px !important;
      padding-left: 12px !important;
    }
    html.focus-workbench .app-switch .aestus-wordmark-picture,
    html.focus-workbench .app-switch .aestus-wordmark-logo {
      width: 150px !important;
    }
    html.focus-workbench :where(#browserView, #userView, #scopeView, #membershipView, #detailView).view {
      padding-right: 12px !important;
      padding-left: 12px !important;
    }
    html.focus-workbench #browserView .dense-market-card {
      grid-template-columns: minmax(220px, 1.05fr) minmax(260px, 1.25fr) minmax(230px, 1fr) 86px !important;
    }
    html.focus-workbench .ofw-ledger-columns {
      grid-template-columns: minmax(220px, 1.05fr) minmax(260px, 1.25fr) minmax(230px, 1fr) 86px !important;
    }
  }
  @media (max-width: 1080px) {
    html.focus-workbench :where(.browser-hero, .scope-hero) {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 14px !important;
    }
    html.focus-workbench :where(.hero-side, .scope-hero .hero-side) {
      max-width: none !important;
    }
    html.focus-workbench .ofw-workspace {
      grid-template-columns: 220px minmax(0, 1fr) !important;
    }
    html.focus-workbench #browserView .dense-market-card {
      grid-template-columns: minmax(210px, 1fr) minmax(250px, 1.1fr) 88px !important;
      grid-template-areas: "identity preview action" "metrics metrics metrics" !important;
      min-height: 112px !important;
    }
    html.focus-workbench #browserView .dense-metrics {
      padding-top: 8px !important;
      border-top: 1px solid var(--ofw-border-soft) !important;
    }
    html.focus-workbench .ofw-ledger-columns {
      grid-template-columns: minmax(210px, 1fr) minmax(250px, 1.1fr) 88px !important;
      grid-template-areas: "market outcomes status" !important;
    }
    html.focus-workbench .ofw-ledger-columns span:nth-child(3) {
      display: none !important;
    }
    html.focus-workbench .ofw-ledger-columns span:nth-child(1) {
      grid-area: market;
    }
    html.focus-workbench .ofw-ledger-columns span:nth-child(2) {
      grid-area: outcomes;
    }
    html.focus-workbench .ofw-ledger-columns span:nth-child(4) {
      grid-area: status;
    }
    html.focus-workbench #scopeView .scope-card,
    html.focus-workbench #scopeView .scope-created-card,
    html.focus-workbench #scopeView .scope-edge-card {
      grid-template-columns: 40px minmax(140px, 180px) minmax(220px, 1fr) repeat(3, minmax(78px, 100px)) !important;
    }
    html.focus-workbench #detailView .detail-hero-grid {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench .app-switch.ofw-chrome {
      grid-template-columns: 1fr auto !important;
      min-height: 64px !important;
    }
    html.focus-workbench .app-switch .nav-cluster {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
      justify-content: flex-start !important;
      overflow-x: auto !important;
    }
    html.focus-workbench .app-switch .studio-rail-foot {
      display: none !important;
    }
    html.focus-workbench .app-switch .nav-cluster button {
      flex: 0 0 auto !important;
    }
    html.focus-workbench .ofw-workspace {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench .ofw-index-pane {
      position: static !important;
      max-height: none !important;
      overflow: visible !important;
    }
    html.focus-workbench .ofw-canvas-pane {
      min-width: 0 !important;
    }
    html.focus-workbench .catalog-head-stats {
      min-width: 0 !important;
    }
    html.focus-workbench .ofw-ledger-columns {
      display: none !important;
    }
    html.focus-workbench #scopeView .scope-card,
    html.focus-workbench #scopeView .scope-created-card,
    html.focus-workbench #scopeView .scope-edge-card {
      grid-template-columns: 38px minmax(0, 1fr) repeat(2, minmax(72px, 88px)) !important;
      grid-template-areas: "rank main metric1 metric2" "identity main metric1 metric2" "note note note note" !important;
      align-items: start !important;
    }
    html.focus-workbench #scopeView .scope-rank {
      grid-area: rank !important;
    }
    html.focus-workbench #scopeView .scope-identity,
    html.focus-workbench #scopeView .scope-created-time {
      grid-area: identity !important;
    }
    html.focus-workbench #scopeView .scope-main,
    html.focus-workbench #scopeView .scope-edge-main {
      grid-area: main !important;
    }
    html.focus-workbench #scopeView .scope-edge-model {
      grid-area: identity !important;
    }
    html.focus-workbench #scopeView .scope-metric:nth-last-of-type(3) {
      grid-area: metric1 !important;
    }
    html.focus-workbench #scopeView .scope-metric:nth-last-of-type(2) {
      grid-area: metric2 !important;
    }
    html.focus-workbench #scopeView .scope-edge-note {
      grid-area: note !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto !important;
      grid-template-areas: "outcomes" "chart" "orderbook" !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-column: auto !important;
      grid-row: auto !important;
      border-top: 1px solid var(--ofw-border) !important;
      border-right: 0 !important;
      border-left: 0 !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row > .mkt-list-col {
      border-top: 0 !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas {
      grid-template-columns: 1fr !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
    html.focus-workbench #membershipView .membership-shell > .ofw-workspace {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench :where(#browserView, #userView, #scopeView, #membershipView, #detailView).view {
      padding: 10px 8px 28px !important;
    }
    html.focus-workbench :where(.browser-hero, .scope-hero) {
      min-height: 0 !important;
      padding: 16px !important;
    }
    html.focus-workbench :where(.hero-copy h1, .scope-hero h1) {
      font-size: 23px !important;
    }
    html.focus-workbench .hero-metrics {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench .hero-stat {
      min-height: 48px !important;
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border-soft) !important;
    }
    html.focus-workbench .hero-stat:last-child {
      border-bottom: 0 !important;
    }
    html.focus-workbench #catalogList .catalog-results-head {
      align-items: flex-start !important;
      flex-direction: column !important;
    }
    html.focus-workbench .catalog-head-stats {
      width: 100% !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    html.focus-workbench .catalog-head-stats > span {
      text-align: left !important;
    }
    html.focus-workbench #catalogList .market-group-head {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #catalogList .market-group-actions {
      justify-content: flex-start !important;
      flex-wrap: wrap !important;
    }
    html.focus-workbench #browserView .dense-market-card {
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas: "identity action" "preview preview" "metrics metrics" !important;
      min-height: 0 !important;
      padding: 10px !important;
    }
    html.focus-workbench #browserView .dense-card-top {
      grid-template-columns: 32px minmax(0, 1fr) !important;
    }
    html.focus-workbench #browserView .dense-type {
      display: none !important;
    }
    html.focus-workbench #browserView .dense-preview-prices {
      grid-template-columns: 1fr !important;
      margin-top: 6px !important;
    }
    html.focus-workbench #browserView .dense-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      row-gap: 8px !important;
      margin-top: 8px !important;
    }
    html.focus-workbench #browserView .dense-metrics > span:nth-child(2) {
      border-right: 0 !important;
    }
    html.focus-workbench #browserView .dense-metrics > span:nth-child(3) {
      padding-left: 0 !important;
    }
    html.focus-workbench #userView .user-results {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #userView .user-card:not(.featured) {
      grid-column: auto !important;
    }
    html.focus-workbench #userView .user-card-head {
      grid-template-columns: 1fr !important;
      gap: 8px !important;
    }
    html.focus-workbench #userView .user-head-stats {
      justify-content: flex-start !important;
    }
    html.focus-workbench #userView .user-head-stat {
      justify-items: start !important;
    }
    html.focus-workbench #userView .user-profile-row {
      flex-direction: column !important;
    }
    html.focus-workbench #userView .user-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    html.focus-workbench #scopeView .scope-card,
    html.focus-workbench #scopeView .scope-created-card,
    html.focus-workbench #scopeView .scope-edge-card {
      grid-template-columns: 32px minmax(0, 1fr) !important;
      grid-template-areas: "rank main" "identity main" "metric1 metric1" "metric2 metric2" "note note" !important;
    }
    html.focus-workbench #scopeView .scope-metric {
      text-align: left !important;
    }
    html.focus-workbench #scopeView .scope-edge-model {
      grid-area: identity !important;
    }
    html.focus-workbench #scopeView .scope-created-title-row {
      flex-direction: column !important;
    }
    html.focus-workbench #scopeView .scope-created-aestus-link {
      align-self: flex-start !important;
    }
    html.focus-workbench #detailView .detail-hero {
      padding: 14px !important;
    }
    html.focus-workbench #detailView .detail-title {
      font-size: 22px !important;
    }
    html.focus-workbench #detailView .detail-runtime {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView .detail-runtime > * {
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border-soft) !important;
    }
    html.focus-workbench #detailView .detail-runtime > *:last-child {
      border-bottom: 0 !important;
    }
    html.focus-workbench #detailView .mkt-tools {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #detailView .mkt-listhead,
    html.focus-workbench #detailView .mkt-list .mkt-row {
      grid-template-columns: 12px minmax(0, 1fr) 46px 46px 40px !important;
      gap: 0 5px !important;
    }
    html.focus-workbench #detailView .ofw-progressive-canvas > :is(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel) {
      padding: 12px !important;
    }
    html.focus-workbench #detailView :where(.external-model-outcomes, .football-model-research-grid, .baseball-model-research-grid, .basketball-model-research-grid, .tennis-model-research-grid) {
      grid-template-columns: 1fr !important;
    }
    html.focus-workbench #membershipView .membership-form .row {
      grid-template-columns: 1fr !important;
    }
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign .sign-art,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign .sign-art :is(svg, img) {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-title,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-title a,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-taxonomy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview {
    grid-area: preview !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-ident .traffic-sign {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .traffic-sign,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-markets .traffic-sign {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    transform: none !important;
    overflow: hidden !important;
  }
  @media (max-width: 1080px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(240px, 1.25fr) minmax(300px, 1.8fr) minmax(112px, 144px) minmax(96px, 104px) !important;
      gap: 10px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-title,
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-title a {
      font-size: 15px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(0, 1fr) 100px !important;
      grid-template-rows: auto auto auto !important;
      grid-template-areas: "identity action" "preview preview" "metrics metrics" !important;
      min-height: 0 !important;
      padding: 10px !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices,
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-entry {
      min-height: 44px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      padding-top: 6px !important;
      border-top: 1px solid var(--ofw-border-soft) !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench #browserView#browserView #genreNav#genreNav {
      grid-template-columns: 1fr !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-all-markets, .side-tax-card) {
      min-height: 86px !important;
      padding: 12px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-name {
      grid-template-columns: 56px minmax(0, 1fr) !important;
      gap: 12px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign, .side-all-markets .traffic-sign) {
      width: 56px !important;
      height: 56px !important;
      min-width: 56px !important;
      min-height: 56px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line > strong,
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label strong {
      font-size: 20px !important;
      line-height: 1.12 !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count b,
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label small {
      font-size: 13px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(0, 1fr) 88px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 1px !important;
    min-width: 0 !important;
    padding: 1px !important;
    background: var(--ofw-border) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
    display: grid !important;
    grid-template-columns: minmax(300px, 1.25fr) minmax(420px, 2fr) minmax(152px, .55fr) minmax(104px, 112px) !important;
    grid-template-rows: minmax(82px, auto) !important;
    grid-template-areas: "identity preview metrics action" !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 96px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    gap: 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
    overflow: hidden !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card:hover,
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card:focus-visible {
    background: var(--ofw-surface-3) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card.selected {
    background: #172438 !important;
    box-shadow: inset 3px 0 0 var(--ofw-blue) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    aspect-ratio: 1 / 1 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign .sign-art {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign .sign-art :is(svg, img) {
    display: block !important;
    max-width: 86% !important;
    max-height: 86% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-title,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-title a,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-taxonomy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-type {
    align-self: start !important;
    min-height: 22px !important;
    padding: 3px 5px !important;
    color: var(--ofw-tertiary) !important;
    background: var(--ofw-bg) !important;
    font: 600 10px/1.15 var(--ofw-mono) !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview {
    grid-area: preview !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-entry {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    gap: 7px !important;
    padding: 6px 8px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-value {
    flex: 0 0 auto !important;
    align-self: center !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-ident .traffic-sign {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-title small {
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font: 500 11px/1.2 var(--ofw-sans) !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-all-markets, .side-tax-card) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-head {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-name {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 9px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-copy {
    display: grid !important;
    grid-template-rows: auto auto !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-detail-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: baseline !important;
    min-width: 0 !important;
    gap: 6px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign, .side-all-markets .traffic-sign) {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign .sign-art, .side-all-markets .traffic-sign .sign-art) {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign .sign-art svg, .side-tax-card .traffic-sign .sign-art img, .side-all-markets .traffic-sign .sign-art svg, .side-all-markets .traffic-sign .sign-art img) {
    display: block !important;
    max-width: 86% !important;
    max-height: 86% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  @media (max-width: 1080px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(240px, 1.25fr) minmax(300px, 1.8fr) minmax(136px, .55fr) minmax(96px, 104px) !important;
      gap: 10px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-title,
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-title a {
      font-size: 15px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(0, 1fr) 100px !important;
      grid-template-rows: auto auto auto !important;
      grid-template-areas: "identity action" "preview preview" "metrics metrics" !important;
      min-height: 0 !important;
      padding: 10px !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
      min-height: 44px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-entry {
      min-height: 44px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      padding-top: 6px !important;
      border-top: 1px solid var(--ofw-border-soft) !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench #browserView#browserView #genreNav#genreNav {
      grid-template-columns: 1fr !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-all-markets, .side-tax-card) {
      min-height: 86px !important;
      padding: 12px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-name {
      grid-template-columns: 56px minmax(0, 1fr) !important;
      gap: 12px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign, .side-all-markets .traffic-sign) {
      width: 56px !important;
      height: 56px !important;
      min-width: 56px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line > strong,
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label strong {
      font-size: 20px !important;
      line-height: 1.12 !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count b,
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label small {
      font-size: 13px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(0, 1fr) 88px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome {
    grid-template-columns: 304px minmax(0, 1fr) minmax(240px, 300px) !important;
    min-height: 76px !important;
    height: auto !important;
    padding: 10px 20px !important;
    gap: 16px !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .studio-rail-head {
    min-width: 0 !important;
    flex: 0 0 100% !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .studio-wordmark {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture,
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
    width: 174px !important;
    max-width: 100% !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster {
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome .studio-rail-foot {
    max-width: 300px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
  }
  html.focus-workbench #browserView .browser-hero,
  html.focus-workbench #userView .browser-hero,
  html.focus-workbench #scopeView .scope-hero {
    grid-template-columns: minmax(0, 1fr) minmax(480px, 560px) !important;
    min-height: 132px !important;
    height: auto !important;
    padding: 18px 20px !important;
    gap: 24px !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-side,
  html.focus-workbench #userView .browser-hero .hero-side,
  html.focus-workbench #scopeView .scope-hero .hero-side {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 150px !important;
    grid-template-rows: auto 38px !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  html.focus-workbench #userView .browser-hero .hero-side,
  html.focus-workbench #scopeView .scope-hero .hero-side {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-metrics,
  html.focus-workbench #userView .browser-hero .hero-metrics,
  html.focus-workbench #scopeView .scope-hero .hero-metrics {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: auto !important;
    min-height: 70px !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat,
  html.focus-workbench #userView .browser-hero .hero-stat,
  html.focus-workbench #scopeView .scope-hero .hero-stat {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-content: center !important;
    min-width: 0 !important;
    min-height: 68px !important;
    height: auto !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat .k,
  html.focus-workbench #userView .browser-hero .hero-stat .k,
  html.focus-workbench #scopeView .scope-hero .hero-stat .k {
    display: block !important;
    min-width: 0 !important;
    margin: 0 0 4px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat .v,
  html.focus-workbench #userView .browser-hero .hero-stat .v,
  html.focus-workbench #scopeView .scope-hero .hero-stat .v {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #browserView .browser-hero #catalogRefreshBtn,
  html.focus-workbench #browserView .browser-hero #catalogEvScanBtn {
    grid-row: 2 !important;
    min-height: 38px !important;
    margin: 0 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .browser-hero #catalogRefreshBtn {
    grid-column: 1 !important;
  }
  html.focus-workbench #browserView .browser-hero #catalogEvScanBtn {
    grid-column: 2 !important;
  }
  html.focus-workbench #browserView .ofw-workspace,
  html.focus-workbench #userView .ofw-workspace,
  html.focus-workbench #scopeView .ofw-workspace {
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  html.focus-workbench #browserView .ofw-index-pane,
  html.focus-workbench #userView .ofw-index-pane,
  html.focus-workbench #scopeView .ofw-index-pane {
    top: 92px !important;
    max-height: calc(100vh - 108px) !important;
  }
  html.focus-workbench #browserView .browser-controls {
    padding: 12px !important;
  }
  html.focus-workbench #browserView .catalog-toolbar {
    gap: 8px !important;
  }
  html.focus-workbench #browserView .catalog-toolbar input,
  html.focus-workbench #browserView .catalog-toolbar select {
    min-height: 38px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
  html.focus-workbench #browserView .genre-nav {
    gap: 4px !important;
    margin-top: 12px !important;
  }
  html.focus-workbench #browserView .genre-nav .side-all-markets,
  html.focus-workbench #browserView .genre-nav .side-tax-card {
    min-height: 58px !important;
    padding: 10px !important;
    color: var(--ofw-secondary) !important;
  }
  html.focus-workbench #browserView .genre-nav .side-all-markets strong,
  html.focus-workbench #browserView .genre-nav .side-tax-card strong {
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #browserView .genre-nav .side-all-markets small,
  html.focus-workbench #browserView .genre-nav .side-tax-card small,
  html.focus-workbench #browserView .genre-nav .side-tax-vol small {
    display: block !important;
    color: var(--ofw-tertiary) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-head,
  html.focus-workbench #browserView .genre-nav .side-tax-name {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-name > span:last-child {
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-vol {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView .genre-nav .side-top-list {
    display: none !important;
  }
  html.focus-workbench #catalogList .catalog-results-head {
    min-height: 64px !important;
    padding: 12px 16px !important;
  }
  html.focus-workbench #catalogList .catalog-results-title {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats {
    gap: 20px !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats small {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #catalogList .catalog-head-stats b {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #catalogList .market-group {
    margin-bottom: 12px !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench #catalogList .market-group-head {
    min-height: 52px !important;
    padding: 10px 12px !important;
  }
  html.focus-workbench #catalogList .market-group-title strong {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #catalogList .market-group-title small,
  html.focus-workbench #catalogList .market-group-stats small {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #catalogList .market-group-stats b {
    font-size: 12px !important;
  }
  html.focus-workbench #catalogList .market-group-grid {
    gap: 8px !important;
    padding: 8px !important;
  }
  html.focus-workbench #catalogList .dense-market-card {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.1fr) minmax(360px, 1.6fr) minmax(252px, 1fr) 120px !important;
    grid-template-rows: minmax(86px, auto) !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 112px !important;
    height: auto !important;
    padding: 10px 12px !important;
    gap: 12px !important;
    border-color: var(--ofw-border-soft) !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #catalogList .dense-card-top {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
    height: auto !important;
    gap: 8px !important;
  }
  html.focus-workbench #catalogList .dense-card-copy,
  html.focus-workbench #catalogList .catalog-title,
  html.focus-workbench #catalogList .catalog-title a,
  html.focus-workbench #catalogList .catalog-taxonomy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #catalogList .catalog-title,
  html.focus-workbench #catalogList .catalog-title a {
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #catalogList .catalog-taxonomy {
    margin-top: 5px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #catalogList .dense-type {
    align-self: start !important;
    padding-top: 1px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .dense-preview {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  html.focus-workbench #catalogList .dense-preview-prices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 64px !important;
    gap: 6px !important;
    overflow: visible !important;
  }
  html.focus-workbench #catalogList .catalog-preview-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 64px !important;
    height: auto !important;
    padding: 8px 9px !important;
    gap: 6px !important;
    border: 1px solid var(--ofw-border) !important;
    border-radius: 5px !important;
    background: var(--ofw-surface) !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #catalogList .catalog-preview-label {
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #catalogList .catalog-preview-value {
    align-self: center !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .dense-metrics {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: center !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    gap: 6px 12px !important;
  }
  html.focus-workbench #catalogList .dense-metric {
    min-width: 0 !important;
    width: auto !important;
    min-height: 24px !important;
    padding: 3px 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
  }
  html.focus-workbench #catalogList .dense-metric b {
    font-size: 13px !important;
    font-weight: 650 !important;
  }
  html.focus-workbench #catalogList .dense-card-foot {
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    justify-items: end !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    gap: 6px !important;
  }
  html.focus-workbench #catalogList .dense-open-action {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #catalogList .dense-open {
    font-size: 11px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView #catalogList .dense-market-card {
    grid-template-columns: minmax(250px, 1.1fr) minmax(360px, 1.6fr) minmax(252px, 1fr) 120px !important;
    grid-template-rows: minmax(96px, auto) !important;
    height: 124px !important;
    min-height: 124px !important;
  }
  html.focus-workbench #browserView #catalogList .dense-card-top {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    height: auto !important;
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 78px !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: 12px !important;
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices > span.catalog-preview-entry {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    min-height: 78px !important;
    height: auto !important;
    padding: 7px 8px !important;
    gap: 4px !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices > span.catalog-preview-entry > b.catalog-preview-label {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices > span.catalog-preview-entry > em.catalog-preview-value {
    display: block !important;
    justify-self: end !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView #catalogList .dense-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }
  html.focus-workbench #browserView #catalogList .dense-metric {
    min-width: 0 !important;
    padding-inline: 0 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-card .side-tax-name {
    display: flex !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-card .side-tax-name > span:last-child {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 90px !important;
    align-items: center !important;
    width: 100% !important;
    gap: 8px !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-name {
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-name > span:last-child {
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-name strong,
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-name small {
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-vol {
    width: 90px !important;
    min-width: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-card .side-tax-vol small {
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat,
  html.focus-workbench #userView .browser-hero .hero-stat,
  html.focus-workbench #scopeView .scope-hero .hero-stat {
    width: auto !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat .v,
  html.focus-workbench #userView .browser-hero .hero-stat .v,
  html.focus-workbench #scopeView .scope-hero .hero-stat .v {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  html.focus-workbench #userView .ofw-workspace,
  html.focus-workbench #scopeView .ofw-workspace,
  html.focus-workbench #browserView .ofw-workspace,
  html.focus-workbench #userView .ofw-canvas-pane,
  html.focus-workbench #scopeView .ofw-canvas-pane,
  html.focus-workbench #browserView .ofw-canvas-pane {
    min-height: 0 !important;
    height: auto !important;
  }
  html.focus-workbench #userView .user-results,
  html.focus-workbench #scopeView .scope-feed {
    min-height: 0 !important;
    height: auto !important;
  }
  html.focus-workbench #userView .user-empty,
  html.focus-workbench #scopeView .scope-empty {
    display: flex !important;
    align-items: center !important;
    min-height: 88px !important;
    width: auto !important;
    margin: 12px !important;
    padding: 16px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    background: var(--ofw-surface) !important;
    color: var(--ofw-secondary) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-card {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-card .side-tax-head {
    width: 100% !important;
    justify-content: space-between !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-card .side-tax-name {
    flex: 1 1 auto !important;
  }
  html.focus-workbench #browserView .genre-nav .side-tax-card .side-tax-vol {
    flex: 0 0 auto !important;
    width: auto !important;
  }
  html.focus-workbench #catalogList .dense-preview-prices {
    font-size: 12px !important;
    white-space: normal !important;
  }
  html.focus-workbench #catalogList .catalog-preview-entry {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 78px !important;
  }
  html.focus-workbench #catalogList .catalog-preview-label {
    width: 100% !important;
    max-width: 100% !important;
  }
  html.focus-workbench #catalogList .catalog-preview-value {
    justify-self: end !important;
  }
  html.focus-workbench #catalogList .dense-market-card {
    min-height: 124px !important;
    height: 124px !important;
  }
  html.focus-workbench #catalogList .dense-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
  }
  html.focus-workbench #catalogList .dense-metric {
    white-space: nowrap !important;
  }
  html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture {
    display: block !important;
    flex: 0 0 174px !important;
    width: 174px !important;
    height: 48px !important;
    overflow: visible !important;
    line-height: 0 !important;
  }
  html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
    display: block !important;
    width: 174px !important;
    height: 48px !important;
    max-width: 174px !important;
    max-height: 48px !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
  }
  @media (min-width: 861px) {
    html.focus-workbench #browserView#browserView .browser-hero {
      min-height: 0 !important;
      padding: 14px 18px !important;
      gap: 18px !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-side {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) 144px !important;
      grid-template-rows: auto !important;
      align-items: center !important;
      gap: 10px !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-metrics {
      grid-column: 1 !important;
      grid-row: 1 !important;
      min-height: 64px !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero #catalogRefreshBtn {
      grid-column: 2 !important;
      grid-row: 1 !important;
      align-self: center !important;
      width: 144px !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero #catalogEvScanBtn {
      display: none !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-results-head {
      min-height: 58px !important;
      padding: 9px 14px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-groups {
      gap: 6px !important;
      padding: 6px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group {
      margin: 0 !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-head {
      min-height: 50px !important;
      padding: 7px 10px !important;
      gap: 10px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-grid {
      gap: 1px !important;
      padding: 1px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card {
      grid-template-columns: minmax(250px, 1.1fr) minmax(410px, 1.8fr) minmax(200px, .9fr) 116px !important;
      grid-template-rows: minmax(72px, auto) !important;
      grid-template-areas: "identity preview metrics action" !important;
      min-height: 92px !important;
      height: auto !important;
      padding: 8px 10px !important;
      gap: 10px !important;
      align-items: center !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-top {
      grid-template-columns: 36px minmax(0, 1fr) auto !important;
      gap: 8px !important;
      align-items: center !important;
      height: auto !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo {
      width: 36px !important;
      height: 36px !important;
      min-width: 36px !important;
      aspect-ratio: 1 / 1 !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign {
      width: 34px !important;
      height: 34px !important;
      flex: 0 0 34px !important;
      aspect-ratio: 1 / 1 !important;
      margin: 0 !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
      min-height: 60px !important;
      height: auto !important;
      gap: 6px !important;
      align-items: stretch !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices > span.catalog-preview-entry {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      min-height: 56px !important;
      height: auto !important;
      padding: 6px 8px !important;
      gap: 8px !important;
      overflow: visible !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices > span.catalog-preview-entry > b.catalog-preview-label {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      width: auto !important;
      font-size: 12px !important;
      line-height: 1.2 !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      overflow-wrap: normal !important;
      word-break: normal !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices > span.catalog-preview-entry > em.catalog-preview-value {
      flex: 0 0 auto !important;
      justify-self: auto !important;
      font-size: 13px !important;
      line-height: 1.15 !important;
      white-space: nowrap !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 4px !important;
      align-items: center !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric {
      min-width: 0 !important;
      min-height: 22px !important;
      padding: 2px 0 !important;
      font-size: 12px !important;
      line-height: 1.2 !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
      gap: 5px !important;
    }
  }
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag,
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag .sign-art {
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag .sign-art {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag .country-flag-frame {
    display: grid !important;
    place-items: center !important;
    width: 90% !important;
    height: 90% !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag .country-flag-svg,
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag .country-flag-asset {
    display: block !important;
    width: 90% !important;
    height: auto !important;
    max-width: 90% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView :is(.market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }
  html.focus-workbench #browserView#browserView .market-card-logo .traffic-sign.flag {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }
  html.focus-workbench #browserView#browserView .traffic-sign[data-competition-code] .competition-official-logo,
  html.focus-workbench #browserView#browserView .traffic-sign .brand-official-logo {
    display: block !important;
    width: 82% !important;
    height: 82% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  @media (max-width: 620px) {
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture {
      flex-basis: 52px !important;
      width: 52px !important;
      height: 52px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
      width: 52px !important;
      height: 52px !important;
      max-width: 52px !important;
      max-height: 52px !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-metrics {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      min-height: 0 !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-stat {
      min-height: 58px !important;
      padding: 8px 7px !important;
      border-right: 1px solid var(--ofw-border-soft) !important;
      border-bottom: 0 !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-stat:last-child {
      border-right: 0 !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-stat .k {
      font-size: 10px !important;
      line-height: 1.2 !important;
    }
    html.focus-workbench #browserView#browserView .browser-hero .hero-stat .v {
      font-size: 11px !important;
      line-height: 1.25 !important;
    }
  }
  @media (min-width: 1081px) {
    html.focus-workbench #detailView #mktSplit.ofw-execution-row {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      min-width: 0 !important;
      width: 100% !important;
      gap: 0 !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      min-width: 0 !important;
      width: auto !important;
      max-width: none !important;
    }
  }
  html.focus-workbench #detailView .ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #valueBoard {
    grid-area: model !important;
    width: auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #structurePanel {
    grid-area: structure !important;
    width: auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #holderResearchPanel {
    grid-area: holder !important;
    width: auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > #recentMediaPanel {
    grid-area: media !important;
    width: auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .ofw-progressive-canvas > :is(#valueBoard, #structurePanel, #holderResearchPanel, #recentMediaPanel, #assumptionsPanel, #betSizingPanel, #forecastJournalPanel) {
    min-height: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView .detail-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 430px) !important;
    min-width: 0 !important;
  }
  html.focus-workbench #detailView .detail-runtime.detail-runtime-cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }
  html.focus-workbench #detailView .detail-runtime.detail-runtime-cards .detail-mini-card {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #detailView .detail-runtime.detail-runtime-cards .detail-mini-card .v {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
  html.focus-workbench :where(.preview-loading, .catalog-loading, .user-loading, .scope-loading, .detail-loading) {
    min-height: 64px !important;
    max-height: 112px !important;
    height: auto !important;
    padding: 16px !important;
    overflow: hidden !important;
  }
  html.focus-workbench :where(.preview-loading, .catalog-loading, .user-loading, .scope-loading, .detail-loading)::before {
    min-height: 12px !important;
  }
  html.focus-workbench :where(.catalog-preview-entry, .dense-metric, .hero-stat .v, .user-card, .scope-card, .mkt-row, .mkt-px, .mkt-dlt) {
    transition: none !important;
  }
  html.focus-workbench #userView .user-results,
  html.focus-workbench #scopeView .scope-feed {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html.focus-workbench #userView .user-empty,
  html.focus-workbench #scopeView .scope-empty {
    grid-column: 1 / -1 !important;
    width: auto !important;
  }
  @media (min-width: 1081px) {
    html.focus-workbench #detailView#detailView #mktSplit.ofw-execution-row {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      grid-template-rows: auto !important;
      grid-template-areas: "outcomes chart orderbook" !important;
      width: 100% !important;
      min-width: 0 !important;
      gap: 0 !important;
    }
    html.focus-workbench #detailView#detailView #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-row: 1 !important;
      min-width: 0 !important;
      width: auto !important;
      max-width: none !important;
    }
  }
  @media (max-width: 1080px) {
    html.focus-workbench #detailView .ofw-progressive-canvas {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #appSwitch.app-switch.ofw-chrome {
      grid-template-columns: 180px minmax(0, 1fr) !important;
      min-height: 64px !important;
      padding: 8px 12px !important;
    }
    html.focus-workbench #appSwitch.app-switch.ofw-chrome .studio-rail-foot {
      display: none !important;
    }
    html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster {
      justify-content: flex-end !important;
    }
    html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster button {
      padding-inline: 10px !important;
    }
    html.focus-workbench #browserView .browser-hero,
    html.focus-workbench #userView .browser-hero,
    html.focus-workbench #scopeView .scope-hero {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 14px !important;
    }
    html.focus-workbench #browserView .browser-hero .hero-side,
    html.focus-workbench #userView .browser-hero .hero-side,
    html.focus-workbench #scopeView .scope-hero .hero-side {
      grid-template-columns: minmax(0, 1fr) 150px !important;
    }
    html.focus-workbench #browserView .ofw-workspace,
    html.focus-workbench #userView .ofw-workspace,
    html.focus-workbench #scopeView .ofw-workspace {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    html.focus-workbench #browserView .ofw-index-pane,
    html.focus-workbench #userView .ofw-index-pane,
    html.focus-workbench #scopeView .ofw-index-pane {
      position: static !important;
      max-height: none !important;
      overflow: visible !important;
    }
    html.focus-workbench #browserView #catalogList .dense-market-card {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
      height: auto !important;
      min-height: 0 !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView #catalogList .dense-card-top,
    html.focus-workbench #browserView #catalogList .dense-preview,
    html.focus-workbench #browserView #catalogList .dense-metrics,
    html.focus-workbench #browserView #catalogList .dense-card-foot {
      grid-column: 1 !important;
      grid-row: auto !important;
    }
    html.focus-workbench #browserView #catalogList .dense-card-foot {
      justify-items: start !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
      grid-template-areas: "outcomes" "chart" "orderbook" !important;
    }
    html.focus-workbench #detailView #mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-row: auto !important;
      grid-column: auto !important;
      width: auto !important;
      max-width: none !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench #appSwitch.app-switch.ofw-chrome {
      grid-template-columns: 1fr !important;
      gap: 6px !important;
      min-height: 0 !important;
    }
    html.focus-workbench #appSwitch.app-switch.ofw-chrome .studio-rail-head {
      justify-content: space-between !important;
    }
    html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster {
      justify-content: stretch !important;
    }
    html.focus-workbench #appSwitch.app-switch.ofw-chrome .nav-cluster button {
      flex: 1 1 0 !important;
      min-width: 0 !important;
    }
    html.focus-workbench #browserView .browser-hero,
    html.focus-workbench #userView .browser-hero,
    html.focus-workbench #scopeView .scope-hero {
      padding: 14px !important;
    }
    html.focus-workbench #browserView .browser-hero .hero-side,
    html.focus-workbench #userView .browser-hero .hero-side,
    html.focus-workbench #scopeView .scope-hero .hero-side {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto !important;
    }
    html.focus-workbench #browserView .browser-hero .hero-metrics,
    html.focus-workbench #userView .browser-hero .hero-metrics,
    html.focus-workbench #scopeView .scope-hero .hero-metrics {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    html.focus-workbench #browserView .browser-hero .hero-stat,
    html.focus-workbench #userView .browser-hero .hero-stat,
    html.focus-workbench #scopeView .scope-hero .hero-stat {
      border-right: 0 !important;
      border-bottom: 1px solid var(--ofw-border-soft) !important;
    }
    html.focus-workbench #browserView .browser-hero .hero-stat:last-child,
    html.focus-workbench #userView .browser-hero .hero-stat:last-child,
    html.focus-workbench #scopeView .scope-hero .hero-stat:last-child {
      border-bottom: 0 !important;
    }
    html.focus-workbench #catalogList .catalog-head-stats {
      display: none !important;
    }
    html.focus-workbench #catalogList .dense-preview-prices {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
  html.focus-workbench #detailView#detailView :where(.back-button, .detail-betline .k, .detail-runtime-cards .k, .detail-runtime-cards .v, .detail-mini-card .k, .detail-mini-card .v, .sel-n, .mono-sm, .structure-tab, .ofw-orderbook-col h3, .ofw-orderbook-col th, .ofw-orderbook-col td, .ofw-orderbook-col small, .market-pressure-meta, .market-pressure-note, .market-pressure-sub, .chart-status, .chart-legend, .leg-item) {
    min-height: 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView#detailView :where(.detail-betline .v, .detail-runtime-cards .v, .detail-mini-card .v, .ofw-orderbook-col b, .ofw-orderbook-col .bid, .ofw-orderbook-col .ask) {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView#detailView :where(.ofw-orderbook-col .market-pressure, .ofw-orderbook-col .market-pressure-note, .ofw-orderbook-col .market-pressure-meta, .ofw-orderbook-col .structure-market-data, .ofw-orderbook-col .status) {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  html.focus-workbench #detailView#detailView :where(.ofw-orderbook-col table, .ofw-orderbook-col th, .ofw-orderbook-col td) {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #detailView#detailView :where(button, select, input, textarea) {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  @media (min-width: 1081px) {
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      grid-template-rows: auto !important;
      grid-template-areas: "outcomes chart orderbook" !important;
      width: 100% !important;
      min-width: 0 !important;
      gap: 0 !important;
    }
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > .mkt-list-col {
      grid-area: 1 / 1 !important;
      grid-row: 1 !important;
      grid-column: 1 !important;
      width: auto !important;
      max-width: none !important;
    }
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > .mkt-chart-col {
      grid-area: 1 / 2 !important;
      grid-row: 1 !important;
      grid-column: 2 !important;
      width: auto !important;
      max-width: none !important;
      padding: 0 10px 8px !important;
    }
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > .ofw-orderbook-col {
      grid-area: 1 / 3 !important;
      grid-row: 1 !important;
      grid-column: 3 !important;
      width: auto !important;
      max-width: none !important;
      border-top: 0 !important;
    }
  }
  html.focus-workbench #detailView#detailView#detailView :where(.back-button, .detail-betline .k, .detail-runtime-cards .k, .detail-runtime-cards .v, .detail-mini-card .k, .detail-mini-card .v, .sel-n, .mono-sm, .structure-tab, .chart-status, .chart-legend, .leg-item) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView#detailView#detailView :where(.detail-betline .v, .detail-runtime-cards .v, .detail-mini-card .v) {
    font-size: 12px !important;
  }
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel :where(button, select, input, textarea, small, h3, th, td, b, .market-pressure-meta, .market-pressure-note, .market-pressure-sub, .market-pressure, .structure-market-data, .status) {
    min-height: 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel :where(button, select, input, textarea) {
    min-height: 32px !important;
    font-size: 12px !important;
  }
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row :where(.ofw-orderbook-col table, .ofw-orderbook-col th, .ofw-orderbook-col td, .ofw-orderbook-col h3, .ofw-orderbook-col small, .ofw-orderbook-col b) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView#detailView#detailView #valueBoard :where(small, .model-status-tag, .model-status-foot, .external-model-note, .external-model-provenance, .external-model-distribution-note, .status, .legend) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  @media (max-width: 1080px) {
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto auto !important;
      grid-template-areas: "outcomes" "chart" "orderbook" !important;
    }
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
      grid-area: auto / 1 !important;
      grid-row: auto !important;
      grid-column: 1 !important;
      width: auto !important;
      max-width: none !important;
    }
  }
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel > .ofw-progressive-canvas.ofw-progressive-canvas.ofw-progressive-canvas {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas: "model structure" "holder holder" "media media" !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit .ofw-orderbook-col .structure-bet-switcher label > span,
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit .ofw-orderbook-col .market-pressure strong,
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit .mkt-list-col .mkt-selbar,
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit .mkt-list-col .mkt-selbar .sel-acts,
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit .mkt-chart-col .mkt-selbar,
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit .mkt-chart-col .mkt-selbar .sel-acts,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-sub,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-meta,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-empty,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-market-label,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-market-link,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-referral-note,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-kind,
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-source {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  @media (max-width: 1080px) {
    html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel > .ofw-progressive-canvas.ofw-progressive-canvas.ofw-progressive-canvas {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "model" "structure" "holder" "media" !important;
    }
  }
  html.focus-workbench #detailView#detailView#detailView .detail-runtime-cards.detail-runtime-cards.detail-runtime-cards {
    grid-template-rows: auto !important;
    height: auto !important;
    overflow: visible !important;
    align-items: start !important;
  }
  html.focus-workbench #detailView#detailView#detailView .detail-runtime-cards .detail-mini-card.detail-mini-card.detail-mini-card {
    height: auto !important;
    min-height: 69px !important;
    overflow: visible !important;
  }
  html.focus-workbench #detailView#detailView#detailView .detail-runtime-cards .detail-mini-card .v {
    display: block !important;
    height: auto !important;
    min-height: 32px !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html.focus-workbench #detailView#detailView#detailView #recentMediaPanel#recentMediaPanel .recent-media-kind {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    height: auto !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel > .ofw-progressive-canvas.ofw-progressive-canvas.ofw-progressive-canvas > .panel:nth-child(1),
  html.focus-workbench #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel > .ofw-progressive-canvas.ofw-progressive-canvas.ofw-progressive-canvas > .panel.value-board {
    height: auto !important;
    align-self: start !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench #detailView#detailView#detailView #valueBoard .football-model-panel .model-status-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 16px !important;
    min-height: 0 !important;
    padding: 12px !important;
  }
  html.focus-workbench #detailView#detailView#detailView #valueBoard .football-model-panel .model-status-head {
    display: contents !important;
  }
  html.focus-workbench #detailView#detailView#detailView #valueBoard .football-model-panel .model-status-head > div {
    min-width: 0 !important;
  }
  html.focus-workbench #detailView#detailView#detailView #valueBoard .football-model-panel .model-status-card p,
  html.focus-workbench #detailView#detailView#detailView #valueBoard .football-model-panel .model-status-card .model-status-foot {
    display: none !important;
  }
  html.focus-workbench #browserView #genreNav .side-all-markets,
  html.focus-workbench #browserView #genreNav .side-tax-card {
    height: auto !important;
    min-height: 58px !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView #genreNav .side-all-markets small,
  html.focus-workbench #browserView #genreNav .side-tax-card small {
    white-space: normal !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView #genreNav .side-all-markets b {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #browserView .browser-controls .manual-load summary,
  html.focus-workbench #catalogList .catalog-results-kicker {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #userView,
  html.focus-workbench #scopeView {
    min-height: 0 !important;
    height: auto !important;
  }
  html.focus-workbench #userView .ofw-workspace,
  html.focus-workbench #scopeView .ofw-workspace {
    grid-template-rows: auto !important;
  }
  html.focus-workbench #userView .ofw-index-pane,
  html.focus-workbench #scopeView .ofw-index-pane {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-self: start !important;
  }
  html.focus-workbench #userView .ofw-index-pane label,
  html.focus-workbench #userView .ofw-index-pane .status,
  html.focus-workbench #scopeView .ofw-index-pane label,
  html.focus-workbench #scopeView .ofw-index-pane .status {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  html.focus-workbench #userView .ofw-index-pane button,
  html.focus-workbench #scopeView .ofw-index-pane button {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  html.focus-workbench #membershipView {
    min-height: 0 !important;
    height: auto !important;
  }
  html.focus-workbench #membershipView .browser-hero .hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-width: 0 !important;
  }
  html.focus-workbench #membershipView .browser-hero .hero-stat {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }
  html.focus-workbench #membershipView .browser-hero .hero-stat .k,
  html.focus-workbench #membershipView .browser-hero .hero-stat .v {
    width: auto !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html.focus-workbench #membershipView .membership-shell,
  html.focus-workbench #membershipView .ofw-membership-workspace,
  html.focus-workbench #membershipView .ofw-membership-workspace .ofw-index-pane,
  html.focus-workbench #membershipView .ofw-membership-workspace .ofw-canvas-pane {
    grid-template-rows: auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }
  html.focus-workbench #userView .registered-access-screen,
  html.focus-workbench #scopeView .registered-access-screen {
    min-height: 0 !important;
    height: auto !important;
    padding: 24px !important;
  }
  @media (max-width: 620px) {
    html.focus-workbench #appSwitch .nav-cluster button {
      padding-inline: 6px !important;
    }
    html.focus-workbench #appSwitch .nav-cluster .nav-label {
      font-size: 13px !important;
      overflow: visible !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
    }
    html.focus-workbench #detailView#detailView#detailView .detail-hero,
    html.focus-workbench #detailView#detailView#detailView .detail-hero-grid {
      grid-template-columns: minmax(0, 1fr) !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    html.focus-workbench #detailView#detailView#detailView .detail-runtime.detail-runtime-cards {
      grid-template-columns: minmax(0, 1fr) !important;
      width: 100% !important;
    }
    html.focus-workbench #detailView#detailView#detailView .recent-media-item {
      grid-template-columns: 52px minmax(0, 1fr) auto !important;
      width: 100% !important;
      height: auto !important;
      min-height: 52px !important;
    }
  }
  html.focus-workbench #detailView#detailView#detailView .recent-media-item,
  html.focus-workbench #detailView#detailView#detailView .recent-media-item strong,
  html.focus-workbench #detailView#detailView#detailView .recent-media-source,
  html.focus-workbench #detailView#detailView#detailView .mkt-betlabel,
  html.focus-workbench #detailView#detailView#detailView .mkt-nm {
    text-overflow: clip !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
  }
  html.focus-workbench #detailView#detailView#detailView .mkt-row {
    height: auto !important;
    min-height: 32px !important;
    align-items: center !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-markets,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 68px !important;
    padding: 9px 10px !important;
    overflow: visible !important;
    text-align: left !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-tax-head {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-tax-name {
    display: contents !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-tax-copy {
    grid-column: 2 !important;
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-detail-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line > strong {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-primary,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-secondary {
    display: grid !important;
    justify-items: end !important;
    gap: 1px !important;
    min-width: 0 !important;
    line-height: 1.1 !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-primary b,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-secondary b {
    display: block !important;
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-primary small,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-secondary small,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count small {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count {
    display: grid !important;
    grid-template-columns: auto auto !important;
    align-items: baseline !important;
    justify-content: start !important;
    gap: 4px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count b {
    display: block !important;
    margin: 0 !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-top-list,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-top-empty {
    display: none !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .traffic-sign {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    align-self: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex: 0 0 36px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    transform: none !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .traffic-sign .sign-art {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    transform: none !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .traffic-sign .sign-art :is(svg, img) {
    display: block !important;
    width: 74% !important;
    height: 74% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label strong {
    display: block !important;
    min-width: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label small,
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-metric small {
    display: block !important;
    margin: 0 !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-metric {
    display: grid !important;
    justify-items: end !important;
    gap: 1px !important;
    min-width: 0 !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-metric b {
    display: block !important;
    margin: 0 !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView :is(.traffic-sign, .market-card-logo, .market-group-ident) {
    box-sizing: border-box !important;
  }
  html.focus-workbench #browserView#browserView :is(.traffic-sign .sign-art, .market-card-logo .sign-art, .market-group-ident .sign-art) {
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView :is(.traffic-sign .sign-art svg, .traffic-sign .sign-art img, .market-card-logo .sign-art svg, .market-card-logo .sign-art img, .market-group-ident .sign-art svg, .market-group-ident .sign-art img) {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView :is(.traffic-sign[data-competition-code] .competition-official-logo, .traffic-sign .brand-official-logo) {
    width: 82% !important;
    height: 82% !important;
  }
  html.focus-workbench #browserView#browserView :is(.traffic-sign.flag .country-flag-svg, .traffic-sign.flag .country-flag-asset) {
    width: 90% !important;
    height: auto !important;
    max-width: 90% !important;
    max-height: 100% !important;
  }
  @media (min-width: 1281px) {
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome {
      grid-template-columns: 440px minmax(0, 1fr) minmax(240px, 260px) !important;
      min-height: 106px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .studio-rail-head {
      min-width: 0 !important;
      height: 86px !important;
      gap: 16px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture {
      flex: 0 0 320px !important;
      width: 320px !important;
      height: 85px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
      width: 320px !important;
      height: 85px !important;
      max-width: 320px !important;
      max-height: 85px !important;
    }
  }
  @media (min-width: 1081px) and (max-width: 1280px) {
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome {
      grid-template-columns: 360px minmax(0, 1fr) minmax(210px, 220px) !important;
      min-height: 96px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .studio-rail-head {
      min-width: 0 !important;
      height: 76px !important;
      gap: 14px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture {
      flex: 0 0 260px !important;
      width: 260px !important;
      height: 69px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
      width: 260px !important;
      height: 69px !important;
      max-width: 260px !important;
      max-height: 69px !important;
    }
  }
  @media (max-width: 1080px) and (min-width: 861px) {
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture {
      flex-basis: 196px !important;
      width: 196px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
      width: 196px !important;
      max-width: 196px !important;
    }
  }
  html.focus-workbench #detailView#detailView.aestus-baseball-detail.aestus-workbench-active .aestus-beta60-layout,
  html.focus-workbench #detailView#detailView.aestus-baseball-detail.aestus-workbench-active #eventOptionsPanel,
  html.focus-workbench #detailView#detailView.aestus-baseball-detail.aestus-workbench-active #mktSplit {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }
  html.focus-workbench #detailView#detailView.aestus-baseball-detail.aestus-workbench-active #eventOptionsPanel > .event-options-head {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
  }
  html.focus-workbench #detailView#detailView.aestus-baseball-detail.aestus-workbench-active #mktSplit > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
  }
  html.focus-workbench #detailView#detailView.aestus-baseball-detail.aestus-workbench-active #mktSplit > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) > .ofw-module-head {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
  }
  html.focus-workbench #detailView#detailView #mktSplit#mktSplit > :is(.mkt-list-col, .mkt-chart-col, .ofw-orderbook-col) > .ofw-module-head {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
  }
  html.focus-workbench #detailView#detailView .mkt-chart-col .chart-wrap {
    position: relative !important;
    flex: 0 0 320px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 320px !important;
    min-height: 0 !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #detailView#detailView .mkt-chart-col .chart-wrap #priceChart,
  html.focus-workbench #detailView#detailView .mkt-chart-col > #priceChart {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    image-rendering: auto !important;
  }
  html.focus-workbench #detailView#detailView .mkt-chart-col .chart-tip {
    max-width: calc(100% - 12px) !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #detailView#detailView #mktSelBar[hidden],
  html.focus-workbench #detailView#detailView #mktTools[hidden] {
    display: none !important;
  }
  @media (max-width: 1080px) {
    html.focus-workbench #detailView#detailView .mkt-chart-col .chart-wrap {
      flex-basis: 290px !important;
      height: 290px !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-picture {
      flex-basis: 60px !important;
      width: 60px !important;
      height: 60px !important;
    }
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome .aestus-wordmark-logo {
      width: 60px !important;
      height: 60px !important;
      max-width: 60px !important;
      max-height: 60px !important;
    }
    html.focus-workbench #detailView#detailView .mkt-chart-col .chart-wrap {
      flex-basis: 260px !important;
      height: 260px !important;
    }
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1px !important;
    min-width: 0 !important;
    padding: 1px !important;
    background: var(--ofw-border) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
    display: grid !important;
    grid-template-columns: minmax(280px, 1.25fr) minmax(420px, 2fr) minmax(120px, 160px) minmax(104px, 112px) !important;
    grid-template-rows: minmax(82px, auto) !important;
    grid-template-areas: "identity preview metrics action" !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 96px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    gap: 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--ofw-surface) !important;
    overflow: hidden !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card:hover,
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card:focus-visible {
    background: var(--ofw-surface-3) !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-top {
    grid-area: identity !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-card-logo .traffic-sign {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-card-logo, .market-group-ident) .sign-art,
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-card-logo, .market-group-ident) .sign-art :is(svg, img) {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.dense-card-copy, .catalog-title, .catalog-title a, .catalog-taxonomy) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-title,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-title a {
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.22 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-market-card .catalog-taxonomy {
    margin-top: 4px !important;
    color: var(--ofw-tertiary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview {
    grid-area: preview !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-entry {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    gap: 7px !important;
    padding: 6px 8px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: var(--ofw-bg) !important;
    overflow: hidden !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: var(--ofw-secondary) !important;
    font-family: var(--ofw-sans) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-value {
    flex: 0 0 auto !important;
    color: var(--ofw-primary) !important;
    font-family: var(--ofw-mono) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
    grid-area: metrics !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 3px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric {
    display: block !important;
    min-width: 0 !important;
    min-height: 20px !important;
    padding: 2px 3px !important;
    border-right: 1px solid var(--ofw-border-soft) !important;
    color: var(--ofw-tertiary) !important;
    text-align: center !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric:last-child {
    border-right: 0 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric small {
    display: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric b {
    display: block !important;
    min-width: 0 !important;
    color: var(--ofw-tertiary) !important;
    font: 600 10px/1.2 var(--ofw-mono) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
    grid-area: action !important;
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    min-width: 0 !important;
    gap: 5px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-open-action {
    color: var(--ofw-blue-soft) !important;
    font: 700 10px/1.1 var(--ofw-mono) !important;
    letter-spacing: .04em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-head {
    min-height: 58px !important;
    padding: 8px 12px !important;
    gap: 12px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-ident {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 10px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-ident .traffic-sign {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-title strong {
    color: var(--ofw-primary) !important;
    font: 650 17px/1.15 var(--ofw-sans) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-title small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--ofw-tertiary) !important;
    font: 500 11px/1.2 var(--ofw-sans) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-stats {
    gap: 12px !important;
    opacity: .72 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-stats small {
    color: var(--ofw-tertiary) !important;
    font-size: 9px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-stats b {
    color: var(--ofw-tertiary) !important;
    font: 600 11px/1.15 var(--ofw-mono) !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-all-markets, .side-tax-card) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-tax-head {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 9px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-tax-name {
    display: contents !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-card .side-tax-copy {
    grid-column: 2 !important;
    display: grid !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-title-line, .side-tax-detail-line) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: baseline !important;
    min-width: 0 !important;
    gap: 6px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line > strong {
    min-width: 0 !important;
    color: var(--ofw-primary) !important;
    font: 650 15px/1.15 var(--ofw-sans) !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count b {
    color: var(--ofw-secondary) !important;
    font: 600 12px/1.15 var(--ofw-mono) !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-primary, .side-tax-secondary, .side-all-metric) {
    display: grid !important;
    justify-items: end !important;
    min-width: 0 !important;
    gap: 1px !important;
    text-align: right !important;
    opacity: .72 !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-primary b, .side-tax-secondary b, .side-all-metric b) {
    color: var(--ofw-tertiary) !important;
    font: 600 10px/1.1 var(--ofw-mono) !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-primary small, .side-tax-secondary small, .side-all-metric small) {
    color: var(--ofw-tertiary) !important;
    font: 500 8px/1.1 var(--ofw-sans) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign, .side-all-markets .traffic-sign) {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 1 / 1 !important;
    transform: none !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign .sign-art, .side-all-markets .traffic-sign .sign-art) {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign .sign-art svg, .side-tax-card .traffic-sign .sign-art img, .side-all-markets .traffic-sign .sign-art svg, .side-all-markets .traffic-sign .sign-art img) {
    display: block !important;
    width: 86% !important;
    height: 86% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-markets {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label {
    display: grid !important;
    min-width: 0 !important;
    gap: 3px !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label strong {
    color: var(--ofw-primary) !important;
    font: 650 15px/1.15 var(--ofw-sans) !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label small {
    color: var(--ofw-secondary) !important;
    font: 500 11px/1.15 var(--ofw-sans) !important;
  }
  html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-metric {
    justify-self: end !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList img.crypto-official-logo {
    display: block !important;
    width: 82% !important;
    height: 82% !important;
    max-width: 82% !important;
    max-height: 82% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  @media (max-width: 1080px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(240px, 1.25fr) minmax(300px, 1.8fr) minmax(112px, 144px) minmax(96px, 104px) !important;
      gap: 10px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(0, 1fr) 100px !important;
      grid-template-rows: auto auto auto !important;
      grid-template-areas: "identity action" "preview preview" "metrics metrics" !important;
      min-height: 0 !important;
      padding: 10px !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices,
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-entry {
      min-height: 44px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      padding-top: 6px !important;
      border-top: 1px solid var(--ofw-border-soft) !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench #browserView#browserView #genreNav#genreNav {
      grid-template-columns: 1fr !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-all-markets, .side-tax-card) {
      min-height: 86px !important;
      padding: 12px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-name {
      grid-template-columns: 56px minmax(0, 1fr) !important;
      gap: 12px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav :is(.side-tax-card .traffic-sign, .side-all-markets .traffic-sign) {
      width: 56px !important;
      height: 56px !important;
      min-width: 56px !important;
      min-height: 56px !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-title-line > strong,
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label strong {
      font-size: 20px !important;
      line-height: 1.12 !important;
    }
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-tax-count b,
    html.focus-workbench #browserView#browserView #genreNav#genreNav .side-all-label small {
      font-size: 13px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(0, 1fr) 88px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices > span.catalog-preview-entry > b.catalog-preview-label {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices > span.catalog-preview-entry > em.catalog-preview-value {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices > span.catalog-preview-entry > b.catalog-preview-label {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices > span.catalog-preview-entry > em.catalog-preview-value {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-top {
    grid-template-columns: 42px minmax(0, 1fr) !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy {
    display: block !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy > .dense-type {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 20px !important;
    margin-top: 5px !important;
    padding: 3px 5px !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    gap: 5px !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link .club-title-side {
    display: grid !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    overflow: visible !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link .club-title-home {
    grid-template-columns: minmax(0, 1fr) 25px !important;
    justify-content: initial !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link .club-title-away {
    grid-template-columns: 25px minmax(0, 1fr) !important;
    justify-content: initial !important;
    text-align: left !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link .club-title-name {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.15 !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link .club-title-logo {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    flex: 0 0 25px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .soccer-event-title-link .club-title-vs {
    display: block !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  @media (min-width: 861px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(320px, 1.35fr) minmax(400px, 1.9fr) minmax(120px, 160px) minmax(104px, 112px) !important;
    }
  }
  @media (max-width: 1080px) and (min-width: 861px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(280px, 1.3fr) minmax(330px, 1.8fr) minmax(112px, 144px) minmax(96px, 104px) !important;
    }
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a.soccer-event-title-link {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }
  @media (max-width: 620px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-preview-prices {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 4px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-entry {
      min-height: 46px !important;
      padding: 5px 5px !important;
      gap: 4px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-label {
      font-size: 10px !important;
      line-height: 1.15 !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .catalog-preview-value {
      font-size: 10px !important;
    }
  }
  html.focus-workbench #browserView .browser-controls > :is(#sportNav, #competitionRegionNav, #competitionNav, #subsectionNav, #politicsTopicNav, #geoTopicNav, #geoEntityNav) {
    display: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a {
    text-align: left !important;
    justify-content: flex-start !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a.soccer-event-title-link {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    gap: 5px !important;
    overflow: visible !important;
    text-align: left !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a.soccer-event-title-link .club-title-side {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-align: left !important;
    grid-template-columns: none !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a.soccer-event-title-link .club-title-home,
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a.soccer-event-title-link .club-title-away {
    grid-template-columns: none !important;
    justify-content: flex-start !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-copy .catalog-title a.soccer-event-title-link .club-title-name {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 4px 8px !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric {
    padding: 2px 4px !important;
    text-align: left !important;
    overflow: visible !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metric b {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
    width: 90px !important;
    max-width: 90px !important;
    gap: 4px !important;
    align-items: flex-end !important;
    justify-self: end !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.dense-open-action, .dense-open, .dense-paused) {
    font-size: 9px !important;
    line-height: 1.1 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-open {
    padding: 2px 5px !important;
  }
  @media (min-width: 1081px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(250px, 1.2fr) minmax(340px, 1.65fr) minmax(135px, .65fr) 84px !important;
      gap: 12px !important;
    }
  }
  @media (min-width: 861px) and (max-width: 1080px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(220px, 1fr) minmax(0, 1.55fr) 82px !important;
      grid-template-rows: auto auto !important;
      grid-template-areas: "identity preview action" "metrics metrics action" !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
      width: 82px !important;
      max-width: 82px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 4px 12px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
      width: auto !important;
      max-width: none !important;
      align-items: flex-start !important;
      justify-self: start !important;
    }
  }
}

/* public/focus-stability.css */
@layer legacy {
  html.focus-workbench {
    font-synthesis: none !important;
    text-rendering: optimizeLegibility !important;
  }
  html.focus-workbench #appSwitch.app-switch.ofw-chrome {
    height: 76px !important;
    min-height: 76px !important;
  }
  html.focus-workbench .ofw-workspace {
    min-width: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench .ofw-index-pane,
  html.focus-workbench .ofw-canvas-pane {
    min-width: 0 !important;
  }
  html.focus-workbench #browserView .catalog-nav-skeleton {
    display: grid !important;
    gap: 4px !important;
    margin-top: 12px !important;
  }
  html.focus-workbench #browserView .catalog-nav-skeleton > span {
    display: block !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 6px !important;
    background:
      linear-gradient(
        90deg,
        var(--ofw-surface-2) 0%,
        #1a2733 48%,
        var(--ofw-surface-2) 100%) !important;
    background-size: 220% 100% !important;
  }
  html.focus-workbench #browserView #catalogList[data-catalog-state=loading] {
    min-width: 0 !important;
    contain: layout style !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-results {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 64px !important;
    height: 64px !important;
    padding: 12px 16px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-results-copy {
    display: grid !important;
    gap: 7px !important;
    width: min(44%, 270px) !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-line {
    display: block !important;
    height: 10px !important;
    border-radius: 3px !important;
    background: #24333f !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-line-kicker {
    width: 132px !important;
    height: 8px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-line-title {
    width: 188px !important;
    height: 20px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-head-stats {
    min-width: 300px !important;
    height: 40px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-groups {
    display: grid !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 8px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-group {
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-group > .market-group-head {
    min-height: 59px !important;
    height: 59px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-group-copy {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-icon {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border: 2px solid #426b93 !important;
    border-radius: 50% !important;
    background: #172a3d !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-line-group {
    width: 140px !important;
    height: 16px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-group-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-group-actions > span {
    display: block !important;
    width: 62px !important;
    height: 30px !important;
    border: 1px solid var(--ofw-border-soft) !important;
    border-radius: 5px !important;
    background: #0b151e !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-group > .market-group-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1px !important;
    padding: 1px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-card {
    display: grid !important;
    grid-template-columns: minmax(250px, 1.1fr) minmax(360px, 1.6fr) minmax(252px, 1fr) 120px !important;
    grid-template-rows: 98px !important;
    grid-template-areas: "identity preview metrics action" !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    height: 98px !important;
    min-height: 98px !important;
    max-height: 98px !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
    background: var(--ofw-bg) !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-block {
    display: block !important;
    min-width: 0 !important;
    border: 1px solid #243646 !important;
    border-radius: 5px !important;
    background:
      linear-gradient(
        90deg,
        #0c1720 0%,
        #172634 50%,
        #0c1720 100%) !important;
    background-size: 220% 100% !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-identity {
    grid-area: identity !important;
    width: 100% !important;
    height: 58px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-preview {
    grid-area: preview !important;
    width: 100% !important;
    height: 64px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-metrics {
    grid-area: metrics !important;
    width: 100% !important;
    height: 28px !important;
    border-style: dashed !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-action {
    grid-area: action !important;
    width: 88px !important;
    height: 34px !important;
    justify-self: end !important;
    border-color: #315b80 !important;
    background: #102338 !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-skeleton-more {
    display: block !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 9px 12px !important;
    border-top: 1px solid var(--ofw-border-soft) !important;
    background: var(--ofw-surface) !important;
  }
  html.focus-workbench :is(.country-flag-asset, .country-flag-svg) {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-position: center !important;
  }
  html.focus-workbench .country-flag-asset {
    width: 120px !important;
    height: 80px !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: contain !important;
  }
  html.focus-workbench :is(.competition-official-logo, .brand-official-logo, .crypto-official-logo) {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  html.focus-workbench .club-title-logo {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag .country-flag-frame {
    display: grid !important;
    grid-template-columns: 100% !important;
    grid-template-rows: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
  html.focus-workbench #browserView#browserView :is(.market-card-logo, .market-group-ident, .side-tax-card, .side-all-markets) .traffic-sign.flag :is(.country-flag-asset, .country-flag-svg) {
    display: block !important;
    width: 90% !important;
    height: 60% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 90% !important;
    max-height: 60% !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: fill !important;
    object-position: center !important;
    justify-self: center !important;
    align-self: center !important;
  }
  html.focus-workbench :is(.hero-stat .v, .catalog-head-stats b, .market-group-stats b) {
    min-height: 16px !important;
    line-height: 1.25 !important;
  }
  @media (min-width: 861px) and (max-width: 1080px) {
    html.focus-workbench #browserView #catalogList .catalog-skeleton-card {
      grid-template-columns: minmax(240px, 1fr) minmax(0, 1.55fr) 86px !important;
      grid-template-rows: 72px 40px !important;
      grid-template-areas: "identity preview action" "metrics metrics action" !important;
      height: 120px !important;
      min-height: 120px !important;
      max-height: 120px !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-identity,
    html.focus-workbench #browserView #catalogList .catalog-skeleton-preview {
      height: 56px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-action {
      width: 70px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #appSwitch.app-switch.ofw-chrome {
      height: 64px !important;
      min-height: 64px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-card {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: 54px 54px 28px 28px !important;
      grid-template-areas: "identity" "preview" "metrics" "action" !important;
      height: 174px !important;
      min-height: 174px !important;
      max-height: 174px !important;
      gap: 8px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-action {
      justify-self: start !important;
      width: 120px !important;
      height: 28px !important;
    }
  }
  @media (max-width: 620px) {
    html.focus-workbench #browserView #catalogList .catalog-skeleton-results {
      min-height: 58px !important;
      height: 58px !important;
      padding-inline: 12px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-results-copy {
      width: 52% !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-head-stats {
      min-width: 0 !important;
      width: 44% !important;
      gap: 6px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-group > .market-group-head {
      min-height: 48px !important;
      height: 48px !important;
      padding-inline: 9px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-group-actions > span:first-child {
      width: 48px !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-group-actions > span:nth-child(n+2) {
      display: none !important;
    }
    html.focus-workbench #browserView #catalogList .catalog-skeleton-card {
      height: 174px !important;
      min-height: 174px !important;
      max-height: 174px !important;
      padding: 8px !important;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    html.focus-workbench #browserView .catalog-nav-skeleton > span,
    html.focus-workbench #browserView #catalogList .catalog-skeleton-block {
      animation: ofw-stability-pulse 2.2s ease-in-out infinite !important;
    }
  }
  @keyframes ofw-stability-pulse {
    0%, 100% {
      opacity: .72;
    }
    50% {
      opacity: 1;
    }
  }
  html.focus-workbench #browserView .ofw-canvas-pane > .ofw-pane-head {
    display: none !important;
  }
  html.focus-workbench #browserView .catalog-toolbar :is(#catalogEv, #catalogSort),
  html.focus-workbench #browserView .catalog-status-row {
    display: none !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-head {
    cursor: pointer !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-head:focus-visible {
    outline: 2px solid var(--ofw-blue-soft) !important;
    outline-offset: -2px !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-head :is(button, a) {
    cursor: pointer !important;
  }
  @media (min-width: 1081px) {
    html.focus-workbench #browserView #catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(300px, 1.2fr) minmax(460px, 2.15fr) minmax(164px, .68fr) minmax(104px, 112px) !important;
      gap: 12px !important;
    }
  }
  @media (min-width: 861px) and (max-width: 1080px) {
    html.focus-workbench #browserView #catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(250px, 1.15fr) minmax(320px, 1.75fr) minmax(148px, .68fr) minmax(96px, 104px) !important;
      grid-template-rows: minmax(82px, auto) !important;
      grid-template-areas: "identity preview metrics action" !important;
      gap: 10px !important;
    }
  }
  html.focus-workbench #browserView #catalogList .dense-preview-prices {
    gap: 7px !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-preview-label {
    font-size: 12px !important;
    line-height: 1.22 !important;
  }
  html.focus-workbench #browserView #catalogList .catalog-preview-value {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  html.focus-workbench #browserView #catalogList .dense-card-foot {
    width: 104px !important;
    max-width: 104px !important;
    gap: 4px !important;
  }
  html.focus-workbench #browserView #catalogList .dense-open-action {
    font-size: 9px !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-stats {
    display: grid !important;
    grid-template-columns: 86px 86px !important;
    width: 172px !important;
    min-width: 172px !important;
    gap: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-stats > span {
    display: grid !important;
    grid-template-rows: 1.15em 1.15em !important;
    align-items: baseline !important;
    justify-items: end !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    border-left: 1px solid var(--ofw-border-soft) !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-stats > span > :is(small, b) {
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
  }
  html.focus-workbench #browserView #catalogList .dense-metrics {
    grid-template-columns: repeat(2, minmax(74px, 1fr)) !important;
    width: 164px !important;
    min-width: 164px !important;
    gap: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .dense-metric {
    display: grid !important;
    align-items: center !important;
    justify-items: end !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }
  html.focus-workbench #browserView #catalogList .dense-metric b {
    width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: right !important;
    font-size: 11px !important;
    font-variant-numeric: tabular-nums !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-copy {
    gap: 0 !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-title-line {
    align-items: end !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-title-line > strong {
    margin-top: 3px !important;
    line-height: 1.05 !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-detail-line {
    margin-top: 0 !important;
    align-items: start !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-metrics {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    grid-auto-rows: 72px !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    overflow: hidden !important;
  }
  html.focus-workbench #browserView .browser-hero .hero-stat .v {
    display: -webkit-box !important;
    max-height: 2.5em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap {
    padding-right: 46px !important;
    padding-left: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap :is(.market-index-page-prev, .market-index-page-next) {
    position: absolute !important;
    top: 50% !important;
    z-index: 100 !important;
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #79b7f2 !important;
    border-radius: 50% !important;
    background:
      linear-gradient(
        180deg,
        #173d63 0%,
        #0a1828 100%) !important;
    color: #f3f8ff !important;
    font:
      500 14px/1 Inter,
      system-ui,
      sans-serif !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-prev {
    right: 36px !important;
    left: auto !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-next {
    right: 8px !important;
    left: auto !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap :is(.market-index-page-prev, .market-index-page-next) span {
    display: block !important;
    height: auto !important;
    font:
      500 14px/1 Inter,
      system-ui,
      sans-serif !important;
    transform: translateY(-1px) !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-prev:disabled {
    opacity: .42 !important;
    cursor: default !important;
    border-color: #426487 !important;
    box-shadow: none !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap :is(.market-index-page-prev:not(:disabled):hover, .market-index-page-next:hover, .market-index-page-prev:not(:disabled):focus-visible, .market-index-page-next:focus-visible) {
    border-color: #b2d8ff !important;
    background:
      linear-gradient(
        180deg,
        #245887 0%,
        #102943 100%) !important;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .5), 0 0 0 2px rgba(79, 151, 224, .16) !important;
  }
  html.focus-workbench #browserView .browser-controls :is(#catalogSport, #catalogCompetition, #catalogSubsection, #sportNav, #competitionRegionNav, #competitionNav, #subsectionNav, #politicsTopicNav, #geoTopicNav) {
    display: none !important;
  }
  html.focus-workbench #detailView .microstructure-table {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }
  html.focus-workbench #detailView .microstructure-table :is(th, td):nth-child(1) {
    width: 17% !important;
  }
  html.focus-workbench #detailView .microstructure-table :is(th, td):nth-child(2) {
    width: 18% !important;
  }
  html.focus-workbench #detailView .microstructure-table :is(th, td):nth-child(3) {
    width: 23% !important;
  }
  html.focus-workbench #detailView .microstructure-table :is(th, td):nth-child(4) {
    width: 18% !important;
  }
  html.focus-workbench #detailView .microstructure-table :is(th, td):nth-child(5) {
    width: 24% !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-row {
    height: 30px !important;
    --book-depth: 0%;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-row > td {
    position: relative !important;
    height: 30px !important;
    overflow: hidden !important;
    font-variant-numeric: tabular-nums !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-row.ask > td {
    background:
      linear-gradient(
        90deg,
        rgba(255, 86, 103, .23) 0 var(--book-depth),
        transparent var(--book-depth) 100%) !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-row.bid > td {
    background:
      linear-gradient(
        90deg,
        rgba(42, 211, 157, .23) 0 var(--book-depth),
        transparent var(--book-depth) 100%) !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-depth-bar {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    z-index: 0 !important;
    width: var(--book-depth) !important;
    pointer-events: none !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-row.ask .book-depth-bar {
    background: rgba(255, 86, 103, .25) !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-row.bid .book-depth-bar {
    background: rgba(42, 211, 157, .25) !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-level-content {
    position: relative !important;
    z-index: 1 !important;
  }
  html.focus-workbench #detailView .microstructure-table .book-empty-level {
    opacity: .22 !important;
  }
  html.focus-workbench #detailView .market-pressure-gated {
    display: block !important;
    padding: 12px 14px !important;
    border: 1px dashed #315d86 !important;
    background: #07101c !important;
  }
  html.focus-workbench #detailView .market-pressure-gated strong {
    color: var(--ofw-secondary) !important;
    font: 650 12px/1.35 var(--ofw-sans) !important;
  }
  @media (max-width: 760px) {
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap {
      padding-right: 64px !important;
      padding-left: 0 !important;
    }
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap :is(.market-index-page-prev, .market-index-page-next) {
      width: 22px !important;
      height: 22px !important;
      min-width: 22px !important;
      min-height: 22px !important;
    }
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-prev {
      left: auto !important;
      right: 31px !important;
    }
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-next {
      right: 5px !important;
    }
  }
  html.focus-workbench #browserView #catalogList .market-group-grid-wrap {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-stats {
    grid-template-columns: 82px 82px !important;
    width: 164px !important;
    min-width: 164px !important;
    gap: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .dense-metrics {
    grid-template-columns: 82px 82px !important;
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
    justify-self: end !important;
    gap: 0 !important;
  }
  html.focus-workbench #browserView #catalogList .market-group-stats > span,
  html.focus-workbench #browserView #catalogList .dense-metrics > .dense-metric {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
    box-sizing: border-box !important;
    justify-items: end !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
  }
  html.focus-workbench #browserView #genreNav .side-tax-title-line > strong {
    transform: translateY(7px) !important;
  }
  html.focus-workbench #scopeView .scope-feed {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
    width: max-content !important;
    min-width: 100% !important;
    grid-template-rows: minmax(0, 1fr) !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-trade-card {
    grid-template-columns: 32px 170px minmax(380px, max-content) 96px 96px 96px 118px !important;
  }
  html.focus-workbench #scopeView .scope-position-card {
    grid-template-columns: 32px 170px minmax(380px, max-content) 104px 96px 112px !important;
  }
  html.focus-workbench #scopeView .scope-created-card {
    grid-template-columns: 32px 154px minmax(380px, max-content) 108px 108px 92px !important;
  }
  html.focus-workbench #scopeView .scope-edge-card {
    grid-template-columns: 32px 170px minmax(420px, max-content) 112px 128px 112px minmax(300px, max-content) !important;
  }
  html.focus-workbench #scopeView :is(.scope-card > *, .scope-edge-card > *) {
    grid-row: 1 !important;
    grid-column: auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView :is(.scope-main, .scope-edge-main) {
    min-width: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench #scopeView :is(.scope-market, .scope-edge-market, .scope-sub, .scope-edge-sub, .scope-edge-note) {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-edge-note {
    display: block !important;
    grid-column: auto !important;
    grid-row: 1 !important;
    min-width: 300px !important;
  }
  html.focus-workbench #scopeView .scope-created-title-row {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .scope-created-aestus-link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  @media (max-width: 980px) {
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap {
      padding-right: 0 !important;
    }
    html.focus-workbench #scopeView .scope-feed {
      overflow-x: auto !important;
    }
    html.focus-workbench #scopeView :is(.scope-card, .scope-edge-card) {
      min-width: 1180px !important;
    }
    html.focus-workbench #scopeView .scope-trade-card {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .scope-position-card {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .scope-created-card {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .scope-edge-card {
      grid-template-columns: 32px 170px 420px 112px 128px 112px 300px !important;
    }
    html.focus-workbench #scopeView :is(.scope-card .scope-metric, .scope-edge-card > .scope-metric, .scope-edge-note) {
      display: block !important;
    }
  }
  @media (max-width: 980px) {
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=recent],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=largest] {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=biggest],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=profitable] {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=created] {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] {
      grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-trade-card {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-position-card {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-created-card {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-edge-card {
      grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
    }
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-edge-card .scope-edge-note {
    min-width: 0 !important;
  }
  @media (max-width: 980px) {
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=recent],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=largest] {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=biggest],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=profitable] {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=created] {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] {
      grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-trade-card {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-position-card {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-created-card {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-edge-card {
      grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
    }
  }
  @media (max-width: 760px) {
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-prev {
      right: 31px !important;
    }
    html.focus-workbench #browserView #catalogList .market-group-grid-wrap .market-index-page-next {
      right: 5px !important;
    }
  }
  @media (min-width: 1081px) {
    html.focus-workbench #browserView#browserView #catalogList#catalogList :is(.market-showcase-grid, .market-group-grid) > .dense-market-card {
      grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.2fr) 164px 68px 90px !important;
      grid-template-areas: "identity preview metrics metric-spacer action" !important;
      gap: 12px !important;
      padding-right: 11px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-metrics {
      grid-area: metrics !important;
      width: 164px !important;
      min-width: 164px !important;
      max-width: 164px !important;
      grid-template-columns: 82px 82px !important;
      gap: 0 !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .market-group-stats {
      display: grid !important;
      grid-template-columns: 82px 82px !important;
      column-gap: 0 !important;
      row-gap: 0 !important;
      gap: 0 !important;
      width: 164px !important;
      min-width: 164px !important;
    }
    html.focus-workbench #browserView#browserView #catalogList#catalogList .dense-card-foot {
      grid-area: action !important;
      width: 90px !important;
      min-width: 90px !important;
      max-width: 90px !important;
      justify-self: end !important;
    }
  }
  html.focus-workbench #detailView#detailView .ofw-orderbook-col .table-scroll {
    height: auto !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
  html.focus-workbench #detailView#detailView .ofw-orderbook-col .microstructure-table {
    height: auto !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-color: var(--ofw-border-soft) transparent !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns {
    display: grid !important;
    width: max-content !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    gap: 10px !important;
    padding: 0 12px !important;
    align-items: center !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed {
    display: block !important;
    width: max-content !important;
    min-width: 100% !important;
    overflow: visible !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns > span {
    min-width: 0 !important;
    padding-left: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-align: left !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns > span:nth-child(n+4) {
    text-align: right !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] > span:last-child {
    text-align: left !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] {
    grid-template-columns: 32px 170px 420px 112px 128px 112px 300px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-card {
    margin: 0 !important;
  }
  @media (max-width: 980px) {
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=recent],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=largest] {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=biggest],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=profitable] {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=created] {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] {
      grid-template-columns: 32px 170px 420px 112px 128px 112px 300px !important;
    }
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > :is(.ofw-ledger-columns, .scope-feed) {
    column-gap: 10px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns > span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > :is(.scope-card, .scope-edge-card) {
    box-sizing: border-box !important;
    column-gap: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > :is(.scope-card, .scope-edge-card) > * {
    min-width: 0 !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > :is(.scope-card, .scope-edge-card) :is(.scope-main, .scope-edge-main) {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > :is(.scope-card, .scope-edge-card) :is(.scope-market, .scope-edge-market, .scope-sub, .scope-edge-sub, .scope-edge-note, .scope-metric) {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-created-card .scope-created-title-row {
    min-width: 0 !important;
    flex-wrap: nowrap !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-created-card .scope-created-aestus-link {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=recent],
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=largest] {
    grid-template-columns: 32px 170px 380px 96px 96px 96px 118px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=biggest],
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=profitable] {
    grid-template-columns: 32px 170px 380px 104px 96px 112px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=created] {
    grid-template-columns: 32px 154px 380px 108px 108px 92px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] {
    grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-trade-card {
    grid-template-columns: 32px 170px 380px 96px 96px 96px 118px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-position-card {
    grid-template-columns: 32px 170px 380px 104px 96px 112px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-created-card {
    grid-template-columns: 32px 154px 380px 108px 108px 92px !important;
  }
  html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-edge-card {
    grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
  }
  @media (max-width: 980px) {
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=recent],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=largest] {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=biggest],
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=profitable] {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=created] {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .ofw-ledger-columns[data-scope-mode=edge] {
      grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-trade-card {
      grid-template-columns: 32px 170px 420px 96px 96px 96px 118px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-position-card {
      grid-template-columns: 32px 170px 420px 104px 96px 112px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-created-card {
      grid-template-columns: 32px 154px 420px 108px 108px 92px !important;
    }
    html.focus-workbench #scopeView .ofw-ledger-viewport > .scope-feed > .scope-edge-card {
      grid-template-columns: 32px 170px 420px 136px 128px 140px 300px !important;
    }
  }
  @media (max-width: 860px) {
    html.focus-workbench #appSwitch#appSwitch.app-switch.ofw-chrome {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: 48px 44px !important;
      height: auto !important;
      min-height: 0 !important;
      gap: 6px !important;
      padding: 8px 12px !important;
      overflow: visible !important;
    }
    html.focus-workbench #appSwitch#appSwitch .studio-rail-head {
      display: flex !important;
      grid-column: 1 !important;
      grid-row: 1 !important;
      height: 48px !important;
      min-height: 0 !important;
      gap: 12px !important;
      justify-content: space-between !important;
    }
    html.focus-workbench #appSwitch#appSwitch .studio-wordmark {
      flex: 0 1 168px !important;
      width: 168px !important;
      min-width: 0 !important;
    }
    html.focus-workbench #appSwitch#appSwitch :is(.aestus-wordmark-picture, .aestus-wordmark-logo) {
      width: 100% !important;
      max-width: 168px !important;
      height: 48px !important;
      max-height: 48px !important;
      object-fit: contain !important;
    }
    html.focus-workbench #appSwitch#appSwitch .aestus-header-feedback {
      position: static !important;
      flex: 0 0 auto !important;
      min-height: 44px !important;
    }
    html.focus-workbench #appSwitch#appSwitch .nav-cluster {
      display: flex !important;
      grid-column: 1 !important;
      grid-row: 2 !important;
      width: 100% !important;
      height: 44px !important;
      min-height: 0 !important;
      visibility: visible !important;
      gap: 0 !important;
    }
    html.focus-workbench #appSwitch#appSwitch .nav-cluster button {
      flex: 1 1 0 !important;
      min-width: 0 !important;
      height: 44px !important;
      min-height: 44px !important;
      padding: 0 4px !important;
    }
    html.focus-workbench #appSwitch#appSwitch .studio-rail-foot {
      display: none !important;
    }
    html.focus-workbench #detailView .detail-topbar {
      top: 115px !important;
    }
  }
}

/* public/design-review.css */
@layer legacy {
  html.focus-workbench.design-review #appSwitch#appSwitch#appSwitch .studio-rail-head {
    width: 240px !important;
    flex: 0 0 240px !important;
  }
  html.focus-workbench.design-review #appSwitch#appSwitch#appSwitch :is(.studio-wordmark, .aestus-wordmark-picture) {
    width: 230px !important;
    height: 68px !important;
    min-height: 68px !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  html.focus-workbench.design-review #appSwitch#appSwitch#appSwitch .aestus-wordmark-logo {
    width: 230px !important;
    height: 68px !important;
    max-height: 68px !important;
    max-width: none !important;
    transform: none !important;
    object-fit: contain !important;
  }
  @media (max-width: 759px) {
    html.focus-workbench.design-review #appSwitch#appSwitch#appSwitch .studio-rail-head {
      width: 100% !important;
      flex: 0 0 100% !important;
    }
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .review-jumps a {
    background: #10161d !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #eventOptionsGrid#eventOptionsGrid .mkt-listhead button {
    height: 20px !important;
    min-height: 20px !important;
    line-height: 20px !important;
    font-size: 12px !important;
  }
  @media (min-width: 960px) {
    html.focus-workbench.design-review #detailView#detailView#detailView .review-summary {
      grid-template-columns: minmax(170px, 1.6fr) repeat(4, minmax(72px, .7fr)) minmax(150px, 1.3fr) !important;
    }
    html.focus-workbench.design-review #detailView#detailView#detailView .review-summary > :is(.review-selected, .review-model, .review-stat) {
      grid-column: auto !important;
      grid-row: 1 !important;
    }
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .detail-hero {
    padding: 16px 20px 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .detail-hero-grid > div {
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView :is(.hero-kicker, .detail-event) {
    margin: 0 0 6px !important;
    font-size: 12px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .detail-betline {
    margin: 8px 0 !important;
    padding: 8px 0 !important;
    gap: 12px !important;
    font-size: 12px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .detail-description {
    margin: 8px 0 !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    min-height: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .review-summary {
    margin-top: 10px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView :is(.review-selected, .review-stat, .review-model) {
    padding: 10px 12px !important;
    gap: 4px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .review-selected strong {
    font-size: 18px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .review-stat strong {
    font-size: 21px !important;
    margin-top: 5px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .review-state {
    padding: 7px 0 !important;
    font-size: 11px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView :is(#structurePanel, #valueBoard.review-model-unavailable) {
    padding: 16px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #structurePanel :is(.status, .warnitem, details, summary) {
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #b7c2cc !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 8px 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #structurePanel #normStatus {
    color: #e8c88f !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #structurePanel #structDetails {
    border-top: 1px solid #28343e !important;
    padding-top: 6px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #structurePanel h2 {
    font-size: 18px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #valueBoard.review-model-unavailable :is(.vb-subtitle, .vb-sum) {
    display: none !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #valueBoard.review-model-unavailable :is(.vb-head, #footballModelPanel) {
    border: 0 !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #valueBoard.review-model-unavailable h2 {
    font-size: 18px !important;
    border: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .review-model-placeholder {
    display: block !important;
    margin: 0 !important;
    font: 14px/1.6 inherit;
    color: #aebbc6 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .mkt-listhead {
    height: auto !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
    padding: 10px 7px !important;
    align-items: center !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .mkt-listhead > * {
    margin: 0 !important;
    line-height: 18px !important;
    align-self: center !important;
    font-size: 12px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .mkt-list .mkt-row {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView .mkt-listhead button {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 18px !important;
    border: 0 !important;
    padding: 0 !important;
    background: none !important;
    color: inherit !important;
    font: inherit !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: right !important;
    white-space: nowrap !important;
    cursor: pointer;
    text-transform: uppercase !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel > .ofw-progressive-canvas.ofw-progressive-canvas.ofw-progressive-canvas {
    display: flex !important;
    flex-direction: column !important;
    grid-template: none !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView .ofw-progressive-canvas {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    grid-template: none !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row {
    display: grid !important;
    grid-template: "orderbook chart" auto "outcomes outcomes" auto / minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > .mkt-list-col {
    grid-area: outcomes !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > .ofw-orderbook-col {
    grid-area: orderbook !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row > .mkt-chart-col {
    grid-area: chart !important;
    display: flex !important;
  }
  @media (max-width: 759px) {
    html.focus-workbench.design-review #detailView#detailView#detailView #eventOptionsPanel#eventOptionsPanel #mktSplit#mktSplit.ofw-execution-row {
      display: flex !important;
      flex-direction: column !important;
    }
  }
  html.focus-workbench.design-review #detailView#detailView .aestus-beta60-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView :is(#eventOptionsPanel, #valueBoard, #structurePanel, #recentMediaPanel, #holderResearchPanel) {
    grid-area: auto !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
  }
  html.focus-workbench.design-review #detailView#detailView :is(.aestus-workbench-shell, .aestus-workbench-primary, .aestus-workbench-research, .aestus-secondary-rail) {
    display: contents !important;
  }
  html.focus-workbench.design-review #detailView#detailView #valueBoard {
    order: 2 !important;
  }
  html.focus-workbench.design-review #detailView#detailView #structurePanel {
    order: 3 !important;
  }
  html.focus-workbench.design-review #detailView#detailView #recentMediaPanel {
    order: 4 !important;
  }
  html.focus-workbench.design-review #detailView#detailView #holderResearchPanel {
    order: 5 !important;
  }
  html.focus-workbench.design-review #detailView#detailView #mktSplit {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
  }
  html.focus-workbench.design-review #detailView#detailView #mktSplit > .mkt-list-col {
    grid-area: 1 / 1 / 2 / -1 !important;
    width: 100% !important;
    max-height: none !important;
  }
  html.focus-workbench.design-review #detailView#detailView #mktSplit > .ofw-orderbook-col {
    grid-area: 2 / 1 / 3 / 2 !important;
  }
  html.focus-workbench.design-review #detailView#detailView #mktSplit > .mkt-chart-col {
    grid-area: 2 / 2 / 3 / 3 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html.focus-workbench.design-review #detailView#detailView #mktSplit > :is(.ofw-orderbook-col, .mkt-chart-col) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    position: static !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench.design-review #detailView#detailView :is(#footballModelPanel, #advancedFootballModelPanel) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    position: static !important;
    clear: both !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere;
  }
  html.focus-workbench.design-review #detailView#detailView #advancedFootballModelPanel {
    margin-top: 20px !important;
  }
  html.focus-workbench.design-review #detailView#detailView .mkt-chart-col #priceChart {
    width: 100% !important;
    max-width: 100% !important;
    height: 340px !important;
    min-height: 240px !important;
  }
  @media (max-width: 759px) {
    html.focus-workbench.design-review #detailView#detailView #mktSplit {
      display: flex !important;
      flex-direction: column !important;
    }
    html.focus-workbench.design-review #detailView#detailView #mktSplit > * {
      width: 100% !important;
      grid-area: auto !important;
    }
  }
  html.focus-workbench.design-review #detailView#detailView .detail-hero-grid {
    display: block !important;
  }
  html.focus-workbench.design-review #detailView#detailView .detail-runtime-cards,
  html.focus-workbench.design-review #detailView#detailView .detail-hero > .detail-runtime {
    display: none !important;
  }
  html.focus-workbench.design-review #detailView#detailView .detail-title a {
    color: #eef3fa !important;
    text-decoration: none !important;
  }
  html.focus-workbench.design-review #detailView#detailView .detail-title a:hover {
    text-decoration: underline !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-metric {
    display: block !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .ofw-ledger-columns > span:not([hidden]) {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    text-align: inherit !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-card > * {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  @media (min-width: 760px) and (max-width: 1250px) {
    html.focus-workbench.design-review #appSwitch#appSwitch {
      display: flex !important;
      justify-content: space-between !important;
      gap: 12px !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .studio-rail-head {
      width: 180px !important;
      min-width: 0 !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .nav-cluster {
      position: static !important;
      width: auto !important;
      flex: 1 !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .nav-cluster button {
      min-width: 70px !important;
      flex: 1 !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .studio-rail-foot {
      display: none !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .aestus-header-feedback {
      display: none !important;
    }
  }
  .review-badge {
    font: 10px "IBM Plex Mono", monospace;
    letter-spacing: .08em;
    color: #caeb85 !important;
    text-decoration: none;
    position: absolute;
    right: 24px;
    bottom: 7px;
  }
  @media (min-width: 760px) and (max-width: 1250px) {
    html.focus-workbench.design-review #appSwitch#appSwitch .studio-rail-head {
      flex: 0 0 180px !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .nav-cluster {
      flex: 1 1 auto !important;
    }
  }
  html.focus-workbench.design-review #detailView#detailView .detail-hero {
    padding: 22px 24px 0 !important;
    border-top: 2px solid #bfe778 !important;
  }
  html.focus-workbench.design-review #detailView#detailView .detail-title {
    font-size: clamp(21px, 2vw, 30px) !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    max-width: 1050px;
  }
  .design-review .detail-hero-grid {
    display: block !important;
  }
  .design-review .detail-runtime-cards,
  .design-review .detail-hero > .detail-runtime {
    display: none !important;
  }
  .review-summary {
    display: grid;
    grid-template-columns: minmax(190px, 1.6fr) repeat(4, minmax(75px, .65fr)) minmax(185px, 1.3fr);
    border-top: 1px solid #303945;
    margin-top: 20px;
  }
  .review-selected,
  .review-stat,
  .review-model {
    padding: 20px 16px;
    border-right: 1px solid #29313b;
    min-width: 0;
  }
  .review-selected {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .review-selected strong {
    font-size: 22px;
    color: #f0f4f8;
    overflow-wrap: anywhere;
  }
  .review-eyebrow,
  .review-stat > span,
  .review-model > span {
    display: block;
    font: 11px "IBM Plex Mono", monospace;
    color: #aab6c3;
    letter-spacing: .045em;
  }
  .review-stat strong {
    display: block;
    font: 600 24px "IBM Plex Mono", monospace;
    color: #f1f5fa;
    margin-top: 12px;
    font-variant-numeric: tabular-nums;
  }
  .review-stat:nth-child(3) strong {
    color: #c8eb84;
  }
  .review-selected > span:last-child,
  .review-model small {
    font-size: 12px;
    color: #aab6c3;
  }
  .review-model {
    text-decoration: none;
    background: #bfe77808;
    border-right: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
  }
  .review-model strong {
    font-size: 14px;
    color: #c8eb84;
    overflow-wrap: anywhere;
  }
  .review-state {
    grid-column: 1/-1;
    border-top: 1px solid #29313b;
    padding: 12px 0;
    color: #aab6c3;
    font-size: 12px;
    line-height: 1.6;
  }
  .review-state[data-tone=warn] {
    color: #e8c88f;
  }
  .review-jumps {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    margin-bottom: 4px;
    flex-wrap: wrap;
  }
  .review-jumps a {
    padding: 10px 16px;
    border: 1px solid #303945;
    border-radius: 5px;
    color: #c6ced8;
    text-decoration: none;
    font-size: 12px;
  }
  .review-jumps a:hover,
  .review-jumps a:focus-visible {
    background: #c8eb8412;
    border-color: #c8eb84;
    color: #c8eb84;
  }
  .design-review :is(#eventOptionsGrid, #structureMarketData, #priceChart, #valueBoard) {
    scroll-margin-top: 120px;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 16px 12px !important;
    border-bottom: 1px solid #29313b !important;
    align-items: start !important;
    box-sizing: border-box !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-card > * {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  html.focus-workbench.design-review #scopeView#scopeView :is(.scope-market, .scope-edge-market, .scope-user-button span, .scope-edge-model b) {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    line-height: 1.5 !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView :is(.scope-main, .scope-edge-main, .scope-identity, .scope-user-button, .scope-edge-model) {
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-sub,
  html.focus-workbench.design-review #scopeView#scopeView .scope-edge-sub {
    display: flex !important;
    flex-wrap: wrap !important;
    white-space: normal !important;
    gap: 7px !important;
    margin-top: 8px !important;
    color: #a9b6c5 !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-metric {
    white-space: normal !important;
    text-align: right !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-metric b {
    font-variant-numeric: tabular-nums;
    font-size: 14px !important;
    white-space: normal !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-edge-note {
    font-size: 11px !important;
    line-height: 1.6 !important;
    color: #aab6c3 !important;
    white-space: normal !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .ofw-ledger-columns {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 14px 12px !important;
    font-size: 10px !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .ofw-ledger-columns > span {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .ofw-ledger-viewport {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-feed {
    min-width: 0 !important;
    width: 100% !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-edge-only[style*=none] {
    display: none !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-empty {
    white-space: normal !important;
    max-width: 100% !important;
    text-align: left !important;
    padding: 30px !important;
    line-height: 1.7;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-empty h3 {
    font-size: 21px;
    color: #e8edf3;
    margin: 0 0 10px;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-empty p {
    max-width: 680px;
    color: #acb8c6;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-edge-disclaimer {
    white-space: normal !important;
    padding: 12px !important;
    line-height: 1.6 !important;
  }
  html.focus-workbench.design-review #scopeView#scopeView .scope-card:hover {
    background: #19212b !important;
  }
  .design-review :focus-visible {
    outline: 2px solid #c8eb84 !important;
    outline-offset: 3px;
  }
  @media (min-width: 760px) and (max-width: 1250px) {
    html.focus-workbench.design-review #scopeView#scopeView .ofw-ledger-columns,
    html.focus-workbench.design-review #scopeView#scopeView .scope-card {
      min-width: 970px !important;
    }
    .review-summary {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .review-selected,
    .review-model {
      grid-column: span 2;
    }
    .review-selected {
      grid-row: 1;
    }
    .review-model {
      grid-row: 1;
    }
    .review-stat {
      grid-row: 2;
    }
  }
  @media (max-width: 759px) {
    html.focus-workbench.design-review #scopeView#scopeView .scope-card > .scope-metric:nth-child(4) {
      grid-area: 3 / 1 !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-card > .scope-metric:nth-child(5) {
      grid-area: 3 / 2 !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-card > .scope-metric:nth-child(6) {
      grid-area: 4 / 1 !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-card > .scope-metric:nth-child(7) {
      grid-area: 4 / 2 !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .hero-side {
      display: none !important;
    }
    html.focus-workbench.design-review #scopeMode#scopeMode {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 5px !important;
    }
    html.focus-workbench.design-review #scopeMode#scopeMode button {
      min-height: 44px !important;
    }
    .review-badge {
      position: static;
      font-size: 9px;
      display: block;
      text-align: center;
      padding: 5px;
      width: 100%;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch {
      position: relative !important;
      height: auto !important;
      min-height: 0 !important;
      display: flex !important;
      flex-wrap: wrap !important;
      padding: 10px !important;
      gap: 8px !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .studio-rail-head {
      width: 100% !important;
      min-width: 0 !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .nav-cluster {
      width: 100% !important;
      display: flex !important;
      position: static !important;
      gap: 4px !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .nav-cluster button {
      flex: 1 !important;
      min-height: 44px !important;
      padding: 8px !important;
      font-size: 12px !important;
    }
    html.focus-workbench.design-review #appSwitch#appSwitch .studio-rail-foot {
      display: none !important;
    }
    html.focus-workbench.design-review #detailView#detailView .detail-hero {
      padding: 16px 14px 0 !important;
    }
    .review-summary {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .review-selected,
    .review-model {
      grid-column: 1/-1;
      border-right: 0;
      padding: 14px 0;
    }
    .review-stat {
      padding: 14px 10px;
    }
    .review-stat strong {
      font-size: 23px;
    }
    .review-state {
      font-size: 11px;
    }
    .review-jumps {
      padding: 10px;
      gap: 5px;
    }
    .review-jumps a {
      min-height: 44px;
      box-sizing: border-box;
      padding: 12px;
    }
    html.focus-workbench.design-review #scopeView#scopeView .ofw-workspace {
      display: block !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .ofw-index-pane {
      width: 100% !important;
      max-width: 100% !important;
      max-height: none !important;
      overflow: visible !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .ofw-canvas-pane {
      width: 100% !important;
      min-width: 0 !important;
    }
    .design-review #scopeMode {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 5px;
    }
    .design-review #scopeMode button {
      min-height: 44px !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .ofw-ledger-columns {
      display: none !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-card {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
      margin: 10px 0 !important;
      border: 1px solid #303945 !important;
      border-radius: 6px !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView :is(.scope-main, .scope-edge-main, .scope-edge-note) {
      grid-column: 1/-1 !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-rank {
      display: none !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView :is(.scope-identity, .scope-edge-model) {
      grid-column: 1/-1 !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-metric {
      text-align: left !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-metric small {
      display: block !important;
      color: #aab6c3 !important;
      font-size: 11px !important;
      margin-bottom: 5px;
    }
    html.focus-workbench.design-review #scopeView#scopeView .scope-control-panel {
      width: 100% !important;
    }
    html.focus-workbench.design-review #scopeView#scopeView .browser-hero {
      padding: 18px !important;
    }
    html.focus-workbench.design-review #detailView#detailView #mktSplit {
      display: flex !important;
      flex-direction: column !important;
    }
    html.focus-workbench.design-review #detailView#detailView #mktSplit > * {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    html.focus-workbench.design-review #detailView#detailView .value-board {
      width: 100% !important;
    }
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #mktSplit > .ofw-orderbook-col {
    order: 1 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #mktSplit > .mkt-chart-col {
    order: 2 !important;
  }
  html.focus-workbench.design-review #detailView#detailView#detailView #mktSplit > .mkt-list-col {
    order: 3 !important;
  }
}

/* public/focused-workspace.css */
@layer visibility {
  .focused-preview [hidden] {
    display: none !important;
  }
  .focused-preview #detailView[data-workspace-view=market] [data-workspace-section=research],
  .focused-preview #detailView[data-workspace-view=market] [data-workspace-section=support],
  .focused-preview #detailView[data-workspace-view=research] [data-workspace-section=market],
  .focused-preview #detailView[data-workspace-view=research] [data-workspace-section=support],
  .focused-preview #detailView[data-workspace-view=support] [data-workspace-section=market],
  .focused-preview #detailView[data-workspace-view=support] [data-workspace-section=research] {
    display: none !important;
  }
}
:root.focused-preview {
  color-scheme: dark;
  --fw-bg:#111827;
  --fw-surface:#1a2435;
  --fw-inset:#151e2d;
  --fw-ink:#e7edf9;
  --fw-muted:#a1b0c8;
  --fw-line:#34425b;
  --fw-accent:#b1bdf0;
  --fw-selected:#303b5b;
  --ofw-bg:var(--fw-bg);
  --ofw-surface:var(--fw-surface);
  --ofw-surface-2:var(--fw-inset);
  --ofw-surface-3:var(--fw-selected);
  --ofw-border:var(--fw-line);
  --ofw-border-soft:#2b374d;
  --ofw-primary:var(--fw-ink);
  --ofw-secondary:#c6d0e2;
  --ofw-tertiary:var(--fw-muted);
  --ofw-accent:var(--fw-accent);
  --ofw-blue:var(--fw-accent);
  --ofw-cyan:#8bcebd;
  --ofw-amber:#e5c18c;
  --ofw-red:#ef9ba7;
  --bg:var(--fw-bg);
  --panel:var(--fw-surface);
  --panel2:var(--fw-inset);
  --panel3:var(--fw-selected);
  --text:var(--fw-ink);
  --text2:#c6d0e2;
  --muted:var(--fw-muted);
  --faint:#95a4bf;
  --line:var(--fw-line);
  --line-soft:#2b374d;
  --amber:var(--fw-accent);
  --amber-dim:#8494cf;
  --focus:var(--fw-accent);
  --info:var(--fw-accent);
  --yes:#8bcebd;
  --no:#ef9ba7;
  --win:#8bcebd;
  --loss:#ef9ba7;
  --r:12px;
  --r-sm:8px;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --head:var(--sans);
  --mono:var(--sans);
  --ofw-sans:var(--sans);
  --ofw-mono:var(--sans);
  background: var(--fw-bg) !important;
}
@layer workspace {
  html.focused-preview body {
    background: var(--fw-bg) !important;
    color: var(--fw-ink) !important;
    font: 400 16px/1.55 var(--sans) !important;
    padding: 0 0 40px !important;
    max-width: none !important;
  }
  .focused-preview * {
    font-family: var(--sans) !important;
    letter-spacing: normal !important;
    box-sizing: border-box !important;
    scrollbar-color: #536485 var(--fw-inset) !important;
  }
  .focused-preview :focus-visible {
    outline: 2px solid var(--fw-accent) !important;
    outline-offset: 3px !important;
  }
  .focused-preview [hidden] {
    display: none !important;
  }
  .focused-preview a {
    color: var(--fw-accent) !important;
  }
  .focused-preview button,
  .focused-preview input,
  .focused-preview select,
  .focused-preview textarea {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    border-radius: 8px !important;
    border: 1px solid var(--fw-line) !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    background: var(--fw-inset) !important;
    color: var(--fw-ink) !important;
    box-shadow: none !important;
  }
  .focused-preview :is(input, select, textarea) {
    width: 100% !important;
    min-width: 0 !important;
  }
  .focused-preview input[type=checkbox],
  .focused-preview input[type=radio] {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    accent-color: var(--fw-accent);
  }
  .focused-preview button:hover {
    background: var(--fw-selected) !important;
    border-color: #7787ae !important;
  }
  .focused-preview button.active,
  .focused-preview button[aria-pressed=true] {
    background: var(--fw-selected) !important;
    border-color: #7686b6 !important;
    color: var(--fw-ink) !important;
    box-shadow: none !important;
  }
  .focused-preview button.primary {
    background: var(--fw-accent) !important;
    color: #182138 !important;
    border-color: var(--fw-accent) !important;
  }
  .focused-preview button:disabled {
    opacity: .42 !important;
  }
  .focused-preview label {
    font-size: 14px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview :is(.status, .subcopy, .legend, .note, .notesline, .sub) {
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview :is(.panel, .ofw-pane, .registered-access-screen) {
    border: 1px solid var(--fw-line) !important;
    background: var(--fw-surface) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
  .focused-preview :is(.panel h2, .ofw-pane-head h2) {
    font-size: 18px !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    font-weight: 600 !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview :is(h1, h2, h3)::before {
    display: none !important;
  }
  .focused-preview :is(.view) {
    width: min(1600px, 100%) !important;
    margin: 0 auto !important;
    padding: 24px 28px !important;
    min-height: calc(100vh - 90px) !important;
  }
  .focused-preview #appSwitch {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 8px max(28px, calc((100vw - 1544px)/2)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    background: var(--fw-surface) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .focused-preview #appSwitch .studio-rail-head {
    width: 230px !important;
    flex: 0 0 230px !important;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 70px !important;
  }
  .focused-preview #appSwitch :is(.studio-wordmark, .aestus-wordmark-picture) {
    width: 225px !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 !important;
    display: block !important;
  }
  .focused-preview #appSwitch .aestus-wordmark-logo {
    width: 225px !important;
    height: 70px !important;
    max-height: 70px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transform: none !important;
  }
  .focused-preview #appSwitch .studio-wordmark > span,
  .focused-preview .review-badge {
    display: none !important;
  }
  .focused-preview #appSwitch .aestus-header-feedback {
    display: none !important;
  }
  .focused-preview #appSwitch .nav-cluster {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
    gap: 6px !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .focused-preview #appSwitch .nav-cluster button {
    min-width: 0 !important;
    flex: 0 1 auto !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 11px 18px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    font-size: 14px !important;
    color: var(--fw-muted) !important;
    text-transform: none !important;
  }
  .focused-preview #appSwitch .nav-cluster button.active {
    background: var(--fw-selected) !important;
    color: var(--fw-ink) !important;
    border-color: #53628a !important;
  }
  .focused-preview #appSwitch .nav-cluster button::before,
  .focused-preview #appSwitch .nav-cluster button::after {
    display: none !important;
  }
  .focused-preview #appSwitch .studio-rail-foot {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    align-items: flex-end !important;
    border: 0 !important;
    padding: 0 !important;
    min-width: 100px !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .workspace-preview-label {
    color: var(--fw-accent) !important;
    font-size: 12px !important;
    letter-spacing: .06em !important;
  }
  .focused-preview .browser-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 4px 0 16px !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  .focused-preview .browser-hero .hero-copy {
    padding: 0 !important;
    border: 0 !important;
  }
  .focused-preview .browser-hero h1 {
    font-size: 30px !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    letter-spacing: -.035em !important;
    font-weight: 600 !important;
  }
  .focused-preview .browser-hero h1 .tag {
    font: inherit !important;
    color: inherit !important;
    background: none !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .focused-preview .browser-hero .hero-kicker {
    display: none !important;
  }
  .focused-preview .browser-hero .sub {
    margin: 8px 0 0 !important;
    max-width: 640px !important;
  }
  .focused-preview .browser-hero .hero-side {
    width: auto !important;
    display: flex !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    flex: 0 0 auto !important;
  }
  .focused-preview .browser-hero .hero-metrics {
    display: none !important;
  }
  .focused-preview .browser-hero .browser-refresh {
    width: auto !important;
  }
  .focused-preview .ofw-workspace {
    display: grid !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }
  .focused-preview .ofw-index-pane {
    position: sticky !important;
    top: 112px !important;
    width: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    padding: 18px !important;
  }
  .focused-preview .ofw-canvas-pane {
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  .focused-preview .ofw-pane-head {
    padding: 0 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  .focused-preview .ofw-pane-head h2 {
    font-size: 14px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .ofw-index-pane > .panel {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .focused-preview :is(.genre-nav, .taxonomy-subnav) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 4px 0 !important;
  }
  .focused-preview :is(.genre-nav, .taxonomy-subnav) button {
    text-align: left !important;
    width: 100% !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--fw-muted) !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
  }
  .focused-preview :is(.genre-nav, .taxonomy-subnav) button.active {
    background: var(--fw-selected) !important;
    color: var(--fw-ink) !important;
    border-color: var(--fw-line) !important;
  }
  .focused-preview .catalog-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
  .focused-preview .manual-load {
    font-size: 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--fw-line) !important;
    padding: 14px 0 0 !important;
  }
  .focused-preview .manual-load summary {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #browserView .ofw-ledger-columns {
    display: none !important;
  }
  .focused-preview #catalogList {
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .focused-preview :is(.catalog-results-head, .market-group-head) {
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    gap: 12px !important;
  }
  .focused-preview .catalog-results-head {
    align-items: center !important;
  }
  .focused-preview .catalog-results-head h2,
  .focused-preview .catalog-results-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview :is(.catalog-head-stats, .market-group-stats) {
    background: none !important;
    border: 0 !important;
    gap: 16px !important;
  }
  .focused-preview :is(.catalog-head-stats, .market-group-stats) span {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }
  .focused-preview :is(.catalog-head-stats, .market-group-stats) small {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview :is(.catalog-head-stats, .market-group-stats) b {
    font-size: 14px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview .market-group {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 0 24px !important;
    box-shadow: none !important;
  }
  .focused-preview .market-group-grid-wrap {
    overflow: visible !important;
    padding: 0 !important;
  }
  .focused-preview :is(.market-group-grid, .market-showcase-grid) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #catalogList .dense-market-card {
    display: grid !important;
    grid-template: "identity identity" auto "preview preview" auto "metrics action" auto / minmax(0, 1fr) auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    gap: 10px 12px !important;
    align-items: center !important;
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 10px !important;
    background: var(--fw-surface) !important;
    box-shadow: none !important;
  }
  .focused-preview #catalogList .dense-market-card:hover {
    border-color: #7585b0 !important;
    background: #1f2b40 !important;
  }
  .focused-preview #catalogList .dense-market-card > * {
    width: auto !important;
    min-width: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .focused-preview #catalogList .dense-card-top {
    grid-area: identity !important;
    display: flex !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 8px !important;
  }
  .focused-preview #catalogList .dense-card-copy {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
  }
  .focused-preview #catalogList .dense-type {
    display: inline !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    margin: 0 0 0 8px !important;
    white-space: nowrap !important;
  }
  .focused-preview #catalogList .catalog-title,
  .focused-preview #catalogList .catalog-title a {
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: var(--fw-ink) !important;
    text-transform: none !important;
    font-weight: 600 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 4px !important;
    -webkit-line-clamp: unset !important;
  }
  .focused-preview #catalogList .catalog-title .club-title-side,
  .focused-preview #catalogList .catalog-title .club-title-name {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: left !important;
    font: inherit !important;
  }
  .focused-preview #catalogList .catalog-title .club-title-vs {
    display: inline !important;
    margin: 0 6px !important;
    padding: 0 !important;
    width: auto !important;
    font: inherit !important;
    color: var(--fw-muted) !important;
    text-transform: none !important;
    vertical-align: baseline !important;
  }
  .focused-preview #catalogList .catalog-title .club-title-logo {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 0 !important;
    max-width: 20px !important;
    max-height: 20px !important;
    vertical-align: -4px !important;
    object-fit: contain !important;
    margin: 0 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .focused-preview #catalogList .dense-preview {
    grid-area: preview !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
  }
  .focused-preview #catalogList .dense-preview-prices {
    grid-area: preview !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    max-width: 100% !important;
  }
  .focused-preview #catalogList .catalog-preview-entry {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    align-items: flex-start !important;
    border: 0 !important;
    background: var(--fw-inset) !important;
    padding: 7px 9px !important;
    border-radius: 6px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    white-space: normal !important;
  }
  .focused-preview #catalogList .catalog-preview-label {
    display: block !important;
    width: 100% !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: var(--fw-muted) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .focused-preview #catalogList .catalog-preview-value {
    font-style: normal !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--fw-ink) !important;
    white-space: nowrap !important;
    text-align: left !important;
    align-self: flex-start !important;
    margin: 0 !important;
  }
  .focused-preview #catalogList .dense-metrics {
    grid-area: metrics !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 4px 14px !important;
    min-height: 0 !important;
    height: auto !important;
    max-width: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .focused-preview #catalogList .dense-metric {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    gap: 5px !important;
    align-items: baseline !important;
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .focused-preview #catalogList .dense-metric small {
    display: inline !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #catalogList .dense-metric b {
    font-size: 13px !important;
    color: #c6d0e2 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  .focused-preview #catalogList .dense-card-foot {
    grid-area: action !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: stretch !important;
    width: 100% !important;
    position: static !important;
    inset: auto !important;
    max-width: none !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .focused-preview #catalogList :is(.dense-open-action, .dense-open, .dense-paused) {
    background: var(--fw-selected) !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
    font-size: 12px !important;
    color: var(--fw-accent) !important;
  }
  .focused-preview .market-group-title strong {
    font-size: 16px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview .market-group-title small {
    color: var(--fw-muted) !important;
    font-size: 12px !important;
  }
  .focused-preview .market-group-more {
    padding: 12px 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .focused-preview #genreNav :is(.side-tax-primary, .side-tax-secondary, .side-top-list, .side-tax-detail-line),
  .focused-preview #genreNav > .side-tax-kicker {
    display: none !important;
  }
  .focused-preview #genreNav :is(.side-tax-head, .side-tax-name) {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #genreNav :is(.side-tax-copy, .side-tax-title-line) {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .focused-preview #genreNav .side-tax-card {
    height: auto !important;
    min-height: 42px !important;
    max-width: 100% !important;
    padding: 6px 10px !important;
    overflow: visible !important;
  }
  .focused-preview #genreNav .side-tax-card strong {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    color: inherit !important;
    transform: none !important;
  }
  .focused-preview #genreNav :is(.side-tax-copy, .side-tax-title-line, .side-tax-card strong) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .focused-preview .traffic-sign {
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    filter: none !important;
    background: transparent !important;
    color: var(--fw-muted) !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
  }
  .focused-preview #genreNav .side-all-metric,
  .focused-preview #genreNav .side-all-label small {
    display: none !important;
  }
  .focused-preview #genreNav .side-all-markets {
    min-height: 44px !important;
    height: auto !important;
    padding: 10px !important;
    display: block !important;
  }
  .focused-preview #genreNav .side-all-label strong {
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  .focused-preview .market-group[data-polish-collapsed=true] {
    margin-bottom: 6px !important;
  }
  .focused-preview .market-group[data-polish-collapsed=true] .market-group-head {
    margin-bottom: 0 !important;
  }
  .focused-preview .traffic-sign::before,
  .focused-preview .traffic-sign::after {
    display: none !important;
  }
  .focused-preview .traffic-sign .sign-art {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    border-radius: 4px !important;
    inset: 2px !important;
  }
  .focused-preview .traffic-sign svg {
    filter: none !important;
    box-shadow: none !important;
    width: 24px !important;
    height: 24px !important;
  }
  .focused-preview .traffic-sign.flag {
    padding: 0 !important;
    outline: 0 !important;
    transform: none !important;
    clip-path: none !important;
    overflow: hidden !important;
  }
  .focused-preview .traffic-sign:is(.flag, :has(.sign-plus)) .sign-art {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    grid-template-columns: 100% !important;
    grid-template-rows: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    overflow: hidden !important;
    border-radius: inherit !important;
  }
  .focused-preview .traffic-sign.flag .country-flag-frame {
    display: grid !important;
    place-items: center !important;
    grid-template-columns: 100% !important;
    grid-template-rows: 100% !important;
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    box-shadow: none !important;
    border: 0 !important;
    filter: none !important;
  }
  .focused-preview .country-flag-frame::after {
    display: none !important;
    content: none !important;
  }
  .focused-preview .traffic-sign.flag :is(.country-flag-asset, .country-flag-svg) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
    transform: none !important;
  }
  .focused-preview .traffic-sign:has(.sign-plus) {
    padding: 0 !important;
    outline: 0 !important;
    transform: none !important;
    clip-path: none !important;
  }
  .focused-preview .traffic-sign .sign-plus {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .traffic-sign .sign-plus::before,
  .focused-preview .traffic-sign .sign-plus::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: currentColor !important;
    border: 0 !important;
    border-radius: 1px !important;
    width: 14px !important;
    height: 2px !important;
  }
  .focused-preview .traffic-sign .sign-plus::after {
    width: 2px !important;
    height: 14px !important;
  }
  .focused-preview .market-group-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 9px 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
    margin-bottom: 8px !important;
    min-height: 0 !important;
  }
  .focused-preview .market-group-ident {
    display: flex !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  .focused-preview .market-group-title {
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .focused-preview .market-group-title :is(strong, small) {
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  .focused-preview .market-group-actions {
    display: flex !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
  }
  .focused-preview .market-group-stats {
    display: flex !important;
    gap: 18px !important;
    margin-right: 10px !important;
    position: static !important;
    min-width: 0 !important;
  }
  .focused-preview .market-group-actions button {
    min-width: 0 !important;
    width: auto !important;
    font-size: 12px !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    position: static !important;
  }
  .focused-preview #catalogList :is(.taxonomy-tile, .market-showcase-card) {
    background: var(--fw-surface) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
  .focused-preview #catalogList .taxonomy-tile :is(strong, h3) {
    color: var(--fw-ink) !important;
    font-size: 18px !important;
    text-transform: none !important;
    line-height: 1.4 !important;
  }
  .focused-preview #catalogList .taxonomy-tile :is(small, .taxonomy-meta) {
    color: var(--fw-muted) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .focused-preview #genreNav::before {
    display: none !important;
  }
  .focused-preview #catalogList .dense-card-top > .market-card-logo {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 0 !important;
    flex: 0 0 28px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #catalogList .dense-card-top:has(.club-title-logo) > .market-card-logo {
    display: none !important;
  }
  .focused-preview #catalogList .dense-metrics {
    width: 100% !important;
    justify-self: stretch !important;
    text-align: left !important;
  }
  .focused-preview #catalogList .dense-metric[data-metric=liquidity]::before {
    content: "Liquidity";
    font-size: 12px;
    color: var(--fw-muted);
  }
  .focused-preview #catalogList .dense-metric[data-metric=volume]::before {
    content: "24h volume";
    font-size: 12px;
    color: var(--fw-muted);
  }
  .focused-preview #catalogList .dense-type {
    border: 0 !important;
    background: none !important;
    padding: 0 !important;
  }
  .focused-preview #catalogList .catalog-taxonomy {
    display: inline !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--fw-muted) !important;
    white-space: normal !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
  .focused-preview #catalogList .catalog-taxonomy .sep {
    padding: 0 4px !important;
  }
  .focused-preview #catalogList .market-group-grid-wrap > .market-index-page-prev,
  .focused-preview #catalogList .market-group-grid-wrap > .market-index-page-next {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    min-height: 36px !important;
    width: 40px !important;
    margin: 12px 8px 0 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    float: none !important;
  }
  .focused-preview .market-group-stats > span {
    min-width: 64px !important;
    display: flex !important;
    flex-direction: column !important;
    position: static !important;
    gap: 2px !important;
  }
  .focused-preview .market-group-stats :is(small, b) {
    position: static !important;
    white-space: nowrap !important;
    line-height: 1.5 !important;
  }
  .focused-preview #detailView .soccer-event-title-link {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
  }
  .focused-preview #detailView .soccer-event-title-link .club-title-side {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
  .focused-preview #detailView .soccer-event-title-link .club-title-name {
    font: inherit !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
  .focused-preview #detailView .soccer-event-title-link .club-title-logo {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    flex: 0 0 26px !important;
  }
  .focused-preview #detailView .football-model-head strong {
    display: none !important;
  }
  .focused-preview #detailView :is(.football-model-head small, .football-advanced-head small) {
    font-size: 14px !important;
    color: var(--fw-muted) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
  }
  .focused-preview #detailView :is(.football-model-empty, .football-advanced-empty, .external-model-empty) {
    border: 0 !important;
    background: transparent !important;
    padding: 12px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #detailView :is(.football-model-tag, .football-advanced-tag) {
    background: var(--fw-selected) !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
    color: var(--fw-accent) !important;
    font-size: 12px !important;
    white-space: normal !important;
  }
  .focused-preview #detailView .football-advanced-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: start !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    background: none !important;
    border: 0 !important;
    padding: 0 0 10px !important;
  }
  .focused-preview #detailView .football-advanced-head strong {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #detailView {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }
  .focused-preview .detail-topbar {
    order: 0 !important;
    position: static !important;
    z-index: auto !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    min-height: 40px !important;
    background: transparent !important;
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }
  .focused-preview #detailView .detail-hero {
    order: 1 !important;
    background: var(--fw-surface) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
    padding: 22px 24px 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  .focused-preview #detailView .detail-hero-grid {
    display: block !important;
  }
  .focused-preview #detailView .detail-hero-grid > div {
    padding: 0 !important;
    border: 0 !important;
    min-height: 0 !important;
  }
  .focused-preview #detailView .hero-kicker {
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: var(--fw-muted) !important;
    margin: 0 0 8px !important;
    font-weight: 500 !important;
  }
  .focused-preview #detailView .detail-title,
  .focused-preview #detailView .detail-title a {
    font-size: clamp(24px, 2vw, 32px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--fw-ink) !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
    text-decoration: none !important;
  }
  .focused-preview #detailView .detail-event {
    color: var(--fw-muted) !important;
    font-size: 14px !important;
    margin: 8px 0 0 !important;
  }
  .focused-preview #detailView .detail-betline {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 24px !important;
    padding: 12px 0 !important;
    margin: 12px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--fw-line) !important;
    background: none !important;
    min-height: 0 !important;
  }
  .focused-preview .detail-betline :is(span, div) {
    padding: 0 !important;
    border: 0 !important;
    min-width: 0 !important;
  }
  .focused-preview .detail-betline :is(small, b, strong) {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #detailView .detail-description {
    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid var(--fw-accent) !important;
    padding: 4px 12px !important;
    margin: 0 0 14px !important;
    min-height: 0 !important;
    font-size: 14px !important;
    color: #c6d0e2 !important;
  }
  .focused-preview .detail-description::before {
    display: none !important;
  }
  .focused-preview #detailView .detail-runtime {
    display: none !important;
  }
  .focused-preview .workspace-summary {
    display: grid !important;
    grid-template-columns: minmax(200px, 1.15fr) minmax(320px, 1.5fr) minmax(170px, .85fr) !important;
    gap: 0 !important;
    border-top: 1px solid var(--fw-line) !important;
  }
  .focused-preview .workspace-selected {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 20px 20px 20px 0 !important;
    min-width: 0 !important;
  }
  .focused-preview .workspace-selected strong {
    font-size: 20px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
    font-weight: 600 !important;
  }
  .focused-preview .workspace-selected > span,
  .focused-preview .workspace-model > span {
    font-size: 13px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .workspace-quotes {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 18px 24px !important;
    border-left: 1px solid var(--fw-line) !important;
  }
  .focused-preview .workspace-quotes span {
    display: block !important;
    font-size: 13px !important;
    color: var(--fw-muted) !important;
    margin-bottom: 5px !important;
  }
  .focused-preview .workspace-quotes strong {
    font-size: 21px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 500 !important;
    color: var(--fw-ink) !important;
    white-space: nowrap !important;
  }
  .focused-preview .workspace-model {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 5px !important;
    text-align: left !important;
    padding: 18px 20px !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 1px solid var(--fw-line) !important;
    border-radius: 0 !important;
    min-width: 0 !important;
  }
  .focused-preview .workspace-model strong {
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: var(--fw-accent) !important;
  }
  .focused-preview .workspace-model small {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .workspace-freshness {
    grid-column: 1/-1 !important;
    border-top: 1px solid var(--fw-line) !important;
    padding: 10px 0 !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .workspace-freshness[data-tone=warn] {
    color: #e5c18c !important;
  }
  .focused-preview .workspace-tabs {
    order: 2 !important;
    display: flex !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  .focused-preview .workspace-tabs button {
    padding: 10px 18px !important;
    background: var(--fw-surface) !important;
    color: var(--fw-muted) !important;
    border-color: var(--fw-line) !important;
  }
  .focused-preview .workspace-tabs button[aria-selected=true] {
    background: var(--fw-selected) !important;
    color: var(--fw-ink) !important;
    border-color: #6c7dae !important;
  }
  .focused-preview #detailView .aestus-beta60-layout {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    grid-template: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  .focused-preview #detailView :is(.aestus-workbench-shell, .aestus-workbench-primary, .aestus-workbench-research, .aestus-secondary-rail) {
    display: contents !important;
  }
  .focused-preview #detailView #eventOptionsPanel {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    width: 100% !important;
    display: block !important;
  }
  .focused-preview #eventOptionsPanel > .event-options-head {
    display: none !important;
  }
  .focused-preview #detailView #mktSplit {
    display: grid !important;
    grid-template: "orderbook chart" auto "outcomes outcomes" auto / minmax(0, .95fr) minmax(0, 1.25fr) !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .focused-preview #mktSplit > .ofw-orderbook-col {
    grid-area: orderbook !important;
    order: 0 !important;
  }
  .focused-preview #mktSplit > .mkt-chart-col {
    grid-area: chart !important;
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .focused-preview #mktSplit > .mkt-list-col {
    grid-area: outcomes !important;
    order: 2 !important;
    display: block !important;
  }
  .focused-preview #mktSplit > :is(.mkt-list-col, .ofw-orderbook-col, .mkt-chart-col) {
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
    background: var(--fw-surface) !important;
    padding: 20px !important;
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    box-shadow: none !important;
  }
  .focused-preview #detailView .ofw-module-head {
    padding: 0 0 14px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    min-height: 0 !important;
  }
  .focused-preview .ofw-module-head :is(h2, h3) {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--fw-ink) !important;
    text-transform: none !important;
  }
  .focused-preview #detailView :is(.ofw-orderbook-body, .structure-market-data, .microstructure-block, .microstructure-tab-panel) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .focused-preview #structureMarketData > .structure-market-head,
  .focused-preview #structureMarketData > .structure-market-stats {
    display: none !important;
  }
  .focused-preview #structureMarketData :is(.structure-bet-switcher, .structure-outcome-pair) {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    gap: 8px !important;
  }
  .focused-preview #structureMarketData .structure-bet-switcher label {
    font-size: 13px !important;
  }
  .focused-preview #structureMarketData .structure-tabs {
    display: flex !important;
    gap: 6px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
  }
  .focused-preview #structureMarketData .structure-outcome-pair {
    display: flex !important;
    gap: 8px !important;
  }
  .focused-preview #structureMarketData .structure-outcome-chip {
    display: flex !important;
    flex: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
  }
  .focused-preview #structureMarketData .structure-outcome-chip span {
    font-size: 14px !important;
  }
  .focused-preview #structureMarketData .structure-outcome-chip small {
    display: none !important;
  }
  .focused-preview #structureMarketData .structure-tabs button {
    min-height: 36px !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
  }
  .focused-preview .market-pressure {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 14px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 10px 0 !important;
    margin: 0 0 12px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
  }
  .focused-preview .market-pressure :is(small, strong, .market-pressure-meta, .market-pressure-note) {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .market-pressure-note {
    flex: 1 1 100% !important;
  }
  .focused-preview #structureMarketData .microstructure-block h3 {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    text-transform: none !important;
    line-height: 1.5 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .focused-preview #structureMarketData .table-scroll {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    max-width: 100% !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    scrollbar-gutter: auto !important;
  }
  .focused-preview #structureMarketData table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border: 0 !important;
    font-size: 13px !important;
    background: transparent !important;
  }
  .focused-preview #structureMarketData :is(th, td) {
    padding: 7px 6px !important;
    line-height: 1.4 !important;
    border: 0 !important;
    border-bottom: 1px solid #2b374d !important;
    background: transparent !important;
    font-size: 13px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    min-width: 0 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #structureMarketData th {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    text-transform: none !important;
    vertical-align: bottom !important;
    padding-bottom: 10px !important;
  }
  .focused-preview #structureMarketData .book-level-row.ask td {
    color: #ef9ba7 !important;
  }
  .focused-preview #structureMarketData .book-level-row.bid td {
    color: #8bcebd !important;
  }
  .focused-preview #structureMarketData .book-empty-level {
    display: none !important;
  }
  .focused-preview .book-depth-bar {
    opacity: .12 !important;
  }
  .focused-preview #structureMarketData > .status {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    margin-top: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .microstructure-empty {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--fw-muted) !important;
    padding: 20px 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  .focused-preview #detailView .chart-head {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    padding: 0 0 14px !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
  }
  .focused-preview #detailView .chart-title {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #detailView .chart-tools {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .focused-preview #detailView :is(.range-seg, .chart-phase-seg) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    border: 0 !important;
    background: transparent !important;
  }
  .focused-preview #chartRange button {
    font-size: 12px !important;
    padding: 7px 10px !important;
    min-height: 34px !important;
    min-width: 34px !important;
    border-color: transparent !important;
  }
  .focused-preview #chartReload {
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
  }
  .focused-preview #detailView .chart-wrap {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 360px !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #detailView #priceChart {
    width: 100% !important;
    max-width: 100% !important;
    height: 360px !important;
    min-height: 0 !important;
    display: block !important;
  }
  .focused-preview #detailView :is(.chart-legend, .chart-status) {
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 12px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.6 !important;
    color: var(--fw-muted) !important;
    font-size: 12px !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
  }
  .focused-preview #detailView .leg-item {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  .focused-preview #detailView .chart-tip {
    background: var(--fw-surface) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #mktTools {
    display: flex !important;
    gap: 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    margin-bottom: 12px !important;
  }
  .focused-preview #optSearch {
    flex: 1 1 auto !important;
    max-width: none !important;
  }
  .focused-preview #optSort {
    flex: 0 1 210px !important;
    max-width: 210px !important;
  }
  .focused-preview #mktSelBar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
  }
  .focused-preview #mktSelBar button {
    font-size: 12px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
  }
  .focused-preview #eventOptionsGrid.mkt-list {
    display: block !important;
    max-height: 480px !important;
    height: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    scrollbar-gutter: stable !important;
  }
  .focused-preview #eventOptionsGrid :is(.mkt-listhead, .mkt-row) {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) 92px 92px 80px !important;
    gap: 12px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid #2b374d !important;
    padding: 12px 8px !important;
    height: auto !important;
    background: transparent !important;
    min-width: 0 !important;
  }
  .focused-preview #eventOptionsGrid .mkt-listhead {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: var(--fw-surface) !important;
    min-height: 46px !important;
    padding-top: 10px !important;
    padding-bottom: 14px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #eventOptionsGrid .mkt-listhead > * {
    font-size: 13px !important;
    line-height: 20px !important;
    margin: 0 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #eventOptionsGrid .mkt-listhead button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    min-height: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    text-align: right !important;
    line-height: 20px !important;
    font-size: 13px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #eventOptionsGrid .mkt-row:hover,
  .focused-preview #eventOptionsGrid .mkt-row.on {
    background: var(--fw-selected) !important;
  }
  .focused-preview #eventOptionsGrid :is(.mkt-name, .mkt-px, .mkt-dlt) {
    font-size: 14px !important;
    line-height: 1.5 !important;
    border: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }
  .focused-preview #eventOptionsGrid .mkt-name {
    color: var(--fw-ink) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .focused-preview #eventOptionsGrid .mkt-px {
    text-align: right !important;
    color: var(--fw-ink) !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 500 !important;
  }
  .focused-preview #eventOptionsGrid .mkt-dlt {
    text-align: right !important;
    font-variant-numeric: tabular-nums !important;
  }
  .focused-preview #detailView #eventOptionsPanel > .ofw-progressive-canvas {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    grid-template: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .focused-preview #detailView :is(#valueBoard, #structurePanel, #recentMediaPanel, #holderResearchPanel) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 22px !important;
    margin: 0 !important;
    border: 1px solid var(--fw-line) !important;
    background: var(--fw-surface) !important;
    border-radius: 12px !important;
    position: static !important;
    overflow: visible !important;
  }
  .focused-preview #detailView #structurePanel {
    order: 2 !important;
  }
  .focused-preview #detailView #valueBoard {
    order: 1 !important;
  }
  .focused-preview #detailView :is(.vb-head, .football-model-head, .external-model-head, .recent-media-head) {
    background: transparent !important;
    border: 0 !important;
    padding: 0 0 16px !important;
    gap: 12px !important;
    min-height: 0 !important;
    box-shadow: none !important;
  }
  .focused-preview #detailView :is(.vb-subtitle, .vb-sum, .external-model-sub, .recent-media-sub, .recent-media-meta) {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: var(--fw-muted) !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  .focused-preview #detailView :is(.football-model-panel, .football-advanced-model-panel, .baseball-model-panel, .basketball-model-panel, .tennis-model-panel, .f1-model-panel, .nfl-model-panel, .soccer-title-model-panel, .wti-model-panel, .musk-model-panel, .external-model-card) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    position: static !important;
    overflow-wrap: anywhere !important;
  }
  .focused-preview #detailView #advancedFootballModelPanel {
    padding-top: 24px !important;
    margin-top: 24px !important;
    border-top: 1px solid var(--fw-line) !important;
  }
  .focused-preview .external-model-panel {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .focused-preview .external-model-head > div > strong {
    display: none !important;
  }
  .focused-preview .external-model-head small {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .external-model-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }
  .focused-preview .external-model-grid > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    min-width: 0 !important;
  }
  .focused-preview .external-model-grid small {
    font-size: 13px !important;
    color: var(--fw-muted) !important;
    font-weight: 400 !important;
  }
  .focused-preview .external-model-grid b {
    font-size: 24px !important;
    line-height: 1.3 !important;
    color: var(--fw-ink) !important;
    font-weight: 600 !important;
    overflow-wrap: normal !important;
  }
  .focused-preview .external-model-grid span {
    font-size: 13px !important;
    color: var(--fw-muted) !important;
    line-height: 1.5 !important;
  }
  .focused-preview :is(.external-model-note, .external-model-provenance, .external-model-distribution-note) {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--fw-muted) !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    overflow-wrap: normal !important;
  }
  .focused-preview .external-model-note ul {
    padding-left: 20px !important;
    margin-top: 6px !important;
  }
  .focused-preview .external-model-outcomes {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 20px !important;
    background: transparent !important;
    border: 0 !important;
    margin-top: 14px !important;
  }
  .focused-preview #detailView .external-model-outcome {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 10px !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
    min-width: 0 !important;
  }
  .focused-preview .external-model-outcome span {
    font-size: 14px !important;
    color: var(--fw-ink) !important;
    overflow-wrap: normal !important;
  }
  .focused-preview .external-model-outcome b {
    font-size: 16px !important;
    color: var(--fw-accent) !important;
  }
  .focused-preview .external-model-outcome small {
    grid-column: 1/-1 !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview .workspace-model-distribution {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--fw-line) !important;
    border-bottom: 1px solid var(--fw-line) !important;
    border-radius: 0 !important;
    padding: 14px 0 !important;
    margin: 10px 0 !important;
  }
  .focused-preview #detailView :is(.external-model-outcome, .football-model-card, .football-model-metric, .membership-profile-field) {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 14px !important;
  }
  .focused-preview #detailView :is(.external-model-tag, .premium-pill, .fv-chip) {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: var(--fw-accent) !important;
    background: var(--fw-selected) !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 5px 8px !important;
  }
  .focused-preview #detailView .review-model-placeholder {
    color: var(--fw-muted) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
  }
  .focused-preview #detailView #valueBoard.review-model-unavailable :is(.vb-head, #footballModelPanel) {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  .focused-preview #detailView #valueBoard.review-model-unavailable h2 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }
  .focused-preview #detailView #structurePanel :is(.status, .warnitem, summary, details) {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: var(--fw-muted) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 8px 0 !important;
    box-shadow: none !important;
  }
  .focused-preview #detailView #structurePanel #normStatus {
    color: #e5c18c !important;
  }
  .focused-preview #detailView #structurePanel #normStatus.ok {
    color: #8bcebd !important;
  }
  .focused-preview #detailView #structurePanel #structDetails {
    border-top: 1px solid var(--fw-line) !important;
    padding-top: 10px !important;
  }
  .focused-preview #detailView #structurePanel h2 {
    font-size: 18px !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
  }
  .focused-preview :is(details, .vb-gate, .premium-fv-lock, .registered-access-card) {
    border: 1px solid var(--fw-line) !important;
    background: var(--fw-inset) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    box-shadow: none !important;
  }
  .focused-preview summary {
    font-size: 14px !important;
    color: var(--fw-ink) !important;
    line-height: 1.5 !important;
  }
  .focused-preview :is(.warnitem, .okitem) {
    border: 0 !important;
    border-left: 2px solid #a3b4d4 !important;
    background: var(--fw-inset) !important;
    border-radius: 0 !important;
    color: var(--fw-muted) !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .focused-preview .warnitem.sev {
    border-left-color: #e5c18c !important;
    color: #e5c18c !important;
  }
  .focused-preview .recent-media-list {
    gap: 12px !important;
  }
  .focused-preview :is(.recent-media-card, .recent-media-item) {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }
  .focused-preview #holderResearchPanel > .row {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
  .focused-preview #holderResearchPanel > .row > button {
    flex: 0 1 auto !important;
  }
  .focused-preview #scopeMode {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    border: 0 !important;
    background: transparent !important;
  }
  .focused-preview #scopeMode button {
    width: 100% !important;
    text-align: left !important;
    min-height: 42px !important;
    font-size: 14px !important;
    padding: 10px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
  }
  .focused-preview #scopeMode button.active {
    background: var(--fw-selected) !important;
    border-color: var(--fw-line) !important;
  }
  .focused-preview :is(.scope-filter-grid, .user-rank-controls, .user-searchbar) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin-top: 14px !important;
  }
  .focused-preview .scope-field {
    margin: 0 !important;
  }
  .focused-preview .scope-field span {
    font-size: 13px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #scopeView .ofw-ledger-viewport {
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
    background: var(--fw-surface) !important;
    overflow-x: auto !important;
  }
  .focused-preview #scopeView .scope-feed {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #scopeView :is(.ofw-ledger-columns, .scope-card) {
    min-width: 920px !important;
    padding: 16px !important;
    gap: 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #2b374d !important;
    background: transparent !important;
    align-items: start !important;
    font-size: 14px !important;
  }
  .focused-preview #scopeView .ofw-ledger-columns {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    background: var(--fw-inset) !important;
  }
  .focused-preview #scopeView .scope-card:hover {
    background: var(--fw-selected) !important;
  }
  .focused-preview #scopeView .scope-user-button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .focused-preview #scopeView .scope-user-button > span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-wrap: normal !important;
    line-height: 1.6 !important;
    font-size: 14px !important;
  }
  .focused-preview #scopeView .scope-user-button > small {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #scopeView .ofw-ledger-columns > span:nth-child(n+4) {
    text-align: right !important;
  }
  .focused-preview #scopeView .scope-card > * {
    min-width: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    background: none !important;
  }
  .focused-preview #scopeView :is(.scope-sub, .scope-edge-sub, .scope-edge-note, .scope-metric small) {
    color: var(--fw-muted) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }
  .focused-preview #scopeView .scope-metric b {
    font-size: 14px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #scopeView .scope-empty {
    min-width: 0 !important;
    padding: 32px !important;
    color: var(--fw-muted) !important;
    background: transparent !important;
    font-size: 14px !important;
  }
  .focused-preview #scopeView .scope-empty h3 {
    font-size: 22px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview .scope-edge-disclaimer {
    border: 0 !important;
    background: transparent !important;
    color: var(--fw-muted) !important;
    font-size: 12px !important;
    padding: 14px 0 !important;
  }
  .focused-preview #userView .user-results {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .focused-preview #userView .ofw-ledger-columns {
    display: none !important;
  }
  .focused-preview #userView .user-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    padding: 0 !important;
    align-items: center !important;
    height: auto !important;
    min-height: 48px !important;
  }
  .focused-preview #userView .user-head-stats {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    min-width: 0 !important;
  }
  .focused-preview #userView .user-head-stat {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 75px !important;
    text-align: right !important;
  }
  .focused-preview #userView .user-head-stat .k {
    display: block !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #userView .user-head-stat .v {
    display: block !important;
    font-size: 16px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #userView .user-ident {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .focused-preview #userView .user-name {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .focused-preview #userView :is(.user-card-body, .user-profile, .user-loading, .user-stats-loading) {
    background: transparent !important;
    border: 0 !important;
    padding: 18px 0 0 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #userView .user-card {
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
    background: var(--fw-surface) !important;
    box-shadow: none !important;
    padding: 20px !important;
    overflow: hidden !important;
  }
  .focused-preview #userView :is(.user-card-head, .user-profile-row, .user-tabs, .user-tabbar) {
    border: 0 !important;
    background: transparent !important;
    padding: 0 0 14px !important;
    gap: 12px !important;
  }
  .focused-preview #userView :is(.user-name, .user-name a) {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #userView :is(.user-card small, .user-card .status, .user-wallet) {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #userView .user-card .stats {
    font-size: 14px !important;
  }
  .focused-preview #userView .user-empty {
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
    background: var(--fw-surface) !important;
    padding: 28px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #userView .user-detail {
    background: transparent !important;
    padding: 20px 0 0 !important;
    margin-top: 16px !important;
    border: 0 !important;
    border-top: 1px solid var(--fw-line) !important;
  }
  .focused-preview #userView .user-metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 16px 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
  }
  .focused-preview #userView .user-metric {
    padding: 14px !important;
    min-width: 0 !important;
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  .focused-preview #userView .user-metric :is(.k, small) {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    margin-bottom: 6px !important;
  }
  .focused-preview #userView .user-metric :is(.v, b) {
    font-size: 18px !important;
    color: var(--fw-ink) !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
  }
  .focused-preview #userView .user-pnl-history {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin: 16px 0 !important;
  }
  .focused-preview #userView .user-pnl-history-head {
    display: flex !important;
    flex-direction: row !important;
    text-align: left !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    margin-bottom: 16px !important;
  }
  .focused-preview #userView .user-pnl-labels {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: start !important;
    line-height: 1.5 !important;
  }
  .focused-preview #userView .user-pnl-labels > span:first-child,
  .focused-preview #userView .user-pnl-labels > span:last-child {
    white-space: nowrap !important;
  }
  .focused-preview #userView .user-pnl-labels > span:nth-child(2) {
    text-align: center !important;
  }
  .focused-preview #userView .user-trade-size {
    display: block !important;
    white-space: nowrap !important;
  }
  .focused-preview #userView .user-positions {
    background: none !important;
    border: 0 !important;
    overflow: visible !important;
  }
  .focused-preview #userView :is(.user-position, .user-position-head) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) repeat(4, minmax(75px, 100px)) !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
    border-radius: 0 !important;
    background: var(--fw-inset) !important;
    box-shadow: none !important;
    min-width: 0 !important;
  }
  .focused-preview #userView .user-position-market {
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
  }
  .focused-preview #userView .user-position-market b {
    color: var(--fw-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  .focused-preview #userView .user-position-num {
    font-size: 14px !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #userView .user-position-num.pos {
    color: var(--yes) !important;
  }
  .focused-preview #userView .user-position-num.neg {
    color: var(--no) !important;
  }
  .focused-preview #userView .user-position-num::before {
    display: none !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    line-height: 1.5 !important;
    margin-bottom: 4px !important;
  }
  .focused-preview #userView .user-pnl-history-head :is(strong, h3) {
    font-size: 16px !important;
    color: var(--fw-ink) !important;
    text-transform: none !important;
  }
  .focused-preview #userView :is(.user-pnl-labels, .user-pnl-history-head small, .user-pnl-history-head span) {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #userView .user-pnl-history-controls {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
  }
  .focused-preview #userView .user-pnl-switch {
    display: flex !important;
    gap: 4px !important;
  }
  .focused-preview #userView .user-pnl-switch button {
    font-size: 13px !important;
    min-height: 36px !important;
    padding: 8px 12px !important;
  }
  .focused-preview #userView .user-pnl-history-controls label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
  }
  .focused-preview #userView :is(.user-category-card, .user-genre-card, .user-position-card, .user-pnl-month) {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 14px !important;
    box-shadow: none !important;
  }
  .focused-preview #membershipView .membership-shell {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  .focused-preview #membershipView .membership-tabs {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #membershipView .membership-tabs button {
    text-align: left !important;
    width: 100% !important;
    background: transparent !important;
    border-color: transparent !important;
  }
  .focused-preview #membershipView .membership-tabs button.active {
    background: var(--fw-selected) !important;
    border-color: var(--fw-line) !important;
  }
  .focused-preview #membershipView .membership-grid {
    display: block !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  .focused-preview #membershipView .membership-card {
    padding: 26px !important;
    width: 100% !important;
    max-width: none !important;
    background: var(--fw-surface) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 12px !important;
  }
  .focused-preview #membershipView .membership-card h2 {
    font-size: 22px !important;
    font-weight: 600 !important;
  }
  .focused-preview #membershipView .membership-form .row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    align-items: start !important;
  }
  .focused-preview #membershipView .membership-form {
    display: grid !important;
    gap: 16px !important;
  }
  .focused-preview #membershipView .membership-form label {
    margin: 0 0 8px !important;
    font-size: 14px !important;
  }
  .focused-preview #membershipView :is(.membership-status, .membership-note, .membership-divider, .membership-profile-field small) {
    font-size: 13px !important;
    color: var(--fw-muted) !important;
    line-height: 1.6 !important;
    background: transparent !important;
    border-color: var(--fw-line) !important;
  }
  .focused-preview #membershipView .membership-profile-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .focused-preview #membershipView .membership-profile-field {
    padding: 16px !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    background: var(--fw-inset) !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  .focused-preview #membershipView .membership-profile-field b {
    font-size: 16px !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview .workspace-feedback {
    font-size: 12px !important;
    text-decoration: none !important;
  }
  .focused-preview :is(.htab, .data-table) :is(th, td) {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--fw-ink) !important;
    border-color: var(--fw-line) !important;
    background: transparent !important;
  }
  .focused-preview :is(.htab, .data-table) th {
    color: var(--fw-muted) !important;
    background: var(--fw-inset) !important;
  }
  .focused-preview .market-group-head {
    position: static !important;
    z-index: auto !important;
    inset: auto !important;
  }
  .focused-preview .manual-load {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 12px !important;
  }
  .focused-preview .manual-load summary {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    line-height: 1.6 !important;
  }
  .focused-preview #detailTitle .soccer-event-title-link {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    text-align: left !important;
  }
  .focused-preview #detailTitle .club-title-side {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  .focused-preview #detailTitle .club-title-home .club-title-logo {
    order: 0 !important;
  }
  .focused-preview #detailTitle .club-title-name {
    flex: 0 1 auto !important;
    width: auto !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-height: 1.3 !important;
  }
  .focused-preview #detailTitle .club-title-vs {
    font-size: 16px !important;
    color: var(--fw-muted) !important;
    padding: 0 2px !important;
  }
  .focused-preview #detailTitle .club-title-logo {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    object-fit: contain !important;
  }
  .focused-preview #eventOptionsGrid :is(.soccer-hub-intro, .sidebet-family-head) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    background: none !important;
    border: 0 !important;
  }
  .focused-preview #eventOptionsGrid :is(.soccer-hub-intro, .sidebet-family-head) strong {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #eventOptionsGrid :is(.soccer-hub-intro > span, .sidebet-family-head > small, .sidebet-card-count) {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--fw-muted) !important;
    white-space: normal !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-family {
    padding: 0 !important;
    margin: 0 0 16px !important;
    background: none !important;
    border: 0 !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-family-code {
    display: none !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-family-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .focused-preview #eventOptionsGrid :is(.sidebet-card, .sidebet-level-group) {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    background: var(--fw-inset) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-level-group {
    grid-column: 1/-1 !important;
  }
  .focused-preview #eventOptionsGrid :is(.sidebet-card-top, .sidebet-level-head) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: start !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }
  .focused-preview #eventOptionsGrid :is(.sidebet-card-title, .sidebet-level-head strong) {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 600 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-level-head small {
    display: block !important;
    max-width: none !important;
    text-align: left !important;
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    line-height: 1.5 !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-preview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-preview-entry {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex: 1 1 130px !important;
    min-width: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
    background: none !important;
    border-radius: 0 !important;
  }
  .focused-preview #eventOptionsGrid :is(.sidebet-preview-name, .sidebet-preview-price) {
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-preview-price {
    white-space: nowrap !important;
    color: var(--fw-accent) !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-card-metrics {
    display: flex !important;
    gap: 18px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-card-metrics > span {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-card-metrics :is(small, b) {
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-transform: none !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-levels {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-level-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    background: var(--fw-surface) !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-level-button strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    color: var(--fw-ink) !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-level-button > small {
    font-size: 12px !important;
    color: var(--fw-muted) !important;
    align-self: flex-start !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-level-preview {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 12px !important;
    margin-top: 8px !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-secondary {
    background: none !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 14px !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-secondary summary {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    align-items: baseline !important;
    padding: 0 !important;
    background: none !important;
  }
  .focused-preview #eventOptionsGrid .sidebet-secondary summary :is(strong, span, small) {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #detailView :is(.football-model-grid, .football-advanced-grid, .football-advanced-compare, .football-advanced-detail-grid) {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 12px 0 !important;
  }
  .focused-preview #detailView :is(.football-model-grid, .football-advanced-grid, .football-advanced-compare, .football-advanced-detail-grid) > div {
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    background: var(--fw-inset) !important;
    grid-column: auto !important;
  }
  .focused-preview #detailView :is(.football-model-grid, .football-advanced-grid, .football-advanced-compare, .football-advanced-detail-grid) :is(small, span) {
    display: block !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    color: var(--fw-muted) !important;
  }
  .focused-preview #detailView :is(.football-model-grid, .football-advanced-grid, .football-advanced-compare) b {
    font-size: 24px !important;
    line-height: 1.5 !important;
    color: var(--fw-ink) !important;
    white-space: normal !important;
    overflow: visible !important;
  }
  .focused-preview #detailView :is(.football-model-meta, .football-model-note, .football-advanced-note, .football-advanced-detail-grid) {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--fw-muted) !important;
    border-color: var(--fw-line) !important;
  }
  .focused-preview #userView .user-cat {
    background: var(--fw-inset) !important;
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    padding: 14px !important;
  }
  .focused-preview #userView .user-cat-meta {
    font-size: 12px !important;
    line-height: 1.5 !important;
    flex-wrap: wrap !important;
  }
  .focused-preview #userView .user-trades {
    border: 1px solid var(--fw-line) !important;
    border-radius: 8px !important;
    background: var(--fw-inset) !important;
    overflow: hidden !important;
  }
  .focused-preview #userView .user-trade {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) 50px 65px !important;
    gap: 12px !important;
    padding: 12px !important;
    border-color: var(--fw-line) !important;
    background: none !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .focused-preview #userView .user-trade-market {
    white-space: normal !important;
    overflow-wrap: normal !important;
  }
  .focused-preview #structureMarketData .latest-trades-meta {
    font-size: 12px !important;
    line-height: 1.6 !important;
    color: var(--fw-muted) !important;
    margin: 8px 0 !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)),
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) tbody {
    display: block !important;
    width: 100% !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) thead {
    display: none !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) tr {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    gap: 10px 16px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--fw-line) !important;
    background: none !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(1) {
    grid-column: 1/3 !important;
    grid-row: 1 !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(7) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    overflow-wrap: anywhere !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td::before {
    display: block !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--fw-muted) !important;
    margin-bottom: 3px !important;
    line-height: 1.5 !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(1)::before {
    content: "Time" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(2)::before {
    content: "Outcome" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(3)::before {
    content: "Side" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(4)::before {
    content: "Price" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(5)::before {
    content: "Shares" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(6)::before {
    content: "Notional" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(7)::before {
    content: "Wallet / user" !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) :is(small, .micro-trade-actor) {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
    white-space: normal !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td {
    box-shadow: none !important;
    background: none !important;
  }
  .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td::after {
    display: none !important;
  }
  @media (max-width: 1100px) {
    .focused-preview #eventOptionsGrid .sidebet-levels {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .focused-preview #appSwitch {
      gap: 12px !important;
      padding: 8px 20px !important;
    }
    .focused-preview #appSwitch .studio-rail-foot {
      display: none !important;
    }
    .focused-preview .ofw-workspace {
      grid-template-columns: 205px minmax(0, 1fr) !important;
      gap: 16px !important;
    }
    .focused-preview :is(.market-group-grid, .market-showcase-grid) {
      grid-template-columns: 1fr !important;
    }
    .focused-preview .browser-hero {
      align-items: flex-start !important;
    }
    .focused-preview .browser-hero .hero-side {
      flex-direction: column !important;
    }
    .focused-preview .workspace-summary {
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
    }
    .focused-preview .workspace-quotes {
      grid-row: 2 !important;
      grid-column: 1/-1 !important;
      border-left: 0 !important;
      border-top: 1px solid var(--fw-line) !important;
      padding: 16px 0 !important;
    }
    .focused-preview .workspace-model {
      grid-row: 1 !important;
      grid-column: 2 !important;
    }
    .focused-preview #detailView #mktSplit {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    }
    .focused-preview #mktSplit > :is(.ofw-orderbook-col, .mkt-chart-col) {
      padding: 16px !important;
    }
    .focused-preview #structureMarketData :is(th, td) {
      font-size: 12px !important;
      padding: 7px 4px !important;
    }
    .focused-preview .market-group-stats {
      display: none !important;
    }
  }
  @media (max-width: 759px) {
    .focused-preview #userView .user-position {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px !important;
    }
    .focused-preview #userView .user-position-market {
      grid-column: 1/-1 !important;
    }
    .focused-preview #userView .user-position-num {
      text-align: left !important;
    }
    .focused-preview #userView .user-position-num::before {
      display: block !important;
      content: attr(data-label) !important;
    }
    .focused-preview #userView .user-position-head {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
      padding: 10px 0 !important;
      background: none !important;
    }
    .focused-preview #detailView :is(.external-model-head, .football-model-head, .football-advanced-head) {
      flex-direction: column !important;
      align-items: flex-start !important;
    }
    .focused-preview #detailTitle .soccer-event-title-link {
      flex-direction: column !important;
      align-items: flex-start !important;
      gap: 6px !important;
    }
    .focused-preview #eventOptionsGrid :is(.sidebet-family-grid, .sidebet-levels) {
      grid-template-columns: 1fr !important;
    }
    .focused-preview #detailView :is(.football-model-grid, .football-advanced-grid, .football-advanced-compare, .football-advanced-detail-grid) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .focused-preview #detailView :is(.football-model-grid, .football-advanced-grid, .football-advanced-compare) b {
      font-size: 20px !important;
    }
    .focused-preview #userView .user-trade {
      grid-template-columns: minmax(0, 1fr) auto auto !important;
      gap: 6px 12px !important;
    }
    .focused-preview #userView .user-trade-time {
      grid-column: 1 !important;
      font-size: 12px !important;
    }
    .focused-preview #userView .user-trade-market {
      grid-column: 1/-1 !important;
      grid-row: 2 !important;
    }
    .focused-preview #appSwitch {
      position: relative !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      padding: 10px 14px !important;
      gap: 8px !important;
    }
    .focused-preview #appSwitch .studio-rail-head {
      width: 100% !important;
      flex: 0 0 100% !important;
      display: flex !important;
      justify-content: center !important;
    }
    .focused-preview #appSwitch .nav-cluster {
      width: 100% !important;
      flex: 1 1 100% !important;
      gap: 4px !important;
      display: grid !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .focused-preview #appSwitch .nav-cluster button {
      padding: 9px 5px !important;
      font-size: 13px !important;
      min-height: 44px !important;
    }
    .focused-preview #appSwitch .nav-label {
      white-space: normal !important;
      overflow-wrap: normal !important;
      word-break: normal !important;
      line-height: 1.4 !important;
    }
    .focused-preview .view {
      padding: 20px 14px !important;
    }
    .focused-preview .browser-hero {
      flex-direction: column !important;
      gap: 14px !important;
    }
    .focused-preview .browser-hero h1 {
      font-size: 26px !important;
    }
    .focused-preview .browser-hero .hero-side {
      width: 100% !important;
      flex-direction: row !important;
      flex-wrap: wrap !important;
    }
    .focused-preview .ofw-workspace {
      display: flex !important;
      flex-direction: column !important;
      gap: 16px !important;
    }
    .focused-preview .ofw-index-pane {
      position: static !important;
      width: 100% !important;
      padding: 14px !important;
    }
    .focused-preview :is(.genre-nav, .taxonomy-subnav) {
      flex-direction: row !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
    }
    .focused-preview :is(.genre-nav, .taxonomy-subnav) button {
      width: auto !important;
      min-height: 40px !important;
    }
    .focused-preview .catalog-toolbar {
      grid-template-columns: 1fr 1fr !important;
    }
    .focused-preview #catalogSearch {
      grid-column: 1/-1 !important;
    }
    .focused-preview .market-group-grid {
      grid-template-columns: 1fr !important;
    }
    .focused-preview .catalog-results-head {
      flex-wrap: wrap !important;
    }
    .focused-preview #catalogList .dense-market-card {
      padding: 12px !important;
      gap: 10px !important;
      grid-template: "identity" auto "preview" auto "metrics" auto "action" auto / minmax(0, 1fr) !important;
    }
    .focused-preview #catalogList .dense-metrics {
      flex-wrap: wrap !important;
      gap: 4px 12px !important;
    }
    .focused-preview #catalogList .dense-card-foot {
      justify-content: space-between !important;
    }
    .focused-preview #detailView {
      gap: 14px !important;
    }
    .focused-preview #detailView .detail-hero {
      padding: 18px 16px 0 !important;
    }
    .focused-preview .detail-topbar {
      flex-wrap: wrap !important;
    }
    .focused-preview .detail-topbar .row {
      flex: 1 !important;
      justify-content: flex-end !important;
    }
    .focused-preview .detail-topbar button {
      font-size: 12px !important;
      min-height: 36px !important;
      padding: 8px !important;
    }
    .focused-preview .workspace-selected {
      padding: 16px 12px 16px 0 !important;
    }
    .focused-preview .workspace-selected strong {
      font-size: 18px !important;
    }
    .focused-preview .workspace-model {
      padding: 16px 0 16px 14px !important;
    }
    .focused-preview .workspace-model strong {
      font-size: 16px !important;
    }
    .focused-preview .workspace-quotes {
      gap: 8px !important;
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    .focused-preview .workspace-quotes strong {
      font-size: 18px !important;
    }
    .focused-preview .workspace-quotes span {
      font-size: 12px !important;
    }
    .focused-preview .workspace-tabs {
      gap: 6px !important;
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .focused-preview .workspace-tabs button {
      font-size: 12px !important;
      padding: 10px 7px !important;
      height: 100% !important;
    }
    .focused-preview #detailView #mktSplit {
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
    }
    .focused-preview #mktSplit > :is(.mkt-list-col, .ofw-orderbook-col, .mkt-chart-col) {
      padding: 14px !important;
    }
    .focused-preview #detailView :is(.chart-wrap, #priceChart) {
      height: 280px !important;
    }
    .focused-preview #eventOptionsGrid :is(.mkt-listhead, .mkt-row) {
      grid-template-columns: 14px minmax(0, 1fr) 48px 48px 42px !important;
      gap: 6px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .focused-preview #eventOptionsGrid :is(.mkt-name, .mkt-px, .mkt-dlt, .mkt-listhead > *, .mkt-listhead button) {
      font-size: 12px !important;
    }
    .focused-preview #mktTools {
      flex-wrap: wrap !important;
    }
    .focused-preview #optSort {
      max-width: none !important;
      flex: 1 1 100% !important;
    }
    .focused-preview #detailView :is(#valueBoard, #structurePanel, #recentMediaPanel, #holderResearchPanel) {
      padding: 18px 16px !important;
    }
    .focused-preview #scopeMode {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
    }
    .focused-preview #scopeMode button {
      height: 100% !important;
      font-size: 13px !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
      line-height: 1.5 !important;
    }
    .focused-preview .scope-filter-grid {
      grid-template-columns: 1fr 1fr !important;
    }
    .focused-preview #scopeRefreshBtn {
      grid-column: 1/-1 !important;
    }
    .focused-preview #scopeView .ofw-ledger-columns {
      display: none !important;
    }
    .focused-preview #scopeView .scope-card {
      min-width: 0 !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      grid-template-areas: none !important;
      grid-template-rows: none !important;
      grid-auto-flow: row !important;
      padding: 16px !important;
      border-radius: 0 !important;
      margin: 0 !important;
    }
    .focused-preview #scopeView .scope-card > .scope-metric {
      text-align: left !important;
      grid-column: auto !important;
      grid-row: auto !important;
    }
    .focused-preview #scopeView :is(.scope-identity, .scope-main, .scope-edge-main, .scope-edge-model, .scope-edge-note) {
      grid-column: 1/-1 !important;
      grid-row: auto !important;
    }
    .focused-preview #scopeView .scope-rank {
      display: none !important;
    }
    .focused-preview #scopeView .scope-metric small {
      display: block !important;
    }
    .focused-preview #scopeView .ofw-ledger-viewport {
      overflow: visible !important;
    }
    .focused-preview #membershipView .membership-card {
      padding: 20px 16px !important;
    }
    .focused-preview #membershipView .membership-form .row,
    .focused-preview #membershipView .membership-profile-grid {
      grid-template-columns: 1fr !important;
    }
    .focused-preview #membershipView .membership-tabs {
      flex-direction: row !important;
    }
    .focused-preview #membershipView .membership-tabs button {
      text-align: center !important;
    }
    .focused-preview #userView .user-card {
      padding: 16px !important;
    }
    .focused-preview #userView .user-card-head {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 12px !important;
    }
    .focused-preview #userView .user-head-stats {
      justify-content: flex-start !important;
      gap: 24px !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .focused-preview #userView .user-chevron {
      margin: 0 0 0 auto !important;
      padding: 0 !important;
      flex: 0 0 20px !important;
    }
    .focused-preview #userView .user-head-stat {
      text-align: left !important;
    }
    .focused-preview #userView .user-metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .focused-preview #userView .user-metric {
      padding: 12px !important;
    }
    .focused-preview #userView .user-pnl-history {
      padding: 12px !important;
    }
    .focused-preview #genreNav .side-tax-card {
      width: auto !important;
      min-height: 40px !important;
      padding: 8px 10px !important;
    }
    .focused-preview #genreNav .traffic-sign {
      display: none !important;
    }
    .focused-preview .market-group-head {
      flex-wrap: wrap !important;
      gap: 10px !important;
    }
    .focused-preview .market-group-ident {
      flex: 1 1 170px !important;
    }
    .focused-preview .market-group-actions {
      flex: 0 1 auto !important;
    }
    .focused-preview .external-model-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .focused-preview .external-model-grid > div {
      padding: 12px !important;
    }
    .focused-preview .external-model-grid b {
      font-size: 20px !important;
    }
    .focused-preview .external-model-outcomes {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 480px) {
    .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(1) {
      grid-column: 1/-1 !important;
      grid-row: 1 !important;
    }
    .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(7) {
      grid-column: 1/-1 !important;
      grid-row: 2 !important;
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 0 12px !important;
    }
    .focused-preview #structureMarketData .microstructure-table:has(thead th:nth-child(7)) td:nth-child(7)::before {
      grid-column: 1/-1 !important;
    }
    .focused-preview .external-model-grid b {
      font-size: 18px !important;
    }
    .focused-preview #structureMarketData .microstructure-table :is(tr, td) {
      height: auto !important;
      min-height: 0 !important;
      max-height: none !important;
    }
    .focused-preview #structureMarketData .microstructure-table,
    .focused-preview #structureMarketData .microstructure-table tbody {
      display: block !important;
    }
    .focused-preview #structureMarketData .microstructure-table thead {
      display: none !important;
    }
    .focused-preview #structureMarketData .microstructure-table tr {
      display: grid !important;
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      gap: 8px 10px !important;
      padding: 10px 0 !important;
      border-bottom: 1px solid var(--fw-line) !important;
    }
    .focused-preview #structureMarketData .microstructure-table td {
      display: block !important;
      width: auto !important;
      border: 0 !important;
      padding: 0 !important;
      font-size: 13px !important;
      white-space: nowrap !important;
      overflow-wrap: normal !important;
      grid-column: span 3 !important;
      text-align: left !important;
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(1) {
      grid-column: span 1 !important;
      align-self: center !important;
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(2) {
      grid-column: span 2 !important;
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(3) {
      grid-column: span 3 !important;
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(2)::before {
      content: "Price";
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(3)::before {
      content: "Shares";
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(4)::before {
      content: "Notional";
    }
    .focused-preview #structureMarketData .microstructure-table .book-level-row td:nth-child(5)::before {
      content: "Cumulative shares";
    }
    .focused-preview #structureMarketData .microstructure-table td::before {
      display: block !important;
      font-size: 12px !important;
      font-weight: 400 !important;
      color: var(--fw-muted) !important;
      margin-bottom: 2px !important;
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td {
      white-space: normal !important;
      overflow-wrap: anywhere !important;
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(1)::before {
      content: "Time";
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(2)::before {
      content: "Outcome";
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(3)::before {
      content: "Side";
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(4)::before {
      content: "Price";
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(5)::before {
      content: "Shares";
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(6)::before {
      content: "Notional";
    }
    .focused-preview #structureMarketData .microstructure-table tr:not(.book-level-row) td:nth-child(7)::before {
      content: "Trader";
    }
    .focused-preview #structureMarketData .microstructure-table .book-empty-level {
      display: none !important;
    }
  }
}