.reference{padding-block:clamp(36px,6vw,80px);max-width:1160px}
.reference h1{text-align:left;margin:18px 0 22px;max-width:22ch}
.reference h2{text-align:left;margin:32px 0 12px;max-width:none;font-size:clamp(21px,3vw,29px)}
.reference p,.reference li{max-width:72ch}
.reference-lede{font-size:clamp(19px,2.6vw,26px);line-height:1.5}
.reference-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:#7E5D1A}
.reference-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:26px 0}
.reference-links a,.reference-action{font-size:14px;font-weight:600;color:#123A6B;text-decoration:underline;text-underline-offset:4px}
.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:18px;margin-top:32px}
.reference-card{border:1px solid #c6cdd2;border-top:3px solid #123A6B;background:#fffdf7;padding:24px;display:flex;flex-direction:column}
.reference-card h2{font-size:23px;margin:16px 0 12px}
.reference-card h2 a{color:#123A6B}
.reference-card p{font-size:15px;flex:1}
.reference-panel{background:#EAF2FB;border-left:3px solid #123A6B;padding:26px;margin:36px 0}
.reference-panel h2{margin-top:0}
.reference-panel .btn{display:inline-block;margin-top:12px}
.reference-page footer .reference-links a{color:#EAF2FB}
.skip-link{position:fixed;left:16px;top:-100px;padding:12px 20px;background:#F3F1EA;color:#123A6B;z-index:100}
.skip-link:focus{top:12px}
@media(max-width:560px){.reference{padding-inline:20px}.reference-page .navlink{display:inline-block}.reference-page nav{flex-wrap:wrap;gap:14px}.reference-page .navlinks{flex-wrap:wrap}.reference-label{line-height:1.8}}