body#top.blog-editorial-page.blog-article-page main.container {
  width: min(100% - 32px, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding-top: 10px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 28px 0 72px !important;
  color: #0f1115 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article-header {
  display: block !important;
  margin-bottom: 26px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cat-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: rgba(229, 38, 41, 0.07) !important;
  border: 1px solid rgba(229, 38, 41, 0.18) !important;
  color: rgba(15, 17, 21, 0.72) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article h1 {
  margin: 0 0 12px !important;
  color: #0f1115 !important;
  font-size: clamp(34px, 4.4vw, 52px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  text-transform: uppercase !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  margin-bottom: 14px !important;
  color: rgba(15, 17, 21, 0.55) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-lead {
  margin: 0 !important;
  color: rgba(15, 17, 21, 0.72) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-hero-media {
  position: relative !important;
  margin: 0 0 30px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 17, 21, 0.1) !important;
  box-shadow: 0 18px 42px rgba(15, 17, 21, 0.08) !important;
  background:
    radial-gradient(900px 360px at 18% 22%, rgba(229, 38, 41, 0.08), transparent 60%),
    radial-gradient(900px 360px at 82% 40%, rgba(15, 17, 21, 0.04), transparent 65%),
    linear-gradient(#fff, #fff) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-hero-media img {
  display: block !important;
  width: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
}

body#top.blog-editorial-page.blog-article-page .blog-hero-note {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 18px !important;
  padding: 14px 16px !important;
  border-top: 1px solid rgba(15, 17, 21, 0.08) !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-hero-note strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #e52629 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body#top.blog-editorial-page.blog-article-page .blog-hero-note span {
  color: rgba(15, 17, 21, 0.78) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article h2 {
  margin: 34px 0 12px !important;
  color: #0f1115 !important;
  font-size: 26px !important;
  line-height: 1.16 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article h3 {
  margin: 26px 0 10px !important;
  color: #0f1115 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article p,
body#top.blog-editorial-page.blog-article-page .blog-article li {
  color: rgba(15, 17, 21, 0.78) !important;
  font-size: 16px !important;
  line-height: 1.74 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article p {
  margin: 0 0 16px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article ul,
body#top.blog-editorial-page.blog-article-page .blog-article ol {
  margin: 0 0 18px !important;
  padding-left: 22px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article li {
  margin-bottom: 8px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article li::marker {
  color: #e52629 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-note,
body#top.blog-editorial-page.blog-article-page .blog-tip,
body#top.blog-editorial-page.blog-article-page .blog-highlight {
  margin: 0 0 22px !important;
  padding: 16px 18px !important;
  border-left: 3px solid #e52629 !important;
  border-radius: 0 14px 14px 0 !important;
  background: rgba(229, 38, 41, 0.05) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-note p,
body#top.blog-editorial-page.blog-article-page .blog-tip p,
body#top.blog-editorial-page.blog-article-page .blog-highlight p {
  margin: 0 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-inline-media {
  margin: 0 0 26px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-inline-media img {
  display: block !important;
  width: 100% !important;
  max-height: 420px !important;
  object-fit: cover !important;
  border-radius: 22px !important;
  border: 1px solid rgba(15, 17, 21, 0.1) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-inline-media figcaption {
  margin-top: 10px !important;
  color: rgba(95, 102, 114, 0.92) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 0 24px !important;
  font-size: 15px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article th {
  padding: 12px 14px !important;
  background: rgba(229, 38, 41, 0.08) !important;
  border-bottom: 2px solid rgba(229, 38, 41, 0.16) !important;
  color: #0f1115 !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body#top.blog-editorial-page.blog-article-page .blog-article td {
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(15, 17, 21, 0.08) !important;
  color: rgba(15, 17, 21, 0.76) !important;
  background: transparent !important;
}

body#top.blog-editorial-page.blog-article-page .blog-related {
  margin-top: 40px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(15, 17, 21, 0.08) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-related h3 {
  margin: 0 0 14px !important;
  font-size: 18px !important;
  text-transform: uppercase !important;
}

body#top.blog-editorial-page.blog-article-page .blog-related-links {
  display: grid !important;
  gap: 10px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-related-links a {
  color: #e52629 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

body#top.blog-editorial-page.blog-article-page .blog-related-links a:hover {
  text-decoration: underline !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta {
  margin-top: 34px !important;
  padding: 26px 28px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(15, 17, 21, 0.1) !important;
  background:
    radial-gradient(900px 360px at 18% 22%, rgba(229, 38, 41, 0.08), transparent 60%),
    linear-gradient(#fff, #fff) !important;
  box-shadow: 0 18px 42px rgba(15, 17, 21, 0.08) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta h3 {
  margin: 0 0 8px !important;
  font-size: 26px !important;
  text-transform: uppercase !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta p {
  margin: 0 0 18px !important;
  color: rgba(15, 17, 21, 0.7) !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta-btns {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta-btn--red {
  background: #e52629 !important;
  color: #fff !important;
}

body#top.blog-editorial-page.blog-article-page .blog-cta-btn--white {
  border: 1px solid rgba(15, 17, 21, 0.14) !important;
  color: rgba(15, 17, 21, 0.78) !important;
  background: rgba(255, 255, 255, 0.7) !important;
}

body#top.blog-editorial-page.blog-article-page :is(
  .blog-kpi-grid,
  .blog-kpi,
  .blog-cards-grid,
  .blog-card-panel,
  .blog-compare,
  .blog-compare-box,
  .blog-temp-cards,
  .blog-temp-card,
  .blog-marking-grid,
  .blog-marking-item,
  .blog-toc
) {
  display: none !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article {
  color: rgba(214, 226, 240, 0.86) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-cat-badge {
  background: rgba(229, 38, 41, 0.14) !important;
  border-color: rgba(229, 38, 41, 0.28) !important;
  color: rgba(240, 245, 252, 0.86) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article h1,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article h2,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article h3,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-cta h3 {
  color: rgba(236, 243, 252, 0.96) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article-meta,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-inline-media figcaption {
  color: rgba(164, 184, 209, 0.68) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article-meta strong {
  color: rgba(232, 241, 251, 0.9) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article p,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article li,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-lead,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-cta p,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article td {
  color: rgba(196, 212, 232, 0.82) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-hero-media {
  background:
    radial-gradient(900px 360px at 18% 22%, rgba(229, 38, 41, 0.16), transparent 60%),
    radial-gradient(900px 360px at 82% 40%, rgba(78, 103, 138, 0.12), transparent 65%),
    linear-gradient(180deg, rgba(16, 22, 34, 0.98), rgba(12, 18, 29, 0.98)) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-hero-note {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(15, 21, 33, 0.9) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-hero-note span {
  color: rgba(204, 219, 238, 0.82) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-note,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-tip,
html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-highlight {
  background: rgba(229, 38, 41, 0.12) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-inline-media img {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article th {
  background: rgba(229, 38, 41, 0.16) !important;
  border-bottom-color: rgba(229, 38, 41, 0.26) !important;
  color: rgba(236, 243, 252, 0.92) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-article td {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-related {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-related-links a {
  color: rgba(255, 120, 120, 0.92) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-cta {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background:
    radial-gradient(900px 360px at 18% 22%, rgba(229, 38, 41, 0.16), transparent 60%),
    linear-gradient(180deg, rgba(16, 22, 34, 0.98), rgba(12, 18, 29, 0.98)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body#top.blog-editorial-page.blog-article-page .blog-cta-btn--white {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(236, 243, 252, 0.88) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

@media (max-width: 980px) {
  body#top.blog-editorial-page.blog-article-page main.container {
    width: min(100% - 24px, 1240px) !important;
  }
}

@media (max-width: 640px) {
  body#top.blog-editorial-page.blog-article-page .blog-article {
    padding: 22px 0 56px !important;
  }

  body#top.blog-editorial-page.blog-article-page .blog-hero-media img {
    min-height: 260px !important;
  }

  body#top.blog-editorial-page.blog-article-page .blog-cta {
    padding: 22px 20px !important;
  }
}