/* Rich article embeds for Spotify, YouTube and external links */
.gl-rich-link{
  margin:28px 0;
}
.gl-media-card{
  overflow:hidden;
  border:1px solid rgba(11,13,11,.1);
  border-radius:20px;
  background:#fff;
}
.gl-media-head{
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 15px;
  border-bottom:1px solid rgba(11,13,11,.08);
}
.gl-media-badge{
  display:inline-grid;
  place-items:center;
  min-width:34px;
  height:28px;
  padding:0 9px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.05em;
}
.gl-media-card.spotify .gl-media-badge{
  background:#1ed760;
  color:#071108;
}
.gl-media-card.youtube .gl-media-badge{
  background:#ff0033;
  color:#fff;
}
.gl-media-meta{
  min-width:0;
}
.gl-media-meta strong,
.gl-media-meta span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gl-media-meta strong{
  font:800 13px/1.25 'Manrope',sans-serif;
  color:#111;
}
.gl-media-meta span{
  margin-top:2px;
  color:#747b73;
  font-size:10px;
}
.gl-spotify-frame{
  display:block;
  width:100%;
  height:152px;
  border:0;
}
.gl-youtube-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#0b0d0b;
}
.gl-youtube-wrap iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.gl-media-footer{
  display:flex;
  justify-content:flex-end;
  padding:10px 14px 13px;
}
.gl-media-footer a{
  color:#111;
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}
.gl-generic-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border:1px solid rgba(11,13,11,.1);
  border-radius:16px;
  background:#fff;
  color:#111;
  text-decoration:none;
}
.gl-generic-link span{
  min-width:0;
}
.gl-generic-link strong,
.gl-generic-link small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gl-generic-link small{
  margin-top:3px;
  color:#777e76;
}
.article-content p a{
  color:#d86600;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:560px){
  .gl-rich-link{margin:22px 0}
  .gl-media-head{padding:11px 12px}
  .gl-spotify-frame{height:152px}
}


/* Gutusloaded authorized article downloads */
.gl-download-block{
  margin:30px 0;
}
.gl-download-card{
  overflow:hidden;
  border:1px solid rgba(11,13,11,.12);
  border-radius:24px;
  background:#0d100d;
  color:#fff;
  box-shadow:0 18px 50px rgba(11,13,11,.08);
}
.gl-download-top{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:18px;
}
.gl-download-art{
  width:92px;
  height:92px;
  border-radius:17px;
  object-fit:cover;
  background:#171b17;
}
.gl-download-art-fallback{
  display:grid;
  place-items:center;
  font:900 32px 'Manrope',sans-serif;
  color:#79ff00;
  background:
    radial-gradient(circle at 70% 20%,rgba(244,122,0,.45),transparent 30%),
    #171b17;
}
.gl-download-copy{
  min-width:0;
}
.gl-download-eyebrow{
  display:block;
  margin-bottom:6px;
  color:#79ff00;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.gl-download-copy strong{
  display:block;
  font:800 21px/1.15 'Manrope',sans-serif;
  overflow-wrap:anywhere;
}
.gl-download-copy p{
  margin:5px 0 0!important;
  color:#b7beb6!important;
  font-size:13px!important;
}
.gl-download-copy small{
  display:block;
  margin-top:7px;
  color:#7f887f;
  font-size:10px;
  font-weight:800;
}
.gl-download-player{
  display:block;
  width:calc(100% - 36px);
  margin:0 18px 18px;
}
.gl-download-player.audio{
  height:48px;
}
.gl-download-player.video{
  aspect-ratio:16/9;
  max-height:520px;
  border-radius:16px;
  background:#000;
}
.gl-download-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px 18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.gl-download-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:#f47a00;
  color:#111!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:950;
}
.gl-download-actions span{
  color:#818a81;
  font-size:9px;
  text-align:right;
}
@media(max-width:560px){
  .gl-download-top{
    grid-template-columns:72px minmax(0,1fr);
    padding:14px;
  }
  .gl-download-art{
    width:72px;
    height:72px;
    border-radius:14px;
  }
  .gl-download-copy strong{
    font-size:17px;
  }
  .gl-download-player{
    width:calc(100% - 28px);
    margin:0 14px 14px;
  }
  .gl-download-actions{
    align-items:stretch;
    flex-direction:column;
    padding:12px 14px 15px;
  }
  .gl-download-actions span{
    text-align:left;
  }
}