.title {
  font-size: 22px !important;
  font-weight: normal !important;
  letter-spacing: 0.12em !important;
  line-height: 1.25 !important;
}

.concert-record {
  margin: 0 0 16px;
  border-top: 1px solid var(--concert-border, color-mix(in srgb, currentColor 30%, transparent));
}

.concert-record-heading {
  padding: 20px 0 16px;
  text-align: center;
}

.concert-record-kicker {
  margin: 0 0 5px;
  color: var(--concert-muted, color-mix(in srgb, currentColor 62%, transparent));
  font-size: 9px;
  letter-spacing: 0.18em;
  line-height: 1.5;
  text-transform: uppercase;
}

.concert-record-heading h2 {
  margin: 0;
  color: var(--concert-heading, currentColor);
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.16em;
  line-height: 1.35;
  text-transform: uppercase;
}

.concert-record-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 16px;
  border: 1px solid var(--concert-border-soft, color-mix(in srgb, currentColor 18%, transparent));
  background: var(--concert-border-soft, color-mix(in srgb, currentColor 18%, transparent));
}

.concert-record-summary div,
.concert-credit-list div,
.concert-edition-list article,
.concert-record-links a {
  min-width: 0;
  background: var(--concert-surface, rgba(10, 10, 10, 0.72));
}

.concert-record-summary div {
  padding: 12px;
}

.concert-record-summary dt,
.concert-credit-list dt {
  color: var(--concert-muted, color-mix(in srgb, currentColor 60%, transparent));
  font-size: 9px;
  letter-spacing: 0.14em;
  line-height: 1.5;
  text-transform: uppercase;
}

.concert-record-summary dd,
.concert-credit-list dd {
  margin: 4px 0 0;
  color: var(--concert-text, color-mix(in srgb, currentColor 92%, transparent));
  font-size: 10px;
  letter-spacing: 0.06em;
  line-height: 1.55;
  text-transform: uppercase;
}

.concert-record-summary a,
.concert-record-body a {
  color: inherit;
  text-underline-offset: 3px;
}

.concert-record-section {
  border-top: 1px solid var(--concert-border-soft, color-mix(in srgb, currentColor 18%, transparent));
}

.concert-record-section:last-of-type {
  border-bottom: 1px solid var(--concert-border-soft, color-mix(in srgb, currentColor 18%, transparent));
}

.concert-record-section summary {
  position: relative;
  padding: 14px 34px 14px 0;
  color: var(--concert-text, color-mix(in srgb, currentColor 92%, transparent));
  cursor: pointer;
  font-size: 10px;
  letter-spacing: 0.14em;
  line-height: 1.45;
  list-style: none;
  text-transform: uppercase;
}

.concert-record-section summary::-webkit-details-marker { display: none; }

.concert-record-section summary::after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 8px;
  color: var(--concert-muted, color-mix(in srgb, currentColor 60%, transparent));
  font-size: 15px;
  transform: translateY(-50%);
}

.concert-record-section[open] summary::after { content: '\2212'; }

.concert-record-section summary span {
  display: inline-block;
  margin-left: 8px;
  color: var(--concert-muted, color-mix(in srgb, currentColor 60%, transparent));
  font-size: 8px;
  letter-spacing: 0.12em;
}

.concert-record-section summary:hover,
.concert-record-section summary:focus-visible {
  color: var(--concert-heading, currentColor);
}

.concert-record-section summary:focus-visible,
.concert-record-links a:focus-visible {
  outline: 1px solid var(--concert-heading, currentColor);
  outline-offset: 3px;
}

.concert-record-body {
  padding: 0 0 16px;
}

.concert-record-body p,
.concert-edition-list p {
  margin: 0 0 12px;
  color: var(--concert-copy, color-mix(in srgb, currentColor 76%, transparent));
  font-size: 11px;
  letter-spacing: 0.045em;
  line-height: 1.78;
  text-transform: uppercase;
}

.concert-credit-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.concert-credit-list div,
.concert-edition-list article {
  padding: 11px;
  border: 1px solid var(--concert-border-soft, color-mix(in srgb, currentColor 18%, transparent));
}

.concert-edition-list,
.concert-record-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 0 16px;
}

.concert-edition-list h3 {
  margin: 0 0 7px;
  color: var(--concert-text, color-mix(in srgb, currentColor 92%, transparent));
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.11em;
  line-height: 1.5;
  text-transform: uppercase;
}

.concert-edition-list p { margin-bottom: 0; }

.concert-record-links a {
  padding: 10px 12px;
  border: 1px solid var(--concert-border-soft, color-mix(in srgb, currentColor 18%, transparent));
  color: var(--concert-text, color-mix(in srgb, currentColor 92%, transparent));
  font-size: 10px;
  letter-spacing: 0.08em;
  line-height: 1.45;
  text-decoration: none;
  text-transform: uppercase;
  transition: border-color 240ms ease, background 240ms ease, color 240ms ease;
}

.concert-record-links a:hover,
.concert-record-links a:focus-visible {
  border-color: var(--concert-border, color-mix(in srgb, currentColor 36%, transparent));
  color: var(--concert-heading, currentColor);
}

.concert-record-links span {
  display: block;
  margin-bottom: 3px;
  color: var(--concert-muted, color-mix(in srgb, currentColor 60%, transparent));
  font-size: 8px;
  letter-spacing: 0.14em;
}

@media (max-width: 760px) {
  .concert-record-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .concert-credit-list,
  .concert-edition-list,
  .concert-record-links {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .concert-record-summary {
    grid-template-columns: 1fr;
  }

  .concert-record-section summary span {
    display: block;
    margin: 4px 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .concert-record-links a { transition-duration: 0.01ms; }
}
