/* The same upper navigation surface as the illustrated finance sections. */
.topbar:has(.communications-header-tabs){gap:18px}
.communications-header-tabs{display:flex;align-items:stretch;gap:12px;flex:1;min-width:0;max-width:1660px;margin-right:auto;overflow-x:auto;scrollbar-width:none;padding:3px 2px}
.communications-header-tabs::-webkit-scrollbar{display:none}
.communications-header-tabs a{position:relative;isolation:isolate;display:flex;align-items:center;flex:1 0 145px;min-width:0;max-width:280px;height:72px;box-sizing:border-box;padding:12px 76px 12px 16px;border:1px solid #23626a;border-radius:15px;background:linear-gradient(120deg,#063039,#073e43);color:#eaf9fa;text-decoration:none;overflow:hidden;box-shadow:inset 0 1px #ffffff08;transition:transform .2s,border-color .2s,box-shadow .2s}
.comm-nav-copy{position:relative;z-index:2;display:grid;gap:6px;min-width:0}
.comm-nav-copy>span{display:flex;align-items:center;gap:6px}
.comm-nav-copy strong{font-size:14px;line-height:1.2;font-weight:650;white-space:nowrap}
.comm-nav-copy small{color:#a3ccd0;font-size:10px;line-height:1.25;white-space:nowrap}
.communications-header-tabs b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;min-height:17px;padding:1px 4px;border-radius:6px;background:#13515b;color:#d5f7f6;font-size:9px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;box-sizing:border-box}
.communications-header-tabs b[hidden]{display:none}
.communications-header-tabs img{position:absolute;right:5px;top:0;width:72px;height:72px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 5px #001b2430);transition:transform .25s}
.communications-header-tabs a:hover{border-color:#3d969c;background:linear-gradient(120deg,#0a3b43,#075057);transform:translateY(-1px);box-shadow:0 4px 18px #001a2330}
.communications-header-tabs a:hover img{transform:translateY(-2px) rotate(-3deg)}
.communications-header-tabs a[aria-current]{background:linear-gradient(115deg,#ffda79,#f5c34f);border-color:#ffe6a4;color:#152322;box-shadow:inset 0 1px #fff7,0 2px 15px #efbe4420}
.communications-header-tabs a[aria-current] small{color:#4b4827}
.communications-header-tabs a[aria-current] b{background:#64440e22;color:#26362e}
.communications-header-tabs a:focus-visible{outline:2px solid #f6d06c;outline-offset:1px}
.hub-route-card.hub-communication-card{background:radial-gradient(ellipse at 85% 60%,#0b6265 0%,#07393f 42%,#02232c 85%)}
.hub-communication-card .hub-route-image{inset:auto 3% 0 auto;width:47%;height:100%;object-fit:contain;object-position:center;opacity:1}
.hub-communication-card .hub-route-shade{background:linear-gradient(90deg,#00222b99,transparent 70%)}
.hub-communication-card .hub-route-copy{max-width:57%}
@media(max-width:1700px){.communications-header-tabs{gap:9px}.communications-header-tabs a{flex-basis:130px;padding:11px 64px 11px 13px}.comm-nav-copy small{display:none}.communications-header-tabs img{width:64px;right:1px}.comm-nav-copy strong{font-size:13px}}
@media(max-width:1150px){.topbar:has(.communications-header-tabs){gap:10px}.communications-header-tabs{gap:7px}.communications-header-tabs a{flex:0 0 119px;height:62px;padding:10px 50px 10px 10px;border-radius:12px}.communications-header-tabs img{width:54px;height:62px;right:0}.comm-nav-copy strong{font-size:12px}.communications-header-tabs b{position:absolute;left:0;top:23px;min-width:16px;min-height:14px;font-size:8px}.comm-nav-copy{transform:translateY(-2px)}}
@media(max-width:720px){.topbar:has(.communications-header-tabs){gap:8px}.communications-header-tabs{gap:6px;padding-block:4px}.communications-header-tabs a{flex-basis:104px;height:48px;padding:8px 44px 8px 9px;border-radius:10px}.communications-header-tabs img{width:46px;height:48px}.comm-nav-copy strong{font-size:11px}.communications-header-tabs b{top:19px;min-height:12px;font-size:7px;padding:1px 3px}.hub-communication-card .hub-route-image{width:51%;right:0}}
@media(prefers-reduced-motion:reduce){.communications-header-tabs a,.communications-header-tabs img{transition:none}.communications-header-tabs a:hover,.communications-header-tabs a:hover img{transform:none}}

/* One illustration family for the unselected communication panes. */
#main .communication-empty-illustration{display:block;width:148px;height:148px;max-width:100%;object-fit:contain;flex:none;filter:drop-shadow(0 8px 16px #001b2438)}
.communication-empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;padding:38px 24px}.communication-empty-state h3{margin:5px 0 0}.communication-empty-state p{margin:0;max-width:42ch;line-height:1.7}