/* ==========================================================================
   SURGE event pages  (/company/surge/<edition>/ and three 2023 editions at
   /company/<edition>/)

   One template for the eight concluded SURGE editions the Final Structure
   sheet keeps. Shared: the banner (page-banner.css), the facts tiles
   (company.css), Related (product-family.css). Page-local:
     .sgev-badge                 the "Concluded event" label
     .sgev-about                 what SURGE is, and this edition's tracks
     .sgev-agenda / .sgev-track / .sgev-session   the agenda
     .sgev-themes / .sgev-theme  three to five product or solution links

   Band rhythm is the homepage's: 48 / 64 / 80. Bands alternate white and
   --ps-color-neutral-2-100. No two adjacent bands share a tint:

     §1  banner      white          §4  agenda   neutral-2-100
     §2  at a glance neutral-2-100  §5  themes   white
     §3  about       white          §6  related  neutral-2-100
   ========================================================================== */

#agenda,.sgev-session,.sgev-track{scroll-margin-top:96px}

/* §1 the label above the H1, and the region / date / format line */
.sgev-banner__status{margin:0 0 14px}
.sgev-badge{
  display:inline-block;padding:3px 10px;border-radius:999px;
  border:1px solid var(--ps-color-neutral-2-500);
  font:500 11px/18px var(--ps-font);letter-spacing:.04em;text-transform:uppercase;
  color:var(--ps-color-neutral-3-500);background:var(--ps-color-neutral-2-100);
}
.sgev-banner__meta{color:var(--ps-color-secondary-5-500)}

/* --------------------------------------------------------------------------
   §3 About, §4 Agenda, §5 Themes: shared band frame
   -------------------------------------------------------------------------- */
.sgev-about,.sgev-agenda,.sgev-themes{padding-block:48px}
.sgev-about__inner,.sgev-agenda__head,.sgev-track,.sgev-themes__inner{grid-column-end:span var(--ps-grid-columns)}
@media (min-width:640px){.sgev-about,.sgev-agenda,.sgev-themes{padding-block:64px}}
@media (min-width:1024px){.sgev-about,.sgev-agenda,.sgev-themes{padding-block:80px}}
@media (min-width:1350px){
  .sgev-about__inner,.sgev-agenda__head,.sgev-track,.sgev-themes__inner,
  .sgev-related .pf-related__inner{grid-column-start:2;grid-column-end:span 10}
}

/* §3 About */
.sgev-about__title,.sgev-themes__title{color:var(--ps-color-neutral-3-500);margin:0 0 20px}
.sgev-about__body{max-width:70ch;color:var(--ps-color-secondary-5-500)}
.sgev-about__body p{margin:0 0 12px}
.sgev-about__body a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.sgev-about__body a:hover{color:var(--ps-color-brand-500)}
.sgev-about__label{margin:20px 0 10px;font:500 12px/18px var(--ps-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ps-color-brand-600)}
.sgev-about__tracks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sgev-about__tracks li{
  padding:6px 14px;border-radius:999px;
  border:1px solid var(--ps-color-neutral-2-300);background:var(--ps-color-neutral-2-100);
  font:500 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500);
}

/* --------------------------------------------------------------------------
   §4 Agenda: one list per track, sessions as ruled rows
   -------------------------------------------------------------------------- */
