.prompt-detail-page { margin: 0; }
.prompt-detail-page .prompt-detail { max-width: 1000px !important; padding-top: 120px; padding-bottom: 64px; }
.prompt-detail-page h1 { font-size: clamp(28px, 5vw, 52px); margin: 16px 0; overflow-wrap: anywhere; }
.prompt-detail-page .prompt-detail__label { color: var(--acid); text-transform: uppercase; margin-top: 32px; }
.prompt-detail-page .prompt-detail__description { color: var(--text-secondary); }
.prompt-detail-page .prompt-detail__metadata { display: grid; grid-template-columns: auto 1fr; gap: 8px 24px; margin: 24px 0; }
.prompt-detail-page dt { color: var(--text-secondary); }
.prompt-detail-page dd { margin: 0; overflow-wrap: anywhere; }
.prompt-detail-page h2 { font-size: 22px; margin: 32px 0 16px; }
.prompt-detail-page pre { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.75; padding: 24px; border: 1px solid var(--line-strong); background: var(--surface-1); color: var(--text-primary); }
.prompt-detail-page .prompt-detail__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
.prompt-detail-page a.btn-ghost-light { background: transparent !important; color: var(--text-primary) !important; border-color: var(--line-strong) !important; }
.prompt-detail-page a.btn-ghost-light:hover { color: var(--acid) !important; border-color: var(--acid-dim) !important; }
.prompt-detail-page [hidden] { display: none !important; }
.prompt-detail-page #public-copy-status { min-height: 2em; color: var(--text-secondary); margin-top: 16px; }
.prompt-detail-page .prompt-skip { position: absolute; left: 20px; top: -100px; z-index: 1000; padding: 12px; background: var(--bg); }
.prompt-detail-page .prompt-skip:focus { top: 12px; }
@media (max-width: 600px) {
  .prompt-detail-page .prompt-detail { padding-top: 100px; }
  .prompt-detail-page pre { padding: 16px; }
  .prompt-detail-page .prompt-detail__actions { flex-direction: column; align-items: stretch; }
}