/* §Banger Prompt Recipes — public pages (self-contained; no app CSS dependency). */
.recipes-public { font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: #1a1c1f; background: #fafafa; margin: 0; padding: 0; }
.recipes-public a { color: #6d4bd0; text-decoration: none; }
.rc-gallery, .rc-recipe { max-width: 820px; margin: 0 auto; padding: 40px 20px 80px; }
.rc-gallery h1, .rc-recipe h1 { font-size: 2rem; margin: 0 0 8px; }
.rc-lede { color: #555; margin: 0 0 28px; }
.rc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.rc-card { display: block; border: 1px solid #e5e5e8; border-radius: 10px; padding: 16px; background: #fff; }
.rc-card:hover { border-color: #6d4bd0; }
.rc-card h2 { font-size: 1.05rem; margin: 0 0 6px; color: #1a1c1f; }
.rc-use { color: #666; font-size: .95rem; margin: 0 0 10px; }
.rc-meta { display: flex; gap: 12px; flex-wrap: wrap; color: #888; font-size: .85rem; }
.rc-back { display: inline-block; margin-bottom: 12px; }
.rc-prompt, .rc-term { background: #0d0f11; color: #e7e9ec; padding: 14px; border-radius: 8px; overflow-x: auto; white-space: pre-wrap; word-break: break-word; font: 13px/1.5 ui-monospace, Menlo, Consolas, monospace; }
.rc-term { color: #9fe6a0; }
.rc-files { color: #444; }
.rc-vote { border: 1px solid #d5d5db; background: #fff; border-radius: 6px; padding: 4px 12px; cursor: pointer; font: inherit; }
.rc-vote.voted { border-color: #6d4bd0; color: #6d4bd0; }
.rc-btn { display: inline-block; background: #6d4bd0; color: #fff; padding: 10px 20px; border-radius: 8px; margin-top: 16px; }
.rc-foot { text-align: center; color: #999; padding: 30px 0; font-size: .9rem; }
@media (max-width: 600px) { .rc-grid { grid-template-columns: 1fr; } }