/* ==========================================================
   HOSTING MAGAZINE
   EDITORIAL SINGLE V1
   ========================================================== */


/* ==========================================================
   LEGACY THEME
   ========================================================== */

body.hm-editorial-single-active .archive-top,
body.hm-editorial-single-active .primary-sidebar,
body.hm-editorial-single-active #sidebar-secondary,
body.hm-editorial-single-active .widget-area{
    display:none!important;
}

body.hm-editorial-single-active .site-content,
body.hm-editorial-single-active .content-wrap,
body.hm-editorial-single-active .content-area,
body.hm-editorial-single-active .site-main{
    margin-top:0!important;
    padding-top:0!important;
}


/* ==========================================================
   ROOT
   ========================================================== */

.hm-editorial-single{
    background:var(--hm-bg);
    color:var(--hm-text-700);
}


/* ==========================================================
   HERO
   ========================================================== */

.hm-single-hero{
    position:relative;

    overflow:hidden;

    padding:72px 0;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(37,99,235,.28),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--hm-navy-950) 0%,
            var(--hm-navy-900) 60%,
            #172554 100%
        );

    color:#cbd5e1;
}

.hm-single-hero::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.10;

    background-image:
        linear-gradient(
            rgba(255,255,255,.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.05) 1px,
            transparent 1px
        );

    background-size:58px 58px;
}

.hm-single-hero__grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(360px,.92fr);

    gap:56px;

    align-items:center;
}

.hm-single-hero__content{
    min-width:0;
}

.hm-single-hero__badge{
    margin-bottom:16px;
}

.hm-single-hero__title{
    margin:0 0 20px!important;

    color:#fff!important;

    font-size:46px!important;
    line-height:1.05!important;
    font-weight:850!important;

    letter-spacing:-.035em!important;
    text-transform:none!important;

    -webkit-text-fill-color:#fff!important;
}

.hm-single-hero__summary{
    max-width:720px;

    margin:0!important;

    color:#cbd5e1!important;

    font-size:16px!important;
    line-height:1.72!important;
}

.hm-single-hero__meta{
    display:flex;
    flex-wrap:wrap;

    gap:8px;

    margin-top:24px;
}

.hm-single-hero__meta span{
    display:inline-flex;
    align-items:center;

    min-height:32px;

    padding:7px 10px;

    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;

    background:rgba(255,255,255,.055);

    color:#e2e8f0;

    font-size:10.5px;
    line-height:1;
    font-weight:750;
}


/* ==========================================================
   HERO IMAGE
   ========================================================== */

.hm-single-hero__media{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:0;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.14);
    border-radius:var(--hm-radius-lg);

    background:rgba(255,255,255,.06);

    box-shadow:0 26px 60px rgba(0,0,0,.22);
}

.hm-single-hero__image{
    display:block;

    width:100%;
    height:auto;

    aspect-ratio:16 / 9;

    object-fit:contain;
    object-position:center;
}

.hm-single-hero__placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    aspect-ratio:16 / 9;

    color:#fff;

    font-weight:900;
}


/* ==========================================================
   ARTICLE
   ========================================================== */

.hm-single-content{
    padding:72px 0 76px;
}

.hm-single-article{
    width:100%;
}

.hm-article-prose{
    width:100%;
    max-width:820px;

    margin-inline:auto;
}


/* ==========================================================
   BODY COPY
   ========================================================== */

.hm-article-prose p{
    margin:0 0 20px!important;

    color:var(--hm-text-700)!important;

    font-size:16px!important;
    line-height:1.82!important;
}

.hm-article-prose > p:first-child{
    font-size:17px!important;
}

.hm-article-prose strong,
.hm-article-prose b{
    color:var(--hm-text-900);
}


/* ==========================================================
   MAJOR HEADINGS
   ========================================================== */

.hm-article-prose .hm-article-major-heading{
    margin:58px 0 20px!important;

    color:var(--hm-text-900)!important;

    font-size:34px!important;
    line-height:1.14!important;
    font-weight:850!important;

    letter-spacing:-.025em!important;

    -webkit-text-fill-color:var(--hm-text-900)!important;
}


