/* iskra.run/dzialanie.html: Iskra sama działa. Bieżący krok na srebrnej połowie, zapis kroków
   na grafitowej części poniżej. Korzysta z układu na-zywo.css. */
.act-title { margin-top: 14px; color: var(--ink); font: 200 clamp(56px, 6vw, 104px)/.98 var(--display); letter-spacing: -.04em; }
.spirit-act .figure-caption { max-width: 440px; }
.act-now { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin-top: 22px; color: #101112;
  font: 400 14px/1.5 var(--read); font-variant-numeric: tabular-nums; }
.act-now dt { color: #101112a8; font: 500 11px/1.9 var(--body); letter-spacing: .1em; text-transform: uppercase; }
.act-now dd { margin: 0; }
.act-now:empty { display: none; }
.act-reader .act-note { color: var(--silver-ink); font-size: 13px; }
.act-sub { margin-top: 36px; color: var(--silver-muted); font: 400 12px/1.6 var(--body); letter-spacing: .14em; text-transform: uppercase; }
.act-experiences { margin: 12px 0 0; padding: 0; list-style: none; font: 300 14px/1.7 var(--read); color: var(--silver-copy); }
.act-experiences li { padding: 8px 0; border-bottom: 1px solid var(--silver-line); }
.act-reader td.law { font-weight: 500; }
.act-reader td.law-B { color: #d9b27a; }
#act-status { color: var(--silver-copy); font: 300 14px/1.7 var(--read); }
/* Szeroka tabela przewija się we własnym kontenerze; kolumny siatki nie mogą rozpychać strony. */
.act-reader { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
.act-reader .reader-intro, .act-reader .reader-data { min-width: 0; }
.act-experiences li { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .act-reader { grid-template-columns: minmax(0, 1fr); }
  .act-now { grid-template-columns: 1fr; gap: 0; }
  .act-now dd { margin-bottom: 8px; }
}