*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,sans-serif;background:#fafafa;color:#1a1a1a;line-height:1.55}
.page{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem}
.hero{text-align:center;padding:1rem 0 2.5rem;border-bottom:1px solid #e5e5e5;margin-bottom:2.5rem}
.hero-name{font-family:Georgia,serif;font-size:2.2rem;margin-bottom:.4rem}
.hero-byline{font-size:.85rem;color:#666;margin-bottom:1.2rem}
.hero-oneliner{font-size:1.1rem;max-width:680px;margin:0 auto 1.6rem;color:#333}
.stats{display:flex;gap:1.2rem;justify-content:center;margin:1.4rem 0;flex-wrap:wrap}
.stat-chip{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.7rem 1.3rem;min-width:110px}
.stat-value{font-size:1.5rem;font-weight:700;color:#2E6B8A}
.stat-label{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.1em}
.about{max-width:680px;margin:1.4rem auto 0;color:#444;font-size:.95rem}
.hero-cta{margin:1.6rem auto .4rem;display:flex;flex-direction:column;align-items:center;gap:.45rem}
.cta-button{display:inline-block;background:#2E6B8A;color:#fff;padding:.7rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:background .15s}
.cta-button:hover{background:#1f4a63}
.cta-subtext{font-size:.78rem;color:#777;max-width:560px;text-align:center}
.cards-section{margin-bottom:2.5rem}
.cards-section h2{font-family:Georgia,serif;font-size:1.4rem;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.4rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}
.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;flex-direction:column}
.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.5rem}
.card-title{font-size:1rem;font-weight:600}
.card-oneliner{font-size:.85rem;color:#555;flex:1;margin-bottom:.7rem}
.card-foot{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;font-size:.78rem}
.card-link{color:#2E6B8A;text-decoration:none}
.card-link:hover{text-decoration:underline}
.status-badge{font-size:.65rem;padding:2px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.status-live{background:#d4edda;color:#155724}
.status-preprint{background:#fff3cd;color:#856404}
.status-in-review{background:#d1ecf1;color:#0c5460}
.status-submitted{background:#d4edda;color:#155724}
.status-shipped{background:#e2e3e5;color:#383d41}
.status-draft{background:#f8d7da;color:#721c24}
.thread-badge.africa{background:#ffeede;color:#8a4a1f;font-size:.65rem;padding:1px 7px;border-radius:3px}
.browse-all{text-align:center;padding:1.5rem 0;border-top:1px solid #eee;margin-top:1rem}
.browse-all-link{color:#666;font-size:.9rem;text-decoration:none}
.browse-all-link:hover{color:#2E6B8A;text-decoration:underline}
.page-foot{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid #eee;text-align:center;font-size:.7rem;color:#aaa}
.foot-meta{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:.4rem}
@media(max-width:600px){.hero-name{font-size:1.7rem}.card-grid{grid-template-columns:1fr}}
