/* Strateg MP — dark glass longread (bridge ym-* → sm tokens). See STRATEGMP-DESIGN.md
 *
 * TYPOGRAPHY SCOPING (do not regress):
 * - Dark text tokens (--ym-text, --ym-heading) apply to .ym-section / prose ONLY.
 * - Exclude boris-* headings/paragraphs from global light typography.
 * - Boris light card: [id$="-boris-block"] .boris-tariff-card span.boris-* — dark colors !important.
 * - Page template must use span:not([class*="boris-"]) — see agent-pipeline-pitfalls.md §12.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body.strategmp-longread-glass {
  background: var(--sm-bg, #0b0c10) !important;
  color: var(--sm-text, #f1f5f9) !important;
}

body.strategmp-longread-glass [class$="-page"] {
  --ym-bg: var(--sm-bg, #0b0c10);
  --ym-surface: var(--sm-glass, rgba(22, 27, 34, 0.65));
  --ym-text: var(--sm-text, #f1f5f9);
  --ym-heading: var(--sm-heading, #ffffff);
  --ym-border: var(--sm-border, rgba(255, 255, 255, 0.08));
  --ym-primary: var(--sm-blue, #3b82f6);
  --ym-accent: var(--sm-purple, #a855f7);
  --ym-code-bg: #12151c;
  --ym-code-text: #7dd3fc;
  --ym-success: var(--sm-green, #22c55e);
  --ym-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.35);
  --ym-shadow: var(--sm-shadow, 0 8px 32px rgba(0, 0, 0, 0.45));
  --ym-shadow-lg: 0 20px 48px rgba(59, 130, 246, 0.12);
  background-color: var(--ym-bg) !important;
  color: var(--ym-text) !important;
  font-family: var(--sm-font, 'Inter', system-ui, sans-serif) !important;
}

/* Typography: content sections only — NOT canvas hero (Alina), NOT Boris light cards */
body.strategmp-longread-glass [class$="-page"] .ym-section h1,
body.strategmp-longread-glass [class$="-page"] .ym-section h2,
body.strategmp-longread-glass [class$="-page"] .ym-section h3:not([class*="boris-"]),
body.strategmp-longread-glass [class$="-page"] .ym-section h4,
body.strategmp-longread-glass [class$="-page"] [class$="-prose"] h1,
body.strategmp-longread-glass [class$="-page"] [class$="-prose"] h2,
body.strategmp-longread-glass [class$="-page"] [class$="-prose"] h3:not([class*="boris-"]),
body.strategmp-longread-glass [class$="-page"] [class$="-prose"] h4,
body.strategmp-longread-glass [class$="-page"] .ozon-fbo-intro-text h2 {
  color: var(--ym-heading) !important;
}

body.strategmp-longread-glass [class$="-page"] .ym-section p:not([class*="boris-"]),
body.strategmp-longread-glass [class$="-page"] .ym-section li,
body.strategmp-longread-glass [class$="-page"] [class$="-prose"] p:not([class*="boris-"]),
body.strategmp-longread-glass [class$="-page"] [class$="-prose"] li,
body.strategmp-longread-glass [class$="-page"] .ozon-fbo-intro-text p {
  color: var(--ym-text) !important;
}

