/* Mogubo — shared release pages and date-based release status. */
.discography-tracklist { display:table; width:100%; margin-top:10px; border-top:1px solid rgba(255,255,255,0.055); }
.discography-track { display:table-row; }
.discography-number, .discography-track-title, .discography-duration { display:table-cell; padding-top:5px; padding-bottom:5px; vertical-align:top; border-bottom:1px solid rgba(255,255,255,0.035); }
.discography-track:last-child .discography-number, .discography-track:last-child .discography-track-title, .discography-track:last-child .discography-duration { border-bottom:0; }
.discography-number { width:26px; padding-right:5px; color:#92979b; font-size:11px; line-height:16px; }
.discography-track-title { padding-right:5px; color:#dadada; font-size:12px; font-weight:500; line-height:16px; word-wrap:break-word; }
.discography-duration { width:34px; color:#92979b; font-size:11px; line-height:16px; text-align:right; }
.discography-bonus { display:inline-block; margin:0 0 0 3px; white-space:nowrap; vertical-align:baseline; color:#8f9498; font-size:11px; font-weight:400; line-height:14px; }
.discography-tracklist-status { margin-top:10px; padding:8px 6px; color:#9da1a4; font-size:11px; font-weight:500; line-height:15px; text-align:center; background:rgba(0,0,0,0.16); border:1px solid rgba(255,255,255,0.035); -webkit-border-radius:5px; border-radius:5px; text-shadow:0 -1px 0 rgba(0,0,0,0.70); }
.discography-album-description { margin:10px 0 0; color:#b9bdc0; font-size:12px; line-height:1.5; word-wrap:break-word; }
.discography-album-genres { margin:7px 0 0; color:#92979b; font-size:11px; line-height:1.4; word-wrap:break-word; }
.discography-track-credit { display:block; margin-top:2px; color:#92979b; font-size:11px; font-weight:400; line-height:14px; word-wrap:break-word; }

/* Existing GIGS button treatment; the catalogue action fills the available width. */
.release-details-button { margin-top:10px; padding:7px 5px; -webkit-transition:none; transition:none; -webkit-user-select:none; user-select:none; }
.release-details-button.is-pressed,
html.no-ios-device .release-details-button.is-pressed { background:#202020; color:#fff; -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.7),inset 0 -1px 0 rgba(255,255,255,0.04); box-shadow:inset 0 2px 4px rgba(0,0,0,0.7),inset 0 -1px 0 rgba(255,255,255,0.04); }
.release-info-link { display:block; color:inherit; text-decoration:none; }
.release-info-link:focus { outline:1px dotted #c8c8c8; outline-offset:3px; }
.release-name, .discography-album-title, .release-artist { word-wrap:break-word; }
.release-date-prefix { display:none; }
.is-upcoming .release-date-prefix { display:inline; }

/* Warm iTunes-era orange, with an old WebKit gradient and a solid fallback. */
.is-upcoming .release-date, .is-upcoming .discography-album-date { color:#ff9b45; }
.is-upcoming .release-details-button,
.is-upcoming .button-type-2 {
  color:#fff;
  background:#e76b04;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ff9a39),color-stop(0.49,#f9871c),color-stop(0.5,#e56b02),color-stop(1,#cb5000));
  background:-webkit-linear-gradient(top,#ff9a39 0%,#f9871c 49%,#e56b02 50%,#cb5000 100%);
  background:linear-gradient(to bottom,#ff9a39 0%,#f9871c 49%,#e56b02 50%,#cb5000 100%);
  border-color:#a74200;
  text-shadow:0 -1px 0 rgba(113,43,0,0.8);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,235,196,0.5),0 1px 0 rgba(255,255,255,0.04);
  box-shadow:inset 0 1px 0 rgba(255,235,196,0.5),0 1px 0 rgba(255,255,255,0.04);
}
html.no-ios-device .is-upcoming .release-details-button:hover,
html.no-ios-device .is-upcoming .button-type-2:hover {
  color:#fff;
  background:#fa8a25;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffb366),color-stop(0.49,#ffa143),color-stop(0.5,#f58215),color-stop(1,#df6107));
  background:-webkit-linear-gradient(top,#ffb366 0%,#ffa143 49%,#f58215 50%,#df6107 100%);
  background:linear-gradient(to bottom,#ffb366 0%,#ffa143 49%,#f58215 50%,#df6107 100%);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,242,212,0.65),0 0 5px rgba(255,143,44,0.25);
  box-shadow:inset 0 1px 0 rgba(255,242,212,0.65),0 0 5px rgba(255,143,44,0.25);
}
.is-upcoming .button-type-2.is-pressed,
html.no-ios-device .is-upcoming .button-type-2.is-pressed,
.is-upcoming .release-details-button.is-pressed,
html.no-ios-device .is-upcoming .release-details-button.is-pressed {
  background:#bf4e00;
  -webkit-box-shadow:inset 0 2px 5px rgba(88,29,0,0.6);
  box-shadow:inset 0 2px 5px rgba(88,29,0,0.6);
}
/* One recessed horizontal clock at every width; all four cells remain equal. */
.release-countdown { display:block; width:100%; max-width:100%; margin-top:11px; padding:0; overflow:hidden; color:#bababa; text-decoration:none; cursor:pointer; background:#282624; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#36312b),color-stop(0.46,#29251f),color-stop(0.5,#231f1a),color-stop(1,#302a23)); background:linear-gradient(to bottom,#36312b 0%,#29251f 46%,#231f1a 50%,#302a23 100%); border:1px solid #15120f; -webkit-border-radius:6px; border-radius:6px; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:inset 0 3px 7px rgba(0,0,0,0.65),inset 0 -1px 3px rgba(0,0,0,0.35),0 2px 3px rgba(0,0,0,0.22); box-shadow:inset 0 3px 7px rgba(0,0,0,0.65),inset 0 -1px 3px rgba(0,0,0,0.35),0 2px 3px rgba(0,0,0,0.22); text-align:center; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.release-countdown, .release-countdown * { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -webkit-user-drag:none; }
.is-upcoming .release-countdown { color:#ffd6ad; }
.release-countdown:focus { outline:1px dotted #eaa565; outline-offset:3px; }
.release-countdown-clock { display:table; table-layout:fixed; width:100%; border-spacing:0; }
.release-countdown-unit { display:table-cell; position:relative; width:25%; margin:0; padding:9px 2px 8px; min-width:0; overflow:hidden; vertical-align:middle; text-align:center; border-right:1px solid rgba(0,0,0,0.7); -webkit-box-shadow:inset 2px 0 4px rgba(0,0,0,0.22),inset 0 2px 4px rgba(0,0,0,0.2); box-shadow:inset 2px 0 4px rgba(0,0,0,0.22),inset 0 2px 4px rgba(0,0,0,0.2); }
.release-countdown-unit:first-child { -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.2); box-shadow:inset 0 2px 4px rgba(0,0,0,0.2); }
.release-countdown-unit:last-child { border-right:0; }
.release-countdown-value { display:block; max-width:100%; color:inherit; font-size:32px; line-height:1.15; font-weight:500; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; white-space:nowrap; text-align:center; text-shadow:0 -1px 1px rgba(0,0,0,0.95); }
.release-countdown-label { display:block; max-width:100%; margin-top:4px; color:#ba9d7f; font-size:10px; line-height:1.4; font-weight:600; letter-spacing:0; white-space:nowrap; text-transform:uppercase; text-align:center; text-shadow:0 -1px 0 rgba(0,0,0,0.9); }
.release-summary .release-countdown-value { font-size:34px; }
.release-format-suffix, .discography-release-suffix { color:#9da1a4; font-weight:400; }
.discography-release-suffix { font-size:16px; }

/* Dedicated pages inherit the same glass card width as Home and Discography. */
.release-page .content-block { margin-bottom:0; }
.release-page .content-panel-body { padding:13px; }
.release-page-header { display:table; width:100%; table-layout:fixed; }
.release-page-art, .release-page-info { display:table-cell; vertical-align:middle; }
.release-page-art { width:38%; }
.release-page-info { padding-left:14px; }
.release-page-cover { cursor:default; }
.release-page-type { margin-bottom:-2px; font-size:10px; line-height:12px; color:#9da1a4; letter-spacing:0.5px; font-weight:700; text-transform:uppercase; }
.release-page .release-name { margin-bottom:1px; font-size:25px; line-height:30px; }
.release-summary .release-artist { position:relative; top:0; }
.release-page .release-artist { position:relative; top:-2px; }
.release-page .discography-album-genres { margin-top:3px; }
.release-page .release-countdown { margin-top:16px; }
.release-page .release-links { margin-top:16px; }
.release-page-section { margin-top:23px; padding-top:16px; border-top:1px solid rgba(255,255,255,0.075); }
.release-page-section-title { margin:0 0 8px; color:#d5d5d5; font-size:12px; line-height:18px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; }
.release-page .discography-album-description { margin:0; font-size:13px; line-height:1.65; }
.release-page .discography-tracklist { margin-top:0; border-top:0; table-layout:fixed; }
.release-page .discography-track-title { font-size:13px; line-height:18px; word-wrap:break-word; }
.release-page .discography-track-credit { line-height:16px; }
.release-page .discography-number, .release-page .discography-duration { padding-top:7px; padding-bottom:7px; line-height:18px; }
.release-page .discography-track-title { padding-top:7px; padding-bottom:7px; }
.release-page-credits { margin:0; color:#b9bdc0; font-size:12px; line-height:18px; word-wrap:break-word; }
.release-page-credits dt { margin:8px 0 1px; color:#94999d; font-size:10px; text-transform:uppercase; }
.release-page-credits dd { margin:0; }
.release-page-rights { margin-top:7px; color:#94999d; font-size:11px; line-height:15px; word-wrap:break-word; }
.release-page-rights p { margin:0; }
.release-page-actions { margin-top:17px; }
/* Match Home's stacked artwork layout whenever its mobile mode is active. */
html.mobile-ui-active .release-page-header,
html.mobile-ui-active .release-page-art,
html.mobile-ui-active .release-page-info { display:block; width:100%; }
html.mobile-ui-active .release-page-art { max-width:none; margin:0 auto; }
html.mobile-ui-active .release-page-info { padding-left:0; margin-top:16px; text-align:center; }
@media screen and (max-width:560px) {
  .release-page-header, .release-page-art, .release-page-info { display:block; width:100%; }
  .release-page-art { max-width:none; margin:0 auto; }
  .release-page-info { padding-left:0; margin-top:16px; text-align:center; }
  .release-page .release-name { font-size:23px; line-height:28px; }
  .release-page .discography-track-title { font-size:12px; }
}

/* Tracklist boundary rules have the same inset spacing and tone as row dividers. */
.release-page-track-section { margin-top:7px; padding-top:0; border-top:1px solid rgba(255,255,255,0.035); border-bottom:1px solid rgba(255,255,255,0.035); }
.release-page-metadata { margin-top:7px; padding-top:0; border-top:0; }
.discography-number, .discography-number * { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; }

/* Translation must not collapse the spacing around a release suffix. */
.release-format-separator { white-space:pre; }