/* ============================================================
   Strong Games — štýly pre články (/clanky/...)
   Dopĺňa hlavný /style.css a Tailwind. Spoločné pre všetky články.
   ============================================================ */

/* Čitateľný text článku */
.sg-prose { color: #C9C2B2; font-size: 1.0625rem; line-height: 1.8; }
.sg-prose > * + * { margin-top: 1.25rem; }
.sg-prose h2 {
  font-family: "Bebas Neue", sans-serif;
  color: #EDE8DC;
  font-size: clamp(2rem, 4.5vw, 2.75rem);
  line-height: 1.05;
  letter-spacing: 0.02em;
  margin-top: 3.5rem;
  margin-bottom: 0.25rem;
  scroll-margin-top: 6rem;
}
.sg-prose h2::before {
  content: "";
  display: block;
  width: 3rem; height: 4px;
  background: #FF5A1F;
  transform: skewX(-12deg);
  margin-bottom: 0.9rem;
}
.sg-prose h3 {
  font-family: "Bebas Neue", sans-serif;
  color: #F2B705;
  font-size: 1.75rem;
  letter-spacing: 0.03em;
  line-height: 1.1;
  margin-top: 2.25rem;
}
.sg-prose strong { color: #EDE8DC; font-weight: 600; }
.sg-prose a:not(.sg-btn) { color: #FF5A1F; text-decoration: underline; text-underline-offset: 4px; }
.sg-prose a:not(.sg-btn):hover { color: #F2B705; }

/* Fotky v článku */
.sg-figure { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.sg-figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 1rem; background: #1C1911; }
.sg-figure figcaption {
  margin-top: 0.6rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: #8B8478;
}

/* Zvýraznené číslo v texte */
.sg-num { font-family: "JetBrains Mono", monospace; font-weight: 700; color: #F2B705; white-space: nowrap; }

/* Stupne víťazov */
.sg-podium { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: end; gap: 0.5rem; }
.sg-podium li { display: flex; flex-direction: column; align-items: center; text-align: center; }
.sg-podium .sg-step {
  width: 100%;
  display: flex; align-items: flex-start; justify-content: center;
  padding-top: 0.6rem;
  border-radius: 0.5rem 0.5rem 0 0;
  font-family: "Bebas Neue", sans-serif; font-size: 2rem; line-height: 1;
  color: #15130F;
}
.sg-podium .p1 { order: 2; } .sg-podium .p1 .sg-step { height: 6.5rem; background: #F2B705; }
.sg-podium .p2 { order: 1; } .sg-podium .p2 .sg-step { height: 4.75rem; background: #C9CDD2; }
.sg-podium .p3 { order: 3; } .sg-podium .p3 .sg-step { height: 3.5rem; background: #CD8C5A; }
.sg-podium .sg-name {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.2rem; line-height: 1.05; letter-spacing: 0.03em;
  color: #EDE8DC;
  margin-bottom: 0.5rem;
  min-height: 2.6rem;
  display: flex; align-items: flex-end; justify-content: center;
}
.sg-podium .p1 .sg-name { font-size: 1.4rem; color: #F2B705; }

@media (prefers-reduced-motion: reduce) {
  .sg-prose *, .sg-figure * { transition: none !important; }
}