/* ============================================================
   PHOTONICS INDUSTRIES AUSTRALIA — "Spectral Authority" theme
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root {
  --pia-ink:      #0B1226;
  --pia-surface:  #101C3F;
  --pia-primary:  #1E4FD8;
  --pia-cyan:     #4FE3FF;
  --pia-gold:     #F5B82E;
  --pia-gold-deep:#D99410;
  --pia-violet:   #A78BFA;
  --pia-paper:    #FFFFFF;
  --pia-tint:     #F3F6FC;
  --pia-spectrum: linear-gradient(90deg, var(--pia-cyan), var(--pia-primary) 35%, var(--pia-violet) 65%, var(--pia-gold));
  --pia-border:   #E3E9F4;
  --pia-body-col: #44507A;
  --pia-muted:    #5A6786;
  --pia-radius:   12px;
  --pia-font-display: 'Space Grotesk', sans-serif;
  --pia-font-body: 'Inter', sans-serif;
}

/* ============ GLOBAL TYPE ============ */
body, .WaGadgetContentEditor, .WaGadgetContentEditor p {
  font-family: var(--pia-font-body) !important;
  color: var(--pia-body-col);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4,
.WaGadgetHeadline .gadgetStyleTitle,
.WaGadgetContentEditor h1, .WaGadgetContentEditor h2, .WaGadgetContentEditor h3 {
  font-family: var(--pia-font-display) !important;
  color: var(--pia-ink);
  letter-spacing: -0.015em;
  line-height: 1.15;
}
.WaGadgetContentEditor h2::after,
.WaGadgetHeadline .gadgetStyleTitle::after {
  content: "";
  display: block;
  width: 56px; height: 3px;
  margin-top: 12px;
  border-radius: 2px;
  background: var(--pia-gold);
}
a { color: var(--pia-primary); }
a:hover { color: var(--pia-gold-deep); }

/* ============ PAGE BACKGROUND ============ */
#mLayout, .mLayout, body { background: var(--pia-paper); }

/* ============ BUTTONS ============ */
.stylizedButton, .typeButton, input.typeButton,
.WaGadgetLoginButton .loginButton,
.functionalButton {
  font-family: var(--pia-font-display) !important;
  font-weight: 600;
  background: var(--pia-gold) !important;
  color: var(--pia-ink) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 26px !important;
  transition: background .2s ease, transform .15s ease;
}
.stylizedButton:hover, .typeButton:hover, .functionalButton:hover {
  background: var(--pia-gold-deep) !important;
  transform: translateY(-1px);
}
.WaGadgetLoginButton .loginButton {
  background: var(--pia-ink) !important;
  color: #fff !important;
}
/* PIA custom buttons — available site-wide */
.pia-btn-gold, .pia-btn-outline {
  font-family: var(--pia-font-display);
  font-weight: 600;
  font-size: 15px;
  padding: 14px 30px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  transition: background .2s ease, transform .15s ease;
}
.pia-btn-gold { background: var(--pia-gold); color: var(--pia-ink) !important; }
.pia-btn-gold:hover { background: var(--pia-gold-deep) !important; transform: translateY(-1px); color: var(--pia-ink) !important; }
.pia-btn-outline { border: 1px solid rgba(255,255,255,.35); color: #fff !important; }
.pia-btn-outline:hover { background: rgba(255,255,255,.08); }
.pia-btn-profile {
  font-family: var(--pia-font-display) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 14px 30px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--pia-primary) !important;
  border: 2px solid var(--pia-primary) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1 !important;
  transition: background .2s ease !important;
}
.pia-btn-profile:hover { background: rgba(30,79,216,0.06) !important; }
.pia-cog { font-size: 18px !important; line-height: 1 !important; }

/* ============ PIA HEADER ============ */
#idHeaderContentHolder {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
}
#id_mU5tEsu {
  width: 100vw !important;
  position: relative !important;
  left: calc(50% - 50vw) !important;
  background: #ffffff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
  border-bottom: 1px solid #eaeaea !important;
  box-sizing: border-box !important;
}

/* ============ WA PLACEHOLDER PADDING OVERRIDES ============ */
/* WA injects padding: 20px 0 into every placeholder div by default.
   Override for header nav columns, hero zone, and hero inner placeholder. */
#id_mU5tEsu .WaCustomLayoutPlaceHolder > div,
#id_mU5tEsu .WaLayoutPlaceHolder > div {
  padding: 0 !important;
}
#id_Header2 > div {
  padding: 0 !important;
}
#id_8PGpdNj > div {
  padding: 0 !important;
}

/* Remove zone-level shadow and close the gap between nav and hero */
#idHeaderContentHolder { box-shadow: none !important; }
.zoneHeader1,
.zoneHeader3 { margin-top: 0 !important; padding-top: 0 !important; }
.zoneHeader1 .WaPlaceHolder > div {
  padding: 0 !important;
}


/* Auto column sizing — logo and profile shrink to content, nav takes the rest */
#id_mU5tEsu .WaLayoutTable {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  table-layout: auto !important;
}
#id_mU5tEsu .WaLayoutSeparator { width: 0 !important; padding: 0 !important; }
/* Logo col */
#id_rdwJ1qM {
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  padding: 0 24px 0 28px !important;
}
/* Nav col */
#id_v1vW39L { vertical-align: middle !important; }
/* Profile col */
#id_HHgnNmr {
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  text-align: right !important;
  padding: 0 28px 0 24px !important;
  position: relative !important;
  z-index: 200 !important;
}
/* WA login gadget — hidden, used only as data source by custom widget */
#id_H5sDtkg { display: none !important; }
#id_b7E38S1 { margin-bottom: 0 !important; }