/* ==========================================================
   NORMAL H2
   ========================================================== */

.hm-article-prose h2:not(.hm-article-major-heading){
    margin:46px 0 17px!important;

    padding-top:27px;

    border-top:1px solid var(--hm-border-soft);

    color:var(--hm-text-900)!important;

    font-size:25px!important;
    line-height:1.2!important;
    font-weight:825!important;

    letter-spacing:-.02em!important;

    -webkit-text-fill-color:var(--hm-text-900)!important;
}


/* ==========================================================
   H3
   ========================================================== */

.hm-article-prose h3{
    margin:32px 0 14px!important;

    color:var(--hm-text-900)!important;

    font-size:21px!important;
    line-height:1.25!important;
}


/* ==========================================================
   LISTS
   ========================================================== */

.hm-article-prose ul,
.hm-article-prose ol{
    margin:18px 0 24px!important;

    padding-left:24px!important;
}

.hm-article-prose li{
    margin-bottom:8px!important;

    color:var(--hm-text-700);

    font-size:15.5px;
    line-height:1.7;
}

.hm-article-prose li::marker{
    color:var(--hm-blue-600);
}


/* ==========================================================
   LINKS
   ========================================================== */

.hm-article-prose a{
    color:var(--hm-blue-700);

    text-decoration:underline;
    text-underline-offset:3px;
}


/* ==========================================================
   IMAGES
   ========================================================== */

.hm-article-prose img{
    display:block;

    max-width:100%;
    height:auto;

    margin:30px auto;

    border-radius:var(--hm-radius-md);
}


/* ==========================================================
   BLOCKQUOTE
   ========================================================== */

.hm-article-prose blockquote{
    margin:30px 0;

    padding:22px 24px;

    border-left:4px solid var(--hm-blue-600);
    border-radius:0 var(--hm-radius-md) var(--hm-radius-md) 0;

    background:var(--hm-blue-050);

    font-size:16px;
    line-height:1.75;
}


/* ==========================================================
   TABLE
   ========================================================== */

.hm-article-prose table{
    width:100%;

    margin:28px 0;

    border-collapse:collapse;

    font-size:13px;
}

.hm-article-prose th,
.hm-article-prose td{
    padding:11px 12px;

    border:1px solid var(--hm-border);
}

.hm-article-prose th{
    background:var(--hm-bg-soft);

    color:var(--hm-text-900);

    font-weight:800;
}


/* ==========================================================
   TAGS
   ========================================================== */

.hm-single-tags{
    max-width:820px;

    margin:52px auto 0;
    padding-top:24px;

    border-top:1px solid var(--hm-border-soft);
}

.hm-single-tags__label{
    margin-bottom:11px;

    color:var(--hm-text-900);

    font-size:10px;
    font-weight:900;

    letter-spacing:.09em;
    text-transform:uppercase;
}

.hm-single-tags__list{
    display:flex;
    flex-wrap:wrap;

    gap:8px;
}

.hm-single-tags__list a{
    display:inline-flex;
    align-items:center;

    min-height:30px;

    padding:7px 10px;

    border-radius:999px;

    background:var(--hm-bg-soft);

    color:var(--hm-text-700);

    font-size:11px;
    font-weight:750;
}


/* ==========================================================
   CATEGORY CTA
   ========================================================== */

.hm-single-category-cta{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:28px;

    max-width:820px;

    margin:46px auto 0;

    padding:24px 26px;

    border:1px solid var(--hm-border);
    border-radius:var(--hm-radius-lg);

    background:var(--hm-bg-soft);

    box-shadow:var(--hm-shadow-xs);
}

.hm-single-category-cta__eyebrow{
    margin-bottom:7px;

    color:var(--hm-blue-600);

    font-size:9.5px;
    font-weight:900;

    letter-spacing:.09em;
    text-transform:uppercase;
}

.hm-single-category-cta h2{
    margin:0!important;

    color:var(--hm-text-900);

    font-size:20px!important;
    line-height:1.25!important;
}


