/* Reading scale belongs to the theme, including articles imported as HTML cards. */
.article-header{max-width:760px;margin:36px auto 28px}
.article-header h1{font-size:clamp(1.875rem,4vw,3.25rem);line-height:1.16;letter-spacing:-.025em;margin:14px 0 18px;text-wrap:balance}
.article-header .hero-deck{font-size:1.125rem;line-height:1.6}
.article-layout{grid-template-columns:190px minmax(0,680px);gap:48px}
.article-body,.article-body .pipeline-article{font-family:Source,system-ui,sans-serif;font-size:1.125rem;line-height:1.65;color:var(--ink)}
.article-body .pipeline-article{max-width:none}
.article-body h2,.article-body .pipeline-article h2{font-size:clamp(1.375rem,2.4vw,1.875rem);line-height:1.3;letter-spacing:-.02em;margin:32px 0 12px;border:0;padding:0}
.article-body h3,.article-body .pipeline-article h3{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.35;letter-spacing:-.015em;margin:24px 0 10px}
.article-body p,.article-body .pipeline-article p,.article-body .pipeline-article .prose p{margin:0 0 1em}
.article-body .pipeline-article .lead{font-size:1em;line-height:inherit;border:0;padding:0;color:var(--ink)}
.article-body ul,.article-body ol{padding-left:1.25em;margin:12px 0 20px}
.article-body li{margin-bottom:8px}
.article-body .pipeline-article .takeaways{padding:14px 16px;margin:20px 0;background:#edf3ec;border-color:#d3dfd0}
.article-body .pipeline-article .takeaways h3{color:var(--green);margin:0 0 10px}
.article-body .takeaways ul{margin-bottom:0}
.article-body .takeaways li:last-child,.article-body .card p:last-child{margin-bottom:0}
.article-body .editorial-visual{line-height:1.55}
.article-body .editorial-visual h3{font-size:1.125rem!important;line-height:1.35!important;letter-spacing:-.01em;margin-top:0}
.article-body .editorial-visual .label{font-size:.875rem;line-height:1.5;margin:0 0 12px}
.article-body .editorial-visual figcaption{text-align:left;font-size:.8125rem!important;line-height:1.5}
.article-body .editorial-visual .cards{margin:12px 0}
.article-body .editorial-visual .card{font-size:1rem;line-height:1.55}
.article-body .editorial-visual .card p{margin-top:6px}
.article-body blockquote{font-size:1.25rem;line-height:1.55;padding:8px 18px;margin:24px 0}
.article-body .pipeline-article details.faq{padding:12px;margin:10px 0}
.article-body details.faq summary{font-weight:600;line-height:1.5;cursor:pointer}
.article-body details.faq p{margin:12px 0 0}
.article-end{margin:36px auto 48px;padding:20px 0;gap:14px}
.article-end p{font-size:1.25rem;line-height:1.4;margin:0}
@media(max-width:960px){.article-layout{grid-template-columns:minmax(0,680px);gap:0}}
@media(max-width:640px){
  .article.wrapper{width:calc(100% - 32px)}
  .breadcrumbs{font-size:.8125rem;margin:20px 0;gap:8px}
  .article-header{margin:24px 0}
  .article-header h1{font-size:clamp(1.75rem,6vw + .375rem,2.25rem);margin:12px 0 16px}
  .article-header .hero-deck{font-size:1rem;margin:12px 0}
  .post-meta{font-size:.8125rem;gap:4px 12px;line-height:1.5}
  .article-body,.article-body .pipeline-article{font-size:1rem;line-height:1.6}
  .article-body h2,.article-body .pipeline-article h2{font-size:1.375rem;margin-top:28px}
  .article-body h3,.article-body .pipeline-article h3{font-size:1.125rem;margin-top:20px}
  .article-body .editorial-visual h3{margin-top:0}
  .article-body .pipeline-article .takeaways{padding:12px;margin:16px 0}
  .article-body .editorial-visual{margin:16px 0!important}
  .article-body .editorial-visual .comparison-table{margin:10px 0 0}
  .article-body .editorial-visual .comparison-table td{font-size:.9375rem;line-height:1.5}
  .article-cover{margin:24px 0}
  .article-end .button{font-size:.9375rem;padding:12px 16px}
  .article-end p{font-size:1.125rem}
  .editorial-hero .hero-copy h1{font-size:clamp(2rem,8vw,2.75rem);line-height:1.12}
  .card-copy h2{font-size:1.5rem;line-height:1.25}
}
.external-link-dialog{box-sizing:border-box;width:min(92vw,480px);max-height:85vh;overflow:auto;border:1px solid #cbd7d1;border-radius:14px;padding:24px;color:#18382c;background:#fff;font:inherit}
.external-link-dialog::backdrop{background:rgba(15,35,25,.55)}
.external-link-dialog h2{font-size:1.25rem;margin:0 0 12px}.external-link-dialog p{font-size:1rem;line-height:1.5}.external-link-dialog button,.external-link-dialog>a{display:inline-block;padding:10px 14px;margin:6px;border:1px solid #cbd7d1;border-radius:8px;color:#18382c;background:#f3f7f4;text-decoration:none;font:inherit}.external-link-destination{font-weight:650;overflow-wrap:anywhere}.external-link-label{font-size:.8em}

/* Keep article navigation, heading, reading column and closing CTA on one grid. */
.article-shell{width:min(918px,calc(100% - 96px));margin-inline:auto}
.article-shell .breadcrumbs{margin-left:238px}
.article-shell .article-header{max-width:680px;margin:36px 0 28px 238px}
.article-shell .article-cover{margin:45px 0 65px}
.article-shell .article-layout{grid-template-columns:190px minmax(0,680px);gap:48px}
.article-shell .article-end{max-width:680px;margin:36px 0 48px 238px}
.card-art-placeholder,.card-art img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:960px){
  .article-shell .breadcrumbs{margin-left:0}
  .article-shell .article-header{margin-left:0}
  .article-shell .article-layout{grid-template-columns:minmax(0,680px);gap:0}
  .article-shell .article-end{margin-left:0}
}
@media(max-width:640px){
  .article-shell{width:calc(100% - 32px)}
  .article-shell .article-header{margin:24px 0}
  .article-shell .article-end{margin:36px 0 48px}
}