/* migrated from resources/views/news/category.blade.php */
.category-page{padding-top:24px}
.category-hero{
    background:linear-gradient(135deg,#b40000,#111827);
    color:white;
    border-radius:26px;
    padding:34px;
    margin-bottom:24px;
    box-shadow:0 16px 45px rgba(0,0,0,.12)
}
.category-hero h1{font-size:42px;margin:8px 0}
.category-hero p{font-size:17px;margin:0;color:#f3f4f6}
.breadcrumb{font-size:14px;color:#fecaca}
.breadcrumb a{color:white;font-weight:900}
.category-layout{display:grid;grid-template-columns:2fr 360px;gap:24px;align-items:start}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.category-card{background:white;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.07)}
.category-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e5e7eb}
.category-card-body{padding:16px}
.category-card h2{font-size:20px;line-height:1.3;margin:8px 0}
.category-card p{font-size:14px;color:#4b5563;line-height:1.55;margin:0}
.side-link{display:block;padding:13px 0;border-bottom:1px solid #eee}
.side-link:last-child{border-bottom:0}
.side-link strong{display:block;line-height:1.35}
.side-link small{display:block;color:#6b7280;margin-top:5px}
@media(max-width:900px){
    .category-layout,.category-grid{grid-template-columns:1fr}
    .category-hero{padding:24px;border-radius:20px}
    .category-hero h1{font-size:30px}
}

@media(max-width:700px){
    .category-page{
        padding:10px 10px 0!important;
    }

    .category-hero{
        padding:20px 16px!important;
        border-radius:14px!important;
        margin-bottom:14px!important;
    }

    .category-hero h1{
        font-size:27px!important;
        line-height:1.2!important;
    }

    .category-hero p{
        font-size:14px!important;
        line-height:1.5!important;
    }

    .category-layout{
        gap:14px!important;
    }

    .category-grid{
        gap:12px!important;
    }

    .category-card{
        border-radius:14px!important;
    }

    .category-card-body{
        padding:12px!important;
    }

    .category-card h2{
        font-size:16px!important;
        line-height:1.32!important;
    }

    .category-card p{
        display:none!important;
    }

    .side-link strong{
        font-size:14px!important;
    }
}