/* ==========================================================
   RELATED
   ========================================================== */

.hm-single-related{
    padding:64px 0 70px;

    background:var(--hm-bg-soft);
}

.hm-single-related__head{
    margin-bottom:25px;
}

.hm-single-related__eyebrow{
    margin-bottom:8px;

    color:var(--hm-blue-600);

    font-size:10px;
    font-weight:900;

    letter-spacing:.1em;
    text-transform:uppercase;
}

.hm-single-related__head h2{
    margin:0!important;

    color:var(--hm-text-900);

    font-size:30px!important;
    line-height:1.16!important;
}

.hm-single-related__grid{
    gap:18px;
}

.hm-single-related-card{
    display:flex;
    flex-direction:column;

    min-width:0;
    min-height:175px;

    text-decoration:none!important;
}

.hm-single-related-card__meta{
    margin-bottom:12px;

    color:var(--hm-text-500);

    font-size:10.5px;
    font-weight:750;
}

.hm-single-related-card h3{
    margin:0 0 18px!important;

    color:var(--hm-text-900)!important;

    font-size:18px!important;
    line-height:1.32!important;
}

.hm-single-related-card__link{
    margin-top:auto;

    color:var(--hm-blue-700);

    font-size:12px;
    font-weight:850;
}


/* ==========================================================
   COMMENTS
   ========================================================== */

.hm-comments{
    padding:66px 0 76px;

    background:#fff;
}

.hm-comments__inner{
    width:100%;
    max-width:820px;

    margin-inline:auto;
}

.hm-comments__existing{
    margin-bottom:46px;
}

.hm-comments__eyebrow{
    margin-bottom:8px;

    color:var(--hm-blue-600);

    font-size:10px;
    font-weight:900;

    letter-spacing:.1em;
    text-transform:uppercase;
}

.hm-comments__title,
.hm-comments__form-title{
    margin:0 0 18px!important;

    color:var(--hm-text-900)!important;

    font-size:27px!important;
    line-height:1.18!important;
}


/* ==========================================================
   COMMENT LIST
   ========================================================== */

.hm-comments__list{
    margin:0!important;
    padding:0!important;

    list-style:none!important;
}

.hm-comments__list .comment{
    margin:0 0 15px!important;
    padding:18px!important;

    border:1px solid var(--hm-border);
    border-radius:var(--hm-radius-md);

    background:var(--hm-bg-soft);
}


/* ==========================================================
   FORM
   ========================================================== */

.hm-comments__note,
.hm-comments .logged-in-as{
    margin-bottom:17px!important;

    color:var(--hm-text-500);

    font-size:13px!important;
    line-height:1.65!important;
}

.hm-comments .comment-form p{
    margin-bottom:16px;
}

.hm-comments .comment-form label{
    display:block;

    margin-bottom:7px;

    color:var(--hm-text-900);

    font-size:12px;
    font-weight:800;
}

.hm-comments .comment-form textarea,
.hm-comments .comment-form input[type="text"],
.hm-comments .comment-form input[type="email"],
.hm-comments .comment-form input[type="url"]{
    width:100%;

    border:1px solid var(--hm-border);
    border-radius:var(--hm-radius-sm);

    background:#fff;

    color:var(--hm-text-900);

    box-shadow:none!important;
}

.hm-comments .comment-form textarea{
    min-height:170px;

    padding:14px;

    resize:vertical;
}

.hm-comments .comment-form input[type="text"],
.hm-comments .comment-form input[type="email"],
.hm-comments .comment-form input[type="url"]{
    min-height:44px;

    padding:10px 12px;
}

.hm-comment-submit{
    min-height:44px!important;

    padding:0 18px!important;

    border:0!important;
    border-radius:var(--hm-radius-sm)!important;

    background:var(--hm-blue-600)!important;
    color:#fff!important;

    font-size:12px!important;
    font-weight:850!important;

    text-transform:none!important;

    box-shadow:none!important;
}


/* ==========================================================
   DOCUMENT BOTTOM
   ========================================================== */

