.model-matrix-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:24px;align-items:start}
.model-matrix-panel{min-width:0}
.model-matrix-controls{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}
.model-matrix-controls button{border:1px solid var(--line);border-radius:8px;padding:7px 11px;background:var(--surface);color:var(--muted);font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
.model-matrix-controls button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.model-matrix-controls button:focus-visible,.model-matrix-scroll:focus-visible{outline:3px solid #789cff;outline-offset:3px}
.model-matrix-scroll{overflow-x:auto;border-bottom:1px solid var(--line)}
.model-matrix{width:100%;min-width:720px;table-layout:fixed;border-collapse:collapse}
.model-matrix th:first-child{width:190px}
.model-matrix thead th{font-size:13px;line-height:1.15;padding:8px 4px;text-align:center;white-space:normal}
.model-matrix thead th:first-child{text-align:left;padding-left:0}
.model-matrix tbody th,.model-matrix td{border-bottom:1px solid var(--line);padding:4px}
.model-matrix tbody th{padding-left:0;text-align:left;font-weight:600}
.model-matrix .market-brand b{font-size:15px}
.model-matrix-channel{display:flex;flex-direction:column;align-items:center;gap:4px}
.model-matrix-channel img{width:22px;height:22px;object-fit:contain}
.model-matrix-channel .channel-former{display:block;font-size:.85em;margin-top:2px}
.model-matrix-value{display:block;padding:7px 2px;border-radius:6px;text-align:center;background:rgba(46,91,207,var(--matrix-alpha));font-size:15px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums}
.model-matrix-note{margin-top:9px!important;font-size:14px;color:var(--muted);line-height:1.35}
.model-reading{margin-top:1px}
.model-reading .market-compare b{font-size:28px}
@media  screen and (min-width:801px) and (max-height:740px){.model-matrix-value{padding:5px 2px}
.model-matrix tbody th,.model-matrix td{padding-top:3px;padding-bottom:3px}
.model-matrix-controls{margin-bottom:5px}
.model-matrix thead th{padding-top:4px;padding-bottom:5px}
.model-matrix-channel img{width:19px;height:19px}}
@media (max-width:800px){.model-matrix-layout{grid-template-columns:1fr;gap:18px}
.model-matrix-controls button{font-size:13px;padding:7px 9px}
.model-matrix th:first-child{width:155px}
.model-matrix{min-width:700px}
.model-matrix thead th:first-child,.model-matrix tbody th{position:sticky;left:0;z-index:1;background:var(--bg)}
.model-matrix-note:after{content:" Прокрутите таблицу вправо, чтобы увидеть все модели."}
.model-matrix-scroll{overscroll-behavior-x:contain}}
.model-matrix-controls button{display:inline-flex;align-items:center;gap:7px}
.model-matrix-controls button svg{width:17px;height:17px;flex:none}
.model-insights [data-model-insight][hidden]{display:none}
@media (max-width:800px){.search-matrix-panel .model-matrix-note:after{content:" Прокрутите таблицу вправо, чтобы увидеть оба канала."}}
.cjm-stage-panel .model-matrix-controls button{display:inline-flex;align-items:center;gap:7px}
.cjm-stage-panel .model-matrix-controls svg{width:17px;height:17px}
@media (max-width:800px){.cjm-analytics .model-matrix-layout{grid-template-columns:1fr}}
.cjm-rank-panel .model-matrix-note{margin-top:9px}
.cjm-stage-panel .model-matrix-note{margin-top:6px}
:is(#new-trajectories,#secondary-cjm-compare,#long-cjm-compare,#short-cjm-compare) .cjm-stage-panel .model-matrix-note{font-size:12px;line-height:1.3}
@media (max-width:800px){.cjm14-controls .model-matrix-controls{flex-wrap:wrap}
.cjm-stage-panel .model-matrix-note::after{content:" Прокрутите таблицу вправо, чтобы увидеть все этапы."}}
@media (max-width:800px){:is(#new-trajectories,#secondary-cjm-compare,#long-cjm-compare,#short-cjm-compare) .cjm-stage-panel .model-matrix-note::after{content:none}}
@media (max-width:800px){.cjm-rank-panel .model-matrix-note::after{content:" Прокрутите таблицу вправо, чтобы увидеть все показатели."}}
@media  screen and (min-width:801px) and (max-height:740px){.retail-model-screen .model-matrix tbody th,.retail-model-screen .model-matrix td{padding-top:1px;padding-bottom:1px}}
@media (max-width:800px){.source-panel .model-matrix-note::after,.cjm-stage-panel .model-matrix-note::after{content:" Прокрутите таблицу вправо, чтобы увидеть все столбцы."}}
@media (max-width:800px){.search-ranking .model-matrix-controls,.search-source .model-matrix-controls{flex-wrap:wrap}}
@media  screen and (min-width:801px){.screen.model-screen{padding-top:16px;padding-bottom:38px}
.screen.model-screen h1{margin:4px 0 6px}
.model-screen .market-intro{margin-bottom:7px}
.model-matrix-controls{margin-bottom:5px}
.model-matrix thead th{font-size:14px;padding-top:4px;padding-bottom:5px}
.model-matrix-channel img{width:20px;height:20px}
.model-matrix tbody th,.model-matrix td{padding-top:2px;padding-bottom:2px}
.model-matrix-value{padding:5px 2px}
.model-matrix-note{margin-top:6px!important}}
@media (min-width:801px){:is(#new-rank,#secondary-ai-ranking,#long04-ai-ranking,#a03s-geo-rank,#developers-1,#secondary-agencies,#long-agencies,#short-services,.retail-model-screen,#secondary-ai-models,#long04-ai-channels,#a03s-model-compare,#new-models-developers,#secondary-agency-models,#long-agency-models,#short-service-models,#new-journey,#secondary-ai-cjm,#long04-ai-cjm,#a03s-geo-cjm,#new-trajectories,#secondary-cjm-compare,#long-cjm-compare,#short-cjm-compare,#new-source-types,#secondary-ai-sources,#long04-ai-sources,#a03s-geo-sources)>.inner{margin-top:0;margin-bottom:auto}}
html[data-theme=dark] .a03s-panel .model-matrix-controls button[aria-pressed="true"]{color:#102040}
.a03s-panel .model-matrix{min-width:690px}
.a03s-panel .model-matrix-channel{flex-direction:column}
@media (max-width:820px){.a03s-panel .market-layout,.a03s-panel .model-matrix-layout{grid-template-columns:1fr}}
#long04-ai-channels .model-matrix .long04-brand {min-width:0;gap:8px;font-size:15px}
#long04-ai-channels .model-matrix .long04-brand-icon,
#long04-ai-channels .model-matrix .long04-brand-mark {width:24px;height:24px;flex-basis:24px}
#long04-ai-channels .model-matrix-channel .long04-channel-icon {display:block;margin:0 auto}
#long04-ai-channels .model-matrix-channel small {display:block;font-size:.85em;font-weight:400}


.model-matrix-ranked th:first-child{width:30px;text-align:left}
.model-matrix-ranked th:nth-child(2){width:190px;text-align:left}
.model-matrix-ranked .model-matrix-rank{color:var(--muted);font-size:14px;text-align:left}
.model-matrix-ranked tr[hidden]{display:none}
.model-matrix-more{display:inline-block;margin:8px 0 0;padding:0;border:0;background:transparent;color:var(--blue);font-size:15px;font-weight:600;cursor:pointer}
.screen.model-screen:has([data-model-matrix-more][aria-expanded="true"]){align-items:flex-start}
@media (max-width:800px){.model-matrix-ranked th:first-child{width:26px}
.model-matrix-ranked th:nth-child(2){width:155px}
.model-matrix-ranked thead th:nth-child(2),.model-matrix-ranked tbody th{position:sticky;left:26px;z-index:1;background:var(--bg)}}
:root[data-theme="dark"] .model-matrix-controls button[aria-pressed="true"] {
  color: #132243;
}
:root[data-theme="dark"] .model-matrix-controls button[aria-pressed="true"] img[src*="/cjm/"] {
  filter: none;
}
@media  (max-width: 800px) {.model-matrix-ranked,
  .cjm-rank-table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
    width: max-content;
    min-width: 100%;
  }
.model-matrix-ranked tr > :first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    background: var(--bg);
  }
.model-matrix-ranked tr > :nth-child(2) {
    position: sticky;
    left: 26px;
    z-index: 2;
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    background: var(--bg);
  }
:is(.model-matrix-ranked, .cjm-rank-table) tr > :nth-child(n/**/+3) {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
  }
:is(.model-matrix-ranked, .cjm-rank-table) thead tr > :nth-child(-n/**/+2) {
    z-index: 3;
  }
:is(.model-matrix-ranked, .cjm-rank-table) .market-brand b,
  .cjm-matrix .market-brand b {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }}


@media(min-width:801px){.retail-model-screen>.inner{margin-top:0;margin-bottom:auto}}