/* DJCP card system unified v10.5.48 */
:root{
  --djcp-card-gap-unified:12px;
  --djcp-card-radius-unified:28px;
  --djcp-card-padding-y-unified:16px;
  --djcp-card-padding-x-unified:18px;
  --djcp-card-min-h-unified:100px;
  --djcp-card-icon-size-unified:58px;
  --djcp-card-icon-radius-unified:18px;
  --djcp-card-icon-svg-unified:26px;
  --djcp-card-chevron-size-unified:50px;
  --djcp-card-chevron-svg-unified:17px;
  --djcp-card-title-unified:18px;
  --djcp-card-subtitle-unified:13px;
  --djcp-card-border-dark:rgba(255,255,255,.09);
  --djcp-card-border-light:rgba(15,23,42,.08);
  --djcp-card-bg-dark:#05070b;
  --djcp-card-bg-light:#ffffff;
  --djcp-card-bg-soft-dark:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.05));
  --djcp-card-bg-soft-light:linear-gradient(180deg,#f8fafc,#f2f5f9);
  --djcp-card-text-dark:#ffffff;
  --djcp-card-text-light:#111827;
  --djcp-card-text-soft-dark:rgba(255,255,255,.74);
  --djcp-card-text-soft-light:#6b7280;
  --djcp-card-chevron-bg-dark:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.045));
  --djcp-card-chevron-bg-light:linear-gradient(180deg,#f8fafc,#eef2f7);
  --djcp-card-chevron-fg-dark:rgba(255,255,255,.82);
  --djcp-card-chevron-fg-light:#8b95a7;
  --djcp-card-shadow-dark:0 12px 30px rgba(0,0,0,.24);
  --djcp-card-shadow-light:0 10px 26px rgba(15,23,42,.06);
}

body.djcp-public .djcp-block-grid,
body.djcp-panel-body .djcp-grid--panel,
body[class*="djcp-private"] .djcp-block-grid{display:grid;gap:var(--djcp-card-gap-unified)!important;align-items:stretch!important}
body.djcp-public .djcp-block-grid,
body[class*="djcp-private"] .djcp-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.djcp-panel-body .djcp-grid--panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:900px){body.djcp-panel-body .djcp-grid--panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:720px){
  body.djcp-public .djcp-block-grid,
  body.djcp-panel-body .djcp-grid--panel,
  body[class*="djcp-private"] .djcp-block-grid{grid-template-columns:1fr!important}
}

body.djcp-public .djcp-tile,
body.djcp-public .djcp-accordion,
body.djcp-public .djcp-content-block,
body.djcp-panel-body .djcp-tile,
body.djcp-panel-body .djcp-accordion,
body.djcp-panel-body .djcp-content-block,
body[class*="djcp-private"] .djcp-tile,
body[class*="djcp-private"] .djcp-accordion,
body[class*="djcp-private"] .djcp-content-block{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  position:relative!important;
  border-radius:var(--djcp-card-radius-unified)!important;
  border:1px solid var(--djcp-card-border-dark)!important;
  background:var(--djcp-card-bg-dark)!important;
  box-shadow:var(--djcp-card-shadow-dark)!important;
  overflow:hidden!important;
  transform:none!important;
  isolation:isolate!important;
}
body.light-mode .djcp-tile,
body.light-mode .djcp-accordion,
body.light-mode .djcp-content-block{
  background:var(--djcp-card-bg-light)!important;
  border-color:var(--djcp-card-border-light)!important;
  box-shadow:var(--djcp-card-shadow-light)!important;
}