.sgev-agenda__head{margin-bottom:8px}
.sgev-agenda__eyebrow{margin:0 0 10px;font:500 12px/18px var(--ps-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ps-color-brand-600)}
.sgev-agenda__note{margin:0;max-width:70ch;color:var(--ps-color-secondary-5-500)}
.sgev-track{margin-top:36px}
.sgev-track__title{color:var(--ps-color-neutral-3-500);margin:0 0 16px}
.sgev-track__list{
  list-style:none;margin:0;padding:0;
  background:var(--sv-white);
  border:1px solid var(--ps-color-neutral-2-300);border-radius:16px;overflow:hidden;
}
.sgev-session{padding:18px 20px;border-bottom:1px solid var(--ps-color-neutral-2-300)}
.sgev-session:last-child{border-bottom:0}
.sgev-session:target{box-shadow:inset 3px 0 0 var(--ps-color-brand-500)}
.sgev-session__title{margin:0 0 4px;font:500 16px/24px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500)}
.sgev-session__who{margin:0;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.sgev-session__name{font-weight:500;color:var(--ps-color-neutral-3-500)}
.sgev-session__abstract{margin-top:10px}
.sgev-session__abstract summary{
  cursor:pointer;width:max-content;max-width:100%;
  font:500 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-brand-600);
}
.sgev-session__abstract summary:hover{color:var(--ps-color-brand-500)}
.sgev-session__abstract-body{max-width:75ch;padding-top:8px}
.sgev-session__abstract-body p{margin:0 0 10px;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.sgev-session__abstract-body p:last-child{margin-bottom:0}
.sgev-session__foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:12px}
.sgev-session__products{margin:0;font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.sgev-session__products-label{font-weight:500}
.sgev-session__products a{color:var(--ps-color-brand-600);text-decoration:underline;text-underline-offset:2px}
.sgev-session__products a:hover{color:var(--ps-color-brand-500)}
.sgev-session__rec{margin-left:auto}
@media (max-width:639.98px){.sgev-session__rec{margin-left:0}}

/* --------------------------------------------------------------------------
   §5 Themes covered: three to five tiles
   -------------------------------------------------------------------------- */
.sgev-themes__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.sgev-themes__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.sgev-themes__list:has(> li:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.sgev-themes__list:has(> li:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}}
.sgev-theme__link{
  display:flex;flex-direction:column;gap:4px;height:100%;
  background:var(--sv-white);
  border:1px solid var(--ps-color-neutral-2-300);border-radius:16px;padding:18px 20px;
  transition:border-color .25s ease-out;
}
.sgev-theme__link:hover{border-color:var(--ps-color-brand-500)}
.sgev-theme__kind{font:500 11px/18px var(--ps-font);letter-spacing:.04em;text-transform:uppercase;color:var(--ps-color-secondary-5-500)}
.sgev-theme__name{font:500 18px/26px var(--ps-font);letter-spacing:normal;color:var(--ps-color-brand-600)}
.sgev-theme__link:hover .sgev-theme__name{color:var(--ps-color-brand-500)}
.sgev-theme__count{font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}

/* §6 Related: the shared list goes five across at 1024; hold it at four */
@media (min-width:1024px){.sgev-related .pf-related__list{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* phones: the large button can be wider than a 320px column; let it wrap */
@media (max-width:639.98px){
  .page-banner__ctas .ps-btn--large{max-width:100%}
  .page-banner__ctas .ps-btn--large .ps-btn__text{white-space:normal;min-width:0}
}

/* --------------------------------------------------------------------------
   Band run for this template
   -------------------------------------------------------------------------- */
.sgev-glance,.sgev-agenda,.sgev-related{
  background:var(--ps-color-neutral-2-100);
  border-block:1px solid var(--ps-color-neutral-2-300);
}
.sgev-about,.sgev-themes{background:var(--sv-white)}
.sgev-glance .fact{background:var(--sv-white)}

/* SURGE North America 2025 round, 2026-09-29. Speaker bios reuse the
   Abstract's <details> (.sgev-session__bio sits right under it); the LDO
   abstract carries a figure list; the Themes items trade the kind and count
   lines for one descriptor. New classes only, so the other editions are
   unchanged until their own rounds. */
.sgev-session__abstract + .sgev-session__bio{margin-top:6px}
.sgev-session__abstract-list{margin:0 0 10px;padding-left:18px;list-style:disc;font:400 14px/22px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}
.sgev-session__abstract-list li + li{margin-top:2px}
.sgev-theme__what{display:block;margin-top:4px;font:400 13px/20px var(--ps-font);letter-spacing:normal;color:var(--ps-color-secondary-5-500)}

/* SURGE Virtual Event China 2025 round, 2026-09-29. The English event name sits
   above the Chinese H1 (SURGECN25-01; which of the two is the H1 is deferred,
   D1). A recording label without its URL yet (SURGECN25-07, D8) reads as text,
   not a link. New classes only, so the other editions are unchanged. */
.sgev-banner__event{margin:0 0 8px;font:500 18px/26px var(--ps-font);letter-spacing:normal;color:var(--ps-color-neutral-3-500)}
.sgev-session__rec--pending,.sgev-session__rec--pending .ps-btn-jump__text{color:var(--ps-color-secondary-5-500);cursor:default}