.reference-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#f3f3f3;color:#151515;border-bottom:1px solid #bbb;font:14px/1.4 Arial,sans-serif;position:relative;z-index:100}
.reference-tools>div{display:flex;align-items:center;gap:20px}.reference-tools nav{display:flex;flex-wrap:wrap;gap:6px}.reference-tools a{display:inline-block;color:#151515;padding:8px 12px;border:1px solid #aaa;text-decoration:none}.reference-tools a[aria-current]{background:#151515;color:#fff}.reference-tools a:focus-visible{outline:3px solid #2276b9;outline-offset:3px}
.reference-tools a[aria-current]{font-weight:700!important;outline:2px solid currentColor;outline-offset:-4px}
.reference-note{padding-top:32px;padding-bottom:32px;font:15px/1.6 Arial,sans-serif}.reference-note p{max-width:85ch;margin:10px 0}.reference-module-label{padding-top:24px;padding-bottom:12px;font:13px/1.5 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-top:1px dashed currentColor}
.reference-image{display:flex;width:100%;min-height:140px;aspect-ratio:16/9;align-items:center;justify-content:center;background:linear-gradient(32deg,transparent 49.8%,#bbb 50%,transparent 50.2%),linear-gradient(-32deg,transparent 49.8%,#bbb 50%,transparent 50.2%),#eee;border:1px solid #888;color:#222;font:14px/1.5 Arial,sans-serif;text-align:center;box-sizing:border-box}
.reference-image>span{padding:8px 12px;background:#f5f5f5;max-width:90%}.brand .reference-image{width:120px;min-height:48px;aspect-ratio:5/2}.page-link-group--logos .reference-image{min-height:70px;aspect-ratio:2/1}.reference-image:only-child{max-width:100%}.hero-slide .reference-image{height:100%;min-height:300px}.page-campaign .reference-image{min-height:160px;aspect-ratio:4/1}
#reference-header,#reference-footer,#design-note{scroll-margin-top:100px}.site-navigation .nav-link{white-space:nowrap}.site-footer .brand .reference-image{color:#222}.reference-tools~.site-header-shell{top:0}
@media(max-width:700px){.reference-tools{padding:12px 16px;align-items:flex-start;flex-direction:column}.reference-tools>div{gap:12px}.reference-tools nav{width:100%}.reference-tools a{padding:7px 10px}.reference-note{font-size:14px}.hero-slide .reference-image{min-height:190px}.reference-module-label{font-size:11px}.page-campaign .reference-image{aspect-ratio:3/2}}