/* The content pages on simple-content.master (Products, Support, About, articles...) in the look of the home page. Those pages
   keep their markup and the rs-* stylesheets they were laid out with; this file, loaded last, restyles the shared components.
   Built with build/tools/core-pages/core_pages.py. */

/* One content edge: every section lines up with the top menu (same width and side padding as .sx-bar). */
body.sx-content main .rs-container{width:100%!important;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:clamp(20px,4vw,64px)!important;padding-right:clamp(20px,4vw,64px)!important;box-sizing:border-box}

/* Sections: flat, with the home page's spacing and bands. */
body.sx-content main .rs-section{padding-top:64px!important;padding-bottom:64px!important;background:none!important;border:0}
body.sx-content main .rs-section--tight{padding-top:40px!important;padding-bottom:40px!important}
body.sx-content main .rs-section--subtle{background:#f0f4f9!important;border-top:1px solid #e3e6ea;border-bottom:1px solid #e3e6ea}
body.sx-content main .rs-section-head{margin-bottom:32px}
/* Text that follows a page heading starts close under it. */
body.sx-content main .rs-page-header+.rs-section:not(.rs-section--subtle,.rs-section--inverse){padding-top:16px!important}

/* Page heading: flat background, the title on top of one paragraph. */
body.sx-content main .rs-page-header{padding-top:56px!important;padding-bottom:48px!important;background:none!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.sx-content main .rs-page-header::before,body.sx-content main .rs-page-header::after{display:none!important}
body.sx-content main .rs-page-header .rs-title,body.sx-content main h1{margin:16px 0 0!important;font-size:clamp(34px,4vw,52px)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-1px!important;color:#1f1f1f!important;text-wrap:balance}
body.sx-content main .rs-title{margin-top:12px;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.2;letter-spacing:0;color:#1f1f1f;text-wrap:balance}
body.sx-content main :is(h2,h3,h4){letter-spacing:0;color:#1f1f1f}
body.sx-content main .rs-subtitle{margin-top:20px;max-width:720px;font-size:18px;line-height:1.62;color:#444746}
body.sx-content main .rs-center .rs-subtitle,body.sx-content main .rs-center.rs-subtitle{margin-left:auto;margin-right:auto}
body.sx-content main .rs-lead{font-size:18px;line-height:1.62;color:#444746}

/* The small label above a title is the home page's pill. */
body.sx-content main .rs-eyebrow{display:inline-flex;align-items:center;margin:0;padding:4px 12px;border:1px solid rgba(11,87,208,.2);border-radius:999px;background:rgba(11,87,208,.08);color:#0b57d0!important;font-size:12px;font-weight:500;line-height:16px;letter-spacing:.6px;text-transform:uppercase;width:fit-content;align-self:flex-start}
body.sx-content main .rs-center .rs-eyebrow{align-self:center}

/* Buttons. */
body.sx-content main .rs-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 26px;border:1px solid transparent;border-radius:8px;background-image:none;box-shadow:none;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transform:none}
body.sx-content main .rs-btn--primary{background:#0b57d0!important;border-color:#0b57d0!important;color:#fff!important}
body.sx-content main .rs-btn--primary:hover{background:#0842a0!important;border-color:#0842a0!important;color:#fff!important}
body.sx-content main .rs-btn--secondary{background:#fff!important;border-color:#c4c7c5!important;color:#444746!important}
body.sx-content main .rs-btn--secondary:hover{background:#fff!important;border-color:#0b57d0!important;color:#0b57d0!important}
body.sx-content main .rs-btn--sm{min-height:36px;padding:6px 16px;font-size:14px}
body.sx-content main .rs-btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}
body.sx-content main .rs-link-arrow{color:#0b57d0;font-weight:500;text-decoration:none}
body.sx-content main .rs-link-arrow:hover{text-decoration:underline}

/* Cards and panels. */
body.sx-content main :is(.rs-card,.rs-article-card,.rs-panel){background:#fff!important;background-image:none!important;border:1px solid #c4c7c5!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}
body.sx-content main :is(.rs-card,.rs-article-card){padding:28px}
body.sx-content main :is(.rs-card--link,.rs-article-card):hover{border-color:#0b57d0!important}
body.sx-content main .rs-card__title{font-size:18px;font-weight:600;line-height:1.4;color:#1f1f1f}
body.sx-content main .rs-card__title a{color:inherit;text-decoration:none}
body.sx-content main .rs-card__title a:hover{color:#0b57d0}
body.sx-content main :is(.rs-card__text,.rs-article-card__excerpt){font-size:15px;line-height:1.6;color:#444746}
body.sx-content main .rs-article-card__title{font-size:18px;font-weight:600;line-height:1.4;color:#1f1f1f}
body.sx-content main .rs-monogram{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:rgba(11,87,208,.08);color:#0b57d0;font-size:12px;font-weight:700;box-shadow:none}
body.sx-content main .rs-stat__value{color:#1f1f1f;font-weight:700}
body.sx-content main .rs-stat__label{color:#444746}
body.sx-content main .rs-filter-btn{border-radius:8px;box-shadow:none}
body.sx-content main .rs-filter-btn--active{background:#0b57d0;border-color:#0b57d0;color:#fff}

/* A dark band becomes the home page's closing call to action, so its text turns dark too. */
body.sx-content main .rs-section--inverse{background:linear-gradient(135deg,rgba(11,87,208,.08),rgba(66,133,244,.04))!important;border-top:1px solid #e3e6ea;color:#1f1f1f!important}
body.sx-content main .rs-section--inverse :is(h1,h2,h3,h4,.rs-title){color:#1f1f1f!important}
body.sx-content main .rs-section--inverse :is(p,li,.rs-subtitle,.rs-card__text){color:#444746!important}
body.sx-content main .rs-section--inverse a:not(.rs-btn){color:#0b57d0!important}
body.sx-content main .rs-section--inverse .rs-btn--secondary{background:#fff!important;border-color:#c4c7c5!important;color:#444746!important}
body.sx-content main .rs-center .rs-btn-row{justify-content:center}

/* An article body with its own centred column starts at the content edge like the others. */
body.sx-content main .lcm-body{margin-left:0!important}

/* Products: the stock photo goes; the heading stands alone like the other pages. */
body.sx-content main .rs-products-photo-hero{padding-top:56px!important;padding-bottom:16px!important;background:none!important;background-image:none!important;border:0!important}
body.sx-content main .rs-products-hero-grid{display:block!important;min-height:0!important}
body.sx-content main .rs-products-hero-photo{display:none!important}

@media (max-width:640px){
  body.sx-content main .rs-section{padding-top:48px!important;padding-bottom:48px!important}
  body.sx-content main .rs-page-header{padding-top:40px!important;padding-bottom:32px!important}
  body.sx-content main .rs-btn-row .rs-btn{flex:1 1 auto}
  body.sx-content main :is(.rs-card,.rs-article-card){padding:22px}
}

/* Articles: the section spans the page so its text starts at the content edge; the text column keeps a readable length. */
body.sx-content main article.rs-section.rs-measure{max-width:none!important;width:100%!important}
body.sx-content main article.rs-measure>.rs-container>div{max-width:72ch}
/* Inline code and formulas stay readable on the light bands. */
body.sx-content main code{color:#a3154f}
body.sx-content main .lcm-formula{color:#1f1f1f}