.blog-detail-page {
      --detail-line: color-mix(in srgb, var(--text) 16%, transparent);
      --detail-soft: color-mix(in srgb, var(--brand) 10%, #ffffff 90%);
      --detail-ink: color-mix(in srgb, var(--text) 94%, #000000 6%);
      --detail-subtle: color-mix(in srgb, var(--muted) 90%, transparent);
      --detail-max: 780px;
      --article-body-size: clamp(1.06rem, 1.01rem + 0.18vw, 1.14rem);
      --article-body-line: 1.72;
      --article-support-size: var(--article-body-size);
      --article-support-line: 1.68;
      --article-block-title-size: var(--article-body-size);
      --article-block-title-line: 1.45;
      font-family: "Manrope", "Spline Sans", "Segoe UI", sans-serif;
    }

    .blog-detail-page .blog-heading {
      font-family: "Manrope", "Spline Sans", "Segoe UI", sans-serif;
      letter-spacing: -0.025em;
    }

    .blog-detail-layout {
      width: min(100%, var(--detail-max));
      margin: 0 auto;
    }

    .blog-detail-main {
      width: 100%;
      margin: 0;
      padding: 0;
    }

    .blog-detail-meta-block {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 1rem 1.35rem;
      align-items: center;
      margin: 0 0 1.85rem;
      padding: 1rem 0;
      border-top: 1px solid var(--detail-line);
      border-bottom: 1px solid var(--detail-line);
    }

    .blog-detail-meta-facts {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      justify-content: flex-end;
      align-items: center;
    }

    .blog-detail-meta-item {
      display: inline-flex;
      align-items: center;
      min-height: 2rem;
      padding: 0.42rem 0.72rem;
      border: 1px solid var(--detail-line);
      border-radius: 999px;
      white-space: nowrap;
      background: color-mix(in srgb, var(--background) 88%, #ffffff 12%);
      margin: 0;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      color: var(--detail-subtle);
    }

    .blog-author-strip {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.95rem;
      align-items: center;
      min-width: 0;
    }

    .blog-author-avatar {
      width: 3.45rem;
      height: 3.45rem;
      border-radius: 50%;
      overflow: hidden;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      background: color-mix(in srgb, var(--brand) 18%, #ffffff 82%);
      color: color-mix(in srgb, var(--brand) 78%, #000000 22%);
      font-size: 0.9rem;
      font-weight: 800;
      letter-spacing: 0.03em;
    }

    .blog-author-avatar picture {
      width: 100%;
      height: 100%;
      display: block;
    }

    .blog-author-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .blog-author-kicker {
      margin: 0 0 0.16rem;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-author-name-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.44rem 0.7rem;
      align-items: baseline;
    }

    .blog-author-name {
      margin: 0;
      font-size: 1rem;
      line-height: 1.28;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-author-link {
      font-size: 0.86rem;
      font-weight: 800;
      color: color-mix(in srgb, var(--brand) 82%, #000000 18%);
      text-decoration: none;
      border-bottom: 1px solid color-mix(in srgb, var(--brand) 34%, transparent);
    }

    .blog-author-link:hover,
    .blog-author-link:focus-visible {
      color: color-mix(in srgb, var(--brand) 62%, #000000 38%);
      border-bottom-color: currentColor;
    }

    .blog-content {
      color: var(--detail-ink);
      font-size: var(--article-body-size);
      line-height: var(--article-body-line);
    }

    .blog-content > * {
      margin-bottom: 1.45rem;
    }

    .blog-content > *:last-child {
      margin-bottom: 0;
    }

    .blog-content p,
    .blog-content li {
      font-size: inherit;
      line-height: inherit;
      color: var(--detail-ink);
    }

    .blog-content .blog-block-heading {
      display: flex;
      align-items: center;
      gap: 0.65rem;
      margin: 0 0 0.9rem;
      padding-bottom: 0;
      font-size: clamp(1.14rem, 1.09rem + 0.24vw, 1.24rem);
      line-height: 1.4;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-content .blog-block-heading::before {
      content: "";
      width: 0.34rem;
      height: 1rem;
      border-radius: 999px;
      flex: 0 0 auto;
      background: color-mix(in srgb, var(--brand) 68%, #ffffff 32%);
    }

    .blog-content .blog-block-heading p {
      margin: 0;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
    }

    .blog-content .blog-item-title {
      margin: 0 0 0.58rem;
      padding-left: 0.78rem;
      border-left: 2px solid color-mix(in srgb, var(--brand) 28%, transparent);
      font-size: var(--article-block-title-size);
      line-height: var(--article-block-title-line);
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-content .blog-item-title p {
      margin: 0;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
    }

    .blog-content .blog-media-caption {
      margin: 0;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      font-weight: 700;
      color: var(--detail-subtle);
    }

    .blog-content .blog-media-caption p {
      margin: 0;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
    }

    .blog-content .blog-table-caption {
      margin: 0 0 0.85rem;
      padding: 0.7rem 0.9rem 0.72rem;
      background: color-mix(in srgb, var(--brand) 7%, #ffffff 93%);
      font-size: 1.2rem;
      line-height: 1.62;
      font-weight: 600;
      color: color-mix(in srgb, var(--detail-ink) 88%, var(--detail-subtle) 12%);
    }

    .blog-content .blog-table-caption p {
      margin: 0;
      font-size: inherit;
      line-height: inherit;
      color: inherit;
    }

    .blog-content p {
      margin-bottom: 1.35rem;
    }

    .blog-content ul,
    .blog-content ol {
      margin-bottom: 1.4rem;
      padding-left: 1.28rem;
    }

    .blog-content li {
      margin-bottom: 0.38rem;
    }

    .blog-content .blog-block-list {
      margin: 0;
      padding-left: 1.28rem;
    }

    .blog-content .blog-block-list > li {
      margin-bottom: 0.52rem;
    }

    .blog-content .blog-block-list > li:last-child {
      margin-bottom: 0;
    }

    .blog-content li > p,
    .blog-content .card-body p,
    .blog-content .alert p,
    .blog-content .accordion-body p {
      margin-bottom: 0.78rem;
    }

    .blog-content li > p:last-child,
    .blog-content .card-body p:last-child,
    .blog-content .alert p:last-child,
    .blog-content .accordion-body p:last-child {
      margin-bottom: 0;
    }

    .blog-content .card-body > *:last-child,
    .blog-content .alert > *:last-child,
    .blog-content .accordion-body > *:last-child {
      margin-bottom: 0;
    }

    .blog-content h2,
    .blog-content h3 {
      margin-top: 2.35rem;
      margin-bottom: 0.72rem;
      line-height: 1.16;
      font-weight: 800;
      color: color-mix(in srgb, var(--detail-ink) 96%, #000000 4%);
    }

    .blog-content h2 {
      font-size: clamp(1.44rem, 1.28rem + 0.8vw, 1.96rem);
    }

    .blog-content h3 {
      font-size: clamp(1.16rem, 1.08rem + 0.45vw, 1.42rem);
    }

    .blog-content blockquote {
      margin: 1.65rem 0;
      padding: 0.8rem 0 0.8rem 1rem;
      border-left: 3px solid color-mix(in srgb, var(--brand) 40%, transparent);
      color: var(--detail-subtle);
      font-size: 1.02rem;
    }

    .blog-content pre,
    .blog-content code {
      font-size: 0.92em;
    }

    .blog-content a {
      color: color-mix(in srgb, var(--brand) 82%, #000000 18%);
      text-decoration: underline;
      text-decoration-thickness: 0.07em;
      text-underline-offset: 0.16em;
      border-bottom: 0;
    }

    .blog-content a.src-citation,
    .blog-content a[href^="#ref-"],
    .blog-content a[href*="#ref-"] {
      vertical-align: super;
      font-size: 0.7em;
      line-height: 1;
      font-weight: 700;
      text-decoration: none;
      letter-spacing: 0.02em;
      margin-left: 0.1rem;
      border-bottom: 0;
    }

    .blog-content sup.citation {
      display: inline !important;
      vertical-align: super;
      line-height: 0;
      font-size: 0.75em;
      white-space: nowrap;
      margin-left: 0.08rem;
    }

    .blog-content sup.citation a {
      display: inline !important;
      text-decoration: none;
      white-space: nowrap;
      line-height: 0;
      margin: 0;
      padding: 0;
    }

    .blog-content .card,
    .blog-content .alert {
      border: 1px solid var(--detail-line) !important;
      box-shadow: none !important;
      border-radius: 0.85rem;
      background: #ffffff;
    }

    .blog-content .blog-callout {
      border-left-width: 4px !important;
    }

    .blog-content .subject-reference-gallery {
      overflow: hidden;
    }

    .blog-content .subject-reference-gallery__carousel {
      padding: 1rem;
    }

    .blog-content .subject-reference-gallery__media-link {
      display: block;
      width: 100%;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;
    }

    .blog-content .subject-reference-gallery__media {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      aspect-ratio: 3 / 2;
      overflow: hidden;
      border-radius: 0.75rem;
      background: color-mix(in srgb, var(--detail-bg, #f7f7f7) 70%, #ffffff 30%);
    }

    .blog-content .subject-reference-gallery__image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .blog-content .subject-reference-gallery__control {
      width: 3rem;
      opacity: 1;
    }

    .blog-content .subject-reference-gallery__control .carousel-control-prev-icon,
    .blog-content .subject-reference-gallery__control .carousel-control-next-icon {
      width: 2.25rem;
      height: 2.25rem;
      border-radius: 999px;
      background-color: color-mix(in srgb, var(--detail-text, #222222) 80%, transparent);
      background-size: 55%;
    }

    .blog-content .blog-callout.alert-info {
      background: color-mix(in srgb, var(--bs-info-bg-subtle, #cff4fc) 38%, #ffffff 62%);
      border-color: color-mix(in srgb, var(--bs-info-border-subtle, #9eeaf9) 68%, transparent) !important;
      border-left-color: color-mix(in srgb, var(--bs-info, #0dcaf0) 52%, #ffffff 48%) !important;
    }

    .blog-content .blog-callout.alert-success {
      background: color-mix(in srgb, var(--bs-success-bg-subtle, #d1e7dd) 34%, #ffffff 66%);
      border-color: color-mix(in srgb, var(--bs-success-border-subtle, #a3cfbb) 68%, transparent) !important;
      border-left-color: color-mix(in srgb, var(--bs-success, #198754) 48%, #ffffff 52%) !important;
    }

    .blog-content .blog-callout.alert-warning {
      background: color-mix(in srgb, var(--bs-warning-bg-subtle, #fff3cd) 42%, #ffffff 58%);
      border-color: color-mix(in srgb, var(--bs-warning-border-subtle, #ffe69c) 72%, transparent) !important;
      border-left-color: color-mix(in srgb, var(--bs-warning, #ffc107) 52%, #ffffff 48%) !important;
    }

    .blog-content .blog-callout.alert-info .blog-item-title {
      border-left-color: color-mix(in srgb, var(--bs-info, #0dcaf0) 36%, transparent);
    }

    .blog-content .blog-callout.alert-success .blog-item-title {
      border-left-color: color-mix(in srgb, var(--bs-success, #198754) 32%, transparent);
    }

    .blog-content .blog-callout.alert-warning .blog-item-title {
      border-left-color: color-mix(in srgb, var(--bs-warning, #ffc107) 40%, transparent);
    }

    .blog-content .card-body,
    .blog-content .alert,
    .blog-content .accordion-body,
    .blog-content .table {
      font-size: inherit;
      line-height: inherit;
      color: inherit;
    }

    .blog-content .blog-supporting-copy,
    .blog-content .blog-supporting-copy p,
    .blog-content .blog-supporting-copy li,
    .blog-content figcaption,
    .blog-content figcaption p,
    .blog-content .small {
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      color: var(--detail-subtle) !important;
    }

    .blog-content .blog-supporting-copy > *:last-child,
    .blog-content figcaption > *:last-child {
      margin-bottom: 0;
    }

    .blog-content .btn {
      border-radius: 0.7rem;
      font-weight: 700;
    }

    .blog-content .accordion-button {
      border-radius: 0 !important;
      font-weight: 700;
      color: var(--detail-ink);
      padding: 0.82rem 0.95rem;
      font-size: var(--article-block-title-size);
      line-height: var(--article-block-title-line);
      min-height: 0;
      align-items: flex-start;
      background: #ffffff;
      box-shadow: none !important;
    }

    .blog-content .accordion-button:not(.collapsed) {
      background: var(--detail-soft);
    }

    .blog-content .accordion-button:focus {
      box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--brand) 26%, transparent) !important;
    }

    .blog-content .accordion-body {
      padding: 0.1rem 0.95rem 0.95rem;
    }

    .blog-content .accordion-item,
    .blog-content .accordion-header {
      margin: 0;
    }

    .blog-content .accordion-body > * {
      margin-top: 0;
      margin-bottom: 0.78rem;
    }

    .blog-content .accordion-body > *:last-child,
    .blog-content .accordion-body p:last-child {
      margin-bottom: 0;
    }

    .blog-content .blog-faq-body,
    .blog-content .blog-faq-body p,
    .blog-content .blog-faq-body li {
      color: var(--detail-ink);
    }

    .blog-content > .table-responsive {
      margin-bottom: 1.45rem;
    }

    .blog-content .table {
      margin-bottom: 0;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
    }

    .blog-content .table > :not(caption) > * > * {
      border-bottom-color: var(--detail-line);
    }

    .blog-content .table th,
    .blog-content .table td {
      font-size: inherit;
      line-height: inherit;
      color: var(--detail-ink);
      vertical-align: top;
    }

    .blog-content .table th p,
    .blog-content .table td p {
      margin-bottom: 0;
      color: inherit;
    }

    .blog-content .table thead th {
      font-weight: 700;
      line-height: 1.4;
      color: var(--detail-ink);
      background: color-mix(in srgb, var(--brand) 7%, #ffffff 93%);
    }

    .blog-content img {
      border-radius: 0.75rem;
      margin: 0.5rem 0 0.35rem;
    }

    .blog-content .blog-hero {
      margin-bottom: 2.65rem;
      padding-bottom: 1.7rem;
      border-bottom: 1px solid var(--detail-line);
    }

    .blog-content .blog-hero-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 0.85rem;
    }

    .blog-content .blog-hero-badge {
      display: inline-flex;
      align-items: center;
      border: 1px solid var(--detail-line);
      border-radius: 999px;
      padding: 0.22rem 0.56rem;
      background: #ffffff;
      font-size: 0.74rem;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-content .blog-hero-read-time {
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-content .blog-hero-title {
      font-size: clamp(2.05rem, 1.52rem + 2.6vw, 3.45rem);
      line-height: 1.03;
      font-weight: 800;
      letter-spacing: -0.03em;
      color: var(--detail-ink);
      margin: 0;
    }

    .blog-content .blog-hero-title p {
      margin: 0;
    }

    .blog-content .blog-hero-subtitle {
      margin-top: 1.05rem;
      max-width: 58ch;
      color: var(--detail-subtle);
      font-size: clamp(1.06rem, 1rem + 0.34vw, 1.3rem);
      line-height: 1.52;
    }

    .blog-content .blog-hero-subtitle p {
      margin: 0;
      color: inherit;
    }

    .blog-content .blog-section-heading {
      margin-top: 2.45rem;
      margin-bottom: 0.72rem;
      scroll-margin-top: calc(var(--header-height) + 1.25rem);
    }

    .blog-content .blog-anchor-target {
      display: block;
      height: 0;
      margin: 0;
      padding: 0;
      visibility: hidden;
      scroll-margin-top: calc(var(--header-height) + 1.25rem);
    }

    .blog-content .blog-paragraph > *:last-child {
      margin-bottom: 0;
    }

    .blog-content .blog-faq {
      margin: 0.4rem 0;
    }

    .blog-content .blog-faq > .blog-block-heading {
      margin-top: 0;
      margin-bottom: 0.6rem;
    }

    .blog-content .blog-faq-list {
      display: grid;
      gap: 0.35rem;
    }

    .blog-content .blog-faq-item {
      border: 1px solid var(--detail-line) !important;
      border-radius: 0.74rem !important;
      overflow: hidden;
      background: #ffffff;
    }

    .blog-content .blog-product-card {
      margin: 2.45rem 0;
    }

    .blog-content .blog-subject-facts {
      margin: 2rem 0 2.35rem;
    }

    .blog-content .blog-subject-facts-shell {
      padding: 1rem 1.08rem 1.1rem;
      border: 1px solid var(--detail-line);
      border-radius: 0.86rem;
      background: color-mix(in srgb, var(--brand) 5%, #ffffff 95%);
    }

    .blog-content .blog-subject-facts-heading {
      margin: 0 0 0.34rem;
      font-size: 1.05rem;
      line-height: 1.25;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-content .blog-subject-facts-top {
      display: grid;
      gap: 0.9rem;
      align-items: start;
      margin-bottom: 0.92rem;
    }

    .blog-content .blog-subject-facts-title-wrap {
      min-width: 0;
    }

    @media (min-width: 720px) {
      .blog-content .blog-subject-facts-top.has-image {
        grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.32fr);
      }
    }

    .blog-content .blog-subject-facts-media {
      min-width: 0;
    }

    .blog-content .blog-subject-facts-media picture {
      display: block;
    }

    .blog-content .blog-subject-facts-image {
      display: block;
      width: 100%;
      aspect-ratio: 3 / 2;
      object-fit: cover;
      border-radius: 0.72rem;
      border: 1px solid var(--detail-line);
      background: #ffffff;
      margin: 0;
    }

    .blog-content .blog-subject-facts-subject {
      margin: 0 0 0.92rem;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-content .blog-subject-facts-list {
      display: grid;
      gap: 0;
      border-top: 1px solid var(--detail-line);
    }

    .blog-content .blog-subject-fact-item {
      display: grid;
      gap: 0.75rem;
      padding: 1rem 0;
      border-bottom: 1px solid var(--detail-line);
    }

    @media (min-width: 720px) {
      .blog-content .blog-subject-fact-item {
        grid-template-columns: minmax(10rem, 0.32fr) minmax(0, 1fr);
        align-items: start;
      }
    }

    .blog-content .blog-subject-fact-item:last-child {
      border-bottom: 0;
      padding-bottom: 0;
    }

    .blog-content .blog-subject-fact-label-wrap {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.62rem;
      align-items: start;
    }

    .blog-content .blog-subject-fact-index {
      display: inline-grid;
      width: 1.72rem;
      height: 1.72rem;
      place-items: center;
      border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--detail-line) 72%);
      border-radius: 0.42rem;
      background: color-mix(in srgb, var(--brand) 9%, #ffffff 91%);
      color: var(--brand);
      font-size: 0.78rem;
      line-height: 1;
      font-weight: 800;
    }

    .blog-content .blog-subject-fact-label {
      margin: 0;
      font-size: 0.98rem;
      line-height: 1.3;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-content .blog-subject-fact-copy {
      display: grid;
      gap: 0.64rem;
    }

    .blog-content .blog-subject-fact-copy-block {
      display: grid;
      gap: 0.22rem;
    }

    .blog-content .blog-subject-fact-copy-block-muted {
      padding-left: 0.82rem;
      border-left: 3px solid color-mix(in srgb, var(--brand) 28%, var(--detail-line) 72%);
    }

    .blog-content .blog-subject-fact-kicker {
      margin: 0;
      font-size: 0.74rem;
      line-height: 1.2;
      font-weight: 800;
      letter-spacing: 0;
      text-transform: uppercase;
      color: var(--detail-ink);
    }

    .blog-content .blog-subject-fact-text {
      margin: 0;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      color: var(--detail-subtle);
    }

    .blog-content .blog-subject-facts-sources {
      display: flex;
      flex-wrap: wrap;
      gap: 0.28rem 0.45rem;
      align-items: baseline;
      margin-top: 0.82rem;
      padding-top: 0.72rem;
      border-top: 1px solid var(--detail-line);
      font-size: 0.72rem;
      line-height: 1.35;
      color: color-mix(in srgb, var(--detail-subtle) 82%, #ffffff 18%);
    }

    .blog-content .blog-subject-facts-sources-label {
      font-weight: 800;
      letter-spacing: 0;
      text-transform: uppercase;
      color: var(--detail-ink);
    }

    .blog-content .blog-subject-facts-sources-links {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 0.28rem 0.45rem;
      align-items: baseline;
    }

    .blog-content .blog-subject-fact-source-link {
      color: var(--brand);
      text-decoration: underline;
      text-underline-offset: 0.12em;
      overflow-wrap: anywhere;
    }

    .blog-content .blog-subject-fact-why {
      margin: 0;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      color: var(--detail-subtle);
    }

    .blog-content .blog-product-section-title {
      margin: 0;
      font-size: 1.05rem;
      line-height: 1.25;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-content .blog-promotion-entity-topbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0.9rem;
      margin-bottom: 0.9rem;
    }

    .blog-content .blog-promotion-entity-controls {
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      margin-left: auto;
      flex-shrink: 0;
    }

    .blog-content .blog-promotion-entity-arrow {
      width: 2.35rem;
      height: 2.35rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border: 1px solid var(--detail-line);
      border-radius: 999px;
      background: #ffffff;
      color: var(--detail-ink);
      font-size: 0.98rem;
      line-height: 1;
      transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, color 160ms ease;
    }

    .blog-content .blog-promotion-entity-arrow:hover:not(:disabled) {
      transform: translateY(-1px);
      border-color: color-mix(in srgb, var(--brand) 32%, transparent);
      background: color-mix(in srgb, var(--brand) 7%, #ffffff 93%);
      color: color-mix(in srgb, var(--brand) 84%, #000000 16%);
    }

    .blog-content .blog-promotion-entity-arrow:disabled {
      opacity: 0.42;
      cursor: not-allowed;
      transform: none;
    }

    .blog-content .blog-promotion-entity-count {
      min-width: 4.9rem;
      text-align: center;
      font-size: 0.73rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-content .blog-promotion-entity-viewport {
      position: relative;
    }

    .blog-content .blog-product-track {
      display: flex;
      gap: 1rem;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      padding-bottom: 0.2rem;
      scrollbar-width: none;
      -ms-overflow-style: none;
    }

    .blog-content .blog-product-track::-webkit-scrollbar {
      display: none;
    }

    .blog-content .blog-product-track.single-product {
      overflow: visible;
    }

    .blog-content .blog-promotion-entity-card.is-carousel .blog-product-item {
      flex: 0 0 100%;
    }

    .blog-content .blog-product-item {
      flex: 1 1 auto;
      min-width: 0;
      scroll-snap-align: start;
      border: 1px solid var(--detail-line);
      border-radius: 1rem;
      background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--brand) 4%, #ffffff 96%) 100%);
      box-shadow: 0 18px 40px rgba(14, 25, 44, 0.06);
      padding: 1rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }

    .blog-content .blog-promotion-entity-item.has-image {
      display: grid;
      grid-template-columns: minmax(0, 232px) minmax(0, 1fr);
      align-items: stretch;
    }

    .blog-content .blog-product-track.single-product .blog-product-item {
      flex: 1 1 auto;
    }

    .blog-content .blog-promotion-entity-media {
      min-width: 0;
    }

    .blog-content .blog-promotion-entity-media picture {
      display: block;
      height: 100%;
    }

    .blog-content .blog-promotion-entity-content {
      min-width: 0;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .blog-content .blog-product-image {
      width: 100%;
      height: 100%;
      min-height: 210px;
      aspect-ratio: 16 / 10;
      object-fit: cover;
      border-radius: 0.82rem;
      margin: 0;
    }

    .blog-content .blog-product-name {
      margin: 0 0 0.52rem;
      font-size: 1.08rem;
      line-height: 1.25;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-content .blog-product-description {
      margin-bottom: 0.65rem;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      color: var(--detail-subtle);
    }

    .blog-content .blog-product-description p {
      margin-bottom: 0.55rem;
      color: inherit;
    }

    .blog-content .blog-product-description p:last-child {
      margin-bottom: 0;
    }

    .blog-content .blog-product-highlights {
      margin: 0 0 0.72rem;
      padding-left: 1.08rem;
    }

    .blog-content .blog-product-highlights li {
      margin-bottom: 0.42rem;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      color: var(--detail-subtle);
    }

    .blog-content .blog-product-highlights li:last-child {
      margin-bottom: 0;
    }

    .blog-content .blog-product-highlights li p {
      margin: 0;
      color: inherit;
    }

    .blog-content .blog-product-cta {
      margin-top: auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: fit-content;
      border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
      border-radius: 999px;
      padding: 0.42rem 0.84rem;
      background: color-mix(in srgb, var(--brand) 11%, #ffffff 89%);
      color: color-mix(in srgb, var(--brand) 88%, #000000 12%);
      font-size: 0.82rem;
      font-weight: 700;
      text-decoration: none;
    }

    .blog-content .blog-product-cta:hover {
      background: color-mix(in srgb, var(--brand) 18%, #ffffff 82%);
      color: color-mix(in srgb, var(--brand) 92%, #000000 8%);
    }

    .blog-content .blog-promotion-entity-actions {
      margin-top: auto;
      padding-top: 0.35rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.55rem;
    }

    .blog-content .blog-toc {
      margin: 1.4rem 0 2rem;
      padding: 0.95rem 1rem;
      border: 1px solid var(--detail-line);
      border-radius: 0.75rem;
      background: color-mix(in srgb, var(--brand) 4%, #ffffff 96%);
    }

    .blog-content .blog-toc-title {
      margin: 0 0 0.58rem;
      font-size: 0.9rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-content .blog-toc-list {
      margin: 0;
      padding-left: 1.05rem;
    }

    .blog-content .blog-toc-list li {
      margin-bottom: 0.35rem;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
      color: var(--detail-subtle);
    }

    .blog-content .blog-toc-list li:last-child {
      margin-bottom: 0;
    }

    .blog-content .blog-toc a {
      color: inherit;
      text-decoration: none;
      border-bottom: 1px solid color-mix(in srgb, var(--text) 18%, transparent);
    }

    .blog-content .blog-toc a:hover {
      color: color-mix(in srgb, var(--brand) 82%, #000000 18%);
      border-bottom-color: color-mix(in srgb, var(--brand) 46%, transparent);
    }

    .blog-content .references {
      border-top: 1px solid var(--detail-line) !important;
      margin-top: 2.9rem !important;
      padding-top: 1.9rem !important;
    }

    .blog-content .references ol {
      margin: 0;
      padding-left: 1.1rem;
      font-size: var(--article-support-size);
      line-height: var(--article-support-line);
    }

    .blog-content .references li {
      margin-bottom: 0.56rem;
      color: var(--detail-subtle);
    }

    .blog-content .references li:last-child {
      margin-bottom: 0;
    }

    .blog-related-section {
      width: min(100%, var(--detail-max));
      margin-top: 3rem;
      padding-top: 2rem;
      border-top: 1px solid var(--detail-line);
    }

    .blog-related-heading {
      margin: 0 0 1rem;
      font-size: 1.1rem;
      font-weight: 800;
      line-height: 1.2;
      color: var(--detail-ink);
    }

    .blog-related-grid {
      display: flex;
      gap: 0.82rem;
      overflow-x: auto;
      scroll-snap-type: x proximity;
      padding-bottom: 0.22rem;
    }

    .blog-related-item {
      display: flex;
      flex-direction: column;
      flex: 0 0 clamp(220px, 34vw, 286px);
      min-width: 0;
      scroll-snap-align: start;
      border: 1px solid var(--detail-line);
      border-radius: 0.78rem;
      background: #ffffff;
      padding: 0.76rem 0.82rem;
      text-decoration: none;
      color: inherit;
      transition: border-color 160ms ease, transform 160ms ease;
    }

    .blog-related-item:hover {
      transform: translateY(-1px);
      border-color: color-mix(in srgb, var(--brand) 32%, transparent);
      color: inherit;
      background: color-mix(in srgb, var(--brand) 8%, #ffffff 92%);
    }

    .blog-related-date {
      display: block;
      margin-bottom: 0.28rem;
      font-size: 0.71rem;
      font-weight: 700;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      color: var(--detail-subtle);
    }

    .blog-related-title {
      margin: 0 0 0.24rem;
      font-size: 0.96rem;
      line-height: 1.35;
      font-weight: 800;
      color: var(--detail-ink);
    }

    .blog-related-summary {
      margin: 0;
      font-size: 0.87rem;
      line-height: 1.47;
      color: var(--detail-subtle);
    }

    @media (max-width: 991.98px) {
      .blog-detail-main,
      .blog-related-section {
        width: 100%;
      }

      .blog-detail-meta-block {
        grid-template-columns: 1fr;
        align-items: flex-start;
      }

      .blog-detail-meta-facts {
        justify-content: flex-start;
      }

      .blog-content .blog-hero-title {
        letter-spacing: -0.02em;
      }

      .blog-content .blog-promotion-entity-topbar {
        align-items: flex-start;
      }

      .blog-content .blog-promotion-entity-item.has-image {
        grid-template-columns: 1fr;
      }

      .blog-content .blog-product-item {
        padding: 0.92rem;
      }

      .blog-related-item {
        flex-basis: min(82vw, 300px);
      }

      .blog-author-strip {
        align-items: flex-start;
      }
    }