/* The same blog pages fit the Windows client's 650–850px reading pane. */
.windows-client body { min-width: 0; background: #080d16; }
.windows-client .topbar,
.windows-client footer { display: none; }
.windows-client main { width: calc(100% - 40px); max-width: 800px; min-width: 0; }
.windows-client .blog-lead { max-width: none; padding-top: 24px; }
.windows-client .blog-lead h1 { margin-top: 10px; font-size: clamp(26px, 4vw, 34px); line-height: 1.3; overflow-wrap: anywhere; }
.windows-client .blog-lead p { margin-top: 14px; font-size: 14px; line-height: 1.85; overflow-wrap: anywhere; }
.windows-client .blog-list { max-width: none; padding: 22px 0 28px; }
.windows-client .blog-card { min-width: 0; padding: 20px 22px; border-radius: 14px; }
.windows-client .blog-card h2 { font-size: 20px; line-height: 1.5; overflow-wrap: anywhere; }
.windows-client .blog-card p { font-size: 14px; }
.windows-client .post-wrap { max-width: none; min-width: 0; padding: 16px 0 32px; }
.windows-client .post-back { margin-bottom: 14px; padding: 4px 0; }
.windows-client .post-body h2 { margin-top: 34px; font-size: 22px; scroll-margin-top: 16px; }
.windows-client .post-body h3 { margin-top: 24px; }
.windows-client .post-body p,
.windows-client .post-body li,
.windows-client .post-note { overflow-wrap: anywhere; }
.windows-client .ba-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.windows-client .ba-pane { min-width: 0; }
.windows-client .code-block { max-width: 100%; min-width: 0; padding: 14px 16px; }
.windows-client .code-block,
.windows-client .compare-wrap { overscroll-behavior-x: contain; }
.windows-client .compare-wrap { max-width: 100%; min-width: 0; }
.windows-client .compare-table th,
.windows-client .compare-table td { padding: 10px 14px; }
.windows-client .post-note { padding: 16px 18px; }
.windows-client .post-cta { margin-top: 34px; padding: 20px; border-radius: 14px; }
.windows-client .post-cta > div { min-width: 0; }
.windows-client .post-cta h2 { margin-top: 8px; font-size: 20px; }

@media (max-width: 850px) {
  .windows-client .ba-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 480px) {
  .windows-client main { width: calc(100% - 28px); }
  .windows-client .blog-card { padding: 18px; }
}