/* Contextual conversion paths, shared by solutions, Insights and Materials. */
#cn-app .cn-conversion-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:11px 20px;border:1px solid #0071e3;border-radius:24px;background:#0071e3;color:#fff;font-size:16px;line-height:22px;font-weight:400;text-align:center;text-decoration:none;white-space:normal;}
#cn-app .cn-conversion-button:hover{background:#0077ed;border-color:#0077ed;color:#fff;}
#cn-app .cn-conversion-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;max-width:100%;color:#0066cc;font-size:16px;line-height:1.45;white-space:normal;}
#cn-app .cn-conversion-link:hover{text-decoration:underline;text-underline-offset:3px;}
#cn-app .cn-conversion-link>span{font-size:22px;line-height:1;}
#cn-app .cn-conversion-button:focus-visible,#cn-app .cn-conversion-link:focus-visible,#cn-app .cn-contextual-card>a:focus-visible{outline:3px solid #0071e3;outline-offset:4px;}
#cn-app .cn-conversion{margin:40px 0 28px;padding:32px;background:#eef4fc;border-radius:20px;}
#cn-app .cn-conversion-kicker{display:block;font-size:11px;line-height:1.5;letter-spacing:.045em;font-weight:600;color:#56565c;margin:0 0 10px;}
#cn-app .cn-conversion h2{font-size:30px;line-height:1.15;letter-spacing:-.025em;margin:0 0 15px;}
#cn-app .cn-conversion>p{font-size:18px;line-height:1.5;color:#56565c;margin:0;max-width:670px;}
#cn-app .cn-conversion-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:22px;}
#cn-app .cn-contextual-related{margin:42px 0 30px;}
#cn-app .cn-contextual-heading{margin-bottom:22px;}
#cn-app .cn-contextual-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px;}
#cn-app .cn-contextual-heading p{font-size:17px;line-height:1.5;color:#56565c;margin:0;}
#cn-app .cn-contextual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;align-items:stretch;}
#cn-app .cn-contextual-card{min-width:0;border:1px solid #e1e3e6;border-radius:16px;overflow:hidden;background:#fff;}
#cn-app .cn-contextual-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;}
#cn-app .cn-contextual-image{height:180px;background:#f5f5f7;overflow:hidden;}
#cn-app .cn-contextual-image img{display:block;width:100%;height:100%;object-fit:cover;}
#cn-app .cn-contextual-materials .cn-contextual-image img{object-fit:contain;padding:15px;}
#cn-app .cn-contextual-copy{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1;}
#cn-app .cn-contextual-copy h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;}
#cn-app .cn-contextual-copy p{font-size:16px;line-height:1.5;color:#56565c;margin:0 0 15px;}
#cn-app .cn-contextual-copy>.cn-conversion-link{margin-top:auto;}
#cn-app .cn-contextual-more{margin-top:14px;}
#cn-app .cn-topic-side-panel h2{font-size:27px;line-height:1.16;letter-spacing:-.025em;margin:12px 0 18px;}
#cn-app .cn-topic-side-panel>p{font-size:16px;line-height:1.5;margin:0 0 20px;}
#cn-app .cn-topic-side-panel .cn-conversion-button{font-size:14px;line-height:20px;padding:11px 16px;}
#cn-app .cn-topic-secondary{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:13px;}
#cn-app .cn-topic-solution-links{margin:0 0 23px;}
#cn-app .cn-topic-solution-links a{gap:12px;min-height:44px;}
#cn-app .cn-service-card .cn-service-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;}
#cn-app .cn-service-card .cn-service-actions>.cn-conversion-button{width:100%;}
#cn-app .cn-service-card .cn-service-expand{margin:0;}
#cn-app .cn-service-card .cn-service-reading{display:flex;flex-direction:column;align-items:flex-start;margin-top:16px;gap:3px;}
#cn-app .cn-service-card .cn-service-reading a{font-size:14px;min-height:44px;white-space:normal;}
#cn-app .cn-material-detail .cn-material-followup{max-width:980px;margin:50px auto 0;}
#cn-app .cn-material-detail .cn-material-followup>.cn-conversion{margin-top:0;}
#cn-app .cn-material-detail .cn-material-detail-layout.cn-material-no-preview{display:block;max-width:760px;}
#cn-app .cn-materials .cn-material-card-no-image .cn-blog-card-copy{padding-top:28px;}
#cn-app .cn-materials .cn-material-card-no-image .cn-blog-card-link{display:flex;flex-direction:column;}
@media(max-width:700px){
  #cn-app .cn-conversion{padding:25px;margin-top:32px;border-radius:16px;}
  #cn-app .cn-conversion h2,#cn-app .cn-contextual-heading h2{font-size:25px;line-height:1.2;}
  #cn-app .cn-conversion>p{font-size:17px;}
  #cn-app .cn-conversion-actions{gap:10px 16px;}
  #cn-app .cn-contextual-grid{grid-template-columns:1fr;gap:18px;}
  #cn-app .cn-contextual-copy h3{font-size:21px;}
  #cn-app .cn-contextual-related{margin-top:33px;}
  #cn-app .cn-material-detail .cn-material-followup{margin-top:35px;}
}

/* Materials share the article's left column with the index without a tall sticky rail. */
#cn-app .cn-blog-reading-with-materials{grid-template-areas:"index reading" "materials reading";grid-template-rows:auto 1fr;row-gap:30px;}
#cn-app .cn-blog-reading-with-materials.cn-blog-reading-no-index{grid-template-areas:"materials reading";grid-template-rows:auto;}
#cn-app .cn-blog-reading-with-materials>.cn-blog-article-index{grid-area:index;position:static;}
#cn-app .cn-blog-reading-with-materials>.cn-blog-reading-main{grid-area:reading;}
#cn-app .cn-blog-material-sidebar{grid-area:materials;min-width:0;}
#cn-app .cn-blog-material-sidebar .cn-contextual-related{margin:0;}
#cn-app .cn-blog-material-sidebar .cn-contextual-grid{grid-template-columns:1fr;gap:16px;}
#cn-app .cn-blog-material-sidebar .cn-contextual-heading h2{font-size:20px;line-height:1.25;}
#cn-app .cn-blog-material-sidebar .cn-contextual-heading p{font-size:14px;}
#cn-app .cn-blog-material-sidebar .cn-contextual-image{height:140px;}
#cn-app .cn-blog-material-sidebar .cn-contextual-copy{padding:16px;}
#cn-app .cn-blog-material-sidebar .cn-contextual-copy h3{font-size:18px;line-height:1.3;}
#cn-app .cn-blog-material-sidebar .cn-contextual-copy p,#cn-app .cn-blog-material-sidebar .cn-conversion-link{font-size:14px;}
@media(max-width:850px){
  #cn-app .cn-blog-reading-with-materials{display:flex;flex-direction:column;gap:0;}
  #cn-app .cn-blog-reading-with-materials>.cn-blog-article-index{order:0;width:100%;}
  #cn-app .cn-blog-reading-with-materials>.cn-blog-reading-main{order:1;width:100%;}
  #cn-app .cn-blog-material-sidebar{order:2;width:100%;margin-top:30px;}
}