/* Auth link (login / profile) */
.pia-auth-link {
  color: #1E4FD8 !important;
  font-size: 16px !important;
  line-height: 26px !important;
  font-weight: 500 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  padding: 30px 18px !important;
  text-decoration: none !important;
  border-bottom: 2px solid #1E4FD8 !important;
  display: inline-block !important;
  white-space: nowrap !important;
  transition: color 0.2s, border-color 0.2s !important;
}
.pia-auth-link:hover {
  color: #1634A0 !important;
  border-bottom-color: #1634A0 !important;
}
.pia-auth-link > span {
  display: inline-block !important;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 !important;
  position: relative !important;
}

/* ---- Nav menu ---- */
#id_EDnGrxR .menuBackground { display: none !important; }
#id_EDnGrxR .menuInner { display: flex !important; justify-content: center !important; }
#id_EDnGrxR .menuInner ul.firstLevel {
  display: flex !important;
  align-items: flex-start !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#id_EDnGrxR .menuInner ul.firstLevel > li > .item > a {
  color: #0B1226 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  padding: 30px 18px !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  display: block !important;
  white-space: nowrap !important;
  transition: color 0.2s, border-color 0.2s !important;
}
#id_EDnGrxR .menuInner ul.firstLevel > li > .item > a:hover,
#id_EDnGrxR .menuInner ul.firstLevel > li.sel > .item > a {
  color: #F5B82E !important;
  border-bottom-color: #F5B82E !important;
}

/* ---- Shared dropdown — nav submenu + profile dropdown (one set of rules) ---- */
#id_EDnGrxR ul.secondLevel,
#id_b7E38S1 ul.secondLevel {
  background: #ffffff !important;
  border: 1px solid #eaeaea !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
  padding: 6px 0 !important;
  list-style: none !important;
  margin: 0 !important;
}
#id_EDnGrxR ul.secondLevel .item a,
#id_b7E38S1 ul.secondLevel .item a {
  color: #0B1226 !important;
  font-size: 14px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  padding: 9px 18px !important;
  display: block !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background 0.15s, color 0.15s !important;
}
#id_EDnGrxR ul.secondLevel .item a:hover,
#id_b7E38S1 ul.secondLevel .item a:hover {
  color: #F5B82E !important;
  background: #fdf8ee !important;
}

/* ---- Profile dropdown positioning ---- */
.pia-profile-wrap {
  position: relative !important;
  display: inline-block !important;
}
#id_b7E38S1 ul.secondLevel {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  min-width: 180px !important;
  z-index: 1001 !important;
  padding-top: 14px !important;
}
#id_b7E38S1 .pia-profile-wrap:hover ul.secondLevel { display: block !important; }

/* ---- Burger (desktop hidden) ---- */
.pia-burger-btn { display: none !important; }
#pia-mobile-menu { display: none; }

@media (max-width: 768px) {
  #pia-auth-desktop { display: none !important; }
  .pia-burger-btn { display: flex !important; }
}

/* ============ CONTENT CARDS ============ */
.pia-card {
  background: #fff;
  border: 1px solid var(--pia-border);
  border-radius: var(--pia-radius);
  padding: 26px !important;
}
.pia-tint { background: var(--pia-tint) !important; }
.WaGadgetBlog .blogPostItem, .WaGadgetRecentBlogPosts li {
  background: #fff;
  border: 1px solid var(--pia-border);
  border-radius: var(--pia-radius);
  padding: 22px;
  margin-bottom: 16px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.WaGadgetBlog .blogPostItem:hover, .WaGadgetRecentBlogPosts li:hover {
  border-color: var(--pia-primary);
  box-shadow: 0 12px 36px -20px rgba(11, 18, 38, 0.3);
}
.WaGadgetEventsList .eventListItem {
  border-radius: var(--pia-radius);
  border: 1px solid var(--pia-border);
  background: #fff;
}

/* ============ FORMS ============ */
.fieldContainer input[type=text], .fieldContainer input[type=password],
.fieldContainer textarea, .fieldContainer select {
  border: 1px solid rgba(13, 27, 62, 0.20) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  background: #fff !important;
  font-family: var(--pia-font-body) !important;
  transition: border-color .2s, box-shadow .2s;
}
.fieldContainer input:focus, .fieldContainer textarea:focus {
  border-color: var(--pia-primary) !important;
  box-shadow: 0 0 0 3px rgba(30, 79, 216, 0.15);
  outline: none;
}

/* ============ FOOTER ============ */
.zoneFooter1, .zoneFooter2, .zoneFooter3 {
  background: var(--pia-ink) !important;
  color: rgba(255, 255, 255, 0.72);
}
.zoneFooter1 {
  border-top: 3px solid transparent;
  border-image: var(--pia-spectrum) 1;
}
.zoneFooter1 a, .zoneFooter2 a, .zoneFooter3 a { color: var(--pia-gold); }
.zoneFooter1 p, .zoneFooter2 p, .zoneFooter3 p { color: rgba(255,255,255,0.72) !important; }

/* ============ ACCESSIBILITY ============ */
a:focus-visible, button:focus-visible, .stylizedButton:focus-visible {
  outline: 3px solid var(--pia-primary);
  outline-offset: 2px;
}

/* ============================================================
   WILDAPRICOT MODULE CSS OVERRIDES
   ============================================================ */

/* ---- 1. EVENTS CALENDAR ---- */
.WaGadgetEventCalendar { font-family: var(--pia-font-body) !important; }
.WaGadgetEventCalendar .calendarHeader,
.WaGadgetEventCalendar .calendarNavigation {
  font-family: var(--pia-font-display) !important;
  font-weight: 600;
  color: var(--pia-ink) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--pia-border);
  padding: 14px 0;
}
.WaGadgetEventCalendar .calendarNavigation a {
  color: var(--pia-primary) !important;
  font-weight: 600;
  text-decoration: none;
  background: var(--pia-tint);
  border: 1px solid var(--pia-border);
  border-radius: 6px;
  padding: 4px 12px;
  transition: background .2s ease;
}
.WaGadgetEventCalendar .calendarNavigation a:hover {
  background: var(--pia-primary) !important;
  color: #fff !important;
  border-color: var(--pia-primary);
}
.WaGadgetEventCalendar .calendarDayHeader th,
.WaGadgetEventCalendar table th {
  font-family: var(--pia-font-display) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: var(--pia-muted) !important;
  background: var(--pia-tint) !important;
  padding: 10px 6px;
  border: none !important;
}
.WaGadgetEventCalendar td.calendarDay,
.WaGadgetEventCalendar td {
  background: #fff !important;
  border: 1px solid var(--pia-border) !important;
  vertical-align: top;
  padding: 8px 10px !important;
  min-height: 80px;
  font-size: 13px;
  color: var(--pia-body-col);
  transition: background .15s ease;
}
.WaGadgetEventCalendar td.calendarDay:hover { background: var(--pia-tint) !important; }
.WaGadgetEventCalendar td.calendarDay .dayNumber,
.WaGadgetEventCalendar .dayNumber {
  font-family: var(--pia-font-display) !important;
  font-size: 14px; font-weight: 600; color: var(--pia-ink);
}
.WaGadgetEventCalendar td.calendarToday,
.WaGadgetEventCalendar .calendarToday {
  background: rgba(30, 79, 216, 0.06) !important;
  border-color: var(--pia-primary) !important;
}
.WaGadgetEventCalendar td.calendarToday .dayNumber { color: var(--pia-primary); }
.WaGadgetEventCalendar td.calendarOtherMonth {
  background: var(--pia-tint) !important;
  opacity: .55;
}
.WaGadgetEventCalendar .eventCalendarEvent,
.WaGadgetEventCalendar .calendarEvent {
  display: block; font-size: 11.5px; font-weight: 500;
  color: var(--pia-paper) !important;
  background: var(--pia-primary) !important;
  border-radius: 4px; padding: 2px 6px; margin: 3px 0;
  text-decoration: none !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  transition: background .15s ease;
}
.WaGadgetEventCalendar .eventCalendarEvent:hover { background: var(--pia-ink) !important; }
.WaGadgetEventCalendar .calendarMoreEvents a {
  font-size: 11px; color: var(--pia-primary) !important; font-weight: 600;
}

