/* ============================================================
   Страница страны (src/components/MarketPage.astro) — поверх home-v2.css и niche.css.
   Только токены из tokens.css; ширины перелома — 560 / 720 / 900 / 1240.
   ============================================================ */

/* --- Живые запросы: таблица с колонками «клик в рекламе» и «AI Overview» --- */
.market-kw .niche-art-row { grid-template-columns: 230px minmax(0, 1fr) 120px 110px 100px; }
.market-kw .nm { font-family: var(--r-mono, ui-monospace, Menlo, Consolas, monospace); font-size: 13px; font-weight: 700; }
.market-kw .tp { font-size: 15px; }
.market-kw .num { font-size: 20px; }
.market-kw .mk-cpc { text-align: right; font-size: 14px; color: var(--c-ink-muted); }
.market-kw .mk-aio { text-align: right; font-size: 13px; font-weight: 700; }
.market-kw .mk-aio.is-yes { color: var(--c-primary); }
.market-kw .mk-aio.is-no { color: var(--c-ink-muted); font-weight: 500; }
.market-kw .niche-art-row--head .mk-cpc, .market-kw .niche-art-row--head .mk-aio { font-size: 11px; font-weight: 800; color: var(--c-ink-muted); }
.market-kw .niche-art-row--head .num { font-size: 11px; }
@media (max-width: 900px) {
  .market-kw .niche-art-row { grid-template-columns: minmax(0, 1fr) 90px; }
  .market-kw .nm, .market-kw .tp { grid-column: 1 / -1; }
  .market-kw .mk-cpc { grid-column: 1; text-align: left; }
  .market-kw .mk-aio { grid-column: 2; }
  .market-kw .mk-cpc::before { content: "клик в рекламе "; }
  .market-kw .mk-aio::before { content: "AI Overview: "; font-weight: 500; color: var(--c-ink-muted); }
}

/* --- Кого цитирует Google AI: две карточки с полосами DR --- */
.mk-cited { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.mk-cited-card h3 { font-size: 18px; line-height: 1.3; font-weight: 700; margin: 8px 0 6px; }
.mk-cited-text { font-family: var(--font-read); font-size: 15.5px; line-height: 1.5; color: var(--c-ink-muted); }
.mk-cited .r2-row { grid-template-columns: minmax(0, 1fr) 90px 56px; align-items: center; margin-bottom: 10px; }
.mk-cited .r2-label { white-space: normal; font-size: 13px; font-weight: 700; }
.mk-cited .r2-label i { display: block; font-style: normal; font-family: var(--font-text); font-size: 12px; font-weight: 400; color: var(--c-ink-muted); margin-top: 1px; }
.mk-cited .research-2-chart .r2-row--lead:nth-of-type(1) .r2-bar i { background: var(--c-hot); }   /* первая строка — страница под вопрос с низким DR */
@media (max-width: 900px) { .mk-cited { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
  .mk-cited .r2-row { grid-template-columns: minmax(0, 1fr) 56px; }
  .mk-cited .r2-row .r2-bar { grid-row: 2; grid-column: 1 / -1; }
}

/* --- Сетки из четырёх карточек --- */
.mk-grid-4 { grid-template-columns: repeat(4, 1fr); }
.mk-grid-4 .who-2-card h3 { font-size: 17px; }
.mk-grid-4 .who-2-card p { font-size: 15px; }
@media (max-width: 1240px) { .mk-grid-4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .mk-grid-4 { grid-template-columns: 1fr; } }

/* --- Хаб /global-markets/: карточки стран (ServicePage.astro, блок «Страны, по которым у нас есть живые цифры») --- */
.mk-country { display: flex; flex-direction: column; gap: 8px; text-decoration: none; color: inherit; transition: border-color var(--transition), box-shadow var(--transition); }
.mk-country:hover { border-color: var(--c-primary); box-shadow: var(--shadow-float); }
.mk-country h3 { font-size: 22px; }
.mk-country .case-2-more { margin-top: auto; padding-top: 8px; }

/* --- Кейс: текст слева, три цифры справа --- */
.mk-case {
  display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: var(--space-8); align-items: start;
  background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius-xl); padding: 36px 40px;
  text-decoration: none; color: inherit; transition: border-color var(--transition);
}
.mk-case:hover { border-color: var(--c-primary); }
.mk-case-copy .h2 { font-size: 28px; line-height: 1.2; margin: 8px 0 12px; }
.mk-case-copy p { font-family: var(--font-read); font-size: 16px; line-height: 1.55; color: var(--c-ink-muted); margin-bottom: 14px; }
.mk-case-stats { display: grid; grid-template-columns: 1fr; gap: var(--space-3); }
@media (max-width: 900px) { .mk-case { grid-template-columns: 1fr; padding: 24px; } .mk-case-stats { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 560px) { .mk-case-stats { grid-template-columns: 1fr; } }