/* Scoped editorial QA: only the provider-comparison article. */
.comparison-editorial .dp-article p,.comparison-editorial .dp-article li{font-size:16px;line-height:1.9}
.comparison-editorial .dp-hero h1{font-size:clamp(28px,3.1vw,40px);line-height:1.42}
.comparison-editorial .dp-article h2{font-size:26px;line-height:1.5}
.comparison-editorial .dp-article h3{font-size:20px;line-height:1.55}
.comparison-editorial .dp-article .dp-small,.comparison-editorial .dp-article .dp-footnotes{font-size:13.5px!important;line-height:1.8}
.comparison-editorial .dp-article .dp-box p,.comparison-editorial .dp-article .dp-box li{font-size:15px}
.comparison-editorial .dp-table th,.comparison-editorial .dp-table td{font-size:15px;line-height:1.7}
.comparison-editorial .dp-table{min-width:810px}
.comparison-editorial .dp-aside{max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:none;font-size:14px;overscroll-behavior:contain;align-self:start}
.comparison-editorial .dp-aside::-webkit-scrollbar{width:0;height:0;display:none}
.comparison-editorial .dp-aside h2{font-size:15px;margin:5px 0 14px}
.comparison-editorial .dp-aside a{font-size:14px;line-height:1.55;border-bottom:0;padding:8px 5px}
.comparison-editorial .dp-aside .dp-toc-child{font-size:13px;padding:5px 6px 5px 17px;color:#67776f}
.comparison-editorial .dp-toc-children{display:none;border-left:1px solid #dce7df;margin-left:6px}
.comparison-editorial .dp-toc-group.active .dp-toc-children{display:block}
.comparison-editorial .dp-aside a[aria-current="location"]{color:#126359;font-weight:750;background:#eff7f3;border-radius:3px}
.comparison-editorial .dp-article h2[id],.comparison-editorial .dp-article h3[id],.comparison-editorial section[id]{scroll-margin-top:22px}
.comparison-editorial .dp-figure figcaption{font-size:13.5px}
@media(max-width:880px){.comparison-editorial .dp-aside{position:static;max-height:none;width:100%;overflow:visible;border-top:1px solid #cedbd3;padding-top:15px}.comparison-editorial .dp-aside .dp-toc-children{display:none}.comparison-editorial .dp-aside a{font-size:15px}.comparison-editorial .dp-aside .dp-toc-child{font-size:14px}.comparison-editorial .dp-article h2{font-size:23px}.comparison-editorial .dp-article h3{font-size:19px}.comparison-editorial .dp-table{min-width:810px}}
@media(max-width:400px){.comparison-editorial .dp-table{min-width:760px}}

.comparison-editorial .dp-toc-toggle{display:none;border:1px solid #c3d6cb;background:#f6faf7;width:100%;text-align:left;padding:12px 15px;font-size:15px;color:#214d43;cursor:pointer}
.comparison-editorial .dp-toc-toggle span{float:right}
@media(max-width:880px){.comparison-editorial .dp-aside{order:-1;margin:0 0 10px}.comparison-editorial .dp-toc-toggle{display:block}.comparison-editorial .dp-toc-content{display:none;padding:8px 0}.comparison-editorial .dp-aside.is-open .dp-toc-content{display:block}.comparison-editorial .dp-aside.is-open .dp-toc-children{display:block}}

/* 2026-10-24: Article layout consistency policy.
   The hero (heading and its existing cover image) occupies the full article width.
   The sticky right TOC begins alongside article text, below the hero, as on all
   other HDD-DATA.jp article pages. Card frames and image dimensions are unchanged. */
@media (min-width: 881px) {
  .comparison-editorial { display: block; }
  .comparison-editorial .dp-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 224px;
    gap: 36px;
    align-items: start;
    padding-top: 42px;
  }
  .comparison-editorial .dp-article { min-width: 0; }
  .comparison-editorial .dp-aside {
    position: sticky;
    top: 22px;
    align-self: start;
    min-width: 0;
  }
}
/* Match the mobile article reading order: hero, collapsible TOC, article body. */
@media (max-width: 880px) {
  .comparison-editorial { display: block; }
  .comparison-editorial .dp-layout {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 24px;
  }
  .comparison-editorial .dp-aside {
    position: static;
    order: -1;
    width: 100%;
    margin: 0 0 16px;
    max-height: none;
    overflow: visible;
  }
  .comparison-editorial .dp-article { order: 0; min-width: 0; }
}

/* 2026-10-24: Align the provider-comparison HERO with all standard detail articles.
   The headline/summary belongs on the left, its existing cover on the right.
   The TOC still begins below the hero alongside article content. No shared card
   dimensions, image geometry, text or SEO metadata are modified. */
@media (min-width: 621px) {
  .comparison-editorial .dp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 36%);
    grid-template-rows: auto auto auto 1fr;
    column-gap: clamp(28px, 4vw, 54px);
    align-items: start;
  }
  .comparison-editorial .dp-hero > .dp-label,
  .comparison-editorial .dp-hero > h1,
  .comparison-editorial .dp-hero > .dp-deck,
  .comparison-editorial .dp-hero > .dp-byline {
    grid-column: 1;
    min-width: 0;
  }
  .comparison-editorial .dp-hero > .dp-label { grid-row: 1; }
  .comparison-editorial .dp-hero > h1 { grid-row: 2; }
  .comparison-editorial .dp-hero > .dp-deck { grid-row: 3; }
  .comparison-editorial .dp-hero > .dp-byline { grid-row: 4; }
  .comparison-editorial .dp-hero > .dp-cover-figure {
    grid-column: 2;
    grid-row: 1 / 5;
    margin: 0;
    width: 100%;
    max-width: 480px;
    min-width: 0;
    justify-self: end;
  }
}
@media (max-width: 620px) {
  .comparison-editorial .dp-hero { display: block; }
  .comparison-editorial .dp-hero > .dp-cover-figure {
    margin: 24px 0 5px;
    max-width: 480px;
    width: 100%;
  }
}