/* Boris (Boris): light card + canvas matrix — dark text on white surface */
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-card {
  color: #334155 !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-kicker {
  color: #0f172a !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-eyebrow {
  color: #005bff !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-lead,
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-bridge {
  color: #334155 !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-lead strong {
  color: #0f172a !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-card span.boris-pill {
  color: #0f172a !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-card span.boris-pill--fixed {
  color: #0e7490 !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-card span.boris-pill--float {
  color: #b45309 !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-card span.boris-stat-val {
  color: #005bff !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-tariff-card span.boris-stat-lbl {
  color: #64748b !important;
}
body.strategmp-longread-glass [class$="-page"] [id$="-boris-block"] .boris-canvas-hint {
  color: #64748b !important;
}

/* GP: no white article box on longreads */
body.strategmp-longread-glass.separate-containers .inside-article,
body.strategmp-longread-glass.separate-containers .inside-page-header,
body.strategmp-longread-glass.separate-containers .site-main > article {
  background: transparent !important;
  padding: 0 !important;
}

/* Dark glass hero shell (Alina canvas pages) */
body.strategmp-longread-glass [id$="-hero"].fullscreen-dark-glass,
body.strategmp-longread-glass .ozon-fbo-tariff-hero.fullscreen-dark-glass {
  background-color: #0b0c10 !important;
  background-image:
    radial-gradient(ellipse 70% 50% at 15% 0%, rgba(59, 130, 246, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 90% 10%, rgba(168, 85, 247, 0.1), transparent 50%),
    linear-gradient(rgba(148, 163, 184, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.06) 1px, transparent 1px) !important;
  background-size: auto, auto, 48px 48px, 48px 48px !important;
}

body.strategmp-longread-glass [id$="-hero"] .giant-seo {
  color: #ffffff !important;
}

body.strategmp-longread-glass [id$="-hero"] .giant-seo-sub {
  color: #94a3b8 !important;
}

body.strategmp-longread-glass [id$="-hero"] .vl-ui-task {
  background: rgba(22, 27, 34, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
  backdrop-filter: blur(12px);
}

body.strategmp-longread-glass [id$="-hero"] .vl-ui-pill span {
  background: rgba(22, 27, 34, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #e2e8f0 !important;
}

body.strategmp-longread-glass [id$="-hero"] .telegram-button {
  position: static;
  background: #3b82f6 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.35);
}

body.strategmp-longread-glass [id$="-hero"] .hero-overlay {
  pointer-events: none;
}

body.strategmp-longread-glass [id$="-hero"] .hero-overlay > * {
  pointer-events: auto;
}

body.strategmp-longread-glass .ozon-fbo-kpi-chip,
body.strategmp-longread-glass [class$="-intro"] [class$="-chip"] {
  background: var(--sm-glass) !important;
  border: 1px solid var(--sm-border) !important;
  color: var(--sm-text) !important;
}

body.strategmp-longread-glass .ozon-fbo-prose table,
body.strategmp-longread-glass .ozon-fbo-prose th {
  background: var(--sm-glass) !important;
  border-color: var(--sm-border) !important;
}

body.strategmp-longread-glass .ozon-fbo-prose .lead-box {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(22, 27, 34, 0.8)) !important;
  border-color: var(--sm-border) !important;
}

body.strategmp-longread-glass .ozon-fbo-prose a {
  color: var(--sm-blue) !important;
}

body.strategmp-longread-glass .ym-section-alt,
body.strategmp-longread-glass .ym-bento-card,
body.strategmp-longread-glass .ym-card,
body.strategmp-longread-glass .ym-faq-item,
body.strategmp-longread-glass .ym-toc,
body.strategmp-longread-glass .cta-box {
  background: var(--sm-glass, rgba(22, 27, 34, 0.65)) !important;
  border: 1px solid var(--sm-border, rgba(255, 255, 255, 0.08)) !important;
  backdrop-filter: blur(16px);
  border-radius: var(--sm-radius, 16px);
}

body.strategmp-longread-glass .cta-box a,
body.strategmp-longread-glass .ym-btn-primary,
body.strategmp-longread-glass .sm-contact-footer .telegram-button {
  color: #fff !important;
  background: var(--sm-blue, #3b82f6) !important;
  border-radius: var(--sm-radius-pill, 999px);
  padding: 0.65rem 1.25rem;
  text-decoration: none !important;
  display: inline-block;
  font-weight: 600;
}

body.strategmp-longread-glass .ym-toc a {
  color: var(--sm-blue, #3b82f6) !important;
}

body.strategmp-longread-glass .sm-contact-footer {
  margin-top: 3rem;
  padding: 1.5rem;
  text-align: center;
}

body.strategmp-longread-glass .sm-link-login {
  display: block;
  margin: 2rem auto 0;
  text-align: center;
  color: var(--sm-muted, #94a3b8);
  font-size: 0.875rem;
}