/* Warm white, sage and coral across the shared site shell. */
:root{--sage:#eaf2ee;--forest:#294d43;--forest-muted:#546c63;--red:#d33e46}
header{background:#faf9f5;color:var(--forest);border-bottom:1px solid #dce5de}
header .brand-icon{color:#5e7868}header nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}
.site-footer{background:var(--sage);color:var(--forest-muted);border-top:1px solid #d2dfd6}
.site-footer .brand{color:var(--forest)}.site-footer .brand-icon{color:#5e7868}
.site-footer .footer-column h2{color:var(--forest)}.site-footer .footer-bottom{color:#596e65;border-color:#cbd9d0}
.wide-story,.banner{background:var(--sage);color:var(--forest)}.wide-story .eyebrow,.banner .eyebrow{color:#62796e}
.connection-highlights{padding:32px 8%;background:#fafbf8;border-bottom:1px solid #e0e7df}
.connection-highlights ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin:0;padding:0;list-style:none}
.connection-highlights li{display:flex;align-items:flex-start;gap:18px;min-width:0}
.connection-highlights svg{width:32px;height:32px;flex-shrink:0;color:#5c7c69;margin-top:3px}
.connection-highlights strong{display:block;font-size:16px;font-weight:600;line-height:1.6;color:var(--forest)}
.connection-highlights p{font-size:14px;font-weight:400;line-height:1.65;margin:5px 0 0;color:#60736a;max-width:290px}
@media(max-width:1000px){.blog-masthead-copy{background:var(--sage);color:var(--forest)}.blog-masthead .eyebrow{color:#62796e}.blog-masthead p{color:var(--forest-muted)}.blog-scroll{border-color:#73877b}}
@media(max-width:800px){.connection-highlights{padding:30px 7%}.connection-highlights ul{gap:25px}.connection-highlights li{gap:12px}.connection-highlights strong{font-size:15px}.connection-highlights svg{width:28px;height:28px}}
@media(max-width:600px){header nav{font-size:13px;gap:17px}header nav>a:not(.button){padding:6px 0}.connection-highlights{padding:26px 7%}.connection-highlights ul{grid-template-columns:1fr;gap:0}.connection-highlights li{padding:19px 0;border-bottom:1px solid #dfe7de;gap:18px}.connection-highlights li:first-child{padding-top:0}.connection-highlights li:last-child{padding-bottom:0;border:0}.connection-highlights strong{font-size:16px}.connection-highlights p{font-size:14px;max-width:none}.connection-highlights svg{width:30px;height:30px}}

header .brand-icon,.site-footer .brand-icon{color:var(--forest)}