/* ---- 2. EVENTS LIST ---- */
.WaGadgetEventsList { font-family: var(--pia-font-body) !important; }
.WaGadgetEventsList .gadgetTitle,
.WaGadgetEventsList h2 { font-family: var(--pia-font-display) !important; color: var(--pia-ink) !important; }
.WaGadgetEventsList .eventListItem {
  display: flex; align-items: flex-start; gap: 20px;
  border-radius: var(--pia-radius) !important;
  border: 1px solid var(--pia-border) !important;
  background: #fff !important;
  padding: 20px 24px !important; margin-bottom: 14px !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.WaGadgetEventsList .eventListItem:hover {
  border-color: var(--pia-primary) !important;
  box-shadow: 0 12px 36px -20px rgba(11, 18, 38, 0.28);
  transform: translateY(-2px);
}
.WaGadgetEventsList .eventListDate,
.WaGadgetEventsList .dateBox {
  flex-shrink: 0; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  width: 58px; min-height: 64px;
  background: var(--pia-surface) !important;
  border-radius: 8px; color: #fff !important;
  font-family: var(--pia-font-display) !important;
  text-align: center; padding: 8px 6px;
}
.WaGadgetEventsList .eventListDate .day,
.WaGadgetEventsList .dateBox .day,
.WaGadgetEventsList .eventListDate strong {
  display: block; font-size: 22px; font-weight: 700;
  line-height: 1; color: var(--pia-gold) !important;
}
.WaGadgetEventsList .eventListDate .month,
.WaGadgetEventsList .dateBox .month {
  font-size: 11px; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(255,255,255,.75) !important; margin-top: 3px;
}
.WaGadgetEventsList .eventListDetails,
.WaGadgetEventsList .eventDetails { flex: 1; min-width: 0; }
.WaGadgetEventsList .eventListTitle a,
.WaGadgetEventsList .eventName a {
  font-family: var(--pia-font-display) !important;
  font-size: 16.5px; font-weight: 600;
  color: var(--pia-ink) !important;
  text-decoration: none; display: block; margin-bottom: 5px;
  transition: color .15s ease;
}
.WaGadgetEventsList .eventListTitle a:hover,
.WaGadgetEventsList .eventName a:hover { color: var(--pia-primary) !important; }
.WaGadgetEventsList .eventListLocation,
.WaGadgetEventsList .eventLocation,
.WaGadgetEventsList .eventListTime { font-size: 13px; color: var(--pia-muted) !important; margin: 2px 0; }
.WaGadgetEventsList .eventListDescription,
.WaGadgetEventsList .eventDescription {
  font-size: 14px; color: var(--pia-body-col) !important; line-height: 1.6; margin-top: 8px;
}
.WaGadgetEventsList .eventListRegistration a,
.WaGadgetEventsList .registerLink a {
  display: inline-block;
  font-family: var(--pia-font-display) !important;
  font-size: 13px; font-weight: 600;
  background: var(--pia-gold); color: var(--pia-ink) !important;
  text-decoration: none; padding: 7px 16px; border-radius: 6px;
  margin-top: 10px; transition: background .2s ease;
}
.WaGadgetEventsList .eventListRegistration a:hover { background: var(--pia-gold-deep); }
.WaGadgetEventsList .eventFilter,
.WaGadgetEventsList .filterBar {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 20px; padding: 14px 0;
  border-bottom: 1px solid var(--pia-border);
}
.WaGadgetEventsList .eventFilter select,
.WaGadgetEventsList .filterBar select {
  font-family: var(--pia-font-body) !important; font-size: 13px;
  border: 1px solid var(--pia-border) !important; border-radius: 8px;
  padding: 8px 14px !important; background: #fff !important;
  color: var(--pia-ink) !important; cursor: pointer;
}

/* ---- 3. MEMBER DIRECTORY ---- */
.WaGadgetMemberDirectory { font-family: var(--pia-font-body) !important; }
.pia-directory-header {
  background: var(--pia-surface);
  padding: clamp(32px, 5vw, 48px) 28px;
  border-top: 3px solid transparent;
  border-image: var(--pia-spectrum) 1;
  margin-bottom: 32px;
}
.pia-directory-header h2 { font-family: var(--pia-font-display) !important; color: #fff !important; margin: 0 0 8px; }
.pia-directory-header h2::after { display: none !important; }
.pia-directory-header p { color: rgba(255,255,255,.72) !important; font-size: 15px; margin: 0; }
.WaGadgetMemberDirectory .memberSearch,
.WaGadgetMemberDirectory .directorySearch,
.WaGadgetMemberDirectory .searchPanel {
  display: flex; flex-wrap: wrap; gap: 12px;
  padding: 16px 0; margin-bottom: 24px;
  border-bottom: 1px solid var(--pia-border);
}
.WaGadgetMemberDirectory .memberSearch input[type=text],
.WaGadgetMemberDirectory .directorySearch input[type=text],
.WaGadgetMemberDirectory input.searchField {
  font-family: var(--pia-font-body) !important; font-size: 14px;
  border: 1px solid var(--pia-border) !important; border-radius: 8px !important;
  padding: 10px 16px !important; background: #fff !important;
  color: var(--pia-ink) !important; flex: 1; min-width: 220px;
  transition: border-color .2s, box-shadow .2s;
}
.WaGadgetMemberDirectory input.searchField:focus {
  border-color: var(--pia-primary) !important;
  box-shadow: 0 0 0 3px rgba(30, 79, 216, 0.12); outline: none;
}
.WaGadgetMemberDirectory .searchButton,
.WaGadgetMemberDirectory .memberSearch input[type=submit] {
  font-family: var(--pia-font-display) !important; font-weight: 600;
  background: var(--pia-gold) !important; color: var(--pia-ink) !important;
  border: none !important; border-radius: 8px !important;
  padding: 10px 22px !important; cursor: pointer; transition: background .2s ease;
}
.WaGadgetMemberDirectory .searchButton:hover { background: var(--pia-gold-deep) !important; }
.WaGadgetMemberDirectory .filterChips,
.WaGadgetMemberDirectory .categoryFilter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.WaGadgetMemberDirectory .filterChip,
.WaGadgetMemberDirectory .categoryFilter a {
  font-family: var(--pia-font-display) !important; font-size: 12.5px; font-weight: 500;
  background: var(--pia-tint); color: var(--pia-body-col) !important;
  border: 1px solid var(--pia-border); border-radius: 100px;
  padding: 5px 14px; text-decoration: none;
  transition: background .15s, border-color .15s, color .15s;
}
.WaGadgetMemberDirectory .filterChip:hover,
.WaGadgetMemberDirectory .categoryFilter a:hover,
.WaGadgetMemberDirectory .filterChip.active,
.WaGadgetMemberDirectory .categoryFilter a.active {
  background: var(--pia-primary) !important; border-color: var(--pia-primary); color: #fff !important;
}
.WaGadgetMemberDirectory .memberList,
.WaGadgetMemberDirectory .directoryList {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.WaGadgetMemberDirectory .memberListItem,
.WaGadgetMemberDirectory .directoryItem {
  background: #fff !important; border: 1px solid var(--pia-border) !important;
  border-radius: var(--pia-radius) !important; padding: 24px !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.WaGadgetMemberDirectory .memberListItem:hover,
.WaGadgetMemberDirectory .directoryItem:hover {
  border-color: var(--pia-primary) !important;
  box-shadow: 0 14px 40px -22px rgba(11, 18, 38, 0.32);
  transform: translateY(-2px);
}
.WaGadgetMemberDirectory .memberListItem::before,
.WaGadgetMemberDirectory .directoryItem::before {
  content: ""; display: block; width: 34px; height: 3px;
  border-radius: 2px; background: var(--pia-cyan); margin-bottom: 16px;
}
.WaGadgetMemberDirectory .memberName,
.WaGadgetMemberDirectory .memberOrg,
.WaGadgetMemberDirectory .directoryItem .orgName {
  font-family: var(--pia-font-display) !important; font-size: 16px; font-weight: 600;
  color: var(--pia-ink) !important; margin: 0 0 6px;
}
.WaGadgetMemberDirectory .memberName a,
.WaGadgetMemberDirectory .directoryItem .orgName a { color: var(--pia-ink) !important; text-decoration: none; }
.WaGadgetMemberDirectory .memberName a:hover { color: var(--pia-primary) !important; }
.WaGadgetMemberDirectory .memberType,
.WaGadgetMemberDirectory .memberLevel {
  display: inline-block; font-size: 11px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--pia-primary) !important; background: rgba(30, 79, 216, 0.08);
  border-radius: 4px; padding: 2px 8px; margin-bottom: 10px;
}
.WaGadgetMemberDirectory .memberInfo,
.WaGadgetMemberDirectory .memberDetails,
.WaGadgetMemberDirectory .directoryItem .contactInfo {
  font-size: 13.5px; color: var(--pia-body-col) !important; line-height: 1.6;
}
.WaGadgetMemberDirectory .memberInfo a { color: var(--pia-primary) !important; }
.WaGadgetMemberDirectory .memberPhoto img,
.WaGadgetMemberDirectory .memberLogo img {
  border-radius: 6px; border: 1px solid var(--pia-border);
  max-width: 100%; height: auto; margin-bottom: 12px;
}
.WaGadgetMemberDirectory .alphabetFilter,
.WaGadgetMemberDirectory .alphaNav { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 24px; }
.WaGadgetMemberDirectory .alphabetFilter a,
.WaGadgetMemberDirectory .alphaNav a {
  font-family: var(--pia-font-display) !important; font-size: 13px; font-weight: 600;
  color: var(--pia-body-col) !important; background: var(--pia-tint);
  border: 1px solid var(--pia-border); border-radius: 5px;
  padding: 4px 9px; text-decoration: none; transition: all .15s ease;
}
.WaGadgetMemberDirectory .alphabetFilter a:hover,
.WaGadgetMemberDirectory .alphaNav a:hover {
  background: var(--pia-primary); border-color: var(--pia-primary); color: #fff !important;
}

/* ---- 4. BLOG / NEWS ---- */
.WaGadgetBlog { font-family: var(--pia-font-body) !important; }
.WaGadgetBlog .blogPostItem:first-child { border-left: 3px solid var(--pia-cyan) !important; }
.WaGadgetBlog .blogPostItem { position: relative; overflow: hidden; }
.WaGadgetBlog .blogPostTag,
.WaGadgetBlog .blogCategory,
.WaGadgetBlog .postCategory {
  display: inline-block;
  font-family: var(--pia-font-display) !important; font-size: 11px; font-weight: 600;
  letter-spacing: .10em; text-transform: uppercase;
  color: var(--pia-primary) !important; background: rgba(30, 79, 216, 0.08);
  border-radius: 4px; padding: 2px 8px; margin-bottom: 10px;
}
.WaGadgetBlog .blogPostTitle,
.WaGadgetBlog .blogPostItem h2,
.WaGadgetBlog .blogPostItem h3 {
  font-family: var(--pia-font-display) !important;
  font-size: clamp(17px, 2vw, 20px); font-weight: 600;
  color: var(--pia-ink) !important; margin: 0 0 8px; line-height: 1.25;
}
.WaGadgetBlog .blogPostTitle a { color: var(--pia-ink) !important; text-decoration: none; transition: color .15s ease; }
.WaGadgetBlog .blogPostTitle a:hover { color: var(--pia-primary) !important; }
.WaGadgetBlog .blogPostMeta,
.WaGadgetBlog .blogPostDate,
.WaGadgetBlog .blogPostAuthor { font-size: 12.5px; color: var(--pia-muted) !important; margin-bottom: 10px; }
.WaGadgetBlog .blogPostExcerpt,
.WaGadgetBlog .blogPostBody { font-size: 14.5px; line-height: 1.7; color: var(--pia-body-col) !important; }
.WaGadgetBlog .blogPostReadMore a,
.WaGadgetBlog .readMore a {
  font-family: var(--pia-font-display) !important; font-size: 13.5px; font-weight: 600;
  color: var(--pia-primary) !important; text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  margin-top: 12px; transition: color .15s ease;
}
.WaGadgetBlog .blogPostReadMore a:hover { color: var(--pia-gold-deep) !important; }
.WaGadgetBlog .blogPostReadMore a::after { content: "→"; }
.WaGadgetBlog .blogPagination,
.WaGadgetBlog .pagination { display: flex; gap: 6px; justify-content: center; margin-top: 32px; }
.WaGadgetBlog .blogPagination a,
.WaGadgetBlog .pagination a,
.WaGadgetBlog .pagination span {
  font-family: var(--pia-font-display) !important; font-size: 13px; font-weight: 600;
  border: 1px solid var(--pia-border); border-radius: 6px; padding: 6px 12px;
  text-decoration: none; color: var(--pia-body-col) !important;
  background: #fff; transition: all .15s ease;
}
.WaGadgetBlog .blogPagination a:hover,
.WaGadgetBlog .pagination a:hover {
  background: var(--pia-primary); border-color: var(--pia-primary); color: #fff !important;
}
.WaGadgetBlog .blogPagination .current,
.WaGadgetBlog .pagination .currentPage {
  background: var(--pia-ink) !important; border-color: var(--pia-ink) !important; color: #fff !important;
}
.WaGadgetRecentBlogPosts { font-family: var(--pia-font-body) !important; }
.WaGadgetRecentBlogPosts ul { list-style: none; padding: 0; margin: 0; }
.WaGadgetRecentBlogPosts li {
  border-radius: var(--pia-radius); border: 1px solid var(--pia-border);
  background: #fff; padding: 16px 18px; margin-bottom: 12px;
  transition: border-color .2s ease;
}
.WaGadgetRecentBlogPosts li:hover { border-color: var(--pia-primary); }
.WaGadgetRecentBlogPosts li a {
  font-family: var(--pia-font-display) !important; font-size: 14px; font-weight: 500;
  color: var(--pia-ink) !important; text-decoration: none;
}
.WaGadgetRecentBlogPosts li a:hover { color: var(--pia-primary) !important; }
.WaGadgetRecentBlogPosts .postDate { display: block; font-size: 12px; color: var(--pia-muted) !important; margin-top: 3px; }

/* ---- 5. MEMBERSHIP APPLICATION ---- */
.WaGadgetMembershipApplication { font-family: var(--pia-font-body) !important; max-width: 860px; margin: 0 auto; }
.WaGadgetMembershipApplication h1,
.WaGadgetMembershipApplication h2 { font-family: var(--pia-font-display) !important; color: var(--pia-ink) !important; }
.WaGadgetMembershipApplication .membershipSteps,
.WaGadgetMembershipApplication .wizardSteps,
.WaGadgetMembershipApplication .progressBar {
  display: flex; gap: 0; margin-bottom: 36px;
  border-radius: 8px; overflow: hidden; border: 1px solid var(--pia-border);
}
.WaGadgetMembershipApplication .membershipStep,
.WaGadgetMembershipApplication .wizardStep {
  flex: 1; text-align: center; padding: 12px 8px;
  font-family: var(--pia-font-display) !important; font-size: 13px; font-weight: 500;
  background: var(--pia-tint); color: var(--pia-muted) !important;
  border-right: 1px solid var(--pia-border);
}
.WaGadgetMembershipApplication .membershipStep:last-child,
.WaGadgetMembershipApplication .wizardStep:last-child { border-right: none; }
.WaGadgetMembershipApplication .membershipStep.active,
.WaGadgetMembershipApplication .wizardStep.current {
  background: var(--pia-ink) !important; color: var(--pia-gold) !important;
}
.WaGadgetMembershipApplication .membershipStep.completed,
.WaGadgetMembershipApplication .wizardStep.done {
  background: var(--pia-primary) !important; color: #fff !important;
}
.WaGadgetMembershipApplication .membershipLevelList {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin-bottom: 28px;
}
.WaGadgetMembershipApplication .membershipLevelItem {
  background: #fff !important; border: 2px solid var(--pia-border) !important;
  border-radius: var(--pia-radius) !important; padding: 22px 20px !important;
  cursor: pointer; transition: border-color .2s ease, box-shadow .2s ease;
}
.WaGadgetMembershipApplication .membershipLevelItem:hover { border-color: var(--pia-primary) !important; }
.WaGadgetMembershipApplication .membershipLevelItem.selected,
.WaGadgetMembershipApplication .membershipLevelItem input[type=radio]:checked + label {
  border-color: var(--pia-primary) !important; box-shadow: 0 0 0 3px rgba(30, 79, 216, 0.15);
}
.WaGadgetMembershipApplication .membershipLevelItem::before {
  content: ""; display: block; width: 34px; height: 3px;
  border-radius: 2px; background: var(--pia-spectrum); margin-bottom: 14px;
}
.WaGadgetMembershipApplication .membershipLevelHeader,
.WaGadgetMembershipApplication .levelName {
  font-family: var(--pia-font-display) !important; font-size: 16px; font-weight: 600;
  color: var(--pia-ink) !important; margin: 0 0 6px;
}
.WaGadgetMembershipApplication .membershipLevelPrice,
.WaGadgetMembershipApplication .levelPrice {
  font-family: var(--pia-font-display) !important; font-size: 20px; font-weight: 700;
  color: var(--pia-primary) !important; margin-bottom: 8px;
}
.WaGadgetMembershipApplication .membershipLevelDescription,
.WaGadgetMembershipApplication .levelDescription {
  font-size: 13.5px; color: var(--pia-body-col) !important; line-height: 1.55;
}
.WaGadgetMembershipApplication .formSection,
.WaGadgetMembershipApplication .fieldSection {
  background: var(--pia-tint); border: 1px solid var(--pia-border);
  border-radius: var(--pia-radius); padding: 24px; margin-bottom: 20px;
}
.WaGadgetMembershipApplication .formSection h3,
.WaGadgetMembershipApplication .sectionTitle {
  font-family: var(--pia-font-display) !important; font-size: 15px; font-weight: 600;
  color: var(--pia-ink) !important; margin: 0 0 16px; padding-bottom: 10px;
  border-bottom: 1px solid var(--pia-border);
}
.WaGadgetMembershipApplication label,
.WaGadgetMembershipApplication .fieldLabel {
  font-family: var(--pia-font-body) !important; font-size: 13.5px; font-weight: 500;
  color: var(--pia-ink) !important; display: block; margin-bottom: 5px;
}
.WaGadgetMembershipApplication .required,
.WaGadgetMembershipApplication .fieldRequired { color: #E03E3E !important; margin-left: 2px; }
.WaGadgetMembershipApplication .formNavigation,
.WaGadgetMembershipApplication .wizardNavigation {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--pia-border);
}
.WaGadgetMembershipApplication .prevButton,
.WaGadgetMembershipApplication .backButton {
  font-family: var(--pia-font-display) !important; font-size: 14px; font-weight: 600;
  background: var(--pia-tint) !important; color: var(--pia-ink) !important;
  border: 1px solid var(--pia-border) !important; border-radius: 8px !important;
  padding: 11px 22px !important; cursor: pointer; transition: background .2s ease;
}
.WaGadgetMembershipApplication .prevButton:hover { background: var(--pia-border) !important; }
.WaGadgetMembershipApplication .nextButton,
.WaGadgetMembershipApplication .submitButton {
  font-family: var(--pia-font-display) !important; font-size: 14px; font-weight: 600;
  background: var(--pia-gold) !important; color: var(--pia-ink) !important;
  border: none !important; border-radius: 8px !important; padding: 11px 28px !important;
  cursor: pointer; transition: background .2s ease, transform .15s ease;
}
.WaGadgetMembershipApplication .nextButton:hover,
.WaGadgetMembershipApplication .submitButton:hover {
  background: var(--pia-gold-deep) !important; transform: translateY(-1px);
}
.WaGadgetMembershipApplication .confirmationMessage,
.WaGadgetMembershipApplication .successMessage {
  background: rgba(30, 79, 216, 0.06);
  border: 1px solid rgba(30, 79, 216, 0.20);
  border-left: 4px solid var(--pia-primary);
  border-radius: var(--pia-radius); padding: 24px 28px;
  font-size: 15px; color: var(--pia-ink) !important; line-height: 1.6;
}

/* ============================================================
   HERO GADGET
   ============================================================ */
.pia-hero { position: relative; overflow: hidden; background: #0B1226; font-family: 'Inter', sans-serif; }
.pia-orb-layer { position: absolute; inset: 0; will-change: transform; pointer-events: none; }
.pia-orb {
  position: absolute; border-radius: 50%; filter: blur(60px);
  animation: piaDrift 16s ease-in-out infinite alternate;
}
@keyframes piaDrift {
  from { transform: translate(0,0) scale(1); }
  to   { transform: translate(-34px,24px) scale(1.1); }
}
.pia-photon {
  position: absolute; width: 14px; height: 14px; border-radius: 50%;
  background: #fff; opacity: 0;
  box-shadow: 0 0 18px 6px rgba(79,227,255,.85), 0 0 50px 22px rgba(45,91,255,.45);
  pointer-events: none; will-change: transform, opacity; transition: opacity .4s ease;
}
.pia-beam-in {
  position: absolute; top: 64%; left: 0; width: 46%; height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55));
  transform: rotate(2deg); transform-origin: right center; pointer-events: none;
}
.pia-beam-out {
  position: absolute; top: 64%; left: 46%; width: 54%; height: 2px;
  transform-origin: left center; opacity: .8; pointer-events: none;
}
.pia-vignette {
  position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, #0B1226 30%, rgba(11,18,38,.42) 52%, rgba(11,18,38,0) 75%);
}
.pia-spectrum-edge {
  position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, #4FE3FF, #2D5BFF 35%, #A78BFA 65%, #F5B82E);
}
.pia-hero-inner {
  position: relative; max-width: 1180px; margin: 0 auto;
  padding: clamp(64px, 9vw, 96px) 28px clamp(60px, 8vw, 88px);
}
.pia-gold-rule { width: 56px; height: 3px; background: #F5B82E; border-radius: 2px; margin-bottom: 26px; }
.pia-hero-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(32px, 4.6vw, 46px); font-weight: 700;
  line-height: 1.12; color: #fff !important; letter-spacing: -0.02em; margin: 0 0 20px;
}
.pia-hero-sub { color: rgba(255,255,255,.74) !important; font-size: 17px; line-height: 1.65; max-width: 58ch; margin: 0 0 32px; }
.pia-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.pia-stats { background: #F3F6FC; border-bottom: 1px solid #E3E9F4; }
.pia-stats-inner {
  max-width: 1180px; margin: 0 auto; padding: 26px 28px;
  display: flex; gap: clamp(28px, 6vw, 70px); flex-wrap: wrap;
}
.pia-stats strong { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 26px; color: #0B1226; }
.pia-stats span { font-size: 13px; color: #5A6786; }

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* Mobile header (max 767px) */
@media (max-width: 767px) {
  #id_mU5tEsu .WaLayoutTable,
  #id_mU5tEsu .WaLayoutTable tbody,
  #id_mU5tEsu .WaLayoutTable tr {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
  }
  #id_rdwJ1qM {
    flex: 1 !important;
    width: auto !important;
    padding: 12px 0 12px 20px !important;
  }
  #id_v1vW39L,
  #id_mU5tEsu .WaLayoutSeparator { display: none !important; }
  #id_HHgnNmr {
  flex-shrink: 0 !important;
  width: auto !important;
  padding: 12px 20px 12px 0 !important;
  margin-top: 0 !important;
}
  #id_b7E38S1 .pia-profile-wrap,
  #id_b7E38S1 > a.pia-btn-gold { display: none !important; }
  .pia-burger-btn {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 8px !important;
  }
  .pia-burger-btn span {
    display: block !important;
    width: 24px !important;
    height: 2px !important;
    background: #0B1226 !important;
    border-radius: 2px !important;
  }
  #pia-mobile-menu {
    position: fixed !important;
    inset: 0 !important;
    background: #0B1226 !important;
    z-index: 9999 !important;
    padding: 80px 32px 40px !important;
    overflow-y: auto !important;
    display: none;
  }
  #pia-mobile-menu.pia-open { display: block !important; }
  .pia-mobile-close {
    position: absolute !important;
    top: 20px !important; right: 20px !important;
    background: none !important; border: none !important;
    color: #ffffff !important; font-size: 32px !important;
    line-height: 1 !important; cursor: pointer !important; padding: 4px !important;
  }
  #pia-mobile-nav a {
    display: block !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 18px !important; font-weight: 600 !important;
    color: #ffffff !important; text-decoration: none !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  }
  #pia-mobile-nav a.pia-sub {
    font-size: 15px !important; font-weight: 400 !important;
    padding-left: 20px !important; color: rgba(255,255,255,0.7) !important;
  }
  #pia-mobile-nav a:hover,
  #pia-mobile-nav a.pia-sub:hover { color: #F5B82E !important; }
  #pia-mobile-auth {
  margin-top: 32px !important;
  padding-top: 32px !important;
}
#pia-mobile-auth a {
  display: block !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #4FE3FF !important;
  text-decoration: none !important;
  padding: 14px 0 !important;
}
  #pia-mobile-auth a:last-child { border-bottom: none !important; }
  #pia-mobile-auth a:hover { color: #F5B82E !important; }
}

