/* =========================================================
   Unified Audio Book UI
   Canonical visual reference: audio-evolve.html
   ========================================================= */

.audio-unified-page{
  background:
    radial-gradient(circle at 12% 7%, rgba(142,216,232,.12), transparent 32%) !important;
  background-color:#f6fbfd !important;
}

/* Static intro / search area */
.audio-unified-page .evolve-ux-intro{
  width:min(100%,850px) !important;
  margin:0 auto 22px !important;
  text-align:center !important;
}

.audio-unified-page .evolve-fast-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 16px !important;
  margin-bottom:12px !important;
  border-radius:999px !important;
  color:#123f61 !important;
  background:rgba(237,248,252,.96) !important;
  border:1px solid rgba(200,229,239,.96) !important;
  font-size:13px !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-ux-intro h2{
  margin:0 0 10px !important;
  color:#0f2740 !important;
  font-size:clamp(26px,3vw,42px) !important;
  line-height:1.45 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}

.audio-unified-page .evolve-ux-intro p{
  margin:0 auto !important;
  color:#5f758b !important;
  font-size:15.5px !important;
  line-height:2.05 !important;
  font-weight:650 !important;
}

.audio-unified-page .evolve-command-panel{
  position:sticky !important;
  top:82px !important;
  z-index:18 !important;
  width:min(100%,1120px) !important;
  margin:0 auto 20px !important;
  padding:14px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,251,254,.88)) !important;
  border:1px solid rgba(190,226,238,.86) !important;
  box-shadow:0 18px 48px rgba(8,34,58,.10),inset 0 1px 0 rgba(255,255,255,.95) !important;
  backdrop-filter:blur(16px) !important;
}

.audio-unified-page .evolve-search-box{
  display:grid !important;
  gap:8px !important;
}

