body[data-node="1001"] .about-story,
body[data-node="1001"] .about-principles,
body[data-node="1001"] .about-summary {
  display: grid;
  gap: 1.25rem;
}

body[data-node="1001"] .about-panel,
body[data-node="1001"] .principle-card,
body[data-node="1001"] .summary-card {
  padding: 1.6rem;
  border: 1px solid var(--puravi-border);
  border-radius: var(--puravi-radius-lg);
  background: var(--puravi-surface);
  box-shadow: var(--puravi-shadow-soft);
}

body[data-node="1001"] .principle-card h3,
body[data-node="1001"] .summary-card h3 {
  margin-top: 0;
}

body[data-node="1001"] .principle-card p,
body[data-node="1001"] .summary-card p,
body[data-node="1001"] .about-panel p {
  margin-bottom: 0;
  color: var(--puravi-text-muted);
}

@media (min-width: 900px) {
  body[data-node="1001"] .about-story {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }

  body[data-node="1001"] .about-principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-node="1001"] .about-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}