/* News only, including the existing guest shell. :has follows PJAX replacements. */
body:has(.i2m-news) {
    background: #060c20 !important;
    color: #f5f5ff !important;
}
.pjaxcontainer-inner:has(.i2m-news),
.pjaxcontainer-inner:has(.i2m-news) .main-inner-content {
    background: #060c20;
    color: #f5f5ff;
}
.pjaxcontainer-inner:has(.i2m-news) {
    font-family: In2meetPoppins, sans-serif;
}
.pjaxcontainer-inner:has(.i2m-news) .main-inner-content > #main_page > .container {
    width: 100%;
}
.pjaxcontainer:has(.i2m-news) :is(.navbar-flatty, footer) {
    background: #060c20;
    color: #cbd2ed;
    border-color: #253951;
}
.pjaxcontainer:has(.i2m-news) :is(.navbar-flatty, footer) a {
    color: #cbd2ed;
}
.pjaxcontainer:has(.i2m-news) :is(.navbar-flatty, footer) a:hover {
    color: #ff80d0;
    background-color: #14233d;
}
.pjaxcontainer:has(.i2m-news) footer :is(.footer-menu, .footer-info, .footer-menu-list-group, .footer-menu-list-block, .panel) {
    background: transparent;
    border-color: #253951;
}
.i2m-news {
    max-width: 1280px;
    margin: 0 auto;
    padding: 32px 24px 48px;
    color: #f5f5ff;
    font: 16px/1.6 In2meetPoppins, sans-serif;
    overflow-wrap: anywhere;
}
.i2m-news, .i2m-news * { box-sizing: border-box; }
.i2m-news a { color: #ff80d0; }
.i2m-news a:hover { color: #fff; }
.i2m-news :is(a, button, input, textarea, select):focus-visible {
    outline: 3px solid #ff8ee3;
    outline-offset: 3px;
}
.i2m-news-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}
.i2m-news h1 {
    color: #f5f5ff;
    font-size: clamp(26px, 3vw, 40px);
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}
.i2m-news .i2m-news-rss {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    height: 44px;
    border: 1px solid #253951;
    border-radius: 50%;
    text-decoration: none;
}
.i2m-news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 28px;
    align-items: start;
}
.i2m-news-main, .i2m-news-sidebar { min-width: 0; }
.i2m-news-layout:not(:has(.i2m-news-sidebar > *)) { grid-template-columns: minmax(0, 1fr); }
.i2m-news-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.i2m-news-card, .i2m-news-empty, .i2m-news .news-related {
    background: #031723;
    border: 1px solid #193d52;
    border-radius: 20px;
    color: #f5f5ff;
    box-shadow: none;
}
.i2m-news-card { display: flex; flex-direction: column; min-width: 0; }
.i2m-news-cover {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 19px 19px 0 0;
}
.i2m-news .i2m-news-cover-detail { aspect-ratio: auto; max-height: 520px; object-fit: contain; }
.i2m-news-card-body { display: flex; flex-direction: column; gap: 18px; padding: 24px; flex: 1; }
.i2m-news h2 { margin: 0; font-size: 22px; line-height: 1.4; font-weight: 600; }
.i2m-news h2 a { color: #f5f5ff; text-decoration: none; }
.i2m-news h2 a:hover { color: #ff80d0; }
.i2m-news-date, .i2m-news-source { color: #b9cee1; font-size: 13px; }
.i2m-news-copy { color: #e1e8f4; }
.i2m-news-copy p:last-child { margin-bottom: 0; }
.i2m-news-copy :is(h2, h3, h4) { color: #f5f5ff; }
.i2m-news img, .i2m-news video { max-width: 100%; height: auto; }
.i2m-news :is(iframe, embed, object, table) { max-width: 100%; }
.i2m-news-video iframe { width: 100%; }
.i2m-news-card-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; }
.i2m-news .i2m-news-button, .i2m-news .show-comments-block .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 20px;
    border: 1px solid #d62ab5;
    border-radius: 24px;
    background: linear-gradient(110deg, #e8009c, #8700ba);
    color: #fff;
    font: inherit;
    text-decoration: none;
    white-space: normal;
}
.i2m-news .i2m-news-button:hover, .i2m-news .show-comments-block .btn-primary:hover { background: #9f087f; }
.i2m-news-comments { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px; }
.i2m-news-source { padding-top: 16px; border-top: 1px solid #193d52; }
.i2m-news .news-related { padding: 24px; }
.i2m-news .news-related .search-header, .i2m-news .show-comments-block .search-header {
    margin: 0 0 16px;
    padding: 0;
    background: transparent;
    border: 0;
}
.i2m-news .news-related .title, .i2m-news .show-comments-block .title { color: #f5f5ff; }
.i2m-news .news-related a { display: block; padding: 8px 0; }
.i2m-news .show-comments-block { margin: 24px 0; }
.i2m-news .show-comments-block :is(textarea, input[type="text"]) {
    background: #0a2030;
    color: #f5f5ff;
    border: 1px solid #42617c;
    max-width: 100%;
}
.i2m-news .show-comments-block textarea::placeholder { color: #b9cee1; }
.i2m-news-empty { padding: 40px 24px; grid-column: 1 / -1; text-align: center; }
.i2m-news-pagination, .i2m-news-banner, .i2m-news-social { margin-top: 24px; }
.i2m-news-pagination .pagination { display: flex; flex-wrap: wrap; }
.i2m-news-pagination .pagination > li > :is(a, span) { background: #031723; color: #f5f5ff; border-color: #42617c; }
.i2m-news-pagination .pagination > .active > :is(a, span),
.i2m-news-pagination .pagination > li > a:hover { background: #9f087f; color: #fff; }
@media (max-width: 991px) {
    .i2m-news-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
    .i2m-news { padding: 24px 16px 32px; }
    .i2m-news-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .i2m-news-card-body, .i2m-news .news-related { padding: 20px; }
    .i2m-news h2 { font-size: 20px; }
}