/* links.css - Link tree page styling */
.links-main{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding:1rem;
  background-color:#f0eded;
}

.links-card{
  width:100%;
  max-width:600px;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius:8px;
  padding:1.5rem;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.links-header{
  display:flex;
  gap:1rem;
  align-items:center;
  margin-bottom:1rem;
}

.links-avatar{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #031346;
}

.links-title{
  font-family:'IM Fell DW Pica SC', serif;
  font-size:1.5rem;
  margin:0;
}

.links-tagline{
  color:#666;
  margin:0.25rem 0 0;
  font-size:0.95rem;
}

.links-badges{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-top:0.5rem;
}

.links-badge{
  background-color:#eae7e7;
  color:#031346;
  padding:0.2rem 0.6rem;
  border-radius:9999px;
  font-size:0.8rem;
}

.links-list{
  display:flex;
  flex-direction:column;
  gap:0.75rem;
  margin:1rem 0;
}

.links-grid{
  display:grid;
  gap:0.75rem;
  grid-template-columns:1fr;
}

@media (min-width:600px){
  .links-grid{grid-template-columns:1fr 1fr;}
  .links-main{align-items:center;}
}

.links-btn{
  text-decoration:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0.75rem 1rem;
  border:1px solid #031346;
  border-radius:8px;
  background-color:#fdfdfd;
  color:#000;
  transition:background-color .2s;
}

.links-btn:hover{background-color:#eae7e7;}

.links-btn.primary{
  background-color:#031346;
  color:#fff;
}

.links-meta{display:flex;flex-direction:column;}
.links-meta small{color:#666;font-size:0.85rem;}

.links-arrow{font-size:1.25rem;}

.links-social{text-align:center;margin-top:1rem;}
.links-social .author-social{margin-top:0;justify-content:center;}
.links-social .author-social br{display:none;}

.links-note{margin-top:1rem;text-align:center;color:#666;font-size:0.9rem;}

.links-footer{margin-top:1rem;text-align:center;color:#666;font-size:0.8rem;}
.links-footer a{color:#031346;text-decoration:none;}