/* Related component guides, between contact CTA and main footer. */
.component-banner{background:#30363a;color:#f5f7f8;border-top:1px solid #434b50;border-bottom:1px solid #434b50;padding:28px var(--footer-right-gutter,6vw) 30px var(--nav-gutter,6vw);text-align:left}
.component-banner__inner{width:100%;display:grid;grid-template-columns:minmax(190px,0.7fr) minmax(0,2.3fr);gap:24px 44px;align-items:start}
.component-banner h2{font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;margin:4px 0 0;color:#fff;text-transform:none}
.component-banner__links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 24px;list-style:none;padding:0;margin:0}
.component-banner__links li{padding:0;margin:0;min-width:0}
.component-banner__links a{display:block;padding:6px 0;color:#d9e1e5;font-size:.82rem;font-weight:500;line-height:1.55;text-decoration:none;overflow-wrap:break-word;transition:color .15s ease}
.component-banner__links a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.component-banner__links a:focus-visible{outline:2px solid #8fdae2;outline-offset:4px;border-radius:2px}
@media(max-width:1000px){.component-banner__inner{grid-template-columns:1fr;gap:14px}.component-banner__links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.component-banner{padding:24px 20px}.component-banner__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.component-banner__links a{font-size:.8rem;padding:8px 0}.component-banner h2{font-size:.96rem}}