#pia-mobile-auth .pia-mobile-name {
  display: block !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #F5B82E !important;
  padding: 0 0 16px !important;
  letter-spacing: 0.01em !important;
}

/* Module responsive (max 640px) */
@media (max-width: 640px) {
  .WaGadgetEventsList .eventListItem { flex-direction: column; gap: 12px; }
  .WaGadgetEventsList .eventListDate,
  .WaGadgetEventsList .dateBox {
    width: 100%; flex-direction: row; min-height: auto; gap: 8px; padding: 10px 14px;
  }
  .WaGadgetMemberDirectory .memberList,
  .WaGadgetMemberDirectory .directoryList { grid-template-columns: 1fr; }
  .WaGadgetMembershipApplication .membershipLevelList { grid-template-columns: 1fr; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
  .pia-orb { animation: none; }
  .pia-photon { display: none; }
  .WaGadgetEventsList .eventListItem,
  .WaGadgetMemberDirectory .memberListItem,
  .WaGadgetBlog .blogPostItem,
  .WaGadgetMembershipApplication .membershipLevelItem {
    transition: none !important; transform: none !important;
  }
}

/* Logo size */
#id_z6amMgK img {
  height: 68px !important;
  width: auto !important;
  max-width: none !important;
}

/* ============ INNER PAGE HERO ============ */
.pia-ph-wrap {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  background: var(--pia-ink);
  font-family: var(--pia-font-body);
  box-sizing: border-box;
}
.pia-ph-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 52px 28px 48px;
}
.pia-ph-rule {
  width: 56px;
  height: 3px;
  background: var(--pia-gold);
  border-radius: 2px;
  margin-bottom: 20px;
}
.pia-ph-title {
  font-family: var(--pia-font-display) !important;
  font-size: clamp(28px, 3.8vw, 38px);
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.02em;
  line-height: 1.12;
  margin: 0 0 14px !important;
}
.pia-ph-title::after { display: none !important; }
.pia-ph-sub {
  color: rgba(255,255,255,0.70) !important;
  font-size: 16px;
  line-height: 1.7;
  max-width: 76ch;
  margin: 0 !important;
}
.pia-ph-edge {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: var(--pia-spectrum);
}

