/* RIVL CSS Architecture v2.10.11 | Enterprise-polished component build */

.rivl-sidebar .rivl-card{
box-shadow:var(--rivl-shadow);
  padding:18px;
  border-radius:0;
}

.rivl-section-title{
color:var(--rivl-heading);
  font-weight:var(--rivl-fw-black);
  margin:0 0 10px;
  font-size:var(--rivl-fs-section);
  line-height:var(--rivl-lh-tight);
  letter-spacing:-.2px;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rivl-hero h1{
color:var(--rivl-heading);
  font-weight:var(--rivl-fw-black);
  margin:0 0 12px;
  padding-bottom:14px;
  position:relative;
  font-size:var(--rivl-hero-h1-size);
  text-wrap:balance;
  line-height:var(--rivl-lh-title);
  letter-spacing:-.4px;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.rivl-header{
position:relative;
  max-width:1180px;
  height:var(--rivl-header-height);
  margin:0 auto;
  padding:0 var(--rivl-header-pad-x);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.rivl-wrap{
width:100%;
  max-width:var(--rivl-wrap-max);
  margin:0 auto;
  padding:var(--rivl-wrap-pad-y) var(--rivl-wrap-pad-x);
  min-width:0;
  overflow:var(--rivl-wrap-overflow);
}

.rivl-section-music{
color:var(--rivl-primary);
  margin-right:8px;
}

.rivl-section-desc{
margin:0 0 14px;
  color:var(--rivl-text);
  font-size:var(--rivl-fs-base);
}

.rivl-section-title-gap{
margin-top:22px;
}

.rivl-hero{
background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
  margin:0 0 22px;
  min-width:0;
}

.rivl-hero h1::after{
content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  background:var(--rivl-primary);
  border-radius:99px;
}

.rivl-preview-page .rivl-hero{
margin-bottom:8px;
}


.rivl-sidebar .rivl-small-title,.rivl-card > .rivl-section-title,.rivl-content-card > .rivl-section-title,.rivl-premium-card > .rivl-section-title{
margin:0 0 14px;
  color:var(--rivl-heading);
  font-family:var(--rivl-font);
  font-size:var(--rivl-fs-xl);
  font-weight:var(--rivl-fw-black);
  line-height:var(--rivl-lh-tight-title);
  letter-spacing:-.01em;
  position:relative;
  display:block;
  max-width:100%;
  overflow-wrap:anywhere;
}

.rivl-sidebar .rivl-small-title::after,.rivl-card > .rivl-section-title::after,.rivl-content-card > .rivl-section-title::after,.rivl-premium-card > .rivl-section-title::after{
content:"";
  display:block;
  width:36px;
  height:2px;
  margin-top:10px;
  border-radius:99px;
  background:var(--rivl-primary);
}

.rivl-card > .rivl-section-title .rivl-section-music,.rivl-content-card > .rivl-section-title .rivl-section-music,.rivl-premium-card > .rivl-section-title .rivl-section-music{
color:var(--rivl-primary);
  margin-right:8px;
}

.rivl-footer a{
transition:color .18s ease;
}

/* Simple AdSense-friendly legal footer */
.site-footer{
  margin-top:var(--rivl-auto-site-footer-margin-top-dcd2e007, 32px);
  background:#050505;
  color:#d1d5db;
  border-top:1px solid rgba(255,255,255,.08);
}
.site-footer__inner{
  width:100%;
  max-width:var(--rivl-wrap-max);
  margin:0 auto;
  padding:var(--rivl-footer-inner-padding, 20px var(--rivl-wrap-pad-x));
  display:var(--rivl-footer-inner-display, flex);
  text-align:var(--rivl-footer-inner-text-align, left);
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.site-footer__brand{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:var(--rivl-footer-brand-min-width, 220px);
  max-width:var(--rivl-footer-brand-max-width, 430px);
  margin:var(--rivl-footer-brand-margin, 0);
  align-items:var(--rivl-footer-brand-align-items, stretch);
}
.site-footer__brand strong{
  color:#ffffff;
  font-size:var(--rivl-fs-lg);
  line-height:var(--rivl-lh-tight);
}
.site-footer__brand span{
  margin:0;
  color:#9ca3af;
  font-size:var(--rivl-fs-sm);
  line-height:var(--rivl-lh-ui);
}

.site-footer__menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--rivl-footer-menu-gap, 8px 14px);
  margin:var(--rivl-footer-menu-margin, 0);
  flex-wrap:wrap;
}
.site-footer__menu li{
  margin:0;
  padding:0;
}

.site-footer__legal{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--rivl-footer-legal-gap, 8px 14px);
  margin:var(--rivl-footer-legal-margin, 0);
  flex-wrap:wrap;
}
.site-footer__legal a{
  color:#e5e7eb;
  font-size:var(--rivl-auto-site-footer-legal-a-font-size-0f25b15b, var(--rivl-fs-sm));
  font-weight:var(--rivl-fw-bold);
  text-decoration:none;
  line-height:var(--rivl-lh-ui);
}
.site-footer__legal a:hover{
  color:#ffffff;
  text-decoration:underline;
}
.site-footer__copy{
  margin:0;
  color:#9ca3af;
  font-size:var(--rivl-fs-sm);
  line-height:var(--rivl-lh-ui);
  flex:0 0 100%;
  text-align:center;
  padding-top:var(--rivl-auto-site-footer-copy-padding-top-235cf4a1, 10px);
  border-top:1px solid rgba(255,255,255,.08);
}

/* Align preview sidebar with main preview player card on desktop */
.rivl-preview-page > .rivl-sidebar{
  margin-top:32px;
}
