.cm-news-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 560px;
    padding: 92px 0;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(5, 30, 52, .93) 0%, rgba(5, 30, 52, .86) 31%, rgba(5, 30, 52, .37) 68%, rgba(5, 30, 52, .12) 100%),
                url('../img/blog-editorial-hero.webp') center center / cover no-repeat;
}
.cm-news-hero::after {
    content: "";
    position: absolute;
    right: -95px;
    bottom: -230px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(159, 227, 243, .35);
    border-radius: 50%;
    pointer-events: none;
}
.cm-news-hero .container {position: relative; z-index: 1;}
.cm-news-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #87dded;
    font-size: .83rem;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.4;
    text-transform: uppercase;
}
.cm-news-eyebrow::before {content: ""; width: 30px; height: 2px; background: #65d6a5;}
.cm-news-hero h1 {
    max-width: 660px;
    margin: 22px 0 20px;
    color: #fff;
    font-size: clamp(2.55rem, 5.2vw, 4.6rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.06;
}
.cm-news-hero p {max-width: 620px; color: #d9ebf4; font-size: 1.17rem; line-height: 1.7;}
.cm-news-featured {
    display: flex;
    align-items: center;
    gap: 18px;
    width: fit-content;
    max-width: 650px;
    margin-top: 37px;
    padding: 15px 20px;
    border: 1px solid rgba(255,255,255,.29);
    border-radius: 16px;
    background: rgba(7, 38, 64, .64);
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: background .2s ease, transform .2s ease;
}
.cm-news-featured:hover,.cm-news-featured:focus-visible {background: rgba(8, 72, 103, .88); color: #fff; transform: translateY(-3px);}
.cm-news-featured small {display: block; color: #8fe0e2; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;}
.cm-news-featured strong {display: block; font-size: 1.06rem; line-height: 1.4;}
.cm-news-featured > span:last-child {margin-left: auto; font-size: 1.4rem;}
.cm-news-listing {padding: clamp(40px, 5vw, 68px) 0 102px; background: #f7fbfd;}
.cm-news-listing-head {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    align-items: end;
    gap: clamp(28px, 5vw, 80px);
    padding: 0 0 32px;
    margin-bottom: 28px;
    border-bottom: 1px solid #d9e8ef;
}
.cm-news-listing-head .cm-news-eyebrow {color: #167da9;}
.cm-news-listing-head h1 {
    max-width: 730px;
    margin: 17px 0 0;
    color: #0a3150;
    font-size: clamp(2rem, 3.7vw, 3.55rem);
    font-weight: 800;
    letter-spacing: -.042em;
    line-height: 1.11;
}
.cm-news-listing-head h1 span {color: #138dc5;}
.cm-news-listing-head p {
    max-width: 430px;
    margin: 0 0 5px;
    padding-left: 20px;
    border-left: 3px solid #56c791;
    color: #557181;
    font-size: 1.04rem;
    line-height: 1.68;
}
.cm-news-filters {display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px;}
.cm-news-filter {
    padding: 10px 17px;
    border: 1px solid #c8e0e9;
    border-radius: 50px;
    background: #fff;
    color: #31536a;
    font: inherit;
    font-size: .91rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.cm-news-filter:hover,.cm-news-filter:focus-visible {border-color: #258bc4; color: #0f6898;}
.cm-news-filter.is-active {border-color: #136a9e; background: #136a9e; color: #fff;}
.cm-news-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px;}
.cm-news-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dceaf0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 66, 94, .055);
    transition: box-shadow .2s ease, transform .2s ease;
}
.cm-news-card:hover {transform: translateY(-5px); box-shadow: 0 21px 42px rgba(15, 66, 94, .12);}
.cm-news-card[hidden] {display: none!important;}
.cm-news-card-image {display: block; height: 265px; overflow: hidden; background: #dbeaf0;}
.cm-news-card-image img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease;}
.cm-news-card:hover .cm-news-card-image img {transform: scale(1.035);}
.cm-news-card-body {display: flex; flex-direction: column; min-height: 225px; padding: 26px 29px 30px;}
.cm-news-category {color: #1685ac; font-size: .79rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase;}
.cm-news-card h3 {margin: 10px 0 10px; color: #0d3455; font-size: clamp(1.25rem, 2vw, 1.5rem); line-height: 1.32;}
.cm-news-card h3 a {color: inherit; text-decoration: none;}
.cm-news-card h3 a:hover,.cm-news-card h3 a:focus-visible {color: #1882b2;}
.cm-news-card p {margin: 0 0 19px; color: #627683; line-height: 1.62;}
.cm-news-read {width: fit-content; margin-top: auto; color: #127cad; font-size: .96rem; font-weight: 800; text-decoration: none;}
.cm-news-read:hover,.cm-news-read:focus-visible {color: #0a3150; text-decoration: underline;}
.cm-news-empty {padding: 25px; border: 1px solid #dceaf0; border-radius: 14px; color: #5d7281; background: #fff;}


.cm-article-banner {padding: 77px 0 82px; background: #edf8fc; overflow: hidden;}
.cm-article-banner-grid {display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: clamp(38px, 6vw, 85px); align-items: center;}
.cm-article-banner .cm-news-eyebrow {color: #167ca7;}
.cm-article-banner h1 {margin: 20px 0 20px; color: #0a3150; font-size: clamp(2.1rem, 3.9vw, 3.9rem); font-weight: 800; line-height: 1.1; letter-spacing: -.04em;}
.cm-article-banner p {max-width: 650px; color: #526b7b; font-size: 1.13rem; line-height: 1.68;}
.cm-article-back {display: inline-flex; align-items: center; gap: 9px; color: #126c9e; font-weight: 800; text-decoration: none;}
.cm-article-back:hover,.cm-article-back:focus-visible {color: #0a3150; text-decoration: underline;}
.cm-article-banner .cm-article-back {margin-top: 15px;}
.cm-article-banner figure {height: 425px; margin: 0; border-radius: 27px; overflow: hidden; box-shadow: 0 24px 46px rgba(13, 66, 95, .17);}
.cm-article-banner img {display: block; width: 100%; height: 100%; object-fit: cover;}
.cm-article-body {padding: 80px 0 96px; background: #fff;}
.cm-article-body-grid {display: grid; grid-template-columns: minmax(0, 760px) minmax(225px, 270px); gap: clamp(35px, 7vw, 95px); justify-content: space-between;}
.cm-article-content .cm-article-intro {margin: 0 0 35px; color: #254d64; font-size: 1.25rem; font-weight: 600; line-height: 1.68;}
.cm-article-content section {padding-top: 22px; margin-top: 20px; border-top: 1px solid #e0edf2;}
.cm-article-content h2 {margin: 0 0 15px; color: #0a3150; font-size: clamp(1.5rem, 2vw, 1.85rem); font-weight: 800;}
.cm-article-content p,.cm-article-content li {color: #516978; font-size: 1.04rem; line-height: 1.8;}
.cm-article-content ul {padding-left: 22px; margin: 12px 0 24px;}
.cm-article-content li {padding-left: 5px; margin: 6px 0;}
.cm-article-takeaway {margin-top: 36px; padding: 27px 30px; border-left: 4px solid #35ad9d; border-radius: 0 16px 16px 0; background: #edf8f8;}
.cm-article-takeaway h3 {margin: 0 0 8px; color: #0a3150; font-size: 1.13rem;}
.cm-article-takeaway p {margin: 0;}
.cm-article-aside {align-self: start; position: sticky; top: 35px; padding: 26px; border: 1px solid #d9e9f0; border-radius: 18px; background: #f7fbfd;}
.cm-article-aside h2 {font-size: 1.04rem; color: #0a3150; margin: 0 0 15px;}
.cm-article-aside a {display: block; padding: 11px 0; border-top: 1px solid #dce9ee; color: #39708a; text-decoration: none; line-height: 1.4;}
.cm-article-aside a:hover,.cm-article-aside a:focus-visible {color: #0a3150; text-decoration: underline;}
.cm-article-footer-link {margin-top: 35px;}
@media(max-width:991px) {
    .cm-news-hero {min-height: 510px; background-position: 60% center;}
    .cm-article-banner-grid {grid-template-columns: 1fr;}
    .cm-article-banner figure {height: 380px;}
    .cm-article-body-grid {grid-template-columns: 1fr;}
    .cm-article-aside {position: static;}
}
@media(max-width:767px) {
    .cm-news-hero {min-height: 560px; padding: 70px 0; background-position: 65% center; background-image: linear-gradient(90deg, rgba(5,30,52,.94),rgba(5,30,52,.75)),url('../img/blog-editorial-hero.webp');}
    .cm-news-grid {grid-template-columns: 1fr;}
    .cm-news-listing {padding: 40px 0 78px;}
    .cm-news-listing-head {grid-template-columns: 1fr; gap: 19px; padding-bottom: 25px;}
    .cm-article-banner {padding: 60px 0 65px;}
    .cm-article-banner figure {height: 320px;}
    .cm-article-body {padding: 60px 0 72px;}
}
@media(prefers-reduced-motion:reduce) {
    .cm-news-featured,.cm-news-card,.cm-news-card-image img,.cm-news-filter {transition: none;}
    .cm-news-card:hover,.cm-news-featured:hover {transform: none;}
}

.cm-news-card-date,.cm-article-date {display: block; margin-top: 7px; color: #677b86; font-size: .85rem; font-weight: 600;}
.cm-article-date {margin-bottom: 10px;}
.cm-article-updated {display:block;margin:10px 0 14px;color:#4b6d7e;font-size:.91rem;font-weight:650;}
.cm-article-references {margin-top:30px;padding:22px 27px;border:1px solid #dceaf0;border-radius:17px;background:#f7fbfd;}
.cm-article-references h3 {margin:0 0 10px;color:#0a3150;font-size:1.1rem;}
.cm-article-references ul {margin:0;padding-left:20px;}
.cm-article-references li {margin:5px 0;line-height:1.5;}
.cm-article-references a {color:#176d98;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.cm-news-card:first-child {grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);}
.cm-news-card:first-child .cm-news-card-image {height: 100%; min-height: 310px;}
.cm-news-card:first-child .cm-news-card-body {justify-content: center; min-height: 310px; padding: clamp(28px, 4vw, 55px);}
.cm-news-card:first-child h3 {font-size: clamp(1.4rem, 2.4vw, 2rem);}
@media(max-width:767px) {
    .cm-news-card:first-child {grid-column: auto; display: block;}
    .cm-news-card:first-child .cm-news-card-image {height: 245px; min-height: 0;}
    .cm-news-card:first-child .cm-news-card-body {min-height: 0; padding: 26px 29px 30px;}
}

.cm-news-source {display:block;color:#258f58;font-size:1rem;font-weight:700;margin-top:6px}
.cm-article-source {display:block;width:fit-content;margin:18px 0 4px;color:#218f51;font-size:1.15rem;line-height:1.4;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.cm-article-source:hover,.cm-article-source:focus-visible {color:#146a3c}


.cm-news-card--webmastering {border-color:#94cda8;box-shadow:0 15px 32px rgba(26,105,66,.11)}
.cm-news-card--webmastering .cm-news-card-body {background:linear-gradient(145deg,#fff,#f2faf5)}
.cm-news-focus {display:inline-block;align-self:flex-start;margin-top:12px;padding:5px 11px;border-radius:999px;background:#e2f4e8;color:#20764b;font-weight:800;font-size:.8rem;letter-spacing:.03em}
.cm-article-web-cta {display:inline-flex;align-items:center;width:fit-content;margin:20px 0 22px;padding:13px 20px;border-radius:999px;background:#238b63;color:#fff!important;font-weight:800;text-decoration:none}
.cm-article-web-cta:hover,.cm-article-web-cta:focus-visible {background:#156945;color:#fff!important}

.cm-news-live{display:flex;align-items:center;gap:8px;margin-top:14px;color:#167da9;font-size:.86rem;font-weight:800}.cm-news-live span{width:8px;height:8px;border-radius:50%;background:#32b779;box-shadow:0 0 0 5px rgba(50,183,121,.12)}
.cm-news-badge{display:inline-flex;align-self:flex-start;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:#0d7fb0;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cm-news-card--latest{border-color:#73bfd0;box-shadow:0 18px 38px rgba(15,100,130,.13)}.cm-news-card--latest .cm-news-card-body{background:linear-gradient(145deg,#fff,#f0f9fc)}