.reference-page{background:var(--cl-ivory);min-height:100vh}.reference-page a{text-underline-offset:.2em;text-decoration-thickness:1px}.reference-page-header,.reference-page-footer{justify-content:space-between;align-items:center;gap:24px;padding:24px max(24px,50% - 560px);display:flex}.reference-page-header{border-bottom:1px solid var(--cl-sandstone)}.reference-page-brand{font-family:var(--cl-font-heading);flex-shrink:0;align-items:center;gap:10px;font-size:27px;line-height:1.2;text-decoration:none;display:flex}.reference-page-brand small{font-family:var(--cl-font-ui);letter-spacing:1.3px;margin-top:7px;font-size:9px;display:block}.reference-page-header nav,.reference-page-footer nav{flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}.reference-page-header nav a,.reference-page-footer nav a{padding-block:8px;font-size:15px}.reference-page [aria-current=page]{font-weight:700}.reference-page-main{max-width:1168px;margin-inline:auto;padding:28px 24px 72px}.reference-page-breadcrumb{color:var(--cl-taupe);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.reference-page-hero{max-width:830px;padding:48px 0}.reference-page-eyebrow{color:var(--cl-maroon);letter-spacing:1.7px;text-transform:uppercase;font-size:12px;font-weight:700}.reference-page h1{margin:14px 0 24px;font-size:clamp(30px,4.4vw,48px);line-height:1.3}.reference-page-intro{max-width:740px;font-size:20px;line-height:1.65}.reference-page-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;font-weight:600;display:flex}.reference-page-actions .reference-page-primary{background:var(--cl-maroon);color:var(--cl-ivory);border-radius:5px;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;text-decoration:none;display:inline-flex}.reference-page-primary:hover{background:var(--cl-oxblood)}.reference-page-section{border-top:1px solid var(--cl-sandstone);padding:36px 0}.reference-page-section h2{max-width:760px;margin-bottom:16px;font-size:clamp(23px,3vw,29px)}.reference-page-section h3{margin-bottom:9px;font-size:20px}.reference-page-section>p,.reference-page-faq p,.reference-page-method p{max-width:780px;line-height:1.7}.reference-page-section p+p{margin-top:16px}.reference-page-manufacturers{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;padding:0;list-style:none;display:grid}.reference-page-manufacturers a{border:1px solid var(--cl-sandstone);background:var(--cl-parchment);border-radius:5px;flex-direction:column;justify-content:space-between;gap:20px;height:100%;padding:22px;font-size:20px;text-decoration:none;display:flex}.reference-page-manufacturers a:hover{border-color:var(--cl-maroon)}.reference-page-manufacturers small{color:var(--cl-ink);font-size:14px}.reference-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 44px;margin-top:24px;display:grid}.reference-page-grid p{line-height:1.7}.reference-page-example{border-left:3px solid var(--cl-maroon);background:var(--cl-parchment);max-width:830px;margin-top:24px;padding:24px}.reference-page-example h3{font-size:18px}.reference-page-example p{line-height:1.7}.reference-page-example p+p{margin-top:14px}.reference-page-faq{gap:25px;margin-top:24px;display:grid}.reference-page-method{gap:24px;max-width:830px;margin:24px 0 0;padding-left:24px;display:grid}.reference-page-method li{padding-left:8px}.reference-page-method li::marker{color:var(--cl-maroon);font-weight:700}.reference-page-note{color:var(--cl-taupe);font-size:14px}.reference-page-footer{background:var(--cl-parchment);border-top:1px solid var(--cl-sandstone);align-items:flex-start;font-size:14px}.reference-page-footer strong{color:var(--cl-maroon);font-family:var(--cl-font-heading);margin-bottom:6px;font-size:20px;font-weight:400;display:block}@media (max-width:760px){.reference-page-header,.reference-page-footer{flex-direction:column;align-items:flex-start;gap:16px}.reference-page-manufacturers{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-page-grid{grid-template-columns:1fr}.reference-page-hero{padding:32px 0}.reference-page-intro{font-size:18px}}@media (max-width:390px){.reference-page-header,.reference-page-footer,.reference-page-main{padding-inline:16px}.reference-page-manufacturers{grid-template-columns:1fr}.reference-page-example{padding:18px}.reference-page-header nav{gap:6px 14px}}