/* AGD Jeunes — PassBad card polish
 * Scoped to the expanded PassBad card only. The existing reveal/motion system
 * remains the sole owner of transforms and opacity.
 */

body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f7fbfc;
  background:
    linear-gradient(135deg, rgba(7, 35, 63, .98) 0%, rgba(13, 69, 91, .98) 53%, rgba(25, 117, 126, .98) 100%) !important;
  border-color: rgba(213, 174, 102, .62) !important;
  box-shadow: 0 22px 50px rgba(6, 31, 56, .18), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(124deg, transparent 0 37%, rgba(113, 199, 205, .12) 37.2% 46%, transparent 46.2%),
    linear-gradient(124deg, transparent 0 58%, rgba(244, 202, 113, .08) 58.2% 59%, transparent 59.2%),
    radial-gradient(circle at 88% 14%, rgba(91, 191, 199, .22), transparent 32%);
  opacity: .9;
}

body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded::after {
  z-index: -1 !important;
  opacity: .55 !important;
  border-color: rgba(160, 220, 222, .18) !important;
}

body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading h2,
body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading p:not(.eyebrow) {
  color: #f7fbfc !important;
}

body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading h2 {
  text-wrap: balance;
}

body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading .eyebrow,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel h3,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals h3 {
  color: #f2c979 !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity {
  color: #eef8f8 !important;
  background: rgba(4, 27, 52, .42) !important;
  border: 1px solid rgba(166, 220, 222, .35) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(3, 26, 48, .16) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity p,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity .eyebrow {
  color: inherit !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity .eyebrow {
  color: #f2c979 !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note {
  color: #edf8fa !important;
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
  border-color: rgba(177, 225, 226, .46) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 16px 30px rgba(3, 28, 53, .18) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note strong,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note p,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note li {
  color: #edf8fa !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-system {
  color: #173653 !important;
  background: rgba(249, 238, 210, .94) !important;
  border-left-color: #efc56e !important;
  box-shadow: 0 8px 18px rgba(3, 26, 48, .12) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note .agd-youth-v2-passbad-system {
  color: #102e4d !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel {
  color: #eef8f8 !important;
  background: rgba(4, 30, 57, .30) !important;
  border: 1px solid rgba(174, 224, 226, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 30px rgba(3, 28, 53, .14) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel > h3 {
  color: #f2c979 !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume {
  color: #173653 !important;
  background: linear-gradient(145deg, rgba(250,249,244,.98), rgba(220,237,235,.94)) !important;
  border-color: rgba(175, 224, 225, .7) !important;
  box-shadow: 0 8px 18px rgba(3, 28, 53, .16), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume strong,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume span:not(.agd-youth-v2-plume__mark) {
  color: #173653 !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume__mark {
  filter: drop-shadow(0 2px 2px rgba(5, 33, 57, .16));
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals {
  color: #eef8f8 !important;
  background: linear-gradient(135deg, rgba(5, 31, 59, .52), rgba(17, 91, 106, .42)) !important;
  border: 1px solid rgba(176, 224, 225, .38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(3, 28, 53, .14) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-goals li {
  color: #eef8f8 !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-text-link,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-download-link {
  color: #f4ce79 !important;
}

@media (max-width: 700px) {
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded {
    padding: 24px 14px 22px !important;
    border-radius: 24px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading {
    margin-bottom: 16px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded > .agd-youth-section__heading h2 {
    font-size: clamp(1.9rem, 8.5vw, 2.55rem) !important;
    line-height: 1.02 !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-official-identity {
    border-radius: 16px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-note {
    gap: 14px !important;
    padding: 17px 14px !important;
    border-radius: 16px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-cover {
    width: 96px !important;
    height: 126px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel {
    margin-top: 14px !important;
    padding: 16px 12px !important;
    border-radius: 16px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plumes {
    gap: 8px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume {
    border-radius: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded::before,
  body.page-id-11 .agd-youth-page--v2 > .agd-youth-passbad--expanded::after {
    animation: none !important;
  }
}

body.agd-passbad-modal-open { overflow: hidden; }
.agd-passbad-modal { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity 220ms ease, visibility 220ms ease; }
.agd-passbad-modal.is-open { opacity: 1; visibility: visible; }
.agd-passbad-modal__backdrop { position: absolute; inset: 0; background: rgba(3, 19, 37, .72); backdrop-filter: blur(5px); }
.agd-passbad-modal__card { position: relative; width: min(66vw, 720px); height: min(72vh, 620px); max-height: min(72vh, 620px); overflow: auto; padding: 42px 60px 46px; color: #eef8f8; background: linear-gradient(145deg, #082848, #126477 100%); border: 1px solid rgba(241, 203, 119, .68); border-radius: 24px; box-shadow: 0 28px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12); transform: translateY(14px) scale(.97); transition: transform 260ms cubic-bezier(.22,.75,.25,1); }
.agd-passbad-modal.is-open .agd-passbad-modal__card { transform: translateY(0) scale(1); }
.agd-passbad-modal__card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background: linear-gradient(128deg, transparent 0 48%, rgba(116, 199, 205, .45) 48.2% 58%, transparent 58.2%); }
.agd-passbad-modal__close { position: absolute; top: 14px; right: 16px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #f4d184; background: rgba(255,255,255,.08); font-size: 1.55rem; line-height: 1; cursor: pointer; }
.agd-passbad-modal__feather { position: relative; width: 86px; height: 58px; margin-bottom: 18px; }
.agd-passbad-modal__feather .agd-youth-v2-plume__mark { display: block !important; width: 86px !important; height: 58px !important; }
.agd-passbad-modal__card.agd-youth-v2-plume--blanche .agd-youth-v2-plume__mark { color: #f1f4f1 !important; }
.agd-passbad-modal__card.agd-youth-v2-plume--jaune .agd-youth-v2-plume__mark { color: #f0ce63 !important; }
.agd-passbad-modal__card.agd-youth-v2-plume--verte .agd-youth-v2-plume__mark { color: #79bf88 !important; }
.agd-passbad-modal__card.agd-youth-v2-plume--bleue .agd-youth-v2-plume__mark { color: #75b9e8 !important; }
.agd-passbad-modal__card.agd-youth-v2-plume--rouge .agd-youth-v2-plume__mark { color: #ed7773 !important; }
.agd-passbad-modal__feather .agd-youth-v2-plume__feather { fill: currentColor; }
.agd-passbad-modal__feather .agd-youth-v2-plume__shaft { fill: none; stroke: rgba(16,39,71,.38); stroke-linecap: round; stroke-width: 1.8; }
.agd-passbad-modal__feather .agd-youth-v2-plume__barb { fill: none; stroke: rgba(255,255,255,.54); stroke-linecap: round; stroke-width: 1.6; }
.agd-passbad-modal__eyebrow { position: relative; margin: 0 0 12px; color: #f4d184; font-size: .75rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.agd-passbad-modal__card h3 { position: relative; margin: 0; color: #fff; font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1.05; }
.agd-passbad-modal__subtitle { position: relative; margin: 10px 0 24px; color: #f4d184; font-size: 1.12rem; font-weight: 700; }
.agd-passbad-modal__text { position: relative; max-width: 58ch; margin: 0; color: rgba(239,249,248,.92); font-size: 1.03rem; line-height: 1.65; }
.agd-passbad-modal__note { position: relative; margin: 26px 0 0; padding: 14px 16px; color: #173653; background: linear-gradient(135deg,#fff6dc,#f5dfab); border-left: 4px solid #d6a94f; border-radius: 10px; font-weight: 750; line-height: 1.45; }
.agd-passbad-modal__card.agd-youth-v2-plume--blanche { border-color: rgba(240,244,241,.82); background: linear-gradient(145deg,#193b58,#286d7d); }
.agd-passbad-modal__card.agd-youth-v2-plume--jaune { border-color: #e7c264; background: linear-gradient(145deg,#163653,#17677a); }
.agd-passbad-modal__card.agd-youth-v2-plume--verte { border-color: #78b989; background: linear-gradient(145deg,#123c55,#176e78); }
.agd-passbad-modal__card.agd-youth-v2-plume--bleue { border-color: #75b9e8; background: linear-gradient(145deg,#0d345a,#176c83); }
.agd-passbad-modal__card.agd-youth-v2-plume--rouge { border-color: #ed7773; background: linear-gradient(145deg,#183450,#176275); }
.agd-passbad-modal__card.agd-youth-v2-plume--blanche .agd-passbad-modal__subtitle { color: #eef4ef; }
.agd-passbad-modal__card.agd-youth-v2-plume--jaune .agd-passbad-modal__subtitle { color: #f0ce63; }
.agd-passbad-modal__card.agd-youth-v2-plume--verte .agd-passbad-modal__subtitle { color: #94d39e; }
.agd-passbad-modal__card.agd-youth-v2-plume--bleue .agd-passbad-modal__subtitle { color: #8ccbf2; }
.agd-passbad-modal__card.agd-youth-v2-plume--rouge .agd-passbad-modal__subtitle { color: #f39a91; }
.agd-passbad-modal__nav { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 28px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.2); }
.agd-passbad-modal__nav span { color: rgba(239,249,248,.68); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.agd-passbad-modal__nav button { width: 38px; height: 32px; border: 1px solid rgba(255,255,255,.34); border-radius: 8px; color: #f4d184; background: rgba(255,255,255,.08); font-size: 1.1rem; cursor: pointer; }
.agd-passbad-modal__nav button:hover, .agd-passbad-modal__nav button:focus-visible { color: #173653; background: #f4d184; outline: none; }
.agd-passbad-modal__nav span { display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; }
.agd-passbad-modal__nav span b { color: #f4d184; font-size: .85rem; letter-spacing: .08em; }
.agd-passbad-modal.is-swipe-next .agd-passbad-modal__card { animation: agd-passbad-slide-next 260ms cubic-bezier(.22,.75,.25,1) both; }
.agd-passbad-modal.is-swipe-prev .agd-passbad-modal__card { animation: agd-passbad-slide-prev 260ms cubic-bezier(.22,.75,.25,1) both; }
@keyframes agd-passbad-slide-next { from { opacity: .45; transform: translateX(34px) scale(.985); } to { opacity: 1; transform: translateX(0) scale(1); } }
@keyframes agd-passbad-slide-prev { from { opacity: .45; transform: translateX(-34px) scale(.985); } to { opacity: 1; transform: translateX(0) scale(1); } }
body.agd-passbad-modal-open .agd-passbad-modal__card { touch-action: pan-y; }
.agd-passbad-modal__nav { position: absolute; inset: 0; z-index: 3; display: block; margin: 0; padding: 0; border: 0; pointer-events: none; }
.agd-passbad-modal__nav span { display: none !important; }
.agd-passbad-modal__nav button { position: absolute; top: 50%; width: 28px; height: 28px; padding: 0; border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: rgba(244,209,132,.8); background: rgba(7,34,58,.3); transform: translateY(-50%); pointer-events: auto; opacity: .72; }
.agd-passbad-modal__nav button[data-passbad-prev] { left: 7px; }
.agd-passbad-modal__nav button[data-passbad-next] { right: 7px; }
.agd-passbad-modal.is-swipe-next, .agd-passbad-modal.is-swipe-prev { opacity: 1; visibility: visible; }
@media (max-width: 700px) { .agd-passbad-modal { padding: 16px; } .agd-passbad-modal__card { width: min(88vw, 520px); height: 76vh; max-height: 76vh; padding: 32px 50px 26px; border-radius: 20px; } .agd-passbad-modal__feather { width: 68px; height: 46px; } .agd-passbad-modal__feather .agd-youth-v2-plume__mark { width: 68px !important; height: 46px !important; } .agd-passbad-modal__text { font-size: .94rem; } .agd-passbad-modal__nav { margin-top: 22px; } .agd-passbad-modal__nav span { font-size: .58rem; } .agd-passbad-modal__nav button { width: 26px; height: 26px; opacity: .62; } .agd-passbad-modal__nav button[data-passbad-prev] { left: 5px; } .agd-passbad-modal__nav button[data-passbad-next] { right: 5px; } }
@media (prefers-reduced-motion: reduce) { .agd-passbad-modal, .agd-passbad-modal__card { transition: none !important; animation: none !important; } }

/* PassBad sub-card refinement: readable progression note + integrated plume rail. */
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-system {
  position: relative;
  margin-top: 16px !important;
  padding: 14px 16px 14px 18px !important;
  color: #102e4d !important;
  background: linear-gradient(135deg, #fff6dc 0%, #f5dfab 100%) !important;
  border: 1px solid rgba(241, 198, 108, .95) !important;
  border-left: 4px solid #d6a94f !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(4, 27, 52, .14), inset 0 1px 0 rgba(255,255,255,.7) !important;
  font-size: .94rem !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel {
  position: relative;
  padding: 22px 24px 20px !important;
  background: linear-gradient(145deg, rgba(3, 28, 54, .5), rgba(16, 84, 101, .38)) !important;
  border: 1px solid rgba(190, 229, 228, .42) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 16px 30px rgba(3, 28, 53, .14) !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel > h3 {
  margin: 0 0 18px !important;
  color: #f4d184 !important;
  font-size: 1.18rem !important;
  letter-spacing: .01em !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plumes {
  position: relative;
  z-index: 1;
  counter-reset: passbad-plume;
  gap: 10px !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume {
  position: relative;
  counter-increment: passbad-plume;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-height: 88px !important;
  padding: 11px 13px !important;
  color: #edf8f8 !important;
  background: rgba(255,255,255,.055) !important;
  border: 0 !important;
  border-top: 2px solid var(--passbad-accent, rgba(221, 237, 230, .45)) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume::before {
  content: counter(passbad-plume, decimal-leading-zero);
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  color: #123552;
  background: #f0cc78;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume__mark {
  display: block !important;
  grid-column: 1;
  grid-row: 1;
  width: 34px !important;
  height: 28px !important;
  color: #f2d084 !important;
  filter: drop-shadow(0 2px 2px rgba(5, 33, 57, .18));
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--blanche .agd-youth-v2-plume__mark { color: #f1f4f1 !important; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--jaune .agd-youth-v2-plume__mark { color: #f0ce63 !important; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--verte .agd-youth-v2-plume__mark { color: #79bf88 !important; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--bleue .agd-youth-v2-plume__mark { color: #75b9e8 !important; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--rouge .agd-youth-v2-plume__mark { color: #ed7773 !important; }

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume::before {
  display: none !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume strong,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume span:not(.agd-youth-v2-plume__mark) {
  display: block;
  color: #f3faf9 !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume strong {
  margin-bottom: 4px;
  font-size: .97rem;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume > div::before {
  content: none !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume > div > strong::before {
  display: inline-block;
  margin-right: 5px;
  color: #f2cf7a;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .05em;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--blanche > div > strong::before { content: "1 ·"; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--jaune > div > strong::before { content: "2 ·"; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--verte > div > strong::before { content: "3 ·"; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--bleue > div > strong::before { content: "4 ·"; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--rouge > div > strong::before { content: "5 ·"; }

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume > div > strong {
  counter-increment: none;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume > div::after {
  content: "Voir le détail →";
  display: block;
  margin-top: 6px;
  color: rgba(242, 207, 122, .62);
  font-size: .64rem;
  font-weight: 750;
  letter-spacing: .04em;
  opacity: .72;
  transition: opacity 180ms ease, color 180ms ease;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume:hover > div::after,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume:focus-visible > div::after {
  color: #f4d184;
  opacity: 1;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume span:not(.agd-youth-v2-plume__mark) {
  color: rgba(239, 249, 248, .78) !important;
  font-size: .78rem;
  line-height: 1.35;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--blanche { --passbad-accent: #ecf1eb; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--jaune { --passbad-accent: #e5bd60; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--verte { --passbad-accent: #76b989; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--bleue { --passbad-accent: #74aecd; }
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume--rouge { --passbad-accent: #dc655b; }

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-summary {
  margin: 16px 0 0 !important;
  color: rgba(239, 249, 248, .78) !important;
  font-size: .82rem !important;
  line-height: 1.45 !important;
}

@media (min-width: 701px) {
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plumes {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume {
    min-height: 122px !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    row-gap: 10px !important;
    padding: 14px 12px 12px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume::before {
    justify-self: start;
  }
}

@media (max-width: 700px) {
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-passbad-system {
    padding: 13px 13px 13px 15px !important;
    font-size: .86rem !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel {
    padding: 17px 12px 15px !important;
    border-radius: 15px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-panel > h3 {
    margin-bottom: 13px !important;
    font-size: 1rem !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume {
    min-height: 66px !important;
    padding: 9px 10px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume strong {
    font-size: .84rem;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume > div > strong::before {
    font-size: .66rem;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume__mark {
    width: 30px !important;
    height: 24px !important;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume span:not(.agd-youth-v2-plume__mark) {
    font-size: .7rem;
  }

  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume > div::after {
    margin-top: 4px;
    font-size: .58rem;
  }
}
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume {
  cursor: pointer;
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume:hover,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume:focus-visible,
body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume.is-passbad-open {
  background: rgba(255,255,255,.13) !important;
  border-top-color: #f2cf7a !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(3,28,53,.14) !important;
  outline: none;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume.is-youth-settled {
  animation: none !important;
  transform: none !important;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-detail {
  grid-column: 1 / -1;
  padding: 14px 15px 2px;
  margin-top: 4px;
  border-top: 1px solid rgba(242, 207, 122, .42);
  color: rgba(239, 249, 248, .88);
  animation: agd-passbad-detail-in 220ms ease both;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-detail strong {
  display: block;
  color: #f4d184 !important;
  font-size: .91rem;
  margin-bottom: 5px;
}

body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-detail p {
  margin: 0;
  color: rgba(239, 249, 248, .88) !important;
  font-size: .78rem;
  line-height: 1.5;
}

@keyframes agd-passbad-detail-in {
  from { opacity: 0; transform: translateY(-5px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-11 .agd-youth-passbad--expanded .agd-youth-v2-plume-detail {
    animation: none !important;
  }
}