/* The guide lives in the page flow whenever navigation uses its compact menu. */
.mobile-assistant-toggle { display: none; }
@media (max-width: 1240px) {
  .jciq-youth-site .site-assistant-entry {
    display: flex; justify-content: center; padding: 1rem 1rem max(2rem, env(safe-area-inset-bottom));
    background: var(--inkwash-deep, #07356f);
  }
  .jciq-youth-site .site-assistant-entry .assistant-fab {
    position: static; inset: auto; z-index: auto; width: auto; min-width: 9rem;
    min-height: 2.75rem; justify-content: center; padding: .7rem 1.25rem;
    margin: 0; box-shadow: none; font-size: 1rem;
  }
  .jciq-youth-site .site-assistant-entry .assistant-fab span:last-child { display: inline; }
  .jciq-youth-site .mobile-assistant-toggle {
    display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: .5rem;
    padding: .65rem .9rem; border: 1px solid var(--line); border-radius: .5rem;
    background: var(--mist, #f8fbff); color: var(--navy); font: inherit; font-weight: 750; cursor: pointer;
  }
}

/* Sparse falling leaves sit beneath navigation and never intercept a tap. */
.jciq-autumn-scene { display: none; pointer-events: none; user-select: none; }
.jciq-autumn-season .jciq-autumn-scene:not([hidden]) {
  display: block; position: fixed; inset: 0; z-index: 15; overflow: hidden;
  contain: layout paint; background: transparent;
}
.jciq-autumn-scene__leaves { position: absolute; inset: 0; }
.jciq-autumn-leaf {
  --leaf-x: 2%; --leaf-size: 24px; --leaf-duration: 22s; --leaf-delay: -3s;
  --leaf-sway: 22px; --leaf-turn: -24deg; --leaf-opacity: .55;
  position: absolute; top: -48px; left: var(--leaf-x); display: block;
  width: var(--leaf-size); height: calc(var(--leaf-size) * .6);
  border-radius: 0 90% 0 90%; background: #b86b32; opacity: 0;
  transform-origin: 50% 35%; will-change: transform;
  animation: jciq-autumn-fall var(--leaf-duration) linear var(--leaf-delay) infinite both;
}
.jciq-autumn-leaf::after {
  content: ''; position: absolute; top: 50%; left: 6%; width: 100%; height: 1px;
  background: #653c2359; transform: rotate(28deg);
}
.jciq-autumn-leaf:nth-child(2) { --leaf-x: 8%; --leaf-size: 20px; --leaf-duration: 25s; --leaf-delay: -17s; --leaf-turn: 30deg; background: #d5a146; }
.jciq-autumn-leaf:nth-child(3) { --leaf-x: 14%; --leaf-size: 18px; --leaf-duration: 19s; --leaf-delay: -9s; --leaf-sway: -18px; background: #8d8150; }
.jciq-autumn-leaf:nth-child(4) { --leaf-x: 85%; --leaf-duration: 24s; --leaf-delay: -13s; --leaf-turn: 45deg; background: #c28d3c; }
.jciq-autumn-leaf:nth-child(5) { --leaf-x: 92%; --leaf-size: 20px; --leaf-duration: 20s; --leaf-delay: -5s; --leaf-sway: -26px; background: #bf7448; }
.jciq-autumn-leaf:nth-child(6) { --leaf-x: 98%; --leaf-size: 18px; --leaf-duration: 26s; --leaf-delay: -21s; --leaf-sway: -20px; background: #99854c; }
.jciq-autumn-leaf:nth-child(7) { --leaf-x: 22%; --leaf-size: 16px; --leaf-duration: 28s; --leaf-delay: -20s; background: #d5a146; }
.jciq-autumn-leaf:nth-child(8) { --leaf-x: 29%; --leaf-size: 18px; --leaf-duration: 23s; --leaf-delay: -7s; --leaf-sway: -30px; background: #c28d3c; }
.jciq-autumn-leaf:nth-child(9) { --leaf-x: 71%; --leaf-size: 17px; --leaf-duration: 27s; --leaf-delay: -16s; background: #99854c; }
.jciq-autumn-leaf:nth-child(10) { --leaf-x: 78%; --leaf-size: 21px; --leaf-duration: 21s; --leaf-delay: -2s; --leaf-sway: -24px; background: #bf7448; }
.jciq-autumn-season .jciq-youth-site .youth-kicker > span {
  width: 1.4rem; height: .85rem; flex: 0 0 1.4rem; border-radius: 0 90% 0 90%; background: #d5a146;
}
@keyframes jciq-autumn-fall {
  0% { transform: translate3d(0, -40px, 0) rotate(var(--leaf-turn)); opacity: 0; }
  8% { opacity: var(--leaf-opacity); }
  32% { transform: translate3d(var(--leaf-sway), 34vh, 0) rotate(calc(var(--leaf-turn) + 100deg)) rotateY(65deg); }
  66% { transform: translate3d(calc(var(--leaf-sway) * -.45), 72vh, 0) rotate(calc(var(--leaf-turn) + 225deg)) rotateY(145deg); }
  90% { opacity: var(--leaf-opacity); }
  100% { transform: translate3d(var(--leaf-sway), calc(100vh + 120px), 0) rotate(calc(var(--leaf-turn) + 360deg)) rotateY(200deg); opacity: 0; }
}
@media (max-width: 720px) {
  .jciq-autumn-leaf { --leaf-size: 16px; --leaf-sway: 7px; --leaf-opacity: .4; }
  .jciq-autumn-leaf:nth-child(1) { --leaf-x: 0%; }
  .jciq-autumn-leaf:nth-child(2) { --leaf-x: 3%; --leaf-size: 13px; }
  .jciq-autumn-leaf:nth-child(5) { --leaf-x: 96%; --leaf-size: 14px; --leaf-sway: -7px; }
  .jciq-autumn-leaf:nth-child(6) { --leaf-x: 99%; --leaf-size: 15px; --leaf-sway: -7px; }
  .jciq-autumn-leaf:nth-child(3), .jciq-autumn-leaf:nth-child(4),
  .jciq-autumn-leaf:nth-child(n+7) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .jciq-autumn-season .jciq-autumn-scene:not([hidden]) { display: none; }
  .jciq-autumn-leaf { animation: none; }
}
