.legal-muted { color:#bbb; font-size:0.95rem; }

.legal-box{
  background:#111;
  border:1px solid #333;
  border-radius:10px;
  padding:20px;
  margin-bottom:20px;
  text-align:left;
}

.legal-box h2{ margin:0 0 10px 0; }
.legal-box p{ color:#ddd; font-size:1rem; line-height:1.6; }

.legal-back{
  text-align:left;
  margin-bottom:20px;
  font-size:0.9rem;
  color:#aaa;
}

.legal-back-link{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.12);
  color:#4fa1ff;
  text-decoration:none;
  font-weight:600;
}

.legal-back-link:hover{
  text-decoration:underline;
  color:#80c0ff;
}

/* ===== Resources list ===== */

.resource-links{
  list-style:none;
  padding:0;
  margin:0;
}

.resource-links li{
  margin:10px 0;
}

.resource-link{
  display:flex;
  align-items:center;
  gap:10px;

  padding:12px 14px;
  border-radius:12px;

  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.10);

  color:#f2f2f2;
  text-decoration:none;
  font-weight:700;
}

.resource-link:hover{
  border-color: rgba(79,161,255,0.45);
  background:rgba(79,161,255,0.08);
}

.resource-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.10);
  font-size:16px;
}

.resource-sub{
  display:block;
  font-weight:500;
  color:#bbb;
  font-size:0.9rem;
  margin-top:2px;
}


/* Shared selling-site footer */
.site-footer {
  margin-top: 40px;
  text-align: center;
  color: #666;
  font-size: 14px;
  opacity: 0.6;
}

.site-footer a {
  color: #fff;
  text-decoration: none;
}

.site-footer a:hover {
  text-decoration: underline;
    opacity: 0.8;
}

/* Optional: tighten spacing on very small screens */
@media (max-width: 480px) {
  .site-footer {
    font-size: 0.8rem;
    padding-bottom: 20px;
  }
}






.pill {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.04);
  color: #ccc;
  font-size: 0.85rem;
  margin-top: 10px;
}



/* Small Q/A spacing */
.qa-title {
  font-size: 1.05rem;
  margin: 0 0 8px 0;
}

.qa-muted {
  font-size: 0.92rem;
  color: #aaa;
  margin-top: 8px;
}






 .follow-us-box {
  margin-top: 40px;
  padding: 18px 20px;
  background: #111;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  color: #ddd;
}

.follow-us-box h3 {
  margin: 0 0 10px 0;
  font-size: 1.1rem;
  color: #fff;
}

.follow-us-box p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.4em;
}

.nostr-follow-link {
  color: #4fa1ff;
  text-decoration: none;
  font-size: 0.9rem;
}

.nostr-follow-link:hover {
  text-decoration: underline;
  color: #80c0ff;
}