/* Streama (in-stream) page extras, loaded after pages.css */

/* product icons from coralogix.com in place of the stroked persona icon */
.persona-img { display: block; width: 56px; height: 56px; margin-bottom: 24px; border-radius: 14px; }

/* non-link cards in a .more grid */
.more > div.card { display: flex; flex-direction: column; padding: 28px; }
.more .is-current { border-color: rgba(19,233,137,.35); }
.more .here { margin-top: 20px; font-family: var(--mono); font-size: 12.5px; color: var(--accent); }
.section .more + .showcase-cta { margin-top: 48px; }

.final .fine { text-align: center; }
.final .facts span { text-transform: none; }

@media (max-width: 560px) {
  .more > div.card { padding: 26px; }
}

/* Light skin: small green text uses --mint (≥4.5:1 on the light surfaces); --accent stays for dots, fills,
   borders and large numbers. Light only, so the dark skin is unchanged. */
:root[data-theme="light"] .more .here { color: var(--mint); }