/* media/mod_category_articles_plus/css/style.css */.category-articles-plus {    margin: 0 auto;    max-width: 100%;}.category-articles-plus.row-layout .articles-container {    display: flex;    flex-wrap: wrap;    gap: 10px;    justify-content: flex-start;}.category-articles-plus.row-layout .article-item {    box-sizing: border-box;}.category-articles-plus.column-layout .article-item {    margin-bottom: 30px;}.article-item {    display: flex;    flex-direction: column;}.article-image {    max-width: 100%;    height: auto;    display: block;    margin-bottom: 15px;    object-fit: cover;}.article-title {    margin-top: 0;    margin-bottom: 10px;    font-size: 1em;    line-height: 1.4;}.article-title a {    text-decoration: none;    color: inherit;}.article-title a:hover {    text-decoration: underline;}.article-date {    color: #666;    font-size: 0.9em;    margin-bottom: 10px;}.article-intro {    margin-bottom: 15px;    font-size: 0.95em;    line-height: 1.5;}.article-content {    padding: 10px 0;    flex-grow: 1;}.article-readmore {    margin-top: 10px;}/* Tablets - 2 columns */@media (max-width: 1024px) and (min-width: 601px) {    .category-articles-plus.row-layout .article-item {        flex: 0 0 calc(50% - 5px) !important;        max-width: calc(50% - 5px);    }}/* Mobile phones - 2 columns */@media (max-width: 600px) {    .category-articles-plus.row-layout .articles-container {        gap: 8px;    }        .category-articles-plus.row-layout .article-item {        flex: 0 0 calc(50% - 4px) !important;        max-width: calc(50% - 4px);    }        .article-title {        font-size: 0.9em;        margin-bottom: 8px;    }        .article-content {        padding: 8px 0;    }        .article-intro {        font-size: 0.85em;        margin-bottom: 10px;    }        .article-image {        margin-bottom: 10px;    }}/* Very small screens - still 2 columns but more compact */@media (max-width: 400px) {    .category-articles-plus.row-layout .articles-container {        gap: 6px;    }        .category-articles-plus.row-layout .article-item {        flex: 0 0 calc(50% - 3px) !important;        max-width: calc(50% - 3px);    }        .article-title {        font-size: 0.85em;        margin-bottom: 6px;    }        .article-content {        padding: 6px 0;    }        .article-intro {        font-size: 0.8em;    }        .article-image {        margin-bottom: 8px;    }}