/* Separate competition page: standings with submitted team emblems, state flags and scores. */
.south-rankings{display:grid;gap:12px;margin:24px 0 0}
.south-ranking-row{display:grid;grid-template-columns:48px 94px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:112px;padding:16px 20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:transform .2s ease,border-color .2s ease}
.south-ranking-row:hover{transform:translateY(-2px);border-color:rgba(204,107,230,.45)}
.south-ranking-row.ranking-highlight{border-color:rgba(204,107,230,.75);background:linear-gradient(90deg,rgba(94,24,235,.22),rgba(204,107,230,.12));box-shadow:0 0 0 1px rgba(204,107,230,.28),0 10px 32px rgba(94,24,235,.16)}
.south-position{font:700 30px/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:#cc6be6;letter-spacing:.03em}
.south-team-logo{display:flex;align-items:center;justify-content:center;width:94px;height:78px}
.south-team-logo img{display:block;max-width:88px;max-height:72px;width:auto;height:auto;object-fit:contain}
.south-logo-placeholder{display:flex;align-items:center;justify-content:center;width:68px;height:60px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;color:var(--muted);font:700 22px/1 Impact,sans-serif}
.south-ranking-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.south-ranking-copy strong{font:700 clamp(21px,2.5vw,28px)/1.1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.01em}
.south-ranking-copy span{font:20px/1.2 "EB Garamond",Georgia,serif;color:var(--muted)}
.south-result{display:flex;align-items:center;justify-content:flex-end;gap:14px;white-space:nowrap}
.south-state-flag{display:block;width:74px;height:37px;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.south-score{font:700 clamp(27px,3vw,33px)/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;color:#f8f5ff}
.south-score small{font:600 12px/1 sans-serif;color:#cc6be6;letter-spacing:.04em;text-transform:uppercase}
.south-rankings-note{margin-top:18px}
@media(max-width:760px){.south-ranking-row{grid-template-columns:38px 70px minmax(0,1fr);column-gap:10px;row-gap:7px;min-height:100px;padding:14px}.south-position{grid-column:1;grid-row:1/3;font-size:24px}.south-ranking-row .south-team-logo{grid-column:2;grid-row:1/3;width:70px;height:64px}.south-ranking-row .south-team-logo img{max-width:65px;max-height:60px}.south-logo-placeholder{width:60px;height:52px}.south-ranking-copy{grid-column:3;grid-row:1}.south-ranking-copy strong{font-size:20px}.south-ranking-copy span{font-size:16px}.south-result{grid-column:3;grid-row:2;justify-content:space-between;gap:8px}.south-state-flag{width:54px;height:27px}.south-score{font-size:24px}}
@media(max-width:430px){.south-ranking-row{grid-template-columns:30px 55px minmax(0,1fr);gap:7px;padding:12px}.south-position{font-size:20px}.south-team-logo{width:55px}.south-team-logo img{max-width:51px;max-height:54px}.south-ranking-copy strong{font-size:18px}.south-ranking-copy span{font-size:15px}.south-score{font-size:22px}}

/* Event awards use the same uploaded identity and state-flag assets as the standings. */
.south-awards-heading{max-width:850px;margin-bottom:25px}
.south-awards-heading h2{margin:12px 0 8px}
.south-awards-heading p{margin:0}
.south-awards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.south-award-card{display:flex;flex-direction:column;gap:15px;min-width:0;padding:20px 22px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.02))}
.south-award-card--podium{border-color:rgba(204,107,230,.32)}
.south-award-card--voltan{border-color:rgba(204,107,230,.75);background:linear-gradient(100deg,rgba(94,24,235,.20),rgba(204,107,230,.10));box-shadow:0 0 0 1px rgba(204,107,230,.20)}
.south-award-title{display:block;color:#cc6be6;font:700 clamp(17px,2vw,22px)/1.15 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.02em}
.south-award-body{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0}
.south-award-card .south-team-logo{width:68px;height:67px}
.south-award-card .south-team-logo img{max-width:65px;max-height:63px}
.south-award-card .south-logo-placeholder{width:58px;height:52px}
.south-award-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.south-award-copy strong{font:700 clamp(19px,2vw,25px)/1.1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}
.south-award-copy span{font:18px/1.2 "EB Garamond",Georgia,serif;color:var(--muted)}
.south-award-region{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:74px;color:var(--muted);font:600 12px/1.2 sans-serif}
.south-award-region img{display:block;width:68px;height:34px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.22)}
.south-award-region--pending{max-width:80px;text-align:right;white-space:normal}
@media(max-width:900px){.south-awards-grid{grid-template-columns:1fr}}
@media(max-width:500px){.south-award-card{padding:16px;gap:12px}.south-award-body{grid-template-columns:53px minmax(0,1fr) auto;gap:9px}.south-award-card .south-team-logo{width:53px;height:54px}.south-award-card .south-team-logo img{max-width:50px;max-height:52px}.south-award-card .south-logo-placeholder{width:48px;height:45px}.south-award-copy strong{font-size:19px}.south-award-copy span{font-size:16px}.south-award-region{min-width:52px;font-size:10px}.south-award-region img{width:52px;height:26px}}

.south-score--pending{color:rgba(248,245,255,.65)}
.south-score--pending small{font-size:10px}
.south-school-initials{display:flex;align-items:center;justify-content:center;width:58px;height:52px;border:1px solid rgba(204,107,230,.55);border-radius:12px;color:#cc6be6;font:700 20px/1 Impact,sans-serif;letter-spacing:.03em}

/* All event flags share one 2:1 image canvas and the same visible dimensions. */
.south-state-flag,.south-award-region img{width:74px;height:37px;object-fit:cover}
@media(max-width:760px){.south-state-flag,.south-award-region img{width:54px;height:27px}}

/* Match the alternating ranking reveal on the Johor and Marlborough pages. */
.tough-rankings .south-ranking-row{
  opacity:0;
  transform:translateX(-42px) skewX(-4deg) scale(.985);
  filter:blur(6px);
  transition:opacity .72s cubic-bezier(.16,1,.3,1),
             transform .72s cubic-bezier(.16,1,.3,1),
             filter .72s cubic-bezier(.16,1,.3,1),
             box-shadow .28s ease,border-color .28s ease;
  transition-delay:calc(var(--rank-index, 0) * 70ms);
  will-change:opacity,transform,filter;
}
.tough-rankings .south-ranking-row:nth-child(even){
  transform:translateX(42px) skewX(4deg) scale(.985);
}
.tough-rankings .south-ranking-row.is-visible,
.tough-rankings .south-ranking-row:nth-child(even).is-visible{
  opacity:1;transform:translateX(0) skewX(0deg) scale(1);filter:blur(0);
}
.tough-rankings .south-ranking-row.is-visible:hover{
  transform:translateY(-3px) scale(1.01);
  border-color:rgba(204,107,230,.34);
  box-shadow:0 14px 38px rgba(94,24,235,.16);
}
@media(max-width:700px){
  .tough-rankings .south-ranking-row,
  .tough-rankings .south-ranking-row:nth-child(even){transform:translateY(28px) scale(.985)}
  .tough-rankings .south-ranking-row.is-visible,
  .tough-rankings .south-ranking-row:nth-child(even).is-visible{transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .tough-rankings .south-ranking-row,
  .tough-rankings .south-ranking-row:nth-child(even){
    opacity:1 !important;transform:none !important;filter:none !important;
    transition:none !important;animation:none !important;
  }
}

/* Fix both edges of every flag to the same column, regardless of text width. */
.south-ranking-row .south-result{
  display:grid;
  grid-template-columns:74px 118px;
  width:206px;
  align-items:center;
  gap:14px;
}
.south-ranking-row .south-score{justify-self:end;text-align:right}
.south-award-body{grid-template-columns:68px minmax(0,1fr) 74px}
.south-award-region{width:74px;min-width:74px;align-items:center;justify-self:end}
.south-award-region img{width:74px;height:37px;max-width:none}
@media(max-width:760px){
  .south-ranking-row .south-result{
    grid-column:3;grid-row:2;
    width:100%;
    grid-template-columns:54px minmax(0,1fr);
    gap:8px;
  }
  .south-award-region{width:54px;min-width:54px}
  .south-award-region img{width:54px;height:27px}
}
@media(max-width:500px){
  .south-award-body{grid-template-columns:53px minmax(0,1fr) 54px}
}