/* A+B visual refinement. All rules are isolated to the pair view. */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-shell{
    grid-template-rows:96px 0 minmax(0,1fr);
    gap:7px;
    padding-top:7px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar{
    grid-template-rows:42px 47px;
    gap:5px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1{
    padding-left:39px;
    font-size:23px;
    line-height:1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1::before{top:-3px;font-size:29px}
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1::after{margin-top:4px;font-size:10px;line-height:1.15}
  .mu-page[data-view="A_B_SELECTED"] .mu-controls{
    display:grid;
    grid-template-columns:minmax(250px,1fr) 46px minmax(250px,1fr) 112px;
    align-items:center;
    gap:12px;
    width:100%;
    min-width:0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-picker{width:auto;min-width:0}
  .mu-page[data-view="A_B_SELECTED"] .mu-picker input{height:40px;font-size:12px}
  .mu-page[data-view="A_B_SELECTED"] .mu-vs{height:40px;align-self:center;font-size:16px}
  .mu-page[data-view="A_B_SELECTED"] .mu-swap{display:none}
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger{
    width:112px;
    height:40px;
    display:grid;
    grid-template-columns:18px minmax(0,1fr);
    align-items:center;
    gap:7px;
    padding:5px 9px;
    font-size:11px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger::before{grid-row:auto;width:16px;height:16px}
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger span{display:none}

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{
    display:grid;
    grid-template-columns:minmax(0,2.35fr) minmax(300px,1fr);
    grid-template-rows:250px auto;
    gap:10px 12px;
    min-height:0;
    width:100%;
    max-width:100%;
    align-content:start;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-view>*{min-width:0}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{grid-column:1;grid-row:1;height:250px;display:grid;grid-template-rows:34px 100px 82px 34px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header{height:34px;padding:0 12px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span{font-size:8px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel{height:100px;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div{grid-template-columns:auto minmax(0,1fr);gap:3px 8px;padding:8px 18px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel b{font-size:13px;line-height:1.15}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel strong{font-size:32px;line-height:1}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel small{font-size:7.5px;line-height:1.2}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs{font-size:18px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs::before{width:48px;height:48px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{width:min(500px,64%);min-height:68px;align-self:center;justify-self:center;border-color:#ffffff17;background:#091622aa}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total{height:30px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong{font-size:15px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span{font-size:6.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{height:36px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{font-size:14px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{font-size:6.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{height:34px;min-height:34px;justify-content:space-between;padding:0 12px;font-size:8px}

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{min-width:0}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding:12px 14px;
    overflow-y:auto;
    scrollbar-gutter:stable;
    border-color:#8147a3;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header{padding:0 0 9px;border-bottom:1px solid #ffffff14}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{font-size:13px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading section{margin:0;padding:10px 1px 0;border:0;background:transparent}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading h3{margin-bottom:7px;font-size:9px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p{margin:0 0 5px;color:#b3c0cc;font-size:8.5px;line-height:1.45}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p:last-child{margin-bottom:0}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading::-webkit-scrollbar{width:7px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading::-webkit-scrollbar-thumb{border:2px solid #0a1724;border-radius:8px;background:#405774}

  .mu-page[data-view="A_B_SELECTED"] .mu-recent{
    grid-column:1/-1;
    grid-row:2;
    min-height:0;
    height:auto;
    margin:0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header{height:36px;min-height:36px;padding:0 11px}
  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header h2{font-size:10px}
  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header button{height:22px;padding:0 8px;font-size:7px}
  .mu-page[data-view="A_B_SELECTED"] #recent-results{min-height:0;display:block;flex:none}
  .mu-page[data-view="A_B_SELECTED"] .mu-events{min-width:0;min-height:0;overflow:visible}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article{
    min-height:46px;
    display:grid;
    grid-template-columns:68px minmax(300px,1fr) minmax(96px,130px) 30px 50px;
    align-items:center;
    gap:10px;
    padding:5px 10px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-events time{font-size:7.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div{min-width:0;gap:2px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events b{font-size:9px;line-height:1.2}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div>span{font-size:7.5px;line-height:1.2}
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{overflow:hidden;color:#b9c5d0;font-size:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}
  .mu-page[data-view="A_B_SELECTED"] .mu-events mark{justify-self:center;min-width:26px;padding:4px 5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events details{justify-self:end;font-size:7.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events details small{right:9px;bottom:1px;font-size:6.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination{height:26px;min-height:26px;gap:10px;font-size:7.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination button{height:19px;padding:0 6px;font-size:7px}
}

@media (min-width:1500px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{grid-template-columns:minmax(0,2.5fr) minmax(330px,.95fr);grid-template-rows:275px auto;gap:12px 14px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{height:275px;grid-template-rows:36px 112px 88px 39px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel{height:112px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel strong{font-size:38px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{height:39px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{padding:15px 17px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p{font-size:9.5px;line-height:1.5}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article{min-height:51px;padding-inline:13px}
}

@media (min-width:901px) and (max-width:1180px){
  .mu-page[data-view="A_B_SELECTED"] .mu-controls{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 110px;gap:8px}
  .mu-page[data-view="A_B_SELECTED"] .mu-swap{display:none}
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger{width:110px;height:40px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{display:grid!important;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);grid-template-rows:minmax(560px,1fr);gap:9px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{min-height:0;overflow-y:auto}
  .mu-page[data-view="A_B_SELECTED"] .mu-recent{grid-column:2;grid-row:1;height:100%;min-height:0}
}

/* Typography and control scale inherited from the approved GLOBAL view. */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1{font-size:var(--mu-ui-page-title-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1::after{font-size:var(--mu-ui-page-subtitle-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-picker input,
  .mu-page[data-view="A_B_SELECTED"] .mu-vs,
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger{height:var(--mu-ui-control-height)}
  .mu-page[data-view="A_B_SELECTED"] .mu-picker input,
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger{font-size:11px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span,
  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header h2{font-size:var(--mu-ui-card-title-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel strong{font-size:var(--mu-ui-primary-metric-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel b,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{font-size:var(--mu-ui-secondary-metric-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{font-size:var(--mu-ui-section-title-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading h3{font-size:var(--mu-ui-card-title-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p,
  .mu-page[data-view="A_B_SELECTED"] .mu-events b,
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div>span,
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{font-size:var(--mu-ui-body-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel small,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer,
  .mu-page[data-view="A_B_SELECTED"] .mu-events time,
  .mu-page[data-view="A_B_SELECTED"] .mu-events details,
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination{font-size:var(--mu-ui-meta-size)}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article{padding:var(--mu-ui-card-padding)}
}

/* Desktop dashboard geometry. Typography continues to come from GLOBAL tokens. */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"]{
    height:calc(100dvh - 37px);
    min-height:calc(100dvh - 37px);
    overflow:hidden;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-shell{
    height:100%;
    min-height:0;
    grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr);
    grid-template-rows:52px var(--mu-ui-control-height) minmax(0,1fr);
    column-gap:12px;
    row-gap:var(--mu-ui-gap);
    align-content:stretch;
    padding-bottom:10px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar,
  .mu-page[data-view="A_B_SELECTED"] #matchups-results,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{display:contents}
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1{
    grid-column:1/-1;
    grid-row:1;
    align-self:center;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-controls{
    grid-column:1;
    grid-row:2;
    width:100%;
    min-width:0;
    align-self:stretch;
    align-items:center;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-vs{margin:0;align-self:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-filters{
    z-index:40;
    grid-column:1;
    grid-row:2;
    width:100%;
    height:0;
    min-width:0;
    align-self:end;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-view{
    height:auto;
    min-height:0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
    grid-column:1;
    grid-row:3;
    min-width:0;
    min-height:0;
    display:grid;
    grid-template-rows:200px minmax(0,1fr);
    align-content:stretch;
    gap:8px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
    grid-row:1;
    height:200px;
    min-height:0;
    grid-template-rows:30px 74px 68px 28px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header{height:30px;min-height:30px}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel{height:auto;min-height:68px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{min-height:54px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total{height:25px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{height:31px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{height:28px;min-height:28px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    grid-column:1;
    grid-row:2;
    height:100%;
    min-height:0;
    max-height:100%;
    align-self:stretch;
    padding-block:10px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-recent{
    grid-column:2;
    grid-row:2/4;
    height:100%;
    min-height:0;
    max-height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header{flex:0 0 34px;height:34px;min-height:34px}
  .mu-page[data-view="A_B_SELECTED"] #recent-results{
    height:0;
    min-height:0;
    display:flex;
    flex:1 1 0;
    flex-direction:column;
    align-items:stretch;
    overflow:hidden;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-events{
    min-height:0;
    flex:0 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-events article{
    min-height:56px;
    grid-template-columns:58px minmax(0,1fr) 28px 46px;
    grid-template-rows:auto auto;
    gap:2px 7px;
    padding-block:6px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>time{grid-column:1;grid-row:1/3;align-self:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div{grid-column:2;grid-row:1;align-self:end}
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{grid-column:2;grid-row:2;align-self:start}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>mark{grid-column:3;grid-row:1/3;align-self:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>details{grid-column:4;grid-row:1/3;align-self:center}
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination{height:24px;min-height:24px;flex:0 0 24px}
}

/* Pair-specific readability without changing the approved dashboard geometry. */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span,
  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header h2{font-size:13.5px;font-weight:800;line-height:1.2}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel b{font-size:16px;font-weight:800}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel strong{font-size:30px;font-weight:800}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel small{font-size:11px;line-height:1.3}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{font-size:18px;font-weight:800}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading h3{font-size:12.5px;font-weight:800}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p{font-size:12.5px;line-height:1.48}
  .mu-page[data-view="A_B_SELECTED"] .mu-events b{font-size:12px;font-weight:800;line-height:1.25}
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div>span,
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{font-size:11px;line-height:1.25}
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{font-weight:800}
  .mu-page[data-view="A_B_SELECTED"] .mu-events time{font-size:10px}
  .mu-page[data-view="A_B_SELECTED"] .mu-events mark{font-size:11px;font-weight:800}
  .mu-page[data-view="A_B_SELECTED"] .mu-events details{font-size:10.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer,
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination{font-size:9.5px}
}

/* A+B final visual polish — direct pass, 2026-09-24.
   Keep the approved 68/32 shell and recent-results column intact.
   Only recompose the left summary and let LAIREN reading use natural height. */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
    grid-template-rows:auto auto;
    align-content:start;
    gap:8px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
    height:208px;
    min-height:208px;
    max-height:208px;
    grid-template-rows:30px 90px 61px 27px;
    overflow:hidden;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header{
    height:30px;
    min-height:30px;
    padding:0 12px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel{
    height:90px;
    min-height:90px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);
    align-items:center;
    column-gap:10px;
    padding:0 12px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div{
    min-width:0;
    display:grid;
    grid-template-columns:62px minmax(0,1fr);
    grid-template-rows:24px 32px 18px;
    align-items:center;
    column-gap:10px;
    row-gap:0;
    padding:4px 6px;
    text-align:left;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>.mu-identity{
    grid-column:1;
    grid-row:1/4;
    align-self:center;
    justify-self:center;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>b{
    grid-column:2;
    grid-row:1;
    min-width:0;
    overflow:visible;
    color:#e8eef4;
    font-size:14px;
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
    text-overflow:clip;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong{
    grid-column:2;
    grid-row:2;
    align-self:center;
    color:var(--mu-green);
    font-size:29px;
    font-weight:850;
    line-height:1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small{
    grid-column:2;
    grid-row:3;
    min-width:0;
    overflow:visible;
    color:#9fb0bf;
    font-size:9px;
    line-height:1.15;
    white-space:nowrap;
    text-overflow:clip;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child{
    grid-template-columns:minmax(0,1fr) 62px;
    text-align:right;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>.mu-identity{
    grid-column:2;
    grid-row:1/4;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>b,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>strong,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child>small{
    grid-column:1;
    justify-self:end;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge{
    width:56px;
    height:56px;
    flex:0 0 56px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-symbol img{
    width:20px;
    height:28px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
    width:31px;
    height:31px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-11px)}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(11px)}

  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs{
    width:56px;
    height:56px;
    display:grid;
    place-items:center;
    justify-self:center;
    align-self:center;
    border:1px solid #9b52c3;
    border-radius:50%;
    color:#b064dd;
    font-size:18px;
    font-weight:900;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs::before{content:none}

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{
    width:min(500px,60%);
    height:61px;
    min-height:61px;
    margin:0 auto;
    align-self:center;
    justify-self:center;
    grid-template-rows:26px 35px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total{height:26px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong{font-size:15px;line-height:1}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span{font-size:7px;line-height:1}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{height:35px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{font-size:14px;line-height:1}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{margin-top:2px;font-size:7px;line-height:1}

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{
    height:27px;
    min-height:27px;
    padding:0 12px;
    font-size:8px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    grid-column:1;
    grid-row:2;
    height:auto;
    min-height:0;
    max-height:none;
    align-self:start;
    padding:12px 14px 13px;
    overflow:visible;
    scrollbar-gutter:auto;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header{
    padding:0 0 9px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{
    font-size:16px;
    line-height:1.15;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading section{
    margin:0;
    padding:10px 1px 0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading h3{
    margin:0 0 7px;
    font-size:10px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p{
    margin:0 0 5px;
    font-size:10px;
    line-height:1.42;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p:last-child{margin-bottom:0}
}

/* A+B visual alignment pass v2 — 2026-09-24.
   Match the approved GLOBAL / A_ONLY scale without touching Recent Results. */
@media (min-width:1181px){
  /* Compact page heading / controls to the approved MATCHUPS rhythm. */
  .mu-page[data-view="A_B_SELECTED"] .mu-shell{
    grid-template-rows:24px 29px minmax(0,1fr);
    row-gap:7px;
    padding-top:8px;
    padding-bottom:10px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1{
    padding-left:29px;
    font-size:20px;
    line-height:1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1::before{
    top:0;
    width:22px;
    height:22px;
    font-size:21px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1::after{display:none}

  .mu-page[data-view="A_B_SELECTED"] .mu-controls{
    grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 96px;
    gap:8px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-picker input{
    height:29px;
    padding:0 10px;
    border-radius:7px;
    font-size:11px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-vs{
    height:29px;
    font-size:12px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger{
    width:96px;
    height:29px;
    grid-template-columns:15px minmax(0,1fr);
    gap:6px;
    padding:0 8px;
    border-radius:7px;
    font-size:11px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-filter-trigger::before{
    width:15px;
    height:15px;
  }

  /* Summary: same compact card cadence as the approved A_ONLY top cards. */
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
    grid-template-rows:162px auto;
    align-content:start;
    gap:8px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
    height:162px;
    min-height:162px;
    max-height:162px;
    grid-template-rows:30px 62px 48px 22px;
    border-radius:9px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header{
    height:30px;
    min-height:30px;
    padding:0 11px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span{
    font-size:10px;
    line-height:1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel{
    height:62px;
    min-height:62px;
    grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);
    column-gap:8px;
    padding:0 10px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div{
    grid-template-columns:50px minmax(0,1fr);
    grid-template-rows:18px 27px 15px;
    column-gap:9px;
    padding:1px 5px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child{
    grid-template-columns:minmax(0,1fr) 50px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>b{
    font-size:12.5px;
    line-height:1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong{
    font-size:24px;
    line-height:1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small{
    font-size:8.5px;
    line-height:1.1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge{
    width:44px;
    height:44px;
    flex:0 0 44px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-symbol img{
    width:17px;
    height:23px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge[data-tribe-count="1"] .mu-archetype-symbol img{
    width:25px;
    height:25px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-first{transform:translateX(-8px)}
  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge[data-tribe-count="2"] .mu-archetype-symbol.is-second{transform:translateX(8px)}

  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs{
    width:44px;
    height:44px;
    font-size:16px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{
    width:min(500px,62%);
    height:48px;
    min-height:48px;
    grid-template-rows:20px 28px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total{height:20px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong{font-size:13px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span{font-size:6.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{height:28px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{font-size:12.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{margin-top:1px;font-size:6.5px}
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{
    height:22px;
    min-height:22px;
    padding:0 11px;
    font-size:7.5px;
  }

  /* Reading: stronger type, natural height, no empty stretched box. */
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    height:auto;
    min-height:0;
    max-height:none;
    align-self:start;
    padding:13px 14px 14px;
    overflow:visible;
    border-radius:9px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header{
    padding:0 0 10px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{
    font-size:15px;
    line-height:1.1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading section{
    margin:0;
    padding:11px 1px 0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading h3{
    margin:0 0 8px;
    font-size:11.5px;
    line-height:1.15;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p{
    margin:0 0 6px;
    font-size:11.5px;
    line-height:1.46;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading p:last-child{margin-bottom:0}
}

/* A+B record strip refinement v3 — 2026-09-24.
   Compact the 4 summary metrics into one balanced horizontal strip. */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
    grid-template-rows:152px auto;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
    height:152px;
    min-height:152px;
    max-height:152px;
    grid-template-rows:30px 62px 38px 22px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{
    width:min(410px,48%);
    height:38px;
    min-height:38px;
    max-height:38px;
    display:grid;
    grid-template-columns:1.08fr 3fr;
    grid-template-rows:1fr;
    align-self:center;
    justify-self:center;
    margin:0 auto;
    overflow:hidden;
    border-radius:7px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total{
    height:100%;
    min-height:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:2px;
    padding:2px 7px;
    border-right:1px solid #ffffff12;
    border-bottom:0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong{
    font-size:13px;
    line-height:1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span{
    font-size:6.5px;
    line-height:1;
    white-space:nowrap;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl{
    height:100%;
    min-height:0;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:0;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dl div{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:2px;
    padding:2px 5px;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{
    margin:0;
    font-size:12.5px;
    line-height:1;
  }
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{
    margin:0;
    font-size:6.5px;
    line-height:1;
    white-space:nowrap;
  }
}


/* A+B visual refinement v4 — clearer hierarchy and less dead space */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-shell{
    grid-template-columns:minmax(0,1.85fr) minmax(360px,1fr);
    column-gap:14px;
    padding:7px 10px 10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-topbar h1{
    font-size:24px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-controls{
    grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 96px;
    gap:9px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
    grid-template-rows:184px auto;
    gap:10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
    height:184px;
    min-height:184px;
    max-height:184px;
    grid-template-rows:32px 78px 48px 26px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header{
    height:32px;
    min-height:32px;
    padding:0 12px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span{
    font-size:11px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel{
    height:78px;
    min-height:78px;
    grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);
    padding:0 14px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div{
    grid-template-columns:56px minmax(0,1fr);
    grid-template-rows:20px 31px 17px;
    column-gap:11px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div:last-child{
    grid-template-columns:minmax(0,1fr) 56px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>b{
    font-size:14px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong{
    font-size:30px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small{
    font-size:9.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel .mu-archetype-badge,
  .mu-page[data-view="A_B_SELECTED"] .mu-duel-vs{
    width:50px;
    height:50px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{
    width:min(440px,55%);
    height:44px;
    min-height:44px;
    max-height:44px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong{
    font-size:14px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{
    font-size:14px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{
    font-size:7.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{
    height:26px;
    min-height:26px;
    font-size:8.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    padding:14px 16px 15px;
    border-color:#70418c;
    background:linear-gradient(180deg,#0b1928,#07131f);
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header{
    padding-bottom:10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{
    font-size:16px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-body{
    padding:10px 0 0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-body h3{
    margin:0 0 7px;
    font-size:10.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-verdict{
    margin:0 0 11px;
    color:#e4edf4;
    font-size:12px;
    font-weight:700;
    line-height:1.4;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    margin:0 0 11px;
    border:1px solid #ffffff12;
    border-radius:8px;
    background:#081522;
    overflow:hidden;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis>div{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    min-height:58px;
    padding:8px 10px;
    border-right:1px solid #ffffff10;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis>div:last-child{
    border-right:0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis span{
    color:#8195a8;
    font-size:8px;
    font-weight:800;
    line-height:1.1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis strong{
    color:#edf4f8;
    font-size:13px;
    line-height:1.1;
    white-space:nowrap;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-note,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-warning{
    margin:0 0 5px;
    color:#9fb0bf;
    font-size:10px;
    line-height:1.4;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-warning{
    color:#e6ba58;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header{
    height:36px;
    min-height:36px;
    flex:0 0 36px;
    padding:0 12px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header h2{
    font-size:14px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events article{
    min-height:62px;
    grid-template-columns:62px minmax(0,1fr) 30px 52px;
    gap:3px 8px;
    padding:7px 10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events b{
    overflow:visible;
    font-size:12px;
    line-height:1.25;
    white-space:normal;
    text-overflow:clip;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div>span{
    font-size:10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{
    font-size:10.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events time{
    font-size:9.5px;
  }
}


/* A+B information depth v5 — use canonical sample metadata already returned by the API */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-subtitle{
    margin:12px 0 7px !important;
    padding-top:10px;
    border-top:1px solid #ffffff12;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:10px;
    border:1px solid #ffffff12;
    border-radius:8px;
    background:#081522;
    overflow:hidden;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample>div{
    min-width:0;
    min-height:58px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:3px;
    padding:8px 10px;
    border-right:1px solid #ffffff10;
    border-bottom:1px solid #ffffff10;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample>div:nth-child(3n){
    border-right:0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample>div:nth-last-child(-n+3){
    border-bottom:0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample span{
    color:#8195a8;
    font-size:8px;
    font-weight:800;
    line-height:1.1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample strong{
    color:#edf4f8;
    font-size:13px;
    line-height:1.1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample strong.is-date{
    font-size:11px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample small{
    color:#8ea0b0;
    font-size:8.5px;
    line-height:1.2;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin:0 0 10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown>div{
    min-width:0;
    padding:8px 10px;
    border:1px solid #ffffff10;
    border-radius:7px;
    background:#081522;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown>div>span{
    display:block;
    margin-bottom:6px;
    color:#8195a8;
    font-size:8px;
    font-weight:800;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown p{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin:0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown p span{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px 7px;
    border:1px solid #ffffff10;
    border-radius:999px;
    background:#0b1b2a;
    color:#aebdca;
    font-size:8.5px;
    line-height:1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown p b{
    color:#eef4f8;
    font-size:9.5px;
  }
}


/* A+B correction v6 — richer without becoming vertically oversized */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-left{
    grid-template-rows:172px minmax(0,1fr);
    gap:9px;
    min-height:0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero{
    height:172px;
    min-height:172px;
    max-height:172px;
    grid-template-rows:30px 72px 46px 24px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel{
    height:72px;
    min-height:72px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record{
    height:42px;
    min-height:42px;
    max-height:42px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    height:100%;
    min-height:0;
    max-height:100%;
    align-self:stretch;
    padding:12px 15px;
    overflow:hidden;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header{
    padding:0 0 8px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{
    font-size:16px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-body{
    padding:8px 0 0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-intro{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-intro h3{
    margin:0 0 4px;
    font-size:10px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-verdict{
    margin:0;
    font-size:11.5px;
    line-height:1.3;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-evidence-tag{
    flex:none;
    padding:4px 8px;
    border:1px solid #8652a3;
    border-radius:999px;
    color:#d7a0f2;
    font-size:9px;
    font-weight:800;
    line-height:1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:8px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis>div{
    min-height:52px;
    padding:7px 9px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis span{
    font-size:7.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis strong{
    font-size:12.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis small{
    color:#8ea0b0;
    font-size:8px;
    line-height:1.15;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context{
    display:grid;
    grid-template-columns:160px 220px minmax(0,1fr);
    gap:6px;
    margin-bottom:7px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div{
    min-width:0;
    min-height:45px;
    padding:7px 9px;
    border:1px solid #ffffff10;
    border-radius:7px;
    background:#081522;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>span{
    display:block;
    margin-bottom:4px;
    color:#8195a8;
    font-size:7.5px;
    font-weight:800;
    line-height:1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>strong{
    color:#edf4f8;
    font-size:11px;
    line-height:1.1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin:0;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p span{
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:3px 6px;
    border:1px solid #ffffff10;
    border-radius:999px;
    color:#aebdca;
    font-size:8px;
    line-height:1;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p b{
    color:#eef4f8;
    font-size:8.5px;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-note,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-warning{
    margin:0 0 4px;
    font-size:9px;
    line-height:1.3;
  }

  /* Neutralize the taller v5 blocks that caused the panel to run below the viewport. */
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-subtitle,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-sample,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-breakdown{
    display:none !important;
  }
}


/* A+B readability v7 — no microtext */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span{
    font-size:12px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header .mu-evidence{
    font-size:11px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>b{
    font-size:15px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>strong{
    font-size:31px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small{
    font-size:10.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total strong,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dd{
    font-size:15px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{
    font-size:9.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer{
    font-size:10.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading{
    padding:13px 15px 14px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading>header h2{
    font-size:18px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-intro h3{
    font-size:11.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-verdict{
    font-size:13px !important;
    line-height:1.35 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-evidence-tag{
    padding:5px 9px !important;
    font-size:10.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis>div{
    min-height:58px !important;
    padding:8px 10px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis span,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>span{
    font-size:10px !important;
    line-height:1.15 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis strong{
    font-size:14.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis small{
    font-size:10px !important;
    line-height:1.2 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context{
    grid-template-columns:180px 245px minmax(0,1fr) !important;
    gap:7px !important;
    margin-bottom:9px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div{
    min-height:52px !important;
    padding:8px 10px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>strong{
    font-size:12.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p span{
    padding:4px 7px !important;
    font-size:10px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p b{
    font-size:10.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-note,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-warning{
    font-size:11.5px !important;
    line-height:1.35 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header h2{
    font-size:15px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header button{
    font-size:9.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events article{
    min-height:64px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events time{
    font-size:10.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events b{
    font-size:12.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div>span{
    font-size:10.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-event-round{
    font-size:11px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events mark{
    font-size:11.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events details,
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination{
    font-size:10.5px !important;
  }
}


/* A+B readability v8 — piso tipográfico real, sin texto diminuto */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header>span,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero>header .mu-evidence{
    font-size:12.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-total span,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-record dt{
    font-size:11.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer .mu-evidence{
    font-size:12px !important;
    line-height:1.2 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-intro h3{
    font-size:12.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-evidence-tag{
    font-size:11.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis span,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>span{
    font-size:11.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis strong{
    font-size:15px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis small{
    font-size:11.5px !important;
    line-height:1.25 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>strong{
    font-size:13.5px !important;
    line-height:1.2 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p span{
    padding:5px 8px !important;
    font-size:11.5px !important;
    line-height:1.05 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p b{
    font-size:12px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-note,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-warning{
    font-size:12.5px !important;
    line-height:1.4 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-events time,
  .mu-page[data-view="A_B_SELECTED"] .mu-events article>div>span,
  .mu-page[data-view="A_B_SELECTED"] .mu-event-round,
  .mu-page[data-view="A_B_SELECTED"] .mu-events details,
  .mu-page[data-view="A_B_SELECTED"] .mu-pagination{
    font-size:11.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-recent>header button{
    font-size:10.5px !important;
  }
}


/* A+B readability v9 — últimos secundarios todavía chicos */
@media (min-width:1181px){
  .mu-page[data-view="A_B_SELECTED"] .mu-duel>div>small{
    font-size:12.5px !important;
    line-height:1.2 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-hero footer .mu-evidence{
    font-size:12.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-kpis small{
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>span{
    font-size:12px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context>div>strong{
    font-size:14px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p span{
    font-size:12px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-context .is-wide p b{
    font-size:12.5px !important;
  }

  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-note,
  .mu-page[data-view="A_B_SELECTED"] .mu-pair-reading-warning{
    font-size:12.5px !important;
  }
}