/* Public sample-card pages — mobile-first single column on a dark background.
   Extracted verbatim from the inline <style> block that `templates::card::card_layout`
   used to emit (T2.1). The Rust layout now links this file; the Tera `layouts/card.html`
   layout links it too. Keep the two in sync until the card pages fully migrate (T2.7). */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { background:#0d0d0f; color:#e8e8e8; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; margin:0; padding:1.5rem 1rem; line-height:1.5; }
main { max-width:480px; margin:0 auto; }
h1 { font-size:1.5rem; font-weight:700; margin:0 0 0.5rem; }
h2 { font-size:1.1rem; font-weight:600; margin:1.5rem 0 0.5rem; }
a { color:#ffb347; }
p { margin:0 0 0.75rem; }
.muted { color:#888; }
.artwork { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; display:block; margin-bottom:1rem; }
.creator { color:#888; margin:0 0 1rem; }
input, button, .btn { font:inherit; border-radius:8px; padding:0.75rem 1rem; width:100%; box-sizing:border-box; }
input { background:#1a1a1e; color:#e8e8e8; border:1px solid #333; margin-bottom:0.75rem; }
button, .btn { background:#ffb347; color:#0d0d0f; font-weight:700; border:none; cursor:pointer; text-align:center; display:block; text-decoration:none; margin-bottom:0.6rem; }
.btn-secondary { background:transparent; color:#ffb347; border:1px solid #ffb347; }
audio { width:100%; margin:0.25rem 0 0; }
.preview { margin-bottom:0.75rem; }
.preview-title { font-size:0.9rem; margin-bottom:0.1rem; }
.panel { background:#141418; border:1px solid #26262c; border-radius:12px; padding:1.25rem; margin-bottom:1rem; }
.app-crosssell { margin-top:2rem; padding-top:1.5rem; border-top:1px solid #2a2a2e; }