/* example style for Phish.net API v5 demo */ 
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', system-ui, sans-serif; font-weight: 300; color: #1a1a1a; background: #fafafa; display: flex; flex-direction: column; min-height: 100vh; }
header { background: #111; color: #f5f5f5; padding: 2.5rem 2rem; }
header h1 { font-family: 'Playfair Display', serif; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.02em; }
header p { font-size: 0.8rem; font-weight: 400; color: rgba(255,255,255,0.45); margin-top: 0.4rem; letter-spacing: 0.04em; text-transform: uppercase; }
main { flex: 1; max-width: 900px; width: 100%; margin: 3rem auto; padding: 0 1.5rem; }
#setlist h3 { margin-top: 2.5rem; font-family: 'Playfair Display', serif; font-size: 1.6rem; font-weight: 500; }
#setlist h3:first-child { margin-top: 0; }
.show-separator { height: 12px; margin: 2.5rem 0; background: repeat-x center; background-size: 24px 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpolyline points='0,10 12,2 24,10' fill='none' stroke='%23ddd' stroke-width='1.5'/%3E%3C/svg%3E"); }
#setlist h3 a { color: #111; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.15); transition: border-color 0.2s; }
#setlist h3 a:hover { border-color: #111; }
#setlist h3 .show-location { font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 400; color: #999; margin-left: 0.4rem; }
#setlist h4 { margin-top: 1.2rem; font-size: 0.7rem; font-weight: 500; color: #999; letter-spacing: 0.1em; text-transform: uppercase; }
.pnetsl { margin: 0.4rem 0; line-height: 1.8; font-size: 0.95rem; color: #333; }
.pnetsl a { color: #333; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.1); transition: border-color 0.2s, color 0.2s; }
.pnetsl a:hover { color: #000; border-color: #000; }
.pnetsn { font-style: italic; font-size: 0.85rem; color: #888; margin: 1rem 0 2rem; padding-top: 1rem; border-top: 1px solid #eee; line-height: 1.7; }
footer { background: #111; color: rgba(255,255,255,0.35); text-align: center; padding: 2rem; font-size: 0.75rem; letter-spacing: 0.03em; }
footer a { color: rgba(255,255,255,0.55); text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.15); transition: border-color 0.2s; }
footer a:hover { border-color: rgba(255,255,255,0.55); }