body.djcp-public .djcp-tile:not(.djcp-tile--embed):not(.djcp-tile--social),
body.djcp-public .djcp-content-tile,
body.djcp-public .djcp-accordion__toggle,
body.djcp-panel-body .djcp-tile,
body.djcp-panel-body .djcp-accordion__toggle,
body[class*="djcp-private"] .djcp-tile,
body[class*="djcp-private"] .djcp-accordion__toggle{
  width:100%!important;
  min-height:var(--djcp-card-min-h-unified)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:var(--djcp-card-padding-y-unified) var(--djcp-card-padding-x-unified)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:var(--djcp-card-icon-size-unified) minmax(0,1fr) var(--djcp-card-chevron-size-unified)!important;
  align-items:center!important;
  column-gap:16px!important;
  text-align:left!important;
  text-decoration:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.djcp-accordion__toggle{cursor:pointer!important}

body.djcp-public .djcp-tile__icon,
body.djcp-public .djcp-accordion__icon,
body.djcp-public .djcp-accordion__media,
body.djcp-public .djcp-content-tile__image,
body.djcp-public .djcp-tile--social>.djcp-tile__icon,
body.djcp-panel-body .djcp-tile__icon,
body.djcp-panel-body .djcp-accordion__icon,
body[class*="djcp-private"] .djcp-tile__icon,
body[class*="djcp-private"] .djcp-accordion__icon{
  width:var(--djcp-card-icon-size-unified)!important;
  height:var(--djcp-card-icon-size-unified)!important;
  min-width:var(--djcp-card-icon-size-unified)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  border-radius:var(--djcp-card-icon-radius-unified)!important;
  background:var(--djcp-card-bg-soft-dark)!important;
  border:1px solid var(--djcp-card-border-dark)!important;
  color:var(--djcp-card-text-dark)!important;
  margin:0!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.light-mode .djcp-tile__icon,
body.light-mode .djcp-accordion__icon,
body.light-mode .djcp-accordion__media,
body.light-mode .djcp-content-tile__image{background:var(--djcp-card-bg-soft-light)!important;border-color:var(--djcp-card-border-light)!important;color:var(--djcp-card-text-light)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}

.djcp-tile__icon svg,
.djcp-accordion__icon svg,
.djcp-tile__icon img,
.djcp-accordion__media img,
.djcp-content-tile__image img{width:var(--djcp-card-icon-svg-unified)!important;height:var(--djcp-card-icon-svg-unified)!important;display:block!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;stroke:currentColor!important;fill:none!important}

.djcp-tile__text,
.djcp-accordion__text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-width:0!important;margin:0!important;padding-right:4px!important}
.djcp-tile__title,
.djcp-accordion__title,
.djcp-content-block__title{font-size:var(--djcp-card-title-unified)!important;line-height:1.06!important;font-weight:800!important;letter-spacing:-.032em!important;color:var(--djcp-card-text-dark)!important;margin:0!important;text-wrap:balance}
body.light-mode .djcp-tile__title,
body.light-mode .djcp-accordion__title,
body.light-mode .djcp-content-block__title{color:var(--djcp-card-text-light)!important}
.djcp-tile__desc,
.djcp-accordion__subtitle,
.djcp-content-block__subtitle{font-size:var(--djcp-card-subtitle-unified)!important;line-height:1.24!important;font-weight:650!important;color:var(--djcp-card-text-soft-dark)!important;margin:0!important;opacity:1!important;text-wrap:pretty}
body.light-mode .djcp-tile__desc,
body.light-mode .djcp-accordion__subtitle,
body.light-mode .djcp-content-block__subtitle{color:var(--djcp-card-text-soft-light)!important}

.djcp-tile__chevron,
.djcp-card-chevron,
.djcp-accordion__chevron,
.djcp-private-tile__chevron{
  width:var(--djcp-card-chevron-size-unified)!important;
  height:var(--djcp-card-chevron-size-unified)!important;
  min-width:var(--djcp-card-chevron-size-unified)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  margin-left:auto!important;
  border-radius:999px!important;
  background:var(--djcp-card-chevron-bg-dark)!important;
  border:1px solid var(--djcp-card-border-dark)!important;
  color:var(--djcp-card-chevron-fg-dark)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body.light-mode .djcp-tile__chevron,
body.light-mode .djcp-card-chevron,
body.light-mode .djcp-accordion__chevron,
body.light-mode .djcp-private-tile__chevron{background:var(--djcp-card-chevron-bg-light)!important;border-color:var(--djcp-card-border-light)!important;color:var(--djcp-card-chevron-fg-light)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important}
.djcp-tile__chevron svg,
.djcp-card-chevron svg,
.djcp-accordion__chevron svg,
.djcp-private-tile__chevron svg{width:var(--djcp-card-chevron-svg-unified)!important;height:var(--djcp-card-chevron-svg-unified)!important;display:block!important;stroke:currentColor!important;fill:none!important}

body.djcp-public .djcp-tile--social,
body.djcp-public .djcp-social-card{
  display:grid!important;
  grid-template-columns:var(--djcp-card-icon-size-unified) minmax(0,1fr)!important;
  column-gap:16px!important;
  align-items:start!important;
  padding:var(--djcp-card-padding-y-unified) var(--djcp-card-padding-x-unified)!important;
}
body.djcp-public .djcp-tile--social .djcp-social,
body.djcp-public .djcp-social-card .djcp-social-links{grid-column:1 / -1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:14px 0 0!important;padding:0!important}
body.djcp-public .djcp-tile--social .djcp-social-link,
body.djcp-public .djcp-social-card .djcp-social-links a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:56px!important;min-height:56px!important;margin:0!important;border-radius:16px!important;background:var(--djcp-card-bg-soft-dark)!important;border:1px solid var(--djcp-card-border-dark)!important;color:var(--djcp-card-text-dark)!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
body.light-mode .djcp-tile--social .djcp-social-link,
body.light-mode .djcp-social-card .djcp-social-links a{background:var(--djcp-card-bg-soft-light)!important;border-color:var(--djcp-card-border-light)!important;color:var(--djcp-card-text-light)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important}

body.djcp-public .djcp-accordion__panel,
body.djcp-panel-body .djcp-accordion__panel,
body[class*="djcp-private"] .djcp-accordion__panel{
  max-height:0;
  overflow:hidden!important;
  transition:max-height .34s cubic-bezier(.22,1,.36,1)!important;
  border-top:1px solid transparent!important;
  background:transparent!important;
}
body.djcp-public .djcp-accordion__inner,
body.djcp-panel-body .djcp-accordion__inner,
body[class*="djcp-private"] .djcp-accordion__inner{padding:0 var(--djcp-card-padding-x-unified) var(--djcp-card-padding-x-unified)!important;border-top:1px solid transparent!important}
body.djcp-public .djcp-accordion.is-open .djcp-accordion__panel,
body.djcp-panel-body .djcp-accordion.is-open .djcp-accordion__panel,
body[class*="djcp-private"] .djcp-accordion.is-open .djcp-accordion__panel{border-top-color:rgba(255,255,255,.085)!important}
body.light-mode .djcp-accordion.is-open .djcp-accordion__panel{border-top-color:rgba(15,23,42,.08)!important}
body.djcp-public .djcp-accordion.is-open .djcp-accordion__toggle,
body.djcp-panel-body .djcp-accordion.is-open .djcp-accordion__toggle,
body[class*="djcp-private"] .djcp-accordion.is-open .djcp-accordion__toggle{padding-bottom:14px!important}

body.djcp-public .djcp-content-block,
body.djcp-panel-body .djcp-content-block,
body[class*="djcp-private"] .djcp-content-block{padding:var(--djcp-card-padding-y-unified) var(--djcp-card-padding-x-unified)!important}
body.djcp-public .djcp-content-block__body,
body.djcp-panel-body .djcp-content-block__body,
body[class*="djcp-private"] .djcp-content-block__body{margin-top:12px!important}
body.djcp-public .djcp-tile--embed{background:var(--djcp-card-bg-dark)!important;border:1px solid var(--djcp-card-border-dark)!important;border-radius:var(--djcp-card-radius-unified)!important;box-shadow:var(--djcp-card-shadow-dark)!important;padding:16px!important}
body.light-mode .djcp-tile--embed{background:var(--djcp-card-bg-light)!important;border-color:var(--djcp-card-border-light)!important;box-shadow:var(--djcp-card-shadow-light)!important}
body.djcp-public .djcp-tile--embed .djcp-tile__icon,
body.djcp-public .djcp-tile--embed>.djcp-tile__text{display:none!important}
body.djcp-public .djcp-tile--embed .djcp-upload-wrap,
body.djcp-public .djcp-tile--embed .djcp-upload-wrap .djcp-card,
body.djcp-public .djcp-tile--embed #djcp-upload-wrap,
body.djcp-public .djcp-tile--embed #djcp-upload-wrap .djcp-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.djcp-block-item.djcp-block--full{grid-column:1 / -1!important}
body.djcp-public .djcp-section-shell,
body.djcp-panel-body .djcp-card,
body[class*="djcp-private"] .djcp-card{background:transparent!important;border:0!important;box-shadow:none!important}

body.djcp-public .djcp-card .djcp-block-grid > .djcp-tile:not(.djcp-tile--social),
body.djcp-public .djcp-card .djcp-block-grid > .djcp-accordion,
body.djcp-panel-body .djcp-grid--panel > .djcp-tile,
body.djcp-panel-body .djcp-grid--panel > .djcp-accordion{margin:0!important}

@media (max-width:720px){
  :root{
    --djcp-card-radius-unified:26px;
    --djcp-card-padding-y-unified:15px;
    --djcp-card-padding-x-unified:16px;
    --djcp-card-min-h-unified:92px;
    --djcp-card-icon-size-unified:52px;
    --djcp-card-icon-radius-unified:16px;
    --djcp-card-icon-svg-unified:24px;
    --djcp-card-chevron-size-unified:46px;
    --djcp-card-chevron-svg-unified:15px;
    --djcp-card-title-unified:17px;
    --djcp-card-subtitle-unified:12.5px;
  }
  body.djcp-public .djcp-tile--social .djcp-social,
  body.djcp-public .djcp-social-card .djcp-social-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* v10.5.48 precise public-card harmonization */
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile.djcp-tile--participate,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-accordion,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-content-block,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-accordion,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-content-block{
  align-self:stretch!important;
}

/* Make the single direct-access card breathe like the rest when social follows below */
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-block-item.djcp-block--half:first-child:nth-last-child(2),
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-block-item.djcp-block--half:first-child:nth-last-child(2) + .djcp-tile--social,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-block-item.djcp-block--half:first-child:nth-last-child(2) + .djcp-social-card{
  grid-column:1 / -1!important;
}

/* Explicitly force participate/shop/link cards to the same internal geometry */
body.djcp-public .djcp-tile.djcp-tile--participate,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile{
  min-height:var(--djcp-card-min-h-unified)!important;
  grid-template-columns:var(--djcp-card-icon-size-unified) minmax(0,1fr) var(--djcp-card-chevron-size-unified)!important;
  column-gap:16px!important;
  row-gap:0!important;
}
body.djcp-public .djcp-tile.djcp-tile--participate .djcp-tile__text,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile .djcp-tile__text,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile .djcp-tile__text{
  gap:4px!important;
  padding-right:4px!important;
}
body.djcp-public .djcp-tile.djcp-tile--participate .djcp-tile__title,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile .djcp-tile__title,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile .djcp-tile__title{
  margin:0!important;
  line-height:1.06!important;
}
body.djcp-public .djcp-tile.djcp-tile--participate .djcp-tile__desc,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile .djcp-tile__desc,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile .djcp-tile__desc{
  margin:0!important;
  line-height:1.24!important;
}
body.djcp-public .djcp-tile.djcp-tile--participate .djcp-tile__icon,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile .djcp-tile__icon,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile .djcp-tile__icon,
body.djcp-public .djcp-tile.djcp-tile--participate .djcp-card-chevron,
body.djcp-public .djcp-card > .djcp-block-grid > .djcp-tile .djcp-card-chevron,
body.djcp-public .djcp-section-shell > .djcp-block-grid > .djcp-tile .djcp-card-chevron{
  align-self:center!important;
}

/* Slimmer collapsed accordions, but without clipping when opened */
body.djcp-public .djcp-accordion:not(.is-open) .djcp-accordion__toggle{
  min-height:88px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}
body.djcp-public .djcp-accordion.is-open .djcp-accordion__panel,
body.djcp-panel-body .djcp-accordion.is-open .djcp-accordion__panel,
body[class*="djcp-private"] .djcp-accordion.is-open .djcp-accordion__panel{
  overflow:visible!important;
}
body.djcp-public .djcp-accordion.is-open .djcp-accordion__inner,
body.djcp-panel-body .djcp-accordion.is-open .djcp-accordion__inner,
body[class*="djcp-private"] .djcp-accordion.is-open .djcp-accordion__inner{
  padding-bottom:18px!important;
}