.audio-unified-page .evolve-search-box label{
  color:#123f61 !important;
  font-size:13px !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-search-field{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:52px !important;
  padding:6px 12px 6px 6px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid rgba(190,226,238,.95) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.audio-unified-page .evolve-search-field::before{
  content:"⌕" !important;
  display:inline-flex !important;
  width:34px !important;
  height:34px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  color:#123f61 !important;
  background:rgba(237,248,252,.96) !important;
  font-size:20px !important;
  font-weight:900 !important;
}

.audio-unified-page .evolve-search-field input{
  width:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  color:#0f2740 !important;
  background:transparent !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:750 !important;
}

.audio-unified-page .evolve-search-field button{
  width:34px !important;
  height:34px !important;
  flex:0 0 auto !important;
  border:0 !important;
  border-radius:999px !important;
  color:#5f758b !important;
  background:rgba(15,39,64,.07) !important;
}

/* Tabs */
.audio-unified-page .evolve-filter-row{
  display:flex !important;
  gap:10px !important;
  overflow-x:auto !important;
  padding:12px 0 4px !important;
  scroll-snap-type:x proximity !important;
}

.audio-unified-page .evolve-book-tab{
  min-width:150px !important;
  flex:0 0 auto !important;
  display:grid !important;
  gap:3px !important;
  padding:12px 14px !important;
  border:1px solid rgba(190,226,238,.95) !important;
  border-radius:20px !important;
  color:#123f61 !important;
  background:#fff !important;
  font-family:inherit !important;
  text-align:right !important;
  cursor:pointer !important;
  box-shadow:0 10px 28px rgba(8,34,58,.06) !important;
}

.audio-unified-page .evolve-book-tab strong{
  font-size:13.5px !important;
  line-height:1.4 !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-book-tab span{
  color:#5f758b !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.audio-unified-page .evolve-book-tab[aria-pressed="true"]{
  color:#fff !important;
  background:
    radial-gradient(circle at 0 0,rgba(142,216,232,.32),transparent 36%),
    linear-gradient(135deg,#123f61,#061626) !important;
  border-color:rgba(18,63,97,.42) !important;
  box-shadow:0 16px 38px rgba(18,63,97,.22) !important;
}

.audio-unified-page .evolve-book-tab[aria-pressed="true"] span{
  color:rgba(255,255,255,.76) !important;
}

/* Status / nav */
.audio-unified-page .evolve-manifest-status,
.audio-unified-page .evolve-empty-state{
  width:min(100%,1120px) !important;
  margin:0 auto 16px !important;
  padding:14px 18px !important;
  border-radius:20px !important;
  color:#123f61 !important;
  background:rgba(237,248,252,.96) !important;
  border:1px solid rgba(200,229,239,.96) !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-align:center !important;
}

.audio-unified-page .evolve-manifest-status[hidden]{
  display:none !important;
}

.audio-unified-page .evolve-sticky-nav{
  position:sticky !important;
  top:244px !important;
  z-index:15 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  width:min(100%,1120px) !important;
  margin:0 auto 22px !important;
  padding:10px !important;
  overflow-x:auto !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(190,226,238,.76) !important;
  backdrop-filter:blur(14px) !important;
  box-shadow:0 12px 32px rgba(8,34,58,.08) !important;
}

.audio-unified-page .evolve-sticky-nav a{
  flex:0 0 auto !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 14px !important;
  border-radius:999px !important;
  color:#123f61 !important;
  background:rgba(237,248,252,.96) !important;
  border:1px solid rgba(190,226,238,.92) !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.audio-unified-page .evolve-sticky-nav a[aria-current="true"],
.audio-unified-page .evolve-sticky-nav a:hover,
.audio-unified-page .evolve-sticky-nav a:focus-visible{
  color:#fff !important;
  background:#123f61 !important;
  border-color:#123f61 !important;
}

/* Panels */
.audio-unified-page .evolve-ux-mount{
  width:min(100%,1120px) !important;
  margin:0 auto !important;
}

.audio-unified-page .evolve-cd-panel{
  scroll-margin-top:310px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 0 0,rgba(142,216,232,.14),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.99),rgba(246,252,255,.95)) !important;
  border:1px solid rgba(190,226,238,.92) !important;
  box-shadow:0 18px 48px rgba(8,34,58,.08),inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.audio-unified-page .evolve-cd-toggle,
.audio-unified-page .evolve-unit-toggle{
  width:100% !important;
  border:0 !important;
  font-family:inherit !important;
  cursor:pointer !important;
  text-align:right !important;
  box-shadow:none !important;
  appearance:none !important;
}

.audio-unified-page .evolve-cd-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  min-height:auto !important;
  padding:17px 18px !important;
  color:#0f2740 !important;
  background:transparent !important;
}

.audio-unified-page .evolve-cd-toggle::after,
.audio-unified-page .evolve-unit-toggle::after{
  content:"⌄" !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  color:#123f61 !important;
  background:rgba(237,248,252,.96) !important;
  border:1px solid rgba(190,226,238,.86) !important;
}

.audio-unified-page .evolve-cd-toggle[aria-expanded="true"]::after,
.audio-unified-page .evolve-unit-toggle[aria-expanded="true"]::after{
  transform:rotate(180deg) !important;
  color:#fff !important;
  background:#123f61 !important;
}

.audio-unified-page .evolve-cd-title-wrap{
  display:grid !important;
  gap:5px !important;
}

.audio-unified-page .evolve-cd-book{
  width:fit-content !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  color:#315000 !important;
  background:rgba(183,214,11,.13) !important;
  border:1px solid rgba(183,214,11,.30) !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-cd-title-wrap strong{
  color:#0f2740 !important;
  font-size:clamp(18px,2vw,24px) !important;
  line-height:1.45 !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-cd-content{
  padding:0 18px 18px !important;
}

.audio-unified-page .evolve-unit-accordion{
  margin-top:12px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(190,226,238,.70) !important;
}

.audio-unified-page .evolve-unit-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:auto !important;
  padding:13px 14px !important;
  color:#0f2740 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(246,252,255,.82)) !important;
}

.audio-unified-page .evolve-unit-toggle span{
  display:grid !important;
  gap:3px !important;
}

.audio-unified-page .evolve-unit-toggle strong{
  color:#0f2740 !important;
  font-size:16px !important;
  line-height:1.4 !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-unit-toggle small{
  color:#5f758b !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.audio-unified-page .evolve-unit-content{
  padding:12px !important;
}

/* Hide the clutter Evolve itself hides */
.audio-unified-page .evolve-mini-actions,
.audio-unified-page .evolve-active-summary,
.audio-unified-page .evolve-floating-tools,
.audio-unified-page .evolve-cd-meta,
.audio-unified-page .evolve-track-badge,
.audio-unified-page .evolve-open-file,
.audio-unified-page .evolve-unit-toggle em,
.audio-unified-page .evolve-ux-note{
  display:none !important;
}

/* Tracks */
.audio-unified-page .evolve-compact-grid{
  display:grid !important;
  gap:12px !important;
}

.audio-unified-page .evolve-compact-track{
  display:grid !important;
  grid-template-columns:minmax(130px,.55fr) minmax(280px,1.3fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:12px 14px !important;
  border-radius:20px !important;
}

.audio-unified-page .evolve-track-info{
  display:grid !important;
  gap:3px !important;
  min-width:0 !important;
}

.audio-unified-page .evolve-track-info strong{
  color:#0f2740 !important;
  font-size:16px !important;
  font-weight:950 !important;
}

.audio-unified-page .evolve-track-info small{
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#6b7f93 !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.audio-unified-page .evolve-track-player{
  min-width:0 !important;
}

.audio-unified-page .evolve-track-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  align-self:stretch !important;
  justify-content:center !important;
}

.audio-unified-page .audio-track-download,
.audio-unified-page .unified-direct-download{
  min-width:76px !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 12px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:#123f61 !important;
  border:1px solid #123f61 !important;
  font-size:12.5px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.audio-unified-page .audio-track-launch{
  width:100% !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border-radius:999px !important;
  color:#0f2740 !important;
  background:linear-gradient(180deg,#fff,#f5fafc) !important;
  border:1px solid rgba(183,205,218,.92) !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:950 !important;
  cursor:pointer !important;
}

.audio-unified-page .audio-track-launch__icon{
  width:28px !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  color:#fff !important;
  background:#123f61 !important;
  font-size:11px !important;
}

.audio-unified-page .evolve-track-player.is-active audio{
  width:100% !important;
  min-height:48px !important;
}

/* Remove any remaining browser-default looking nested buttons */
.audio-unified-page button.evolve-cd-toggle,
.audio-unified-page button.evolve-unit-toggle{
  outline:none !important;
}

@media (max-width:980px){
  .audio-unified-page .evolve-command-panel{
    top:72px !important;
    border-radius:24px !important;
  }

  .audio-unified-page .evolve-sticky-nav{
    top:226px !important;
  }

  .audio-unified-page .evolve-compact-track{
    grid-template-columns:1fr !important;
  }

  .audio-unified-page .evolve-track-actions{
    flex-direction:row !important;
  }
}

@media (max-width:640px){
  .audio-unified-page .evolve-command-panel{
    position:relative !important;
    top:auto !important;
    padding:12px !important;
    border-radius:22px !important;
  }

  .audio-unified-page .evolve-sticky-nav{
    top:0 !important;
    border-radius:18px !important;
    margin-bottom:16px !important;
  }

  .audio-unified-page .evolve-search-field{
    min-height:48px !important;
    border-radius:18px !important;
  }

  .audio-unified-page .evolve-book-tab{
    min-width:136px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
  }

  .audio-unified-page .evolve-cd-panel{
    scroll-margin-top:120px !important;
    border-radius:22px !important;
  }

  .audio-unified-page .evolve-cd-toggle{
    position:relative !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:15px 54px 15px 15px !important;
  }

  .audio-unified-page .evolve-cd-toggle::after{
    position:absolute !important;
    left:15px !important;
    top:15px !important;
  }

  .audio-unified-page .evolve-cd-content{
    padding:0 12px 12px !important;
  }

  .audio-unified-page .evolve-unit-toggle{
    position:relative !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:13px 54px 13px 14px !important;
  }

  .audio-unified-page .evolve-unit-toggle::after{
    position:absolute !important;
    left:12px !important;
    top:12px !important;
  }

  .audio-unified-page .evolve-unit-content{
    padding:10px !important;
  }

  .audio-unified-page .evolve-compact-track{
    gap:10px !important;
    padding:11px !important;
    border-radius:18px !important;
  }

  .audio-unified-page .evolve-track-actions{
    flex-direction:column !important;
  }

  .audio-unified-page .audio-track-download,
  .audio-unified-page .unified-direct-download{
    width:100% !important;
  }

  .audio-unified-page .evolve-track-player audio{
    width:100% !important;
  }
}