html{
    background:var(--hm-navy-950);
}

body.hm-editorial-single-active{
    margin-bottom:0!important;
    padding-bottom:0!important;

    background:var(--hm-navy-950)!important;
}

body.hm-editorial-single-active .hm-editorial-single{
    background:var(--hm-bg);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:950px){

    .hm-single-hero__grid{
        grid-template-columns:1fr;

        gap:38px;
    }

    .hm-single-hero__media{
        max-width:720px;
    }

    .hm-single-related__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:650px){

    .hm-single-hero{
        padding:52px 0 55px;
    }

    .hm-single-hero__title{
        font-size:36px!important;
    }

    .hm-single-hero__summary{
        font-size:15px!important;
    }

    .hm-single-content{
        padding:52px 0 58px;
    }

    .hm-article-prose p{
        font-size:15.5px!important;
        line-height:1.78!important;
    }

    .hm-article-prose .hm-article-major-heading{
        margin-top:46px!important;

        font-size:28px!important;
    }

    .hm-article-prose h2:not(.hm-article-major-heading){
        margin-top:39px!important;

        font-size:23px!important;
    }

    .hm-single-category-cta{
        display:grid;

        grid-template-columns:1fr;

        gap:17px;

        padding:21px;
    }

    .hm-single-related{
        padding:52px 0 58px;
    }

    .hm-single-related__grid{
        grid-template-columns:1fr;
    }

    .hm-comments{
        padding:54px 0 62px;
    }

}


/* ==========================================================
   VERY SMALL
   ========================================================== */

@media(max-width:430px){

    .hm-single-hero__title{
        font-size:32px!important;
    }

    .hm-comments__title,
    .hm-comments__form-title{
        font-size:24px!important;
    }

}


/* ==========================================================
   EDITORIAL SINGLE S03 — SIDEBAR V1
   ========================================================== */


/* ==========================================================
   ARTICLE + SIDEBAR LAYOUT
   ========================================================== */

.hm2026-editorial-single
.hm-single-layout{
    display:grid;

    grid-template-columns:
        minmax(0, 820px)
        minmax(280px, 320px);

    justify-content:space-between;

    align-items:start;

    gap:40px;
}


/*
 * The article now lives inside the two-column layout.
 * Internal prose remains governed by the same 820px reading
 * system already used by Editorial Single V1.
 */

.hm2026-editorial-single
.hm-single-layout
.hm-single-article{
    min-width:0;
    width:100%;
}


