/*
 * OptionRock / artist sheets: preserve the detailed band sections as real
 * full-width editorial sections rather than placing them in the facts sidebar.
 * The facts card stays adjacent to the introductory description on desktop.
 */
/* Direct access to every public section of every group page. */
.or-band-nav {
  position: relative;
  padding: .9rem 0;
  border-block: 1px solid rgba(255,255,255,.09);
  background: #111115;
}
.or-band-nav__inner {
  display: flex;
  align-items: center;
  gap: .8rem 1.5rem;
  flex-wrap: wrap;
}
.or-band-nav__heading {
  flex-shrink: 0;
  color: #c7c8ce;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.or-band-nav__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .45rem;
}
.or-band-nav__links a {
  display: inline-flex;
  align-items: center;
  padding: .52rem .72rem;
  min-height: 2.3rem;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: .24rem;
  background: rgba(255,255,255,.04);
  color: #f3f3f6;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.3;
}
.or-band-nav__links a:hover,
.or-band-nav__links a:focus-visible {
  border-color: rgba(227,38,46,.85);
  background: rgba(227,38,46,.16);
  color: #fff;
}
.or-band-nav__links a:focus-visible,
.or-band-standard__status-link:focus-visible {
  outline: 2px solid #f4f0ed;
  outline-offset: 2px;
}
.or-band-standard__status-link {
  width: fit-content;
  margin-top: .15rem;
  color: #f7f4f2;
  font-size: .81rem;
  font-weight: 900;
  text-decoration-color: #e3262e;
  text-underline-offset: .26rem;
}
#or-band-about, #or-band-claim, #optionrock-live, #or-band-feedback {
  scroll-margin-top: 5.5rem;
}
@media (max-width: 700px) {
  .or-band-nav__heading { width: 100%; }
  .or-band-nav__links { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .or-band-nav__links a { justify-content: center; text-align: center; min-width: 0; }
}
/* Prominent but compact pointer to the detailed group sections. */
.or-resource-profile-jump {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 1.15rem;
  padding: .6rem 0;
  color: #f3f1ee;
  font-size: .88rem;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: #e3262e;
  text-underline-offset: .3rem;
}
.or-resource-profile-jump:hover,
.or-resource-profile-jump:focus-visible {
  color: #fff;
  text-decoration-color: #ff6470;
}
.or-resource-profile-jump:focus-visible {
  outline: 2px solid #e3262e;
  outline-offset: 3px;
}
#or-band-profile { scroll-margin-top: 6rem; }
#or-band-standard { scroll-margin-top: 6rem; }

.or-band-standard__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}

.or-band-standard__card {
  min-height: 7.5rem;
}

.or-band-standard__card > span {
  font-size: .72rem;
  letter-spacing: .06em;
}

.or-band-unavailable,
.or-band-standard__card .or-band-unavailable {
  color: #adb0b9;
  font-size: .86rem;
  font-style: italic;
  line-height: 1.6;
}

.or-resource-socials > .or-band-unavailable {
  margin: 0;
}

.or-band-standard__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
}

.or-band-standard__links a {
  display: inline-flex;
  padding: .4rem .65rem;
  min-height: 2rem;
  align-items: center;
  border: 1px solid rgba(227,38,46,.45);
  color: #f2f0eb;
  text-decoration: none;
  font-size: .84rem;
  font-weight: 800;
}
.or-band-standard__links a:hover,
.or-band-standard__links a:focus-visible {
  border-color: #e3262e;
  background: rgba(227,38,46,.12);
}

@media (max-width: 760px) {
  .or-band-standard__grid {
    grid-template-columns: 1fr;
  }
  .or-band-standard__card {
    min-height: 0;
  }
}

.or-band-standard__upcoming {
  margin-top: 2.25rem;
  padding: 1.2rem 1.3rem;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(110deg,rgba(227,38,46,.05),rgba(255,255,255,.018));
}
.or-band-standard__upcoming h3 {
  margin: 0 0 .85rem;
  color: #f2f0eb;
  font-size: 1.1rem;
}
.or-band-standard__upcoming-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .8rem;
}
.or-band-standard__upcoming-grid p {
  display: grid;
  align-content: start;
  gap: .3rem;
  margin: 0;
  padding: .95rem;
  background: #0d0d10;
  border: 1px solid rgba(255,255,255,.08);
}
.or-band-standard__upcoming-grid strong { color: #f2f0eb; font-size: .88rem; }
.or-band-standard__upcoming-grid span { color: #b0b2b9; font-size: .82rem; line-height: 1.55; }
@media (max-width: 760px) {
  .or-band-standard__upcoming-grid { grid-template-columns: 1fr; }
}

@media (min-width: 901px) {
  .or-resource-details__grid > .or-resource-body {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  .or-resource-details__grid > .or-resource-facts {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    margin-top: 0;
  }

  .or-resource-details__grid > .or-band-identity,
  .or-resource-details__grid > .or-artist-profile {
    grid-column: 1 / -1;
    grid-row: auto;
    min-width: 0;
  }

  .or-resource-details__grid > .or-band-identity {
    margin-bottom: 0;
  }

  .or-resource-details__grid > .or-artist-profile {
    margin-top: 0;
  }
}

@media (min-width: 1100px) {
  .or-resource-details__grid > .or-nova-profile .or-artist-profile__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .or-resource-details__grid > .or-resource-body,
  .or-resource-details__grid > .or-resource-facts,
  .or-resource-details__grid > .or-band-identity,
  .or-resource-details__grid > .or-artist-profile {
    grid-column: 1;
    grid-row: auto;
    min-width: 0;
  }

  .or-resource-details__grid > .or-band-identity {
    margin-block: 0;
  }
}