/* TuneTerra 3.0 discovery preview */

.v3-discovery {
  max-width: 1480px;
  margin: auto;
  padding: 72px 38px 20px;
}

.v3-section-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 25px;
}

.v3-section-title h2 {
  margin: 10px 0;
  color: #fff;
  font-size: clamp(27px, 3vw, 39px);
  letter-spacing: -1.2px;
}

.v3-section-title p {
  margin: 0;
  color: #a5b3cc;
  line-height: 1.7;
}

.v3-kicker {
  color: #35e1ed;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2px;
}

.v3-spaced {
  margin-top: 70px;
}

.v3-featured-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 19px;
}

.v3-featured-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  height: 245px;
  padding: 22px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(53,225,237,.12), transparent 65%),
    linear-gradient(145deg,#1b2c48,#101a2e);
  text-align: center;
  cursor: pointer;
  transition: transform .2s, border-color .2s;
}

.v3-featured-card:hover,
.v3-featured-card:focus-visible {
  transform: translateY(-5px);
  border-color: #35e1ed;
}

.v3-featured-card img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 14px;
}

.v3-featured-card strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
  min-height: 42px;
  font-size: 16px;
  line-height: 21px;
  overflow-wrap: anywhere;
}

.v3-featured-card small {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #a5b3cc;
}

.v3-play-indicator {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #35e1ed;
  color: #08101e;
  font-size: 12px;
}

.v3-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.v3-chip {
  padding: 14px 21px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 13px;
  background: #15243d;
  color: #f6f8ff;
  font-size: 14px;
  font-weight: 650;
  transition: background .2s, border-color .2s;
}

.v3-chip:hover,
.v3-chip:focus-visible {
  background: #213955;
  border-color: #35e1ed;
  color: #fff;
}

.v3-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-bottom: 22px;
}

.v3-actions button {
  min-height: 48px;
}

.v3-message {
  min-height: 22px;
  color: #a5b3cc;
  font-size: 14px;
}

.v3-discovery .v3-featured-grid:empty {
  display: none;
}

.tt-hero {
  padding-top: 70px;
  padding-bottom: 75px;
}

.tt-hero h1 {
  font-size: clamp(46px, 6vw, 78px);
}

.player.tt-player {
  border-top-color: rgba(53,225,237,.45);
}

@media (max-width: 720px) {
  .v3-discovery {
    padding: 48px 17px 10px;
  }

  .v3-featured-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
  }

  .v3-featured-card {
    padding: 15px 10px;
  }

  .v3-featured-card strong {
    font-size: 14px;
  }

  .v3-spaced {
    margin-top: 48px;
  }
}

@media (max-width: 380px) {
  .v3-featured-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v3-featured-card,
  .v3-chip {
    transition: none;
  }
}


/* Featured station card contrast */
.v3-featured-card {
  color: #f8fbff;
}

.v3-featured-card strong,
.v3-featured-card .v3-station-name {
  color: #ffffff !important;
}

.v3-featured-card small,
.v3-featured-card .v3-station-country {
  color: #c4d4e8 !important;
}

/* Featured station hover contrast fix */
.v3-featured-card:hover,
.v3-featured-card:focus-within {
    color: #071526;
}

.v3-featured-card:hover strong,
.v3-featured-card:hover .v3-station-name,
.v3-featured-card:focus-within strong,
.v3-featured-card:focus-within .v3-station-name {
    color: #071526 !important;
}

.v3-featured-card:hover small,
.v3-featured-card:hover .v3-station-country,
.v3-featured-card:focus-within small,
.v3-featured-card:focus-within .v3-station-country {
    color: #243b53 !important;
}