/* ==========================================================
   SIDEBAR
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar{
    min-width:0;
    width:100%;
}

.hm2026-editorial-single
.hm-single-sidebar__sticky{
    position:sticky;

    top:100px;

    overflow:hidden;

    border:1px solid var(--hm-border);
    border-radius:var(--hm-radius-lg);

    background:#fff;

    box-shadow:
        0 18px 46px rgba(15,23,42,.08);
}


/* ==========================================================
   SIDEBAR HEADER
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar__header{
    padding:22px 22px 18px;

    border-bottom:1px solid var(--hm-border-soft);

    background:
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 100%
        );
}

.hm2026-editorial-single
.hm-single-sidebar__eyebrow{
    margin:0 0 7px;

    color:var(--hm-blue-600);

    font-size:9.5px;
    line-height:1.2;
    font-weight:900;

    letter-spacing:.1em;
    text-transform:uppercase;
}

.hm2026-editorial-single
.hm-single-sidebar__title{
    margin:0!important;

    color:var(--hm-text-900)!important;

    font-size:22px!important;
    line-height:1.15!important;
    font-weight:850!important;

    letter-spacing:-.02em!important;

    -webkit-text-fill-color:var(--hm-text-900)!important;
}

.hm2026-editorial-single
.hm-single-sidebar__intro{
    margin:9px 0 0!important;

    color:var(--hm-text-500)!important;

    font-size:12px!important;
    line-height:1.55!important;
}


/* ==========================================================
   SIDEBAR ITEMS
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar__items{
    padding:5px 20px 0;
}


/* ==========================================================
   SIDEBAR ARTICLE CARD
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar-card{
    display:grid;

    grid-template-columns:92px minmax(0,1fr);

    gap:12px;

    align-items:center;

    margin:0!important;
    padding:15px 0!important;

    border:0!important;
    border-bottom:1px solid var(--hm-border-soft)!important;

    background:transparent!important;

    box-shadow:none!important;
}

.hm2026-editorial-single
.hm-single-sidebar-card:last-child{
    border-bottom:0!important;
}


/* ==========================================================
   SIDEBAR THUMBNAIL
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar-card__media{
    display:flex;

    align-items:center;
    justify-content:center;

    width:92px;
    height:68px;

    overflow:hidden;

    border:1px solid var(--hm-border-soft);
    border-radius:10px;

    background:#eef3f8;

    text-decoration:none!important;
}

.hm2026-editorial-single
.hm-single-sidebar-card__image{
    display:block;

    width:100%!important;
    height:100%!important;

    margin:0!important;

    object-fit:contain!important;
    object-position:center!important;

    border-radius:0!important;
}

.hm2026-editorial-single
.hm-single-sidebar-card__placeholder{
    display:flex;

    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    color:var(--hm-blue-700);

    font-size:13px;
    font-weight:900;
}


/* ==========================================================
   SIDEBAR ARTICLE CONTENT
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar-card__body{
    min-width:0;
}

.hm2026-editorial-single
.hm-single-sidebar-card__meta{
    margin:0 0 6px;

    color:var(--hm-text-500);

    font-size:9.5px;
    line-height:1.2;
    font-weight:750;

    text-transform:uppercase;
    letter-spacing:.04em;
}

.hm2026-editorial-single
.hm-single-sidebar-card
h3.hm-single-sidebar-card__title{
    margin:0!important;
    padding:0!important;

    border:0!important;

    color:var(--hm-text-900)!important;

    font-size:14px!important;
    line-height:1.35!important;
    font-weight:800!important;

    letter-spacing:-.01em!important;

    -webkit-text-fill-color:var(--hm-text-900)!important;
}

.hm2026-editorial-single
.hm-single-sidebar-card__title a{
    display:-webkit-box;

    overflow:hidden;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    color:inherit!important;

    font:inherit!important;
    line-height:inherit!important;

    text-decoration:none!important;
}

.hm2026-editorial-single
.hm-single-sidebar-card__title a:hover{
    color:var(--hm-blue-700)!important;

    -webkit-text-fill-color:var(--hm-blue-700)!important;
}


/* ==========================================================
   SIDEBAR CTA
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar__all{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:16px;

    margin:0;

    padding:16px 20px;

    border-top:1px solid var(--hm-border-soft);

    background:var(--hm-bg-soft);

    color:var(--hm-blue-700)!important;

    font-size:11.5px;
    line-height:1.2;
    font-weight:850;

    text-decoration:none!important;
}

.hm2026-editorial-single
.hm-single-sidebar__all span{
    font-size:16px;
    line-height:1;
}

.hm2026-editorial-single
.hm-single-sidebar__all:hover{
    background:#eef6ff;
}


/* ==========================================================
   EMPTY STATE
   ========================================================== */

