:root{
      --brand:#0d6efd; /* primary blue */
      --muted:#6c757d;
      --bg:#f8f9fa;
      --card-shadow: 0 6px 20px rgba(15,23,42,0.06);
    }
    body{background:var(--bg);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;color:#111}
    .topbar{background:#fff;border-bottom:1px solid #e9ecef}
    .site-brand{font-weight:700;letter-spacing:.2px}
    .hero{background:linear-gradient(0deg, rgba(13,110,253,0.06), rgba(13,110,253,0.02));padding:72px 0}
    .post-card{border:0;background:#fff;box-shadow:var(--card-shadow);transition:transform .18s ease, box-shadow .18s ease}
    .post-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,23,42,0.08)}
    .category-heading{display:inline-block;padding-bottom:.5rem;margin-bottom:1.25rem;border-bottom:6px solid transparent}
    /* Category colors */
    .c-blue{border-color:#0d6efd}
    .c-orange{border-color:#ff7a00}
    .c-green{border-color:#20c997}
    .c-purple{border-color:#6f42c1}
    .c-red{border-color:#dc3545}

    .meta{font-size:.85rem;color:var(--muted)}
    .card-img-top{height:160px;object-fit:cover;border-top-left-radius:.5rem;border-top-right-radius:.5rem}
    .section-wrap{padding:56px 0}
    footer{background:#0b1220;color:#cbd5e1;padding:48px 0}
    .footer-links a{color:#cbd5e1;text-decoration:none}
    @media (max-width:767px){.hero{padding:40px 0}.card-img-top{height:140px}}