/* ============ BOARD OF DIRECTORS ============ */
.pia-bod-section {
  background: var(--pia-tint);
  font-family: var(--pia-font-body);
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}
.pia-bod-inner {
  max-width: 900px;
  margin: 0 auto;
  padding: 44px 28px 60px;
}
.pia-bod-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}
.pia-bod-card {
  background: var(--pia-paper);
  border-radius: var(--pia-radius);
  border: 1px solid var(--pia-border);
  border-top: 3px solid var(--pia-cyan);
  box-shadow: 0 2px 12px rgba(11,18,38,0.06);
  padding: 30px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease;
}
.pia-bod-card:hover {
  box-shadow: 0 8px 28px rgba(11,18,38,0.12);
}
.pia-bod-card-top {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}
.pia-bod-photo {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  border: 2.5px solid var(--pia-gold);
  flex-shrink: 0;
  background: var(--pia-border);
  display: block;
}
.pia-bod-initials {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 2.5px solid var(--pia-gold);
  background: var(--pia-ink);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--pia-font-display);
  font-size: 26px;
  font-weight: 700;
  color: var(--pia-cyan);
}
.pia-bod-meta { flex: 1; min-width: 0; }
.pia-bod-name {
  font-family: var(--pia-font-display);
  font-size: 17px;
  font-weight: 700;
  color: var(--pia-ink);
  line-height: 1.2;
  margin: 0 0 3px !important;
}
.pia-bod-name::after { display: none !important; }
.pia-bod-phonetic {
  font-size: 12px;
  color: var(--pia-muted);
  font-style: italic;
  margin: 0 0 7px !important;
}
.pia-bod-title {
  font-family: var(--pia-font-display);
  font-size: 12.5px;
  color: var(--pia-primary);
  font-weight: 500;
  line-height: 1.45;
  margin: 0 !important;
}
.pia-bod-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}
.pia-bod-pronounce {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: var(--pia-gold);
  border: none;
  border-radius: 8px;
  color: var(--pia-ink);
  font-family: var(--pia-font-display);
  font-size: 11.5px;
  font-weight: 600;
  padding: 6px 14px;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
}
.pia-bod-pronounce:hover { background: var(--pia-gold-deep); transform: translateY(-1px); }
.pia-bod-pronounce svg { width: 11px; height: 11px; flex-shrink: 0; }
.pia-bod-linkedin {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: 1px solid var(--pia-ink);
  border-radius: 8px;
  color: var(--pia-ink);
  font-family: var(--pia-font-display);
  font-size: 11.5px;
  font-weight: 500;
  padding: 6px 14px;
  text-decoration: none;
  transition: background 0.15s ease;
}
.pia-bod-linkedin:hover { background: rgba(11,18,38,0.06); }
.pia-bod-linkedin svg { width: 11px; height: 11px; flex-shrink: 0; }
.pia-bod-bio {
  font-size: 13.5px;
  color: var(--pia-body-col);
  line-height: 1.75;
  border-top: 1px solid var(--pia-border);
  padding-top: 18px;
  margin: 0 !important;
  flex: 1;
}
@media (max-width: 700px) {
  .pia-bod-grid { grid-template-columns: 1fr; }
}

/* ============ CONTENT COLUMN WIDTH ============ */
.WaGadgetContentEditor,
.WaGadgetContentEditor > div,
.zoneContent .WaPlaceHolder > div {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}