.public-chart { max-width: 860px; margin: 2rem auto; padding: 2rem; border: 1px solid var(--border-color, #ddd); border-radius: 18px; background: var(--card-bg, #fff); }
.public-chart h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); }
.public-chart-pillars { font-size: 1.2rem; letter-spacing: .06em; }
.public-chart-summary, .public-chart-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; }
.public-chart section { margin-top: 2rem; }
.public-chart-actions, .public-chart-history { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.5rem; }
.public-chart-actions button, .public-chart-actions a { display: inline-block; padding: .8rem 1.2rem; border-radius: 8px; border: 1px solid currentColor; cursor: pointer; }
@media (max-width: 600px) { .public-chart { margin: 1rem; padding: 1.2rem; } }