/* event-detail.css — layout for all individual event pages */

body { padding-top: 56px; }

.detail-wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 56px 5vw 80px;
}

/* BACK BUTTON */
.back-btn {
  display: inline-flex; align-items:center; gap:8px;
  font-family: 'IBM Plex Mono', monospace;
  font-size: .7em; letter-spacing:1.5px; text-transform:uppercase;
  color: var(--muted); text-decoration:none;
  padding: 8px 0; margin-bottom: 2.5em;
  background:none; border:none; cursor:pointer;
  transition: color .2s;
}
.back-btn:hover { color: var(--cyan); }

/* HEADER */
.detail-header { margin-bottom: 2.5em; }
.detail-cat    { display:inline-block; margin-bottom:.9em; }
.detail-title  {
  font-family: 'Syne', sans-serif; font-weight:800;
  font-size: clamp(2em,5vw,3em);
  color:#fff; letter-spacing:-1px; line-height:1;
  margin-bottom: .45em;
}
.detail-tagline {
  font-size: .95em; color:var(--muted);
  line-height:1.7; font-weight:300; max-width:540px;
}

/* META CHIPS */
.meta-row  { display:flex; flex-wrap:wrap; gap:8px; margin: 1.8em 0; }
.meta-chip {
  font-family:'IBM Plex Mono',monospace; font-size:.7em; font-weight:500;
  padding:5px 12px; border-radius:3px;
  background:var(--surface2); color:var(--muted);
  border:1px solid var(--border);
  display:flex; align-items:center; gap:6px;
}
.meta-chip .dot { width:5px; height:5px; border-radius:50%; background:var(--cyan); flex-shrink:0; }

.divider { height:1px; background:var(--border); margin:2em 0; }

/* CONTENT SECTIONS */
.ds { margin-bottom: 2.2em; }
.ds-label {
  font-family:'IBM Plex Mono',monospace; font-size:.67em; font-weight:500;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--cyan);
  margin-bottom: 1em;
  display:flex; align-items:center; gap:10px;
}
.ds-label::after { content:''; flex:1; height:1px; background:var(--border); }

/* Prose */
.ds p { font-size:.88em; color:var(--muted); line-height:1.8; margin-bottom:.7em; }
.ds p b { color:var(--text); font-weight:600; }

/* List */
.ds ul { list-style:none; padding:0; }
.ds li {
  font-size:.86em; color:var(--muted); line-height:1.7;
  padding: .45em 0 .45em 1.1em; position:relative;
  border-bottom:1px solid var(--border);
}
.ds li:last-child { border-bottom:none; }
.ds li::before { content:'›'; position:absolute; left:0; color:var(--cyan); }
.ds li b { color:var(--text); font-weight:600; }

/* Round blocks */
.round {
  background:var(--surface); border:1px solid var(--border);
  border-radius:6px; padding:1.2em 1.4em; margin-bottom:.9em;
}
.round-lbl  { font-family:'IBM Plex Mono',monospace; font-size:.62em; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:.4em; }
.round-name { font-family:'Syne',sans-serif; font-weight:700; font-size:.98em; color:#fff; margin-bottom:.5em; }
.round-body { font-size:.84em; color:var(--muted); line-height:1.75; }
.round-body ul { list-style:none; margin-top:.4em; }
.round-body li { padding:.25em 0 .25em 1em; position:relative; }
.round-body li::before { content:'·'; position:absolute; left:0; color:var(--cyan); }

/* Scoring table */
.score-table { width:100%; border-collapse:collapse; font-size:.84em; margin-top:.4em; }
.score-table tr { border-bottom:1px solid var(--border); }
.score-table tr:last-child { border-bottom:none; }
.score-table td { padding:.55em .7em; color:var(--muted); }
.score-table td:last-child { text-align:right; font-family:'IBM Plex Mono',monospace; color:var(--gold); font-weight:700; }

/* Hosts */
.host-grid { display:flex; flex-direction:column; gap:7px; }
.host-item {
  display:flex; align-items:center; gap:12px;
  padding:.6em 1em; background:var(--surface);
  border:1px solid var(--border); border-radius:4px;
  font-size:.84em; color:var(--muted);
}
.host-tag {
  font-family:'IBM Plex Mono',monospace; font-size:.62em;
  padding:2px 8px; border-radius:2px;
  background:var(--cyan-dim); color:var(--cyan); flex-shrink:0;
}

@media (max-width:600px) { .detail-title { font-size:2em; } }