/* Blueprint To Progress — AI Productivity page-specific CSS V4. Global header/footer are supplied by the WordPress theme. */
.btp-ai-productivity-article{--btp-ai-pill-bg:#e8f2ff;--btp-ai-pill-text:#1d5fd1;--btp-ai-border:#d7dce2;--btp-ai-blue:#1269d3;--btp-ai-blue-dark:#0b4ea2}
.btp-ai-productivity-article .article-header{display:block}
.btp-ai-productivity-article .article-category{display:inline-flex;align-items:center;margin-top:40px;margin-bottom:18px;padding:7px 13px;border-radius:999px;background:var(--btp-ai-pill-bg);color:var(--btp-ai-pill-text)}
.btp-ai-productivity-article .article-category-badge{display:inline-block;color:inherit;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.btp-ai-productivity-article .article-hero-image,.btp-ai-productivity-article .article-image{width:100%;margin:0 0 30px}
.btp-ai-productivity-article .article-hero-image img,.btp-ai-productivity-article .article-image img{width:100%;height:auto;display:block;border-radius:14px;aspect-ratio:16/9;object-fit:cover}
.btp-ai-productivity-article .article-hero-image figcaption,.btp-ai-productivity-article .article-image figcaption{text-align:center;font-size:15px;line-height:1.45;margin-top:10px}
.btp-ai-productivity-article .article-toc{margin-bottom:8px}
.btp-ai-productivity-article .article-toc-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.btp-ai-productivity-article .article-toc-list a{display:block}
.btp-ai-productivity-article .article-table-scroll{width:100%;margin:8px 0 30px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.btp-ai-productivity-article .article-comparison-table{width:100%;border-collapse:collapse;border-spacing:0}
.btp-ai-productivity-article .article-comparison-table th,.btp-ai-productivity-article .article-comparison-table td{padding:12px 14px;border-bottom:1px solid var(--btp-ai-border);text-align:left;vertical-align:top;background:#ffffff}
.btp-ai-productivity-article .article-comparison-table th{background:var(--btp-ai-blue);color:#fff;font-weight:700}
.btp-ai-productivity-article .article-comparison-table tbody tr:nth-child(even) td{background:#ffffff}
.btp-ai-productivity-article .article-resource-strip{margin-top:52px;padding-top:24px;border-top:1px solid var(--btp-ai-border)}
.btp-ai-productivity-article .article-resource-strip h2{margin-top:0}
.btp-ai-productivity-article .article-resource-links{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.btp-ai-productivity-article .article-resource-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid #cfe0f7;border-radius:999px;background:#f4f8fd;color:var(--btp-ai-blue-dark);font-weight:700}
.btp-ai-productivity-article .article-resource-links a:hover{background:var(--btp-ai-pill-bg);text-decoration:none}
.btp-ai-productivity-article .article-next-step{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:36px;margin-bottom:64px;padding:28px 30px;border:1px solid #b8d7f6;background:#eff7ff}
.btp-ai-productivity-article .article-next-step-label{display:block;margin-bottom:6px;color:var(--btp-ai-blue-dark);font-size:13px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.btp-ai-productivity-article .article-next-step h2{margin-top:0;margin-bottom:8px}
.btp-ai-productivity-article .article-next-step p{margin-bottom:0}
.btp-ai-productivity-article .article-cta-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:7px;background:var(--btp-ai-blue);color:#fff;font-weight:700;text-decoration:none}
.btp-ai-productivity-article .article-cta-button:hover{background:var(--btp-ai-blue-dark);color:#fff;text-decoration:none}
@media (max-width:767px){.btp-ai-productivity-article .article-category{margin-top:38px}.btp-ai-productivity-article .article-toc-list{grid-template-columns:1fr}.btp-ai-productivity-article .article-comparison-table{min-width:680px}.btp-ai-productivity-article .article-resource-links{flex-direction:column;align-items:stretch}.btp-ai-productivity-article .article-resource-links a{width:100%}.btp-ai-productivity-article .article-next-step{align-items:flex-start;flex-direction:column;margin-bottom:48px;padding:24px 20px}.btp-ai-productivity-article .article-cta-button{width:100%}}

/* -------------------------------------------------------------------------
   V4 production corrections based on desktop QA screenshots
   ------------------------------------------------------------------------- */

/* Enforce the master BTP article container dimensions if the global
   stylesheet is overridden by the WordPress page builder/theme cascade. */
.btp-ai-productivity-article > .article-container {
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* Standard BTP TOC box and two-column desktop layout. */
.btp-ai-productivity-article .article-toc {
  width: 100%;
  padding: 24px 28px;
  margin: 0 0 8px;
  border: 1px solid #d7dce2;
  border-radius: 14px;
  box-sizing: border-box;
  background-color: #ffffff;
}

.btp-ai-productivity-article .article-toc h2 {
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 12px;
}

.btp-ai-productivity-article .article-toc-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 48px !important;
  row-gap: 2px !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
  list-style: none;
}

.btp-ai-productivity-article .article-toc-list a {
  display: block;
  font-size: 17px;
  line-height: 1.6;
  padding: 3px 0;
}

/* Keep the article's content and all article-specific components inside
   the standardized reading width. */
.btp-ai-productivity-article .article-content,
.btp-ai-productivity-article .article-header,
.btp-ai-productivity-article .article-hero-image,
.btp-ai-productivity-article .article-resource-strip,
.btp-ai-productivity-article .article-next-step {
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .btp-ai-productivity-article > .article-container {
    width: calc(100% - 92px);
    max-width: 1180px;
  }
}

@media (max-width: 767px) {
  .btp-ai-productivity-article > .article-container {
    width: calc(100% - 32px);
    max-width: none;
  }

  .btp-ai-productivity-article .article-toc {
    padding: 24px 20px;
  }

  .btp-ai-productivity-article .article-toc-list {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }

  .btp-ai-productivity-article .article-toc-list a {
    font-size: 16px;
  }
}