/* PredictFundr blog — layered on top of content.css (load content.css first).
   Adds: blog index post grid + article meta line. Reuses all content.css tokens. */

/* index: post grid */
.postlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px;margin:14px 0 8px}
.postcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s}
.postcard:hover{transform:translateY(-3px);border-color:var(--violet);box-shadow:0 26px 60px rgba(110,91,255,.14)}
.postcard .cat{align-self:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--violet2);border:1px solid rgba(110,91,255,.32);border-radius:6px;padding:4px 9px;margin-bottom:15px}
.postcard h2{font-size:21px;font-weight:700;line-height:1.18;margin:0 0 10px}
.postcard h2 a{color:var(--hi)}
.postcard:hover h2 a{color:#fff}
.postcard p{color:var(--mid);font-size:14.5px;line-height:1.62;margin:0 0 18px}
.postcard .foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:11px;color:var(--lo);letter-spacing:.4px}
.postcard .foot .more{color:var(--green);font-weight:600}
.postcard:hover .foot .more{color:var(--violet2)}

/* feed link chip (index header) */
.rsschip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;color:var(--mid);border:1px solid var(--line2);background:rgba(255,255,255,.02);padding:7px 13px;border-radius:999px;margin-top:18px;transition:.16s}
.rsschip:hover{border-color:var(--violet2);color:var(--hi)}
.rsschip svg{width:14px;height:14px;fill:#F59E2B}

/* article: meta line under the H1 */
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:12px;color:var(--lo);letter-spacing:.4px;margin-top:18px}
.post-meta .cat{color:var(--violet2);border:1px solid rgba(110,91,255,.32);border-radius:6px;padding:3px 9px;text-transform:uppercase;font-size:10px;letter-spacing:1.2px}
.post-meta .sep{opacity:.5}

/* article: a callout / key-takeaway box */
.callout{background:linear-gradient(120deg,rgba(24,231,140,.06),rgba(110,91,255,.08));border:1px solid var(--line2);border-radius:14px;padding:20px 22px;margin:6px 0 18px}
.callout .h{font-family:var(--mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--green);margin-bottom:8px}
.callout p{margin:0;color:var(--mid);font-size:15px;line-height:1.7}
.callout p strong{color:var(--hi)}

/* "back to blog" link */
.backlink{font-family:var(--mono);font-size:12.5px;color:var(--mid)}
.backlink:hover{color:var(--hi)}

/* read-next row at the end of an article */
.readnext{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:14px}
.readnext a{display:block;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px 20px;transition:.2s}
.readnext a:hover{border-color:var(--violet);transform:translateY(-2px)}
.readnext a .k{font-family:var(--mono);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--violet2);display:block;margin-bottom:6px}
.readnext a .t{color:var(--hi);font-weight:600;font-size:15px;line-height:1.35}