/* Category page styles */
        :root{
          --bg:#ffffff; --text:#1b1f24; --muted:#6b7280; --border:#e6e6ea;
          --primary:#3a0d3e; --primary-700:#2b0b2f; --accent:#d10f2f;
          --accent-2:#ff1b41; --chip:#f3f4f6; --soft:#fafafb;
        }
        *{box-sizing:border-box}
        html,body{margin:0;padding:0}
        body{font-family:'Noto Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; color:var(--text); background:var(--bg); line-height:1.6}
        a{color:inherit;text-decoration:none}
        a:hover{color:var(--accent)}
        img{display:block;max-width:100%;height:auto}



        /* Header styles */


        /* Category header */
        .category-header{background:linear-gradient(135deg, var(--primary), var(--primary-700));color:#fff;padding:40px 0}
        .category-header h1{font-size:36px;font-weight:800;margin:0 0 10px}
        .category-header p{font-size:16px;margin:0;opacity:0.9}
        .category-stats{display:flex;gap:20px;margin-top:15px;font-size:14px}
        .category-stats span{background:rgba(255,255,255,0.1);padding:4px 12px;border-radius:15px}

        /* Articles grid */
        .articles-section{padding:40px 0}
        .articles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px}
        .article-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform 0.2s, box-shadow 0.2s}
        .article-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.1)}
        .article-card img{width:100%;height:200px;object-fit:cover}
        .article-card-content{padding:20px}
        .article-card-title{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 10px}
        .article-card-excerpt{color:var(--muted);font-size:14px;line-height:1.4;margin:0 0 15px}
        .article-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
        .article-card-date{display:flex;align-items:center;gap:4px}
        .article-card-views{display:flex;align-items:center;gap:4px}

        /* Pagination */
        .pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:40px 0}
        .pagination a, .pagination span{padding:8px 16px;border:1px solid var(--border);border-radius:6px;font-size:14px;font-weight:600}
        .pagination a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
        .pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}

        /* Footer */
        .footer{background:var(--primary);color:#fff;padding:40px 0 20px;margin-top:60px}
        .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:40px;margin-bottom:30px}
        .footer-section h4{font-size:16px;font-weight:700;margin:0 0 15px;color:#fff}
        .footer-section ul{list-style:none;padding:0;margin:0}
        .footer-section li{margin:8px 0}
        .footer-section a{color:#ccc;font-size:14px}
        .footer-section a:hover{color:#fff}
        .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;text-align:center;font-size:13px;color:#ccc}

        /* Responsive Design */
        @media (max-width: 768px) {


            .category-header{padding:25px 0;text-align:center}
            .category-header h1{font-size:24px}
            .category-stats{flex-direction:column;gap:10px;align-items:center}

            .articles-grid{grid-template-columns:1fr;gap:20px}
            .article-card-content{padding:15px}
            .article-card-title{font-size:16px}

            .pagination{flex-wrap:wrap;gap:5px}
            .pagination a, .pagination span{padding:6px 12px;font-size:13px}

            .footer-content{grid-template-columns:1fr;gap:25px;text-align:center}
        }

        @media (max-width: 480px) {
            .category-header h1{font-size:20px}
            .article-card img{height:150px}
            .article-card-meta{flex-direction:column;gap:5px;align-items:flex-start}
        }
        .pagination a{color:var(--text);transition:all 0.2s}
        .pagination a:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
        .pagination .current{background:var(--accent);color:#fff;border-color:var(--accent)}
        .pagination .disabled{color:var(--muted);cursor:not-allowed}

        /* RSS Link */
        .rss-link{display:inline-flex;align-items:center;gap:6px;background:var(--accent-2);color:#fff;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:600;margin:20px 0}
        .rss-link:hover{background:var(--accent)}

        /* Responsive */
        @media (max-width: 768px) {
            .category-header h1{font-size:28px}
            .articles-grid{grid-template-columns:1fr;gap:16px}
        }