/* ==========================================================================
   POR — baris bawah hero: kotak statistik + tulisan "POR 2026" sejajar
   Dipakai di por.php dan por-cabor.php (hero yang konsisten).
   ========================================================================== */

/* Baris: statistik di kiri, "POR 2026" di kanan, alas sama rata */
.por-hero-row {
  display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .por-hero-row { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 32px; }
}

/* Tulisan garis tepi besar; tinggi huruf mengikuti tinggi kotak statistik */
.por-herotag {
  position: relative; z-index: 1; flex: none; align-self: flex-end;
  font-size: clamp(4rem, 11vw, 8.6rem);
  line-height: .74;
  padding-bottom: .02em;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 255, 255, .42);
  letter-spacing: .01em;
  white-space: nowrap; user-select: none; pointer-events: none;
}
@media (max-width: 767px) { .por-herotag { align-self: flex-start; -webkit-text-stroke-width: 1.5px; margin-top: 4px; } }

/* Sisi kanan hero detail: podium bila ada, selain itu tulisan POR 2026 */
.por-hero-side { display: flex; flex-direction: column; align-items: flex-end; min-width: 0; }
#championBox:not(.hidden) ~ .por-herotag { display: none; }

/* HP: ringkas hero — tulisan outline besar disembunyikan agar tidak memanjang ke bawah */
@media (max-width: 767px) { .por-herotag { display: none; } }