/* A wide connected field, with four linked points of entry. */
.financial-layout{display:block}
.financial-visual{min-width:0;width:100%;max-width:none;margin:0;padding:22px 26px 24px;border:1px solid var(--line)}
.network-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;font:11px/1.5 var(--sans);color:var(--muted)}
.network-status{display:flex;gap:14px;align-items:baseline;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.network-status strong{font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--ink)}
.network-hint{font-size:10px}
.network-stage{position:relative;width:100%;max-width:1100px;margin:0 auto;padding:0}
#financial-network{display:block;width:100%;height:auto;max-width:none;margin:0;overflow:visible;color:var(--red,#E11B22)}
#financial-network .financial-link{fill:none;stroke:currentColor;stroke-width:.85;stroke-linecap:round;vector-effect:non-scaling-stroke}
#financial-network .financial-node{fill:currentColor;stroke:currentColor;stroke-width:.35;vector-effect:non-scaling-stroke}
#financial-network .financial-origin-ring{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.24}
#financial-network .financial-label{fill:var(--ink);font-family:var(--sans);font-size:16px;font-weight:600;pointer-events:auto;cursor:pointer}
#financial-network .financial-label.is-origin{fill:currentColor;font-weight:700}
.network-controls{position:absolute;inset:0;pointer-events:none}
.network-focus{position:absolute;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.network-focus:hover{background:#e11b2210}
.network-focus:focus-visible{outline:2px solid var(--red);outline-offset:3px;background:#e11b220b}
.financial-visual .motif-caption{padding:0;align-items:center;gap:25px;font-size:10px}
.financial-visual .motif-caption span:first-child{color:var(--muted)}
#network-replay{flex-shrink:0;border:0;border-bottom:1px solid var(--line);padding:2px 0;background:none;color:var(--muted);font-size:10px;line-height:1.5}
#network-replay:hover{color:var(--ink);border-color:var(--ink)}
.service-tabs{grid-template-columns:repeat(4,1fr);margin:0;border-top:0}
.service-tab{padding:22px 20px;min-height:78px;font-family:var(--serif);font-size:21px;font-weight:700;line-height:1.2;color:var(--ink);gap:13px;border-bottom:1px solid var(--line)}
.service-tab b{font-family:var(--sans);font-size:10px;min-width:17px;color:var(--red)}
.service-tab[aria-selected=true]{background:#eeece6;color:var(--ink);box-shadow:inset 0 -2px var(--red)}
.service-tab[aria-selected=true] b{color:var(--red)}
.service-tab:focus-visible{outline:2px solid var(--red);outline-offset:-5px}
.service-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:10px;min-height:185px;padding:32px 20px 12px;align-content:start}
.service-panel>.eyebrow{grid-column:1;grid-row:1;margin:0;font-size:10px}
.service-panel>h3{grid-column:1;grid-row:2/4;margin:0;font-size:36px;max-width:540px}
.service-panel>p:not(.eyebrow){grid-column:2;grid-row:2;margin:0;max-width:510px;font-size:14px;line-height:1.85}
.service-panel>.text-link{grid-column:2;grid-row:3;justify-self:start;margin:0;font-size:11px}
@media(max-width:1000px){.service-tab{padding:19px 15px;font-size:18px;gap:9px}.service-panel{column-gap:40px}.service-panel>h3{font-size:32px}}
@media(max-width:800px){.financial-visual{padding:20px}.network-topline{gap:15px}.network-status{font-size:9px;gap:9px}.network-status strong{font-size:10px}.network-hint{font-size:9px}.service-tabs{grid-template-columns:1fr 1fr}.service-tab{min-height:68px;font-size:19px}.service-panel{grid-template-columns:1fr;min-height:228px;gap:14px;padding:27px 10px 10px}.service-panel>.eyebrow,.service-panel>h3,.service-panel>p:not(.eyebrow),.service-panel>.text-link{grid-column:1;grid-row:auto}.service-panel>h3{font-size:32px}.service-panel>p:not(.eyebrow){font-size:13px}.financial-visual .motif-caption{font-size:9px}.financial-visual #network-replay{font-size:9px}}
@media(max-width:600px){.financial-visual{padding:18px 14px}.network-topline{align-items:flex-start}.network-status{flex-direction:column;gap:4px}.network-hint{max-width:95px;text-align:right;font-size:9px}.network-stage{margin:15px auto 18px}#financial-network .financial-label{font-size:36px;transform:translateY(14px)}#financial-network .financial-node.is-anchor{r:14px}#financial-network .financial-node.is-origin{r:18px}#financial-network .financial-origin-ring{r:29px}.service-tab{font-size:17px;padding:18px 12px;min-height:73px;gap:8px}.service-tab b{font-size:9px;min-width:16px}.service-panel>h3{font-size:30px}.financial-visual .motif-caption{gap:10px}}

/* Keep the diagram beside its service controls and explanation. */
.financial-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.financial-visual{padding:20px}.network-topline{gap:14px;align-items:flex-start}.network-status{flex-direction:column;gap:4px;font-size:9px}.network-status strong{font-size:10px}.network-hint{font-size:9px;max-width:120px;text-align:right}.network-stage{margin:18px auto 22px}#financial-network .financial-label{font-size:26px}#financial-network .financial-node.is-anchor{r:8px}#financial-network .financial-node.is-origin{r:11px}#financial-network .financial-origin-ring{r:21px}.financial-visual .motif-caption{font-size:9px}.financial-visual #network-replay{font-size:9px}.service-tabs{grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.service-tab{font-family:var(--sans);font-size:12px;font-weight:400;line-height:1.45;padding:17px 14px;min-height:58px;gap:10px}.service-tab[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:none}.service-tab[aria-selected=true] b{color:#ff777a}.service-panel{display:block;padding:28px 4px 0;min-height:220px}.service-panel>.eyebrow{margin-bottom:16px}.service-panel>h3{font-size:34px;margin-bottom:17px}.service-panel>p:not(.eyebrow){font-size:14px;line-height:1.8}.service-panel>.text-link{margin-top:15px}.service-content{min-width:0}@media(max-width:1100px){.financial-layout{gap:28px}.financial-visual{padding:18px 14px}.network-hint{max-width:100px;font-size:8px}.service-tab{padding:15px 10px;font-size:11px;gap:6px}.service-panel>h3{font-size:30px}.service-panel{min-height:230px}}@media(max-width:800px){.financial-layout{grid-template-columns:1fr;gap:25px}.financial-visual{width:100%;max-width:620px;margin:auto;padding:20px}.service-tab{font-size:12px;min-height:58px;padding:16px}.service-panel{min-height:225px;padding-top:26px}.network-hint{font-size:9px;max-width:120px}}@media(max-width:600px){.financial-visual{padding:18px 14px}.network-stage{margin:15px auto 18px}#financial-network .financial-label{font-size:36px;transform:translateY(14px)}#financial-network .financial-node.is-anchor{r:14px}#financial-network .financial-node.is-origin{r:18px}#financial-network .financial-origin-ring{r:29px}.service-tab{font-size:11px;min-height:58px;padding:15px 10px}.service-panel>h3{font-size:30px}.service-panel>p:not(.eyebrow){font-size:13px}.network-hint{max-width:95px}}
.financial-visual{container-type:inline-size;container-name:financial-figure}
@container financial-figure (max-width:420px){#financial-network .financial-label{font-size:44px;transform:translateY(14px)}#financial-network .financial-node.is-anchor{r:14px}#financial-network .financial-node.is-origin{r:18px}#financial-network .financial-origin-ring{r:29px}}

/* Focus switches instantly between fixed anchors; the structure stays in place. */
#financial-network .financial-origin-ring,#financial-network .financial-focus-dot{transition:none;pointer-events:none}#financial-network .financial-focus-dot{fill:var(--red);r:11px}#financial-network .financial-label{transition:fill .22s ease,opacity .22s ease}#financial-network .financial-node.is-origin{r:8px}@container financial-figure (max-width:420px){#financial-network .financial-node.is-origin{r:14px}#financial-network .financial-focus-dot{r:18px}}@media(max-width:600px){#financial-network .financial-node.is-origin{r:14px}#financial-network .financial-focus-dot{r:18px}}@media(prefers-reduced-motion:reduce){#financial-network .financial-origin-ring,#financial-network .financial-focus-dot,#financial-network .financial-label{transition:none}}
/* Reserve the same reading area as descriptions change. */
@media(max-width:1100px){.service-panel{min-height:240px}}
@media(max-width:370px){.service-panel{min-height:280px}}