/* Pages concerts statiques — scripts/generate-event-pages.js */
:root { --ivory:#faf6ee; --paper:#fffaf0; --gold:#b8893f; --gold-deep:#8e6624; --ink:#1f1a13; --ink-soft:#4a4136; --rule:#d6c9aa; }
* { box-sizing: border-box; }
body { margin:0; background:var(--ivory); color:var(--ink); font:16px/1.6 Inter, system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; }
.back { color: var(--gold-deep); text-decoration: none; font-size: 14px; }
.kicker { margin: 24px 0 4px; color: var(--gold-deep); text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
h1 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: 34px; line-height: 1.15; margin: 0 0 12px; }
.meta { color: var(--ink-soft); margin: 0 0 4px; }
.fest { display:inline-block; margin-top:8px; padding:2px 10px; border:1px solid var(--gold-light, #d9b97a); border-radius:999px; font-size:13px; color:var(--gold-deep); }
section { background: var(--paper); border: 1px solid var(--rule); border-radius: 10px; padding: 16px 18px; margin-top: 20px; }
h2 { font-family: 'Cormorant Garamond', serif; font-size: 22px; margin: 0 0 8px; }
ul { margin: 0; padding-left: 20px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.btn { display:inline-block; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:500; }
.btn-main { background: var(--gold); color: #fff; }
.btn-alt { border: 1px solid var(--gold-deep); color: var(--gold-deep); }
footer { margin-top: 32px; font-size: 13px; color: var(--ink-soft); }
.explore { margin-top: 20px; font-size: 14px; }
.explore a, .clist a, .hub a { color: var(--gold-deep); }
.clist, .hub { list-style: none; padding-left: 0; }
.clist li { padding: 6px 0; border-bottom: 1px solid var(--rule); }
.clist li:last-child { border-bottom: 0; }
.cdate { display: inline-block; min-width: 105px; color: var(--ink-soft); font-size: 14px; }
.cvenue { color: var(--ink-soft); font-size: 14px; }
.hub { columns: 2; column-gap: 24px; }
.hub li { break-inside: avoid; padding: 2px 0; }
@media (max-width: 560px) { .hub { columns: 1; } .cdate { min-width: 0; display: block; } }