/* TuneTerra orbital globe hero */
.tt-hero.tt-hero-orbital {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:540px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:95px 24px 100px;
  background:
    radial-gradient(ellipse at 50% 60%,rgba(18,93,172,.25),transparent 65%),
    radial-gradient(ellipse at 75% 20%,rgba(118,56,212,.17),transparent 55%),
    linear-gradient(135deg,#050b1b,#0b1731 55%,#080d22);
}
.tt-hero-orbital .tt-hero-content {
  position:relative;
  z-index:5;
  width:100%;
  text-align:center;
}
.tt-hero-orbital h1 {
  text-shadow:0 5px 35px rgba(0,0,0,.65);
}
.tt-globe-scene {
  position:absolute;
  z-index:0;
  width:510px;
  height:510px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  opacity:.85;
}
.tt-globe-halo {
  position:absolute;
  inset:4%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,215,255,.19),rgba(56,93,235,.12) 40%,transparent 72%);
  filter:blur(25px);
}
.tt-globe-sphere {
  position:absolute;
  inset:19%;
  border-radius:50%;
  overflow:hidden;
  box-shadow:
    inset -42px -25px 65px rgba(0,0,0,.85),
    inset 18px 12px 50px rgba(37,225,255,.18),
    0 0 55px rgba(25,173,255,.25),
    0 0 110px rgba(80,55,220,.13);
  background:
    radial-gradient(circle at 29% 25%,rgba(110,248,255,.6),transparent 26%),
    radial-gradient(circle at 68% 75%,rgba(85,50,210,.7),transparent 55%),
    linear-gradient(125deg,#11699d,#092c65 52%,#02091c);
  animation:tt-globe-float 9s ease-in-out infinite;
}
.tt-globe-grid {
  position:absolute;
  inset:-15%;
  border-radius:50%;
  background:
    repeating-linear-gradient(0deg,transparent 0 23px,rgba(75,225,255,.17) 24px,transparent 25px 47px),
    repeating-linear-gradient(90deg,transparent 0 29px,rgba(75,225,255,.13) 30px,transparent 31px 59px);
  transform:rotate(-18deg);
  animation:tt-grid-drift 24s linear infinite alternate;
}
.tt-globe-shine {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:radial-gradient(circle at 25% 20%,rgba(200,255,255,.28),transparent 48%);
}
.tt-globe-orbit {
  position:absolute;
  inset:12%;
  border:1px solid rgba(75,229,255,.45);
  border-radius:50%;
  box-shadow:0 0 20px rgba(0,214,255,.2);
}
.tt-orbit-one {transform:rotate(-27deg) scaleY(.42);}
.tt-orbit-two {border-color:rgba(172,108,255,.42);transform:rotate(45deg) scaleY(.55);}
.tt-globe-dot {
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#63f5ff;
  box-shadow:0 0 14px #35e7ff,0 0 30px #35e7ff;
}
.tt-dot-one {left:15%;top:34%;}
.tt-dot-two {right:17%;top:62%;background:#b48aff;}
.tt-dot-three {left:47%;bottom:8%;width:6px;height:6px;}
@keyframes tt-globe-float {
  0%,100% {transform:translateY(0);}
  50% {transform:translateY(-12px);}
}
@keyframes tt-grid-drift {
  from {transform:translateX(-18px) rotate(-18deg);}
  to {transform:translateX(18px) rotate(-18deg);}
}
@media(max-width:700px) {
  .tt-hero.tt-hero-orbital {min-height:490px;padding:85px 18px;}
  .tt-globe-scene {width:350px;height:350px;opacity:.65;}
}
@media(prefers-reduced-motion:reduce) {
  .tt-globe-scene * {animation:none!important;}
}

/* TuneTerra hero visual replacement v2 */

/* Remove competing decorative artwork */
.tt-hero.tt-hero-orbital::before,
.tt-hero.tt-hero-orbital::after,
.tt-hero.tt-hero-orbital .tt-hero-content::before,
.tt-hero.tt-hero-orbital .tt-hero-content::after {
  content: none !important;
  display: none !important;
}

/* Expand the hero */
.tt-hero.tt-hero-orbital {
  min-height: 650px;
  padding: 110px 24px 120px;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(22,91,180,.30), transparent 60%),
    linear-gradient(135deg,#050b1b,#0b1731 55%,#080d22);
}

/* Enlarge and center the new globe */
.tt-hero-orbital .tt-globe-scene {
  width: 700px;
  height: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  opacity: .95;
}

/* Make headline legible over globe */
.tt-hero-orbital .tt-hero-content {
  z-index: 10;
}

.tt-hero-orbital h1 {
  position: relative;
  z-index: 10;
  text-shadow:
    0 4px 18px rgba(0,0,0,.85),
    0 8px 35px rgba(0,0,0,.65);
}

.tt-hero-orbital .tt-hero-subtitle,
.tt-hero-orbital .tt-hero-actions,
.tt-hero-orbital .tt-eyebrow {
  position: relative;
  z-index: 10;
}

/* Mobile */
@media (max-width:700px) {
  .tt-hero.tt-hero-orbital {
    min-height: 570px;
    padding: 95px 18px;
  }
  .tt-hero-orbital .tt-globe-scene {
    width: 440px;
    height: 440px;
  }
}

/* TuneTerra premium split hero v4 */

header.tt-header > .tt-hero.tt-hero-orbital {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: center;
  gap: 35px;
  min-height: 650px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 70px 7% 100px;
  overflow: hidden;
}

/* Place the headline on the left */
.tt-hero-orbital .tt-hero-content {
  grid-column: 1;
  grid-row: 1;
  text-align: left !important;
  max-width: 650px;
  z-index: 5;
}

.tt-hero-orbital .tt-eyebrow {
  display: inline-block;
  margin-left: 0;
}

.tt-hero-orbital h1 {
  font-size: clamp(52px,5.4vw,84px);
  line-height: 1.08;
  letter-spacing: -3px;
  text-align: left !important;
  text-shadow: none;
}

.tt-hero-orbital h1 span {
  display: block;
  background: linear-gradient(100deg,#37e5f3,#a78bfa);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.15));
}

.tt-hero-orbital .tt-hero-subtitle {
  max-width: 480px;
  margin: 25px 0 32px;
  text-align: left !important;
  line-height: 1.7;
  letter-spacing: normal;
}

.tt-hero-orbital .tt-hero-actions {
  justify-content: flex-start !important;
  text-align: left;
}

/* Place the globe on the right */
.tt-hero-orbital .tt-globe-scene {
  position: relative !important;
  grid-column: 2;
  grid-row: 1;
  left: auto !important;
  top: auto !important;
  width: min(100%,620px);
  height: auto;
  aspect-ratio: 1;
  margin: 0 auto;
  transform: none !important;
  opacity: 1;
  z-index: 1;
}

/* Subtle atmospheric illumination */
.tt-hero.tt-hero-orbital {
  background:
    radial-gradient(ellipse at 78% 48%,
      rgba(30,110,220,.20),transparent 55%),
    linear-gradient(115deg,#080f21,#0c1732 65%,#090e23);
}

/* Mobile and tablet */
@media (max-width:900px) {
  header.tt-header > .tt-hero.tt-hero-orbital {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    min-height: auto;
    padding: 65px 22px 80px;
  }

  .tt-hero-orbital .tt-hero-content {
    width: 100%;
    max-width: 650px;
    text-align: center !important;
    order: 1;
  }

  .tt-hero-orbital h1,
  .tt-hero-orbital .tt-hero-subtitle {
    text-align: center !important;
  }

  .tt-hero-orbital .tt-hero-subtitle {
    margin: 24px auto 30px;
  }

  .tt-hero-orbital .tt-hero-actions {
    justify-content: center !important;
  }

  .tt-hero-orbital .tt-globe-scene {
    order: 2;
    width: min(100%,470px);
    margin-top: 10px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .tt-globe-scene,
  .tt-globe-scene * {
    animation: none !important;
  }
}

/* TuneTerra illuminated Earth v5 */
.tt-globe-sphere {
  background:
    radial-gradient(circle at 30% 25%,rgba(48,194,245,.42),transparent 35%),
    radial-gradient(circle at 65% 75%,rgba(80,48,186,.45),transparent 50%),
    linear-gradient(125deg,#07558d,#06295c 52%,#020a22);
}

.tt-earth-map {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:50%;
  overflow:hidden;
  z-index:2;
}

.tt-earth-map svg {
  width:100%;
  height:100%;
  display:block;
}

.tt-earth-map path {
  vector-effect:non-scaling-stroke;
}

.tt-earth-map circle {
  filter:drop-shadow(0 0 5px #42f5ff);
}

.tt-globe-shine {
  z-index:3;
  pointer-events:none;
}

/* TuneTerra Radio Dissidence premium prototype */
.v3-featured-card.v3-rd-premium {
  position: relative;
  isolation: isolate;
  height: 245px;
  overflow: hidden;
  color: #f8fbff;
  border: 1px solid rgba(63,225,242,.42);
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 50% 28%,
      rgba(37,210,235,.25), transparent 58%),
    radial-gradient(ellipse at 100% 100%,
      rgba(135,77,255,.26), transparent 58%),
    linear-gradient(145deg,#122944,#080f22 78%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.12),
    0 14px 35px rgba(0,0,0,.22);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.v3-rd-premium::before {
  content: "";
  position: absolute;
  width: 175px;
  height: 175px;
  top: -64px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  background: rgba(44,224,240,.10);
  filter: blur(20px);
  pointer-events: none;
}

.v3-rd-premium img {
  position: relative;
  z-index: 1;
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 17px;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.45));
}

.v3-rd-premium strong {
  position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 800;
  letter-spacing: .1px;
}

.v3-rd-premium small {
  position: relative;
  z-index: 1;
  color: #a9dce7;
}

.v3-rd-premium .v3-play-indicator {
  z-index: 2;
  top: 13px;
  right: 13px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #041324;
  background: #35e1ed;
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 0 19px rgba(53,225,237,.28);
}

.v3-featured-card.v3-rd-premium:hover,
.v3-featured-card.v3-rd-premium:focus-visible {
  transform: translateY(-5px);
  color: #fff;
  border-color: #7df5ff;
  background:
    radial-gradient(ellipse at 50% 28%,
      rgba(37,210,235,.32), transparent 58%),
    radial-gradient(ellipse at 100% 100%,
      rgba(135,77,255,.31), transparent 58%),
    linear-gradient(145deg,#163653,#0a142a 78%);
  box-shadow:
    0 18px 40px rgba(0,0,0,.38),
    0 0 24px rgba(53,225,237,.15);
}

.v3-featured-card.v3-rd-premium:hover strong,
.v3-featured-card.v3-rd-premium:focus-visible strong {
  color: #fff !important;
}

.v3-featured-card.v3-rd-premium:hover small,
.v3-featured-card.v3-rd-premium:focus-visible small {
  color: #b9e9f2 !important;
}

@media (prefers-reduced-motion: reduce) {
  .v3-rd-premium {
    transition: none !important;
  }
}

/* TuneTerra Signature Cards v1 */

/* Premium artwork-inspired surface */
.v3-featured-card,
.v3-featured-card.v3-rd-premium {
  position: relative;
  isolation: isolate;
  height: 245px;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 22px 14px;
  border-radius: 20px;
  border: 1px solid rgba(125,190,230,.24);
  color: #f8fbff !important;
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(42,193,227,.19),transparent 57%),
    radial-gradient(ellipse at 95% 95%,
      rgba(126,72,216,.22),transparent 62%),
    linear-gradient(155deg,#192d49 0%,#0b152c 65%,#080e20 100%) !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.10),
    0 12px 28px rgba(0,0,0,.20);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

/* Subtle atmospheric artwork */
.v3-featured-card::before,
.v3-featured-card.v3-rd-premium::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -95px;
  left: 50%;
  width: 235px;
  height: 235px;
  transform: translateX(-50%);
  border-radius: 50%;
  background:
    radial-gradient(circle,
      rgba(53,225,237,.16),transparent 65%);
  filter: blur(12px);
  pointer-events: none;
}

/* Fine luminous lower edge */
.v3-featured-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: 2px;
  background: linear-gradient(
    90deg,transparent,#35e1ed,#9b75ff,transparent);
  opacity: .5;
  pointer-events: none;
}

/* Station artwork */
.v3-featured-card img,
.v3-featured-card.v3-rd-premium img {
  position: relative;
  z-index: 1;
  width: 80px;
  height: 80px;
  min-height: 80px;
  object-fit: contain;
  border-radius: 16px;
  filter:
    drop-shadow(0 9px 15px rgba(0,0,0,.42));
}

/* Station identity */
.v3-featured-card strong,
.v3-featured-card.v3-rd-premium strong {
  position: relative;
  z-index: 1;
  color: #f8fbff !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 21px;
  min-height: 42px;
  max-width: 100%;
  text-align: center;
}

.v3-featured-card small,
.v3-featured-card.v3-rd-premium small {
  position: relative;
  z-index: 1;
  color: #b9cbe1 !important;
  font-size: 12px;
  text-align: center;
}

/* Integrated listening control */
.v3-featured-card .v3-play-indicator,
.v3-featured-card.v3-rd-premium .v3-play-indicator {
  position: absolute;
  z-index: 3;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(53,225,237,.92) !important;
  color: #071526 !important;
  box-shadow: 0 0 16px rgba(53,225,237,.18);
}

/* Premium hover, never solid cyan */
.v3-featured-card:hover,
.v3-featured-card:focus-visible,
.v3-featured-card.v3-rd-premium:hover,
.v3-featured-card.v3-rd-premium:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(86,234,255,.8);
  color: #fff !important;
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(42,193,227,.29),transparent 57%),
    radial-gradient(ellipse at 95% 95%,
      rgba(126,72,216,.32),transparent 62%),
    linear-gradient(155deg,#203d5c,#101b35 65%,#0b1026) !important;
  box-shadow:
    0 20px 40px rgba(0,0,0,.35),
    0 0 24px rgba(53,225,237,.12);
}

.v3-featured-card:hover strong,
.v3-featured-card:focus-visible strong {
  color: #fff !important;
}

.v3-featured-card:hover small,
.v3-featured-card:focus-visible small {
  color: #d3e4f3 !important;
}

@media (prefers-reduced-motion: reduce) {
  .v3-featured-card {
    transition: none !important;
  }
}

/* TuneTerra Directory Signature Cards v1 */

/* Full station directory */
.station {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  height: 245px;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 14px;
  border: 1px solid rgba(125,190,230,.24);
  border-radius: 20px;
  color: #f8fbff;
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(42,193,227,.19),transparent 57%),
    radial-gradient(ellipse at 95% 95%,
      rgba(126,72,216,.22),transparent 62%),
    linear-gradient(155deg,#192d49,#0b152c 65%,#080e20);
  box-shadow:
    inset 0 1px rgba(255,255,255,.10),
    0 12px 28px rgba(0,0,0,.20);
  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.station::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -95px;
  left: 50%;
  width: 235px;
  height: 235px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,rgba(53,225,237,.16),transparent 65%);
  filter: blur(12px);
  pointer-events: none;
}

.station::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: 2px;
  background: linear-gradient(
    90deg,transparent,#35e1ed,#9b75ff,transparent);
  opacity: .5;
  pointer-events: none;
}

.station:hover,
.station:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(86,234,255,.8);
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(42,193,227,.29),transparent 57%),
    radial-gradient(ellipse at 95% 95%,
      rgba(126,72,216,.32),transparent 62%),
    linear-gradient(155deg,#203d5c,#101b35 65%,#0b1026);
  box-shadow:
    0 20px 40px rgba(0,0,0,.35),
    0 0 24px rgba(53,225,237,.12);
}

.station > * {
  position: relative;
  z-index: 1;
}

.station-logo {
  width: 80px;
  height: 80px;
  min-height: 80px;
  object-fit: contain;
  border-radius: 16px;
  margin: 0 0 14px;
  filter: drop-shadow(0 9px 15px rgba(0,0,0,.42));
}

.station h3 {
  width: 100%;
  height: 44px;
  min-height: 44px;
  margin: 0 0 10px;
  color: #f8fbff;
  font-size: 16px;
  font-weight: 800;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow-wrap: anywhere;
}

.station p {
  width: 100%;
  margin: 0;
  color: #b9cbe1;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.station p:last-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Featured card vertical consistency */
.v3-featured-card strong {
  height: 42px;
  min-height: 42px;
  max-height: 42px;
}

.v3-featured-card small {
  min-height: 18px;
  line-height: 18px;
}

/* Keep long country names inside their cards */
.v3-featured-card small,
.station p:last-child {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Preserve comfortable motion preferences */
@media (prefers-reduced-motion: reduce) {
  .station {
    transition: none;
  }
}

/* TuneTerra Featured Signature Cards v2 */

/* Featured cards receive their own visual identity */
.v3-featured-grid > .v3-featured-card {
  position: relative;
  isolation: isolate;
  height: 245px;
  overflow: hidden;
  padding: 37px 14px 17px;
  border: 1px solid rgba(85,220,245,.48);
  border-radius: 22px;
  background:
    radial-gradient(ellipse at 50% 8%,
      rgba(45,214,245,.30),transparent 65%),
    radial-gradient(ellipse at 95% 95%,
      rgba(150,85,255,.30),transparent 65%),
    linear-gradient(155deg,#1b3858,#0c1731 70%,#10102c)
    !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.17),
    0 15px 35px rgba(0,0,0,.27),
    0 0 20px rgba(53,225,237,.07);
}

/* Premium light effect */
.v3-featured-grid > .v3-featured-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: -105px;
  left: 50%;
  width: 260px;
  height: 260px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,rgba(75,230,255,.20),transparent 68%);
  filter: blur(14px);
  pointer-events: none;
}

/* Illuminated bottom edge */
.v3-featured-grid > .v3-featured-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 12%;
  width: 76%;
  height: 3px;
  background: linear-gradient(
    90deg,transparent,#35e1ed,#b48aff,transparent);
  opacity: .85;
  pointer-events: none;
}

/* Featured badge */
.v3-featured-grid > .v3-featured-card {
  --tt-featured-label: "FEATURED";
}

.v3-featured-grid > .v3-featured-card img {
  position: relative;
  z-index: 2;
  width: 80px;
  height: 80px;
  min-height: 80px;
  object-fit: contain;
  border-radius: 17px;
  filter: drop-shadow(0 10px 15px rgba(0,0,0,.48));
}

.v3-featured-grid > .v3-featured-card strong {
  position: relative;
  z-index: 2;
  color: #fff !important;
  font-weight: 800;
}

.v3-featured-grid > .v3-featured-card small {
  position: relative;
  z-index: 2;
  color: #c7d8ee !important;
}

/* Featured badge displayed without changing card markup */
.v3-featured-grid > .v3-featured-card .v3-play-indicator {
  top: 12px;
  right: 12px;
  z-index: 5;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #35e1ed !important;
  color: #071526 !important;
  box-shadow: 0 0 20px rgba(53,225,237,.35);
}

/* Radio Dissidence flagship */
.v3-featured-grid > .v3-rd-premium {
  border-color: rgba(112,245,255,.85);
  background:
    radial-gradient(ellipse at 50% 10%,
      rgba(35,221,248,.37),transparent 65%),
    radial-gradient(ellipse at 95% 95%,
      rgba(130,75,255,.37),transparent 65%),
    linear-gradient(155deg,#163d60,#0a1734 70%,#171039)
    !important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.22),
    0 16px 38px rgba(0,0,0,.30),
    0 0 25px rgba(53,225,237,.13);
}

/* Elegant hover */
.v3-featured-grid > .v3-featured-card:hover,
.v3-featured-grid > .v3-featured-card:focus-visible {
  transform: translateY(-6px);
  border-color: #9bf7ff;
  background:
    radial-gradient(ellipse at 50% 8%,
      rgba(45,214,245,.38),transparent 65%),
    radial-gradient(ellipse at 95% 95%,
      rgba(150,85,255,.38),transparent 65%),
    linear-gradient(155deg,#234765,#101d3b 70%,#181435)
    !important;
  box-shadow:
    0 23px 45px rgba(0,0,0,.37),
    0 0 30px rgba(53,225,237,.20);
}

/* Keep station text readable */
.v3-featured-grid > .v3-featured-card:hover strong,
.v3-featured-grid > .v3-featured-card:focus-visible strong {
  color: #fff !important;
}

.v3-featured-grid > .v3-featured-card:hover small,
.v3-featured-grid > .v3-featured-card:focus-visible small {
  color: #e0edff !important;
}

/* Responsive spacing */
@media (max-width:700px) {
  .v3-featured-grid > .v3-featured-card {
    padding: 35px 10px 15px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .v3-featured-grid > .v3-featured-card {
    transition: none !important;
  }
}