/* FINAL72: wyłącznie bezpieczne akcenty wizualne. Brak globalnych zmian układu i DOM. */

/* Starsze wpisy korzystają z istniejących rozdziałów final70. Zmieniamy tylko kolor. */
.article.reading-layout .article-chapter,
.article.reading-layout .article-intro-more {
  border-color: color-mix(in srgb, var(--accent) 18%, var(--line));
  box-shadow: 0 12px 32px rgba(5, 43, 74, .055);
}
.article.reading-layout .article-chapter:nth-of-type(6n + 1) {
  background: color-mix(in srgb, #e2f7ff 68%, var(--bg));
  border-left: 5px solid #14a6d9;
}
.article.reading-layout .article-chapter:nth-of-type(6n + 2) {
  background: color-mix(in srgb, #fff0d5 68%, var(--bg));
  border-left: 5px solid #ffad2f;
}
.article.reading-layout .article-chapter:nth-of-type(6n + 3) {
  background: color-mix(in srgb, #e8f8dc 68%, var(--bg));
  border-left: 5px solid #7fbd44;
}
.article.reading-layout .article-chapter:nth-of-type(6n + 4) {
  background: color-mix(in srgb, #f1e8ff 66%, var(--bg));
  border-left: 5px solid #8d63da;
}
.article.reading-layout .article-chapter:nth-of-type(6n + 5) {
  background: color-mix(in srgb, #dff8ef 68%, var(--bg));
  border-left: 5px solid #24a77b;
}
.article.reading-layout .article-chapter:nth-of-type(6n) {
  background: color-mix(in srgb, #ffe5df 66%, var(--bg));
  border-left: 5px solid #ef765c;
}

/* Wpis #21 ma własny magazynowy layout z final70 i celowo nie jest nadpisywany. */

/* Wpis #22: szeroki, czytelny hero i kafle programu, bez wpływu na inne blogi. */
.article--grant-program {
  width: min(1220px, calc(100% - 32px));
  max-width: none;
  padding-top: clamp(36px, 5vw, 72px);
}
.article--grant-program > .article-header {
  max-width: 980px;
  margin: 0 auto 42px;
  padding: clamp(28px, 5vw, 58px);
  border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line));
  border-radius: 30px;
  background:
    radial-gradient(circle at 8% 16%, rgba(255, 180, 48, .25), transparent 18rem),
    radial-gradient(circle at 94% 8%, rgba(27, 188, 229, .23), transparent 21rem),
    linear-gradient(135deg, color-mix(in srgb, #e7f8ff 72%, var(--panel)), var(--panel) 58%, color-mix(in srgb, #fff0db 64%, var(--panel)));
  box-shadow: 0 24px 66px rgba(5, 43, 74, .12);
}
.article--grant-program > .article-header h1 {
  background: linear-gradient(112deg, var(--night), var(--accent-deep) 62%, #c56b00);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-theme="dark"] .article--grant-program > .article-header h1 {
  background: linear-gradient(112deg, #fff, #80dcff 60%, #ffc466);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.article--grant-program > .article-visual { padding: 0; }
.article--grant-program .article-body { max-width: 900px; margin: 72px auto 0; }
.grant-snapshot {
  display: grid;
  grid-template-columns: 1.45fr repeat(3, 1fr);
  gap: 12px;
  margin: 24px auto 0;
}
.grant-snapshot > * {
  min-width: 0;
  padding: 24px;
  border-radius: 22px;
  border: 1px solid color-mix(in srgb, var(--accent) 14%, var(--line));
  background: color-mix(in srgb, #e7f8ff 68%, var(--panel));
}
.grant-snapshot > :nth-child(2) { background: color-mix(in srgb, #fff0d5 72%, var(--panel)); }
.grant-snapshot > :nth-child(3) { background: color-mix(in srgb, #e7f7da 72%, var(--panel)); }
.grant-snapshot > :nth-child(4) { background: color-mix(in srgb, #efe7ff 70%, var(--panel)); }
.grant-snapshot strong { display: block; color: var(--ink); font-size: clamp(21px, 2.2vw, 30px); line-height: 1.1; }
.grant-snapshot p,
.grant-snapshot span { display: block; margin-top: 9px; color: var(--muted); font-size: 14px; line-height: 1.55; }

/* Przezroczysty plik logo nie potrzebuje maskowania tłem. */
.brand img,
.footer-brand img { background: transparent !important; }

@media (max-width: 980px) {
  .grant-snapshot { grid-template-columns: 1fr 1fr; }
  .grant-snapshot__intro { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .article--grant-program { width: min(100% - 24px, 1220px); }
  .article--grant-program > .article-header { padding: 25px 20px; border-radius: 23px; }
  .article--grant-program .article-visual__overlay { position: static; grid-template-columns: 1fr; padding: 12px; background: var(--night); }
  .article--grant-program .article-visual__frame,
  .article--grant-program .article-visual img { min-height: 0; height: auto; }
  .article--grant-program .article-body { margin-top: 48px; }
  .grant-snapshot { grid-template-columns: 1fr; }
  .grant-snapshot__intro { grid-column: auto; }
}