/* Preserve the existing paper editorial surface and shared dark chrome. */
html body [data-blog-hub] .bi-h1 { font-family: var(--font-display); font-weight: 500; letter-spacing: -.03em; text-wrap: balance; }
html body [data-blog-hub] :is(.bi-keep,.bi-mark) { display: inline-block; white-space: nowrap; }
html body [data-blog-hub] :is(.bi-answer-label,.bi-panel-bar) { color: var(--fg-2); }
/* Reading surface: contacts remain in shared nav/footer, never over article text. */
html body:has([data-blog-hub]) #mobileCtaBar { display: none !important; }
html body [data-blog-hub] .bi-search input { min-height: 44px; font-size: 1rem; min-width: 0; }
html body [data-blog-hub] :is(.bi-pill,.bi-toggle button,#biMore) { min-height: 44px; }
html body [data-blog-hub] .bi-pill { cursor: pointer; }
html body [data-blog-hub] :is(button,input,a):focus-visible { outline: 2px solid var(--fg); outline-offset: 3px; }
html body [data-blog-hub] [hidden] { display: none !important; }
html body [data-blog-hub] .bi-search .lens { display: none; }
html body [data-blog-hub] .bi-empty .btn { margin: 16px auto 0; display: flex; width: fit-content; }
html body [data-blog-hub] .blog-card-lede { font-size: 1rem; line-height: 1.55; }
html body [data-blog-hub] :is(.blog-card-title,.blog-featured-title) { text-wrap: balance; }
html body [data-blog-hub] .bi-right { min-width: 0; flex-wrap: wrap; }
@media (max-width: 767px) {
  html body [data-blog-hub] .blog-grid { grid-template-columns: minmax(0,1fr); }
  html body [data-blog-hub] :is(.blog-card,.blog-featured,.blog-card-link) { min-width: 0; max-width: 100%; }
  html body [data-blog-hub] .bi-cta { padding-inline: 24px; }
  html body [data-blog-hub] .bi-cta-btn { max-width: 100%; white-space: normal; box-sizing: border-box; }
  html body [data-blog-hub] .bi-right { width: 100%; }
  html body [data-blog-hub] .bi-search { flex: 1 1 100%; min-width: 0; }
  html body [data-blog-hub] .bi-search input { width: 100%; }
  html body [data-blog-hub] .bi-pill { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  html body [data-blog-hub] :is(button,a) { transition: none; }
}