/* behr.css — generated by scripts/build_behr.mjs. Do not edit by hand. Edit scripts/behr/behr-source.dc.html and re-run the build. */ *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{margin:0;background:#ddd7cf;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1D1518;-webkit-font-smoothing:antialiased;overflow-x:hidden} a{color:#08398F;text-decoration:none} a:hover{color:#0B4FC8} :focus-visible{outline:2px solid #0B4FC8;outline-offset:3px} button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit} ::selection{background:#A8C8F0} p{text-wrap:pretty} body{background:#FAF8F5} /* ---- BeHR under the CBD chrome ------------------------------------------- /behr wears the site's own header, so the CBD nav renders here exactly as it does everywhere else and needs no overrides. Only two things are still owed. First, the fixed 76px nav has to stop overlapping the page: BeHR's sections carry their own padding from the design, so the offset goes on rather than into any of them, leaving the design's internal spacing untouched. Second, styles.css sets two INHERITED properties on body that the design source leaves at their initial values — line-height:1.6 and text-rendering: optimizeLegibility. Both reach every BeHR element that does not set them inline, and both change metrics: they were worth 3px on the hero and 4px on the navy band before this rule went in. h3/h4 get the same treatment, since the design's cards set weight and tracking inline but inherit the family. These are scoped to
rather than to body on purpose: the CBD header and footer sit outside it, and they are supposed to look like the ones on every other page — not like BeHR's type. */ body.behr{padding-top:var(--nav-h,0px)} body.behr main{line-height:normal;text-rendering:auto} body.behr main h3,body.behr main h4{font-family:inherit} /* The form's error slots and its success card carry an inline display from the design, and inline style outranks the UA sheet's [hidden] rule — so hidden has to win explicitly or they all ship visible. */ [hidden]{display:none!important} /* Hover and focus states, from style-hover / style-focus in the design source. */ .bh1:hover{background:#08398F!important;color:#fff!important} .bh2:hover{background:#0C1D33!important;color:#FAF8F5!important} .bh3:hover{color:#0B4FC8!important} .bh4:hover{background:#fff!important;box-shadow:inset 3px 0 0 #0B4FC8!important} .bh4:focus-visible{background:#fff!important;box-shadow:inset 3px 0 0 #0B4FC8!important} .bh5:hover{background:#d6e4f6!important;color:#08398F!important} .bh5:focus-visible{background:#d6e4f6!important;color:#08398F!important} .bh6:hover{box-shadow:inset 0 -3px 0 #0B4FC8!important;transform:translateY(-2px)!important} .bh6:focus-visible{box-shadow:inset 0 -3px 0 #0B4FC8!important} .bh7:hover{box-shadow:inset 0 -3px 0 #0B4FC8!important} .bh7:focus-visible{box-shadow:inset 0 -3px 0 #0B4FC8!important} .bh8:focus{border-color:#0B4FC8!important;box-shadow:0 0 0 3px #E4EEFA!important} .bh9:hover{background:#08398F!important} @media (prefers-reduced-motion:reduce){.bh6:hover{transform:none!important}*{transition-duration:.01ms!important}}