/* The platform pages (templates/marketing_platform_journal.html, PLAN §6.5). */
.vg-platform-trial { margin: .8rem 0 0; color: var(--vg-muted-strong); font-size: .92rem; font-weight: 650; }
/* The export's steps, numbered in the system's step marks (FIX-ROUND.md F4 review: the list's own numbers
   had been reset away). */
.vg-platform-steps { counter-reset: vg-step; margin: 1.1rem 0 0; padding: 0; list-style: none; color: var(--vg-text); line-height: 1.55; }
.vg-platform-steps li { counter-increment: vg-step; position: relative; padding-left: 2.25rem; }
.vg-platform-steps li::before { content: counter(vg-step); position: absolute; left: 0; top: .05rem; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--ds-blue-50, #eef4ff); box-shadow: inset 0 0 0 1px var(--ds-blue-100, #dbe6fe); color: var(--ds-accent, #2563eb); font-size: .75rem; font-weight: 600; }
.vg-platform-steps li + li { margin-top: .6rem; }
.vg-platform-nofile { margin: 1rem 0 0; color: var(--vg-muted-strong); }
.vg-platform-nofile a { color: var(--vg-blue); font-weight: 700; }
.vg-platform-reads-title { margin: 0 0 .6rem; font-size: 1.05rem; color: var(--vg-text); }
.vg-platform-loop { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.vg-platform-loop article { padding: 1.2rem; border: 1px solid var(--vg-line); border-radius: 18px; background: #fff; }
.vg-platform-loop h3 { margin: 0 0 .45rem; font-size: 1.05rem; color: var(--vg-text); }
.vg-platform-loop p { margin: 0; color: var(--vg-muted-strong); line-height: 1.55; }
.vg-platform-page .sample-week { max-width: 520px; }
@media (max-width: 860px) {
    .vg-platform-loop { grid-template-columns: 1fr; }
}