.hm2026-editorial-single
.hm-single-sidebar__empty{
    margin:0!important;

    padding:20px!important;

    color:var(--hm-text-500)!important;

    font-size:12px!important;
    line-height:1.55!important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:950px){

    .hm2026-editorial-single
    .hm-single-layout{
        grid-template-columns:1fr;

        gap:52px;
    }

    .hm2026-editorial-single
    .hm-single-sidebar{
        width:100%;
        max-width:820px;

        margin-inline:auto;
    }

    .hm2026-editorial-single
    .hm-single-sidebar__sticky{
        position:static;

        top:auto;
    }

    .hm2026-editorial-single
    .hm-single-sidebar__items{
        display:grid;

        grid-template-columns:
            repeat(3,minmax(0,1fr));

        gap:0 18px;
    }

    .hm2026-editorial-single
    .hm-single-sidebar-card{
        display:block;

        padding:18px 0!important;

        border-bottom:0!important;
    }

    .hm2026-editorial-single
    .hm-single-sidebar-card__media{
        width:100%;
        height:auto;

        margin-bottom:12px;

        aspect-ratio:16 / 9;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:650px){

    .hm2026-editorial-single
    .hm-single-layout{
        gap:42px;
    }

    .hm2026-editorial-single
    .hm-single-sidebar__header{
        padding:20px 18px 17px;
    }

    .hm2026-editorial-single
    .hm-single-sidebar__items{
        display:block;

        padding:4px 18px 0;
    }

    .hm2026-editorial-single
    .hm-single-sidebar-card{
        display:grid;

        grid-template-columns:88px minmax(0,1fr);

        gap:12px;

        padding:14px 0!important;

        border-bottom:
            1px solid var(--hm-border-soft)!important;
    }

    .hm2026-editorial-single
    .hm-single-sidebar-card:last-child{
        border-bottom:0!important;
    }

    .hm2026-editorial-single
    .hm-single-sidebar-card__media{
        width:88px;
        height:66px;

        margin-bottom:0;

        aspect-ratio:auto;
    }

    .hm2026-editorial-single
    .hm-single-sidebar__all{
        padding:15px 18px;
    }

}


/* ==========================================================
   VERY SMALL
   ========================================================== */

@media(max-width:430px){

    .hm2026-editorial-single
    .hm-single-sidebar-card{
        grid-template-columns:78px minmax(0,1fr);
    }

    .hm2026-editorial-single
    .hm-single-sidebar-card__media{
        width:78px;
        height:60px;
    }

}


/* ==========================================================
   EDITORIAL SINGLE S04A — HERO COVER SPACING

   Standard breathing room for every Editorial Single cover.
   ========================================================== */


/* DESKTOP */

body.hm-editorial-single-active
.hm2026-editorial-single
.hm-single-hero{
    padding-top:100px!important;
    padding-bottom:84px!important;
}


/*
 * Prevent legacy/shared rules from pulling the category badge
 * toward the upper edge of the hero.
 */

body.hm-editorial-single-active
.hm2026-editorial-single
.hm-single-hero__badge{
    position:relative!important;

    top:auto!important;
    bottom:auto!important;

    margin-top:0!important;
    margin-bottom:18px!important;
}


/* TABLET */

@media(max-width:950px){

    body.hm-editorial-single-active
    .hm2026-editorial-single
    .hm-single-hero{
        padding-top:76px!important;
        padding-bottom:70px!important;
    }

}


/* MOBILE */

@media(max-width:650px){

    body.hm-editorial-single-active
    .hm2026-editorial-single
    .hm-single-hero{
        padding-top:58px!important;
        padding-bottom:56px!important;
    }

}


/* =========================================================
   HM XLOGIC HERO LOGO SIZE
   Post 302 only
   ========================================================= */

body.postid-302 .hm-single-hero__media img,
body.postid-302 .hm-editorial-hero__media img,
body.postid-302 .hm-review-hero__media img,
body.postid-302 .entry-header img.wp-post-image,
body.postid-302 img.wp-post-image {
    width: auto !important;
    height: auto !important;
    max-width: 46% !important;
    max-height: 150px !important;
    object-fit: contain !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

@media (max-width: 900px) {
    body.postid-302 .hm-single-hero__media img,
    body.postid-302 .hm-editorial-hero__media img,
    body.postid-302 .hm-review-hero__media img,
    body.postid-302 .entry-header img.wp-post-image,
    body.postid-302 img.wp-post-image {
        max-width: 42% !important;
        max-height: 120px !important;
    }
}

@media (max-width: 600px) {
    body.postid-302 .hm-single-hero__media img,
    body.postid-302 .hm-editorial-hero__media img,
    body.postid-302 .hm-review-hero__media img,
    body.postid-302 .entry-header img.wp-post-image,
    body.postid-302 img.wp-post-image {
        max-width: 50% !important;
        max-height: 100px !important;
    }
}