/* NBC P3 cascade containment v7329 */
@layer nbc.legacy{
.cb3-bridge{
  position:relative;
  margin:clamp(32px,5vw,72px) auto;
  padding:clamp(22px,3vw,34px);
  border:1px solid rgba(154,225,184,.18);
  border-radius:28px;
  background:
    radial-gradient(circle at 0% 0%, rgba(94,236,167,.10), transparent 40%),
    radial-gradient(circle at 100% 0%, rgba(110,178,255,.10), transparent 42%),
    linear-gradient(180deg, rgba(8,20,15,.90), rgba(7,17,13,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}
.cb3-bridge::after{
  content:"";
  position:absolute; inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.04), transparent 30%, transparent 70%, rgba(255,255,255,.03));
  opacity:.4;
}
.cb3-inner{ position:relative; z-index:1; }
.cb3-eyebrow{ display:inline-flex; align-items:center; gap:.55rem; font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; color:#9ee2b7; margin:0 0 .7rem; }
.cb3-title{ margin:0; font-size:clamp(1.5rem,2.6vw,2.3rem); line-height:1.1; }
.cb3-copy{ margin:.7rem 0 1.1rem; max-width:76ch; color:rgba(236,244,239,.82); }
.cb3-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.cb3-card{
  position:relative; display:flex; flex-direction:column; gap:10px;
  min-height:100%;
  padding:18px 18px 16px;
  color:#edf6f0; text-decoration:none;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.cb3-card:hover,.cb3-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(154,225,184,.34);
  background:linear-gradient(180deg, rgba(94,236,167,.11), rgba(255,255,255,.04));
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  outline:none;
}
.cb3-card--primary{
  border-color:rgba(154,225,184,.34);
  background:linear-gradient(180deg, rgba(94,236,167,.14), rgba(255,255,255,.05));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.16);
}
.cb3-kicker{ display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:.78rem; letter-spacing:.11em; text-transform:uppercase; color:#b9efd1; }
.cb3-badge{ padding:5px 9px; border-radius:999px; border:1px solid rgba(154,225,184,.26); background:rgba(94,236,167,.10); color:#dff9ea; font-size:.72rem; letter-spacing:.08em; }
.cb3-card strong{ font-size:1.15rem; line-height:1.15; }
.cb3-card p{ margin:0; color:rgba(236,244,239,.82); }
.cb3-arrow{ margin-top:auto; font-weight:600; color:#ffffff; }
.cb3-helper{ margin-top:14px; color:rgba(236,244,239,.68); font-size:.95rem; }
@media (max-width: 900px){ .cb3-cards{ grid-template-columns:1fr; } .cb3-card{ border-radius:18px; } .cb3-bridge{ border-radius:22px; } }

}