#phero { padding-top: calc(var(--nav) + 64px); padding-bottom: 32px; }
.plegend { display: inline-flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 600;
           padding: 6px 13px; border-radius: 100px; background: rgba(139,92,246,.12); border: 1px solid rgba(139,92,246,.3); color: #8b5cf6; }

/* Framework grid cards on the pillar page */
.fw-grid-card { display: flex; flex-direction: column; height: 100%; }
.fw-grid-card .fwtico { width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center;
  justify-content: center; background: rgba(139,92,246,.12); color: #8b5cf6; font-size: 1.1rem; margin-bottom: 14px; }
.fw-grid-card h3 { margin-bottom: 8px; }
.fw-grid-card p { flex-grow: 1; }
.fw-grid-card .vlink { margin-top: 14px; }