/* Podcast-Folgenseiten (erzeugt von ~/Documents/Podcast/Werkzeuge/podcast_bauen.py).
   Eigene Datei statt site.css: so greift sie sofort, ohne den Cache-Stand aller Seiten zu ändern.
   Nur Tokens — der Dunkelmodus dreht sie mit. */
.prompt-karte {
    margin-top: clamp(28px, 3vw, 40px);
    padding: clamp(20px, 2.4vw, 28px);
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--paper);
}
.prompt-kopf { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; }
.prompt-kopf h2 { font-size: 1.15rem; color: var(--ink); }
.prompt-kopf p { margin-top: 6px; color: var(--ink-body); max-width: 60ch; }
.prompt-kopieren { flex: none; height: 42px; padding: 0 18px; }
.prompt-kopieren.ist-kopiert { border-color: var(--ok-line); background: var(--ok-bg); color: var(--ok-ink); }
.prompt-text {
    margin-top: 16px;
    padding: 16px 18px;
    max-height: 26em;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
    font-size: .93rem;
    line-height: 1.6;
    color: var(--ink-body);
    background: var(--paper-tint);
    border-left: 3px solid var(--accent);
    border-radius: 8px;
}
.prompt-hinweis { margin-top: clamp(28px, 3vw, 40px); }
.prompt-hinweis a { color: var(--accent); text-decoration: underline; }
@media (max-width: 560px) {
    .prompt-kopf { flex-direction: column; }
    .prompt-kopieren { width: 100%; }
}