.infografika-page section[id] { scroll-margin-top: 90px; }
.info-center { text-align: center; }
.info-note, .info-channels { max-width: 760px; margin: 18px auto 0; line-height: 1.65; }
.infografika-page .hero .info-note, .infografika-page .hero .info-channels { color: rgba(255,255,255,.85); }
.infografika-page .hero .info-channels a { color: #78e1ba; text-underline-offset: 3px; }
.info-check { padding: 0 24px 24px; line-height: 1.7; text-align: left; color: var(--muted); }
.info-check a, .info-brief a { color: var(--accent-dark); text-underline-offset: 3px; }
.info-brief-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; text-align: left; }
.info-brief-grid article { padding: 24px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); }
.info-brief-grid h3 { margin-bottom: 14px; }
.info-brief-grid p, .info-brief { line-height: 1.75; color: var(--muted); }
.info-brief { max-width: 850px; margin: 30px auto 0; text-align: left; }
.info-brief p { margin: 16px 0; }
.info-brief blockquote { padding: 22px; border-left: 3px solid var(--accent); background: var(--accent-light); color: var(--text); border-radius: 8px; }
.infografika-page .example-meta span { line-height: 1.65; }
.infografika-page a:focus-visible, .infografika-page button:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
@media (max-width: 760px) {
  .info-brief-grid { grid-template-columns: 1fr; }
  .infografika-page .hero-btns a { white-space: normal; text-align: center; }
  .infografika-page .hero-stats { flex-wrap: wrap; gap: 24px; }
  .infografika-page .hero-stat { min-width: 120px; }
  .infografika-page .benefits-table { table-layout: fixed; width: 100%; }
  .infografika-page .benefits-table th, .infografika-page .benefits-table td { padding: 12px 8px; overflow-wrap: anywhere; }
}