.symbol-page{
  max-width:900px;
  margin:0 auto;
  padding-bottom:4rem;
}

.page-lead{
  margin-bottom:2rem;
}

.symbol-block{
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;

  padding:32px;

  margin-bottom:28px;
}

.symbol-block h2{
  margin-top:0;

  padding-left:.75rem;

  border-left:5px solid #005bac;
}

.symbol-layout{
  display:grid;

  grid-template-columns:220px 1fr;

  gap:32px;

  align-items:center;
}

.symbol-image{
  text-align:center;
}

.symbol-image img{
  max-width:180px;
}

.symbol-text{
  line-height:1.9;
}

.song-box{
  background:#fafafa;

  border-radius:8px;

  padding:24px;

  line-height:2;
}

.song-credit{
  margin-top:2rem;

  color:#666;
}

.audio-links{
  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-top:24px;
}

.audio-btn{
  display:inline-block;

  padding:10px 18px;

  border:1px solid #005bac;

  border-radius:999px;

  color:#005bac;

  text-decoration:none;

  font-weight:600;
}

.audio-btn:hover{
  background:#005bac;

  color:#fff;
}

@media(max-width:768px){

.symbol-layout{
grid-template-columns:1fr;
}

}