/* =============================================================
   StageHub /new — Rast (štyri piliere). tokens.css + base.css.
   ============================================================= */

.sh-rast { padding-block: var(--sh-space-8) var(--sh-space-16); }

.sh-rast-hero { max-width: var(--sh-container-narrow); margin-bottom: var(--sh-space-12); }
.sh-rast-title {
  font-family: var(--sh-font-head); font-size: var(--sh-text-4xl);
  line-height: var(--sh-leading-tight); letter-spacing: -0.02em;
  color: var(--sh-ink); margin: var(--sh-space-2) 0 var(--sh-space-4);
}
.sh-rast-lead { font-size: var(--sh-text-lg); line-height: var(--sh-leading-normal); color: var(--sh-ink-70); margin: 0; }

.sh-pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--sh-space-6); }
.sh-pillar {
  background: var(--sh-surface-raised); border: 1px solid var(--sh-ink-12);
  border-radius: var(--sh-radius-lg); padding: var(--sh-space-8);
  box-shadow: var(--sh-shadow-sm); position: relative;
}
.sh-pillar::before {
  content: ""; display: block; width: 40px; height: 4px; border-radius: var(--sh-radius-pill);
  background: var(--sh-amber); margin-bottom: var(--sh-space-5);
}
.sh-pillar-h { font-family: var(--sh-font-head); font-size: var(--sh-text-xl); color: var(--sh-ink); margin: 0 0 var(--sh-space-3); }
.sh-pillar-lead { font-size: var(--sh-text-base); color: var(--sh-ink-70); line-height: var(--sh-leading-normal); margin: 0 0 var(--sh-space-4); }
.sh-pillar-points { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sh-space-2); }
.sh-pillar-points li { position: relative; padding-left: var(--sh-space-6); font-size: var(--sh-text-sm); color: var(--sh-ink); }
.sh-pillar-points li::before { content: "✓"; position: absolute; left: 0; color: var(--sh-amber-text); font-weight: var(--sh-weight-semibold); }

.sh-rast-cta {
  margin-top: var(--sh-space-16); text-align: center; background: var(--sh-bg-dark);
  color: var(--sh-cream-2); border-radius: var(--sh-radius-xl); padding: var(--sh-space-12) var(--sh-space-6);
}
.sh-rast-cta-h { font-family: var(--sh-font-head); font-size: var(--sh-text-3xl); color: var(--sh-cream-2); margin: 0 0 var(--sh-space-3); }
.sh-rast-cta p { color: rgba(253, 243, 234, 0.82); margin: 0 0 var(--sh-space-6); font-size: var(--sh-text-lg); }

@media (max-width: 560px) {
  .sh-pillar { padding: var(--sh-space-6); }
}