/* :not(#crumb-strong) only raises specificity, so these colours beat page styles that load later. */
/* Breadcrumb in place of a large page title (docs, FAQ, legal pages, SLA). The current page stays the page's only h1. */
.page-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px;font-size:15px;line-height:1.5;text-align:left}
:root:not(#crumb-strong) .page-crumb a{color:#6b7385!important;font-weight:400;text-decoration:none!important}
:root:not(#crumb-strong) .page-crumb a:hover{color:#1f2329!important}
.page-crumb span{color:#b3b9c5}
:root:not(#crumb-strong) .page-crumb h1{margin:0!important;color:#3a4252!important;font-size:15px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:0!important;text-align:left!important}

/* Article pages keep their own large title; the last crumb is plain text marked as the current page. */
:root:not(#crumb-strong) .page-crumb [aria-current=page]{color:#3a4252!important;font-weight:500}

/* Legal pages: a left-aligned header over the 840px reading column instead of the centred hero. */
.policy-page .public-page-heading{width:min(840px,calc(100% - 32px));margin:0 auto;padding:44px 0 0;border:0;background:none;text-align:left}
html.public-light-background .policy-page .public-page-heading>p{margin:0;color:#6b7385!important;font-size:14px}
.policy-page .policy-content{padding-top:12px}

/* SLA page */
.sla-page>header .page-crumb{margin-bottom:8px}