/* NBC DG5 · contextual Decision Guide bridges · v6.581 */
.dg5-guide-bridge{
  --dg5-accent:var(--green,#8bcf9a);
  position:relative;
  margin:clamp(34px,5vw,64px) 0;
  padding:clamp(22px,3vw,34px) clamp(22px,3vw,36px);
  border-top:1px solid rgba(247,245,242,.16);
  border-bottom:1px solid rgba(247,245,242,.11);
  background:linear-gradient(100deg,rgba(247,245,242,.035),rgba(247,245,242,.012));
}
.dg5-guide-bridge--process{--dg5-accent:#8bcf9a}
.dg5-guide-bridge--erp{--dg5-accent:#d7aa62}
.dg5-guide-bridge--ai{--dg5-accent:#9aadd2}
.dg5-guide-bridge::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--dg5-accent)}
.dg5-guide-bridge__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(22px,4vw,54px);align-items:end}
.dg5-guide-bridge__eyebrow{display:block;margin:0 0 10px;color:var(--dg5-accent);font:700 9px/1.2 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.dg5-guide-bridge h3{margin:0;max-width:760px;font-size:clamp(1.35rem,2.25vw,2rem);line-height:1.08;letter-spacing:-.025em}
.dg5-guide-bridge p{max-width:760px;margin:11px 0 0;color:var(--muted,#aab3ae);font-size:.92rem;line-height:1.58}
.dg5-guide-bridge__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.dg5-guide-bridge__meta span{padding:6px 9px;border:1px solid rgba(247,245,242,.11);border-radius:999px;color:rgba(247,245,242,.66);font-size:.7rem}
.dg5-guide-bridge__link{align-self:center;white-space:nowrap;color:var(--paper,#f7f5f2);font:700 10px/1.25 var(--mono,monospace);letter-spacing:.07em;text-transform:uppercase;text-underline-offset:5px}
.case2-transfer .dg5-guide-bridge{margin:clamp(30px,4vw,48px) 0 0}
.dg5-result-guide{display:inline-block;margin:13px 0 0;color:var(--paper,#f7f5f2);font:700 9px/1.35 var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;text-underline-offset:5px}
.dg5-result-guide[hidden]{display:none}
.baro-next-actions .dg5-result-guide{flex-basis:100%;margin-top:2px;color:rgba(247,245,242,.72)}
@media(max-width:760px){
  .dg5-guide-bridge{margin:28px 0;padding:20px 18px 21px}
  .dg5-guide-bridge__grid{grid-template-columns:1fr;gap:18px}
  .dg5-guide-bridge__link{white-space:normal}
  .dg5-guide-bridge h3{font-size:1.35rem}
}
body[data-case-system="v2"] .case2-shell > .dg5-guide-bridge{
  width:min(calc(100% - (2 * var(--case2-gutter))),var(--case2-page-max));
  margin-left:auto;margin-right:auto;
}