/*
 * Presentation layer for canonical static release pages.
 * SEO HTML and JSON-LD remain server-generated.
 */


.jmt-static-release .seo-release-card-enhanced {
  max-width: 760px;

  margin-left: auto;
  margin-right: auto;
}


.jmt-static-release .seo-release-card-enhanced .seo-cover {
  display: block;

  width: 100%;
  height: auto;

  aspect-ratio: 1 / 1;

  object-fit: cover;

  border-radius: 18px;
}


.jmt-static-release .seo-release-card-enhanced h1 {
  margin-top: 26px;

  line-height: 1.12;
}


.jmt-static-release .seo-release-mb-link {
  display: inline-flex;

  align-items: center;

  margin-top: 8px;

  color: #d6ad66;

  font-weight: 600;

  text-decoration: none;
}


.jmt-static-release .seo-release-mb-link:hover,
.jmt-static-release .seo-release-mb-link:focus-visible {
  text-decoration: underline;

  text-underline-offset: 4px;
}


/* =========================================================
   Collapsible Tracklist
   ========================================================= */

.jmt-static-release .seo-static-trackbox {
  margin-top: 26px;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius: 15px;

  overflow: hidden;

  background:
    rgba(255,255,255,.018);
}


.jmt-static-release .seo-static-trackbox > summary {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 18px;

  padding: 15px 17px;

  cursor: pointer;

  list-style: none;

  user-select: none;
}


.jmt-static-release .seo-static-trackbox > summary::-webkit-details-marker {
  display: none;
}


.jmt-static-release .seo-static-trackbox > summary::after {
  content: "⌄";

  margin-left: 4px;

  color: #858994;

  font-size: 14px;

  transition:
    transform .16s ease;
}


.jmt-static-release .seo-static-trackbox[open] > summary::after {
  transform:
    rotate(180deg);
}


.jmt-static-release .seo-static-track-label {
  color: #f4f2ed;

  font-size: 14px;

  font-weight: 700;
}


.jmt-static-release .seo-static-track-count {
  margin-left: auto;

  color: #8f939e;

  font-size: 12px;

  font-weight: 500;
}


.jmt-static-release .seo-static-trackbox[open] > summary {
  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}


.jmt-static-release .seo-static-trackbox .seo-tracklist {
  margin: 0;

  padding:
    5px
    18px
    10px
    48px;
}


.jmt-static-release .seo-static-trackbox .seo-tracklist > li {
  padding:
    11px
    4px
    11px
    1px;

  border-bottom:
    1px solid
    rgba(255,255,255,.065);
}


.jmt-static-release .seo-static-trackbox .seo-tracklist > li:last-child {
  border-bottom: 0;
}


.jmt-static-release .seo-static-trackbox .seo-track-title {
  color: #f2f0eb;

  font-weight: 700;

  line-height: 1.3;
}


.jmt-static-release .seo-static-trackbox .seo-meta,
.jmt-static-release .seo-static-trackbox .seo-works {
  margin-top: 3px;

  color: #9397a1;

  font-size: 12px;

  line-height: 1.42;
}


.jmt-static-release .seo-static-trackbox .seo-works a {
  color: #d6ad66;
}


/* No visitor-facing alias/debug disclosures. */

.jmt-static-release .seo-aliases {
  display: none !important;
}


@media (max-width: 700px) {

  .jmt-static-release .seo-release-card-enhanced {
    border-radius: 20px;
  }


  .jmt-static-release .seo-release-card-enhanced .seo-cover {
    border-radius: 15px;
  }


  .jmt-static-release .seo-static-trackbox {
    margin-top: 22px;
  }


  .jmt-static-release .seo-static-trackbox > summary {
    padding:
      14px
      15px;
  }


  .jmt-static-release .seo-static-trackbox .seo-tracklist {
    padding:
      3px
      13px
      8px
      39px;
  }

}