:root {
    --mtw-gold: #d4af37;
    --mtw-gold-rgb: 212 175 55;
    --mtw-dark-gold: #ab8a05;
    --mtw-xdark-gold: #9f8a42;
    --mtw-xxdark-gold: #7a640a;
    --mtw-mid-gold: #bd9d1e;
    --mtw-green: #002e00;
    --mtw-light-green: #0f5c11;
    --mtw-xlight-green: #0ca311;

    --mtw-top-bg: var(--mtw-gold);
    --mtw-top-txt: var(--mtw-green);
    --text-color: #333333;
    --card-bg: #ffffff;

    --mtw-category-txt: var(--mtw-gold);
    --mtw-category-bg: var(--mtw-green);

    --mtw-shadow-sm: 2px 4px 10px rgb(var(--mtw-gold-rgb) / 0.82);
    --mtw-shadow-md: 4px 8px 24px rgb(var(--mtw-gold-rgb) / 0.82);

#sp-main-body {
    padding: 20px 0;
}

.breadcrumb {
    padding-bottom: .0rem !important;
    background-color: var(--mtw-gold);
}
.breadcrumb-item.active {
    color: var(--mtw-green);
}

span.badge.bg-danger.featured-article-badge {
    display: none;
}

.mtw-category-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:24px;
    margin:20px 0;
}

.mtw-category-card{
    display:block;
    text-decoration:none;
    color:var(--mtw-category-txt);
    background:var(--mtw-category-bg);
    border-radius:12px;
    overflow:hidden;
    box-shadow:var(--mtw-shadow-sm);
    transition:all .3s ease;
}

.mtw-category-card:hover{
    transform:translateY(-5px);
     box-shadow:var(--mtw-shadow-md);
}

.mtw-category-card img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    display:block;
}

.mtw-category-content{
    padding:18px;
}

.mtw-category-content h3{
    margin:0 0 10px;
    font-size:1.25rem;
}

.mtw-category-content p{
    margin:0;
    line-height:1.5;
}

.article-list .article {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.article-list .article-body {
    padding: 0 !important;
}