/* Focused styles for /meme/<seedId> page
   Small, maintainable and easy to override by a designer later.
*/
.meme-card {
  max-width: 900px;
  margin: 18px auto;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(22,28,36,0.06);
  border-radius: 10px;
  background: #fff;
}
.meme-header { text-align: center; margin-bottom: 12px; }
.meme-title {
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  font-size: 1.6rem;
  margin: 0;
  letter-spacing: -0.02em;
}
.meme-pepper { text-align: center; margin: 14px 0; }
.pepper-wrap { display: inline-block; padding: 8px; border-radius: 8px; background: linear-gradient(180deg, #fff, #fbfbfb); }
.pepper-img { width: 110px; height: auto; display:block; }
.meme-meta { margin: 10px 0; }
.meta-row { display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.meta-left, .meta-right { flex:1 1 320px; }
.meta-label { color:#6b7280; font-size:0.85rem; }
.meta-value { font-weight:600; font-size:1rem; margin-top:4px; }
.meta-actions { margin-top:12px; display:flex; gap:8px; }
.meme-description { margin-top:12px; padding-top:8px; border-top:1px dashed #eef2f7; }
.meme-footer { margin-top:16px; text-align:center; }
.thumb-img { max-width:240px; width:100%; height:auto; border-radius:8px; border:1px solid #e6eef7; }

@media (max-width:700px) {
  .meta-row { flex-direction:column; }
  .pepper-img { width:88px; }
  .meme-card { padding:12px; }
  .meme-title { font-size:1.3rem; }
}

/* W-score badge styles (used across pages) */
.wscore-badge {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.wscore-badge--small {
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 6px;
  font-weight: 600;
}
.wscore-badge--inline { display:inline-block; margin-left:8px; vertical-align:middle; }

@media (max-width:700px) {
  .wscore-badge { font-size: 10px; padding:3px 6px; }
  .wscore-badge--inline { margin-left:6px; }
}

/* Chili icon (25x25) */
.chili-icon { width:25px; height:25px; display:inline-block; vertical-align:middle; margin-right:0; }
.chili-inline { display:inline-flex; align-items:center; gap:0; }