/* Scoped additions to the existing editorial blog layout. */
.style-comparison .comparison-main { padding: 0; }
.style-comparison .blog-main { padding: 10.8rem 5% 0; }
.style-comparison .article-layout > *,
.style-comparison .article-wrapper > * { min-width: 0; }
.style-comparison .blog-hero__media .editorial-image img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1;
  object-fit: contain;
}
.style-comparison .blog-hero .title { overflow-wrap: break-word; }
.style-comparison .blog-article [id] { scroll-margin-top: 7rem; }
.style-comparison .article-rail li::before { content: counter(rail, decimal-leading-zero); }
.style-comparison .article-wrapper > h2::before { content: counter(article-section, decimal-leading-zero); }
.style-comparison .article-rail a { font-size: 0.93rem; }
.style-comparison .article-cta__copy p {
  color: rgba(30, 32, 30, 0.85);
  font-size: 1.02rem;
  font-weight: 200;
  line-height: 1.65;
  letter-spacing: normal;
  text-transform: none;
}
.style-comparison .article-cta__copy a {
  color: #1e201e;
  font-size: inherit;
  text-decoration: underline;
  text-decoration-color: #b6382d;
  text-underline-offset: 0.22em;
}
.style-comparison .article-byline {
  margin: 1rem 0 0;
  color: rgba(252, 247, 235, 0.7);
  font-size: 0.9rem;
}
.style-comparison .comparison-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--blog-rule-strong);
  scrollbar-color: #aaa79f #292b28;
  scrollbar-width: auto;
}
.style-comparison .comparison-table-scroll:focus-visible {
  outline: 2px solid #fcf7eb;
  outline-offset: 4px;
}
.style-comparison table {
  width: 100%;
  min-width: 36rem;
  border-collapse: collapse;
  color: rgba(252, 247, 235, 0.85);
  font-size: 1rem;
  line-height: 1.55;
  text-align: left;
}
.style-comparison caption {
  padding: 1rem;
  color: #fcf7eb;
  font-weight: 400;
  text-align: left;
  caption-side: top;
}
.style-comparison th,
.style-comparison td {
  padding: 0.9rem 1rem;
  border-top: 1px solid var(--blog-rule);
  vertical-align: top;
}
.style-comparison th { color: #fcf7eb; font-weight: 400; }
.style-comparison thead { background: rgba(252, 247, 235, 0.06); }
.style-comparison tbody tr:nth-child(even) { background: rgba(252, 247, 235, 0.025); }
.style-comparison th[scope="row"] { width: 23%; }
.style-comparison td { width: 38.5%; font-weight: 300; }
.style-comparison .article-wrapper .comparison-scroll-hint {
  margin: 0 0 0.75rem;
  font-size: 0.88rem;
}
.style-comparison .related-articles .blog-card { font-size: inherit; }
.style-comparison .related-articles .blog-read-link img { width: 1rem; height: 1rem; }
.style-comparison .blog-meta-tile {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.16rem;
  min-height: 2.7rem;
  padding: 0.5rem 0.68rem;
  border: 1px solid rgba(252, 247, 235, 0.16);
  border-radius: 4px;
  background: rgba(25, 25, 23, 0.9);
  color: #fcf7eb;
}
.style-comparison .blog-meta-tile__label {
  color: rgba(252, 247, 235, 0.65);
  font-size: 0.58rem;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
}
.style-comparison .blog-meta-tile time,
.style-comparison .blog-meta-tile > span:last-child {
  color: rgba(252, 247, 235, 0.9);
  font-size: 0.82rem;
  font-weight: 300;
  line-height: 1.15;
}

@media (max-width: 1600px) {
  .style-comparison .blog-main { padding-top: 9rem; }
  .style-comparison .article-toc-mobile {
    display: block;
    margin: 1.35rem 0 0;
    border-top: 1px solid var(--blog-rule-strong);
    border-bottom: 1px solid var(--blog-rule);
    background: rgba(252, 247, 235, 0.025);
  }
  .style-comparison .article-toc-mobile__summary {
    min-height: 3.4rem;
    padding: 0.9rem;
    color: #fcf7eb;
    cursor: pointer;
  }
  .style-comparison .article-toc-mobile__title { font-family: "PPCirka", sans-serif; font-size: 1.15rem; }
  .style-comparison .article-toc-mobile__meta { margin-left: 0.75rem; color: var(--blog-soft); font-size: 0.75rem; }
  .style-comparison .article-toc-mobile .article-rail {
    display: block;
    position: static;
    padding: 0 0.9rem 1rem;
    border: 0;
  }
  .style-comparison .article-layout > .article-rail { display: none; }
}

@media (max-width: 768px) {
  .style-comparison .blog-main { padding: 6.85rem 5% 0; }
  .style-comparison .blog-kicker { display: block; font-size: 0.78rem; }
  .style-comparison .blog-quick-nav { flex-wrap: wrap; overflow: visible; line-height: 1.5; }
  .style-comparison .blog-quick-nav [aria-current="page"] {
    max-width: 100%;
    overflow: visible;
    white-space: normal;
    line-height: 1.5;
  }
  .style-comparison .article-cta__copy p { font-size: 1rem; }
  .style-comparison .article-content { min-width: 0; }
}

@media print {
  .style-comparison .article-rail,
  .style-comparison .article-toc-mobile,
  .style-comparison .comparison-scroll-hint,
  .style-comparison .blog-share,
  .style-comparison .related-articles { display: none; }
  .style-comparison .blog-main { padding-top: 0; }
  .style-comparison .article-layout,
  .style-comparison .article-wrapper { display: block; }
  .style-comparison .comparison-table-scroll { overflow: visible; }
  .style-comparison table { min-width: 0; }
}