:root{--green:#22c55e;--ink:#0f172a;--muted:#6b7280;--bg:#f7f9fc;--card:#fff;--border:#e5e7eb;--chip:#f3f4f6}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;background:var(--bg);color:var(--ink)}
.topbar{background:#0f172a;color:#e5e7eb;border-bottom:1px solid #111827}
.topbar-inner{max-width:1160px;margin:auto;padding:14px 16px;display:flex;align-items:center;gap:12px}
.logo{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#2ecc71,#22c55e);display:grid;place-items:center;color:#052e1b;font-weight:900}
.sp{margin-left:auto}.topbar a{color:#2563eb;text-decoration:none}
.wrap{max-width:1160px;margin:24px auto;padding:0 16px}
.hero{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 20px;box-shadow:0 6px 24px rgba(0,0,0,.06);margin-bottom:18px}
.hero h1{margin:0 0 6px}.hero p{margin:6px 0 0;color:var(--muted)}
.grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:980px){.grid{grid-template-columns:2fr 1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.card h2{margin:2px 0 12px}
.news{display:grid;gap:12px}
.item{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}
.item h3{margin:0 0 6px}
.meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.member{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}
.pill{background:var(--chip);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-weight:600;display:inline-block}
.footer{color:var(--muted);font-size:12px;margin-top:20px;text-align:center;padding:10px 0}

/* --- Latest News cards --- */
.news-wrap { margin-top: 18px; }
.news-title { font-size: 26px; font-weight: 700; margin: 0 0 14px; }

.news-card {
  display:block; text-decoration:none; color:inherit;
  background:#fff; border:1px solid #e5e7eb; border-radius:14px;
  padding:16px; margin-bottom:14px; box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.news-card h3 { font-size:18px; font-weight:700; margin:0 0 4px; }
.news-card .meta { color:#6b7280; font-size:13px; margin-bottom:6px; }
.news-card .body { font-size:15px; line-height:1.45; color:#111827; }
.news-link { color:#2563eb; text-decoration:none; }