.networking-program {
  max-width: var(--container);
  margin: 0 auto;
  padding: 56px 32px 104px;
}

.networking-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--r-lg);
  background: linear-gradient(145deg, rgba(154,104,255,.16), rgba(62,224,216,.06));
}

.networking-hero__body { padding: clamp(32px, 6vw, 68px); }
.networking-eyebrow,
.networking-heading > span { color: var(--accent-cyan); font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.networking-hero h2 { margin-top: 18px; color: var(--ink-on-dark-0); font-family: var(--font-display); font-size: clamp(32px, 9vw, 56px); line-height: 1.12; }
.networking-hero__body > p { max-width: 680px; margin-top: 20px; color: var(--ink-on-dark-2); font-size: 17px; line-height: 1.75; white-space: pre-line; }
.networking-hero > img { width: 100%; height: 100%; min-height: 440px; background: rgba(255,255,255,.04); object-fit: cover; }

.networking-notice { margin-top: 30px; padding: 20px 22px; border-left: 3px solid var(--accent-mint); background: rgba(255,255,255,.045); }
.networking-notice strong { color: var(--ink-on-dark-0); font-size: 14px; }
.networking-notice p { margin-top: 8px; color: var(--ink-on-dark-2); line-height: 1.65; white-space: pre-line; }
.networking-action { margin-top: 30px; }
.networking-action a,
.networking-action span { display: inline-flex; min-height: 46px; align-items: center; padding: 0 20px; border: 1px solid rgba(62,224,216,.45); border-radius: var(--r-pill); color: var(--accent-cyan); font-size: 14px; font-weight: 800; }
.networking-action a:hover,
.networking-action a:focus-visible { border-color: var(--accent-cyan); background: rgba(62,224,216,.09); }
.networking-action span { border-color: rgba(255,255,255,.14); color: var(--ink-on-dark-2); }

.networking-dates { display: flex; gap: 10px; margin-top: 34px; overflow-x: auto; }
.networking-dates a { flex: 0 0 auto; padding: 10px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: var(--r-pill); color: var(--ink-on-dark-2); font-family: var(--font-mono); font-size: 12px; }
.networking-dates a:hover,
.networking-dates a:focus-visible,
.networking-dates a.is-current { border-color: var(--accent-cyan); color: var(--accent-cyan); }

.networking-heading { margin-top: 64px; }
.networking-heading h2 { margin-top: 10px; color: var(--ink-on-dark-0); font-family: var(--font-display); font-size: clamp(28px, 8vw, 44px); }
.networking-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.networking-card a { display: flex; min-height: 260px; flex-direction: column; padding: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: var(--r-md); background: rgba(255,255,255,.035); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.networking-card a:hover,
.networking-card a:focus-visible { transform: translateY(-3px); border-color: rgba(62,224,216,.48); background: rgba(255,255,255,.06); }
.networking-card__meta { display: flex; flex-wrap: wrap; gap: 8px; }
.networking-card__meta span { padding: 5px 9px; border-radius: var(--r-pill); background: rgba(154,104,255,.15); color: #c8adff; font-family: var(--font-mono); font-size: 11px; }
.networking-card h3 { margin-top: 25px; color: var(--ink-on-dark-0); font-size: clamp(22px, 7vw, 30px); line-height: 1.35; }
.networking-card p { margin-top: 12px; color: var(--ink-on-dark-2); }
.networking-card em { margin-top: auto; padding-top: 28px; color: var(--accent-mint); font-size: 13px; font-style: normal; font-weight: 700; }

.networking-detail-program { max-width: 980px; }
.networking-detail { padding: clamp(32px, 7vw, 72px); border: 1px solid rgba(255,255,255,.12); border-radius: var(--r-lg); background: linear-gradient(145deg, rgba(154,104,255,.13), rgba(255,255,255,.03)); }
.networking-detail h2 { margin-top: 28px; color: var(--ink-on-dark-0); font-family: var(--font-display); font-size: clamp(34px, 10vw, 62px); line-height: 1.14; overflow-wrap: anywhere; }
.networking-detail__host { display: flex; gap: 14px; align-items: baseline; margin-top: 22px; }
.networking-detail__host span { color: var(--ink-on-dark-3); font-size: 12px; }
.networking-detail__host strong { color: var(--accent-mint); font-size: 17px; }
.networking-detail__contents { margin-top: 42px; padding-top: 34px; border-top: 1px solid rgba(255,255,255,.1); color: var(--ink-on-dark-2); font-size: 17px; line-height: 1.85; white-space: pre-line; overflow-wrap: anywhere; }

@media (max-width: 820px) {
  .networking-program { padding: 38px 20px 76px; }
  .networking-hero { grid-template-columns: minmax(0, 1fr); }
  .networking-hero > img { min-height: 240px; max-height: 420px; order: -1; }
  .networking-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 380px) {
  .networking-program { padding-right: 16px; padding-left: 16px; }
  .networking-hero__body,
  .networking-card a,
  .networking-detail { padding-right: 22px; padding-left: 22px; }
}
