/* Organization recognition belongs to the letters, progress and latest-gift
   identity. Podium medals keep their separate gold/silver/bronze meaning. */
.board-row .foundation-name .greek{color:var(--org-ink);flex:0 0 92px;min-width:0}
.board-row .mini-track{background:color-mix(in srgb,var(--org-meter) 12%,white)}
.board-row .mini-track i{background:linear-gradient(90deg,color-mix(in srgb,var(--org-meter) 48%,white),var(--org-meter))}
.board-row:hover,.board-row.is-latest{background:color-mix(in srgb,var(--org-meter) 7%,white);box-shadow:none;border-color:transparent}
.board-row:focus-visible{outline-color:var(--org-ink)}
.board-row .mobile-goal{color:var(--org-ink)!important}

.spotlight{border-color:color-mix(in srgb,var(--org-meter) 30%,white);box-shadow:0 8px 30px color-mix(in srgb,var(--org-primary) 9%,transparent)}
.spotlight-top{background:white;border-bottom:0;min-height:44px}
.spotlight-top>span:first-child,.spotlight .spotlight-top .spotlight-time{color:var(--org-ink)}
.spotlight-top i{background:var(--org-meter);box-shadow:none}
.spotlight .latest-foundation{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;background:var(--org-primary);color:var(--org-on-primary);margin:0;padding:24px 23px 28px;min-height:184px;border:0;position:relative}
.spotlight .latest-foundation>span{font:700 70px/.95 var(--font-display);letter-spacing:-.055em;color:inherit;display:block}
.spotlight .latest-foundation strong{color:inherit;font:600 17px/1.3 var(--font-ui);display:block;max-width:290px;text-wrap:balance}
.spotlight .latest-foundation small{display:none}
.spotlight .spotlight-inner{padding:22px 23px}
.spotlight .donor-avatar{background:color-mix(in srgb,var(--org-meter) 12%,white);color:var(--org-ink)}
.spotlight .gift-intro h3{font-size:22px}
.spotlight .latest-amount{margin:14px 0 2px}
.spotlight .latest-amount strong{font-size:66px;color:var(--org-ink)}
.spotlight .spotlight-meter-wrap{margin-top:0}
.spotlight #cheer{color:var(--org-ink);border-color:color-mix(in srgb,var(--org-meter) 28%,white)}
.spotlight .button{background:var(--org-primary);color:var(--org-on-primary);border:1px solid color-mix(in srgb,var(--org-ink) 25%,transparent);box-shadow:none}
.spotlight .button:hover{filter:brightness(.95);box-shadow:0 4px 12px color-mix(in srgb,var(--org-primary) 20%,transparent)}
.spotlight.arrival::before{box-shadow:inset 0 0 0 2px var(--org-meter)}
.spotlight.arrival{animation:org-gift-arrival .7s ease-out}
@keyframes org-gift-arrival{from{box-shadow:0 0 0 6px color-mix(in srgb,var(--org-meter) 18%,transparent)}to{box-shadow:0 8px 30px color-mix(in srgb,var(--org-primary) 9%,transparent)}}
.foundation-dialog .detail-identity{border-bottom:5px solid var(--org-secondary);padding-bottom:20px}
.foundation-dialog #detail-letters{color:var(--org-ink)}
.foundation-dialog #detail-give{background:var(--org-primary);color:var(--org-on-primary);border:1px solid color-mix(in srgb,var(--org-ink) 25%,transparent)}
@media(min-width:681px) and (max-width:1200px){.board-row .foundation-name .greek{flex-basis:72px}.spotlight .latest-foundation{padding:23px 18px 26px;min-height:177px}.spotlight .latest-foundation>span{font-size:61px}.spotlight .latest-foundation strong{font-size:15px}.spotlight .spotlight-inner{padding:20px 18px}.spotlight .gift-intro h3{font-size:19px}.spotlight .latest-amount strong{font-size:60px}}
@media(max-width:680px){.board-row .foundation-name .greek{flex-basis:60px}.spotlight .latest-foundation{min-height:186px}.spotlight .latest-foundation>span{font-size:72px}}
@media(max-width:370px){.board-row .foundation-name .name{color:var(--org-ink)}.spotlight .latest-foundation strong{font-size:16px}.spotlight .gift-intro h3{font-size:20px}.spotlight .spotlight-inner{padding:20px 18px}}

/* A disabled arrival animation must not leave its coloured overlay visible. */
.motion-off .board-row.flash::before{display:none}
@media(prefers-reduced-motion:reduce){.board-row.flash::before{display:none}}

/* Organization-coloured waves begin at different times across the field. */
.leaderboard .board-row{overflow:hidden;isolation:isolate}
.leaderboard .board-row::before{content:'';display:block;position:absolute;inset:0 auto 0 0;width:48%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent,color-mix(in srgb,var(--org-primary) 13%,transparent) 35%,color-mix(in srgb,var(--org-secondary) 19%,transparent) 60%,transparent);transform:translateX(-110%);animation:org-row-wave 10s ease-in-out infinite;animation-delay:var(--row-wave-delay,0s)}
@keyframes org-row-wave{0%,12%{transform:translateX(-110%)}45%,100%{transform:translateX(320%)}}
.motion-off .leaderboard .board-row::before{display:none}
@media(prefers-reduced-motion:reduce){.leaderboard .board-row::before{display:none}}
