.ca-blog-hero{padding:150px 0 70px;background:linear-gradient(135deg,#01081e 0%,#082a66 100%);color:#fff;text-align:center}
.ca-blog-hero h1{color:#fff;margin-bottom:12px}.ca-blog-hero p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.78)}
.ca-blog-index{padding:70px 0;background:#f6f8fc}.ca-blog-tools{display:flex;gap:12px;justify-content:space-between;margin-bottom:30px}
.ca-blog-tools form{display:flex;gap:10px;width:100%}.ca-blog-tools input,.ca-blog-tools select{border:1px solid #d9e0eb;border-radius:8px;padding:11px 12px;background:#fff}.ca-blog-tools input{flex:1}
.ca-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ca-blog-card{background:#fff;border:1px solid #e2e7ef;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(16,24,40,.07);display:flex;flex-direction:column}
.ca-blog-card-image{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#061b47,#006bff);overflow:hidden}.ca-blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.ca-blog-card:hover img{transform:scale(1.04)}
.ca-blog-card-body{padding:22px;display:flex;flex:1;flex-direction:column}.ca-blog-category{display:inline-block;color:#006bff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.ca-blog-card h2{font-size:24px;line-height:1.25;margin:0 0 11px}.ca-blog-card h2 a{color:#111827}.ca-blog-card p{color:#667085;line-height:1.65}.ca-blog-card-meta{margin-top:auto;padding-top:14px;color:#667085;font-size:13px}.ca-blog-readmore{display:inline-block;margin-top:14px;color:#006bff!important;font-weight:800}
.ca-blog-empty{text-align:center;background:#fff;border:1px solid #e2e7ef;border-radius:14px;padding:50px}
.ca-blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:35px}.ca-blog-pagination a,.ca-blog-pagination span{padding:8px 12px;border:1px solid #d9e0eb;border-radius:7px;background:#fff}.ca-blog-pagination .active{background:#006bff;color:#fff}
.ca-blog-article-shell{padding:145px 20px 80px;background:#f6f8fc}.ca-blog-article{max-width:920px;margin:0 auto;background:#fff;border:1px solid #e3e8ef;border-radius:18px;padding:48px;box-shadow:0 16px 45px rgba(16,24,40,.08)}
.ca-blog-breadcrumb{font-size:14px;color:#667085;margin-bottom:22px}.ca-blog-article h1{font-size:52px;line-height:1.12;margin:8px 0 14px}.ca-blog-meta{color:#667085;margin-bottom:28px}.ca-blog-featured{width:100%;max-height:520px;object-fit:cover;border-radius:14px;margin:10px 0 34px}
.ca-blog-content{font-size:18px;line-height:1.85;color:#333b4d}.ca-blog-content h2{font-size:34px;line-height:1.25;margin:42px 0 15px}.ca-blog-content h3{font-size:27px;line-height:1.3;margin:32px 0 12px}.ca-blog-content ul,.ca-blog-content ol{padding-left:24px}.ca-blog-content li{margin-bottom:7px}.ca-blog-content a{color:#006bff;text-decoration:underline}.ca-blog-content img{max-width:100%;height:auto;border-radius:10px}.ca-blog-content figure{margin:28px 0}.ca-blog-content figcaption{font-size:14px;color:#667085;text-align:center}.ca-blog-content blockquote{border-left:5px solid #006bff;background:#f3f7fd;padding:18px 22px;margin:30px 0;font-size:20px}.ca-blog-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.ca-blog-content th,.ca-blog-content td{border:1px solid #dfe4ec;padding:10px 12px}
.ca-blog-cta{max-width:920px;margin:30px auto 0;padding:30px;border-radius:16px;background:linear-gradient(135deg,#01081e,#082a66);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.ca-blog-cta h2{color:#fff;margin:0 0 6px;font-size:28px}.ca-blog-cta p{margin:0;color:rgba(255,255,255,.75)}.ca-blog-cta a{background:#006bff;color:#fff;padding:12px 18px;border-radius:8px;font-weight:800;white-space:nowrap}
.ca-related{max-width:920px;margin:48px auto}.ca-related h2{text-align:center}.ca-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ca-related-item{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:18px}.ca-related-item h3{font-size:19px;margin:7px 0}
.ca-preview-banner{position:fixed;top:0;left:0;right:0;z-index:2147483647;background:#ffdf74;color:#352600;text-align:center;padding:8px;font-weight:800}.ca-preview-banner a{margin-left:18px;color:#352600;text-decoration:underline}
@media(max-width:992px){.ca-blog-grid{grid-template-columns:repeat(2,1fr)}.ca-blog-article h1{font-size:40px}.ca-related-grid{grid-template-columns:1fr}.ca-blog-article-shell{padding-top:115px}}
@media(max-width:650px){.ca-blog-grid{grid-template-columns:1fr}.ca-blog-tools,.ca-blog-tools form{flex-direction:column}.ca-blog-article{padding:25px 20px}.ca-blog-article h1{font-size:34px}.ca-blog-content{font-size:17px}.ca-blog-content h2{font-size:28px}.ca-blog-cta{align-items:flex-start;flex-direction:column}}

/* =========================================================
   CYBERAXIS COMPACT BLOG INDEX — OVERRIDE
   Desktop: 2 columns | Mobile: 1 column
   ========================================================= */
.ca-blog-hero{
    padding:112px 16px 24px!important;
}
.ca-blog-hero h1{
    margin:0 0 5px!important;
    font-size:clamp(30px,3vw,42px)!important;
    line-height:1.08!important;
}
.ca-blog-hero p{
    max-width:760px!important;
    margin:0 auto!important;
    font-size:15px!important;
    line-height:1.45!important;
}
.ca-blog-index{
    padding:24px 0 38px!important;
}
.ca-blog-index>.container{
    width:min(1480px,calc(100% - 30px))!important;
    max-width:1480px!important;
}
.ca-blog-tools{
    margin-bottom:12px!important;
}
.ca-blog-tools form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 245px auto!important;
    gap:8px!important;
}
.ca-blog-tools input,
.ca-blog-tools select{
    height:42px!important;
    margin:0!important;
    padding:8px 11px!important;
    font-size:14px!important;
}
.ca-blog-tools .btn-main{
    min-width:94px!important;
    height:42px!important;
    margin:0!important;
    padding:0 16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.ca-blog-results-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:24px!important;
    margin:0 2px 8px!important;
    color:#667085!important;
    font-size:12px!important;
}
.ca-blog-results-row a{
    color:#006bff!important;
    font-weight:700!important;
}
.ca-blog-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
}
.ca-blog-card{
    display:grid!important;
    grid-template-columns:142px minmax(0,1fr)!important;
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
    overflow:hidden!important;
    border-radius:9px!important;
    box-shadow:0 4px 14px rgba(16,24,40,.045)!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.ca-blog-card:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 7px 19px rgba(16,24,40,.08)!important;
}
.ca-blog-card-image{
    width:142px!important;
    height:136px!important;
    aspect-ratio:auto!important;
}
.ca-blog-card-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.ca-blog-image-fallback{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    color:rgba(255,255,255,.9)!important;
    font-size:15px!important;
    font-weight:800!important;
}
.ca-blog-card-body{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    height:136px!important;
    padding:10px 12px 9px!important;
}
.ca-blog-card-topline{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-bottom:3px!important;
}
.ca-blog-category{
    min-width:0!important;
    overflow:hidden!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.ca-blog-card-topline time{
    flex:0 0 auto!important;
    color:#8993a4!important;
    font-size:10px!important;
    white-space:nowrap!important;
}
.ca-blog-card h2{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:0 0 4px!important;
    font-size:17px!important;
    line-height:1.22!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}
.ca-blog-card p{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.38!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}
.ca-blog-card-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:auto!important;
    color:#7b8494!important;
    font-size:10.5px!important;
}
.ca-blog-card-footer>span{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.ca-blog-readmore{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:11px!important;
    white-space:nowrap!important;
}
.ca-blog-empty{
    padding:30px 20px!important;
}
.ca-blog-pagination{
    gap:5px!important;
    margin-top:18px!important;
}
.ca-blog-pagination a,
.ca-blog-pagination span{
    min-width:32px!important;
    padding:5px 9px!important;
    font-size:12px!important;
}

@media(max-width:760px){
    .ca-blog-hero{
        padding:96px 12px 18px!important;
    }
    .ca-blog-index{
        padding:16px 0 28px!important;
    }
    .ca-blog-index>.container{
        width:min(100% - 18px,720px)!important;
    }
    .ca-blog-tools form{
        grid-template-columns:minmax(0,1fr) 130px auto!important;
        gap:6px!important;
    }
    .ca-blog-tools input,
    .ca-blog-tools select,
    .ca-blog-tools .btn-main{
        height:39px!important;
        font-size:12px!important;
    }
    .ca-blog-tools .btn-main{
        min-width:70px!important;
        padding:0 10px!important;
    }
    .ca-blog-grid{
        grid-template-columns:1fr!important;
        gap:8px!important;
    }
    .ca-blog-card{
        grid-template-columns:112px minmax(0,1fr)!important;
        height:128px!important;
        min-height:128px!important;
        max-height:128px!important;
    }
    .ca-blog-card-image{
        width:112px!important;
        height:128px!important;
    }
    .ca-blog-card-body{
        height:128px!important;
        padding:8px 9px 7px!important;
    }
    .ca-blog-card h2{
        font-size:15px!important;
    }
    .ca-blog-card p{
        font-size:11.5px!important;
    }
}
@media(max-width:520px){
    .ca-blog-hero h1{
        font-size:28px!important;
    }
    .ca-blog-hero p{
        font-size:13px!important;
    }
    .ca-blog-tools form{
        grid-template-columns:1fr 1fr!important;
    }
    .ca-blog-tools input{
        grid-column:1/-1!important;
    }
    .ca-blog-tools .btn-main{
        width:100%!important;
    }
    .ca-blog-card{
        grid-template-columns:96px minmax(0,1fr)!important;
        height:126px!important;
        min-height:126px!important;
        max-height:126px!important;
    }
    .ca-blog-card-image{
        width:96px!important;
        height:126px!important;
    }
    .ca-blog-card-body{
        height:126px!important;
        padding:8px!important;
    }
    .ca-blog-category,
    .ca-blog-card-topline time,
    .ca-blog-card-footer{
        font-size:9.5px!important;
    }
    .ca-blog-card h2{
        font-size:14px!important;
    }
    .ca-blog-card p{
        font-size:11px!important;
        line-height:1.32!important;
    }
}

/* =========================================================
   CYBERAXIS COMFORTABLE COMPACT CARDS — FINAL OVERRIDE
   Slightly taller cards and more readable text
   ========================================================= */

@media (min-width: 761px) {
    .ca-blog-card {
        grid-template-columns: 158px minmax(0, 1fr) !important;
        height: 156px !important;
        min-height: 156px !important;
        max-height: 156px !important;
    }

    .ca-blog-card-image {
        width: 158px !important;
        height: 156px !important;
    }

    .ca-blog-card-body {
        height: 156px !important;
        padding: 12px 14px 11px !important;
    }

    .ca-blog-category,
    .ca-blog-card-topline time {
        font-size: 11.5px !important;
    }

    .ca-blog-card h2 {
        margin-bottom: 5px !important;
        font-size: 19px !important;
        line-height: 1.24 !important;
    }

    .ca-blog-card p {
        font-size: 13.5px !important;
        line-height: 1.42 !important;
    }

    .ca-blog-card-footer {
        font-size: 11.5px !important;
    }

    .ca-blog-readmore {
        font-size: 12px !important;
    }
}

@media (max-width: 760px) {
    .ca-blog-card {
        grid-template-columns: 120px minmax(0, 1fr) !important;
        height: 146px !important;
        min-height: 146px !important;
        max-height: 146px !important;
    }

    .ca-blog-card-image {
        width: 120px !important;
        height: 146px !important;
    }

    .ca-blog-card-body {
        height: 146px !important;
        padding: 10px 11px 9px !important;
    }

    .ca-blog-category,
    .ca-blog-card-topline time {
        font-size: 10.5px !important;
    }

    .ca-blog-card h2 {
        margin-bottom: 4px !important;
        font-size: 16.5px !important;
        line-height: 1.25 !important;
    }

    .ca-blog-card p {
        font-size: 12.5px !important;
        line-height: 1.38 !important;
    }

    .ca-blog-card-footer {
        font-size: 10.5px !important;
    }

    .ca-blog-readmore {
        font-size: 11.5px !important;
    }
}

@media (max-width: 520px) {
    .ca-blog-card {
        grid-template-columns: 104px minmax(0, 1fr) !important;
        height: 142px !important;
        min-height: 142px !important;
        max-height: 142px !important;
    }

    .ca-blog-card-image {
        width: 104px !important;
        height: 142px !important;
    }

    .ca-blog-card-body {
        height: 142px !important;
        padding: 9px !important;
    }

    .ca-blog-category,
    .ca-blog-card-topline time,
    .ca-blog-card-footer {
        font-size: 10px !important;
    }

    .ca-blog-card h2 {
        font-size: 15px !important;
    }

    .ca-blog-card p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .ca-blog-readmore {
        font-size: 11px !important;
    }
}

/* =========================================================
   BLOG ARTICLE SERVICE PROMOTIONS
   Uses the previously empty desktop side space.
   ========================================================= */

.ca-blog-article-shell{
    padding-right:18px!important;
    padding-left:18px!important;
}

.ca-blog-reading-layout{
    display:grid;
    grid-template-columns:minmax(190px,230px) minmax(0,920px) minmax(190px,230px);
    align-items:start;
    justify-content:center;
    gap:22px;
    width:min(1480px,100%);
    margin:0 auto;
}

.ca-blog-reading-main{
    min-width:0;
}

.ca-blog-reading-main .ca-blog-article,
.ca-blog-reading-main .ca-blog-cta,
.ca-blog-reading-main .ca-related{
    width:100%;
    max-width:920px;
}

.ca-blog-promo-column{
    position:sticky;
    top:118px;
    min-width:0;
}

.ca-blog-promo-card{
    display:block;
    overflow:hidden;
    padding:18px;
    color:#172033!important;
    background:linear-gradient(180deg,#ffffff 0%,#f3f7fd 100%);
    border:1px solid #dce5f1;
    border-radius:14px;
    box-shadow:0 12px 32px rgba(16,24,40,.08);
    text-decoration:none!important;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.ca-blog-promo-card:hover,
.ca-blog-promo-card:focus{
    color:#172033!important;
    border-color:#8fbfff;
    box-shadow:0 16px 38px rgba(16,24,40,.13);
    transform:translateY(-2px);
}

.ca-blog-promo-label{
    display:inline-block;
    margin-bottom:14px;
    padding:5px 8px;
    color:#0758d8;
    background:#e7f1ff;
    border-radius:5px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.055em;
    line-height:1.1;
    text-transform:uppercase;
}

.ca-blog-promo-card img{
    display:block;
    width:62px;
    height:62px;
    margin:0 0 16px;
    object-fit:contain;
}

.ca-blog-promo-card h2{
    margin:0 0 9px;
    color:#101828;
    font-size:20px;
    line-height:1.25;
}

.ca-blog-promo-card p{
    margin:0 0 16px;
    color:#667085;
    font-size:13px;
    line-height:1.55;
}

.ca-blog-promo-cta{
    display:inline-block;
    color:#006bff;
    font-size:12px;
    font-weight:800;
    line-height:1.3;
}

@media(max-width:1180px){
    .ca-blog-reading-layout{
        grid-template-columns:minmax(0,920px);
        gap:18px;
    }

    .ca-blog-reading-main{
        grid-row:1;
    }

    .ca-blog-promo-column{
        position:static;
        display:block;
        grid-row:2;
    }

    .ca-blog-promo-left{
        grid-column:1;
    }

    .ca-blog-promo-right{
        grid-column:1;
        grid-row:3;
    }

    .ca-blog-promo-card{
        display:grid;
        grid-template-columns:64px minmax(0,1fr);
        gap:4px 16px;
        align-items:center;
    }

    .ca-blog-promo-label{
        grid-column:1/-1;
        width:max-content;
        margin-bottom:6px;
    }

    .ca-blog-promo-card img{
        grid-column:1;
        grid-row:2/5;
        width:56px;
        height:56px;
        margin:0;
    }

    .ca-blog-promo-card h2,
    .ca-blog-promo-card p,
    .ca-blog-promo-cta{
        grid-column:2;
    }

    .ca-blog-promo-card h2{
        margin-bottom:3px;
        font-size:18px;
    }

    .ca-blog-promo-card p{
        margin-bottom:5px;
    }
}

@media(max-width:650px){
    .ca-blog-article-shell{
        padding-right:10px!important;
        padding-left:10px!important;
    }

    .ca-blog-reading-layout{
        gap:12px;
    }

    .ca-blog-promo-card{
        grid-template-columns:48px minmax(0,1fr);
        padding:14px;
        gap:3px 12px;
        border-radius:10px;
    }

    .ca-blog-promo-card img{
        width:44px;
        height:44px;
    }

    .ca-blog-promo-card h2{
        font-size:16px;
    }

    .ca-blog-promo-card p{
        font-size:12px;
        line-height:1.42;
    }
}

/* =========================================================
   CYBERAXIS BLOG ARTICLE SIZE FIX — FINAL OVERRIDE
   Does not alter the compact Blog Home listing.
   ========================================================= */

.ca-blog-article-shell{
    padding-top:125px!important;
    padding-right:18px!important;
    padding-bottom:60px!important;
    padding-left:18px!important;
}

.ca-blog-reading-layout{
    grid-template-columns:minmax(180px,220px) minmax(0,840px) minmax(180px,220px)!important;
    gap:20px!important;
    width:min(1360px,100%)!important;
}

.ca-blog-reading-main .ca-blog-article,
.ca-blog-reading-main .ca-blog-cta,
.ca-blog-reading-main .ca-related{
    width:100%!important;
    max-width:840px!important;
}

.ca-blog-article{
    max-width:840px!important;
    padding:38px!important;
    border-radius:16px!important;
}

.ca-blog-article h1{
    font-size:clamp(36px,3.2vw,48px)!important;
    line-height:1.12!important;
}

.ca-blog-featured{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:410px!important;
    margin:12px auto 28px!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#f8fafc!important;
    border:1px solid #edf1f6!important;
    border-radius:12px!important;
}

.ca-blog-content img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:520px!important;
    margin:22px auto!important;
    object-fit:contain!important;
    object-position:center!important;
}

.ca-blog-promo-card{
    padding:16px!important;
}

.ca-blog-promo-card img{
    width:54px!important;
    height:54px!important;
    margin-bottom:13px!important;
}

.ca-blog-promo-card h2{
    font-size:18px!important;
}

@media(max-width:1180px){
    .ca-blog-reading-layout{
        grid-template-columns:minmax(0,840px)!important;
    }
}

@media(max-width:650px){
    .ca-blog-article-shell{
        padding-top:100px!important;
        padding-right:10px!important;
        padding-bottom:40px!important;
        padding-left:10px!important;
    }

    .ca-blog-article{
        padding:24px 18px!important;
    }

    .ca-blog-article h1{
        font-size:32px!important;
    }

    .ca-blog-featured{
        max-height:280px!important;
        margin-bottom:22px!important;
    }

    .ca-blog-content img{
        max-height:360px!important;
    }
}

/* =========================================================
   CYBERAXIS VISITOR COMMENTS
   ========================================================= */

.ca-comments-section{
    width:100%;
    max-width:840px;
    margin:30px auto 0;
    padding:30px;
    background:#fff;
    border:1px solid #e3e8ef;
    border-radius:16px;
    box-shadow:0 12px 32px rgba(16,24,40,.06);
}

.ca-comments-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    padding-bottom:18px;
    border-bottom:1px solid #e8edf4;
}

.ca-comments-kicker{
    display:block;
    margin-bottom:5px;
    color:#006bff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.ca-comments-heading h2{
    margin:0;
    color:#111827;
    font-size:28px;
    line-height:1.2;
}

.ca-comments-heading h2 span{
    color:#667085;
    font-size:17px;
}

.ca-comments-heading p{
    margin:0;
    color:#667085;
    font-size:13px;
}

.ca-comment-notice{
    margin:18px 0 0;
    padding:12px 14px;
    border-radius:8px;
    font-size:14px;
    line-height:1.45;
}

.ca-comment-notice-success{
    color:#176b38;
    background:#e9f9ef;
    border:1px solid #bfe8cc;
}

.ca-comment-notice-error{
    color:#8c1d1d;
    background:#fff1f1;
    border:1px solid #f2cccc;
}

.ca-comments-list{
    display:grid;
    gap:14px;
    margin-top:20px;
}

.ca-comment-item{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    padding:16px;
    background:#f8fafc;
    border:1px solid #e5eaf1;
    border-radius:10px;
}

.ca-comment-avatar{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    color:#fff;
    background:linear-gradient(135deg,#006bff,#083e91);
    border-radius:50%;
    font-size:16px;
    font-weight:800;
}

.ca-comment-body{
    min-width:0;
}

.ca-comment-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:5px;
}

.ca-comment-meta strong{
    color:#172033;
    font-size:14px;
}

.ca-comment-meta time{
    color:#8993a4;
    font-size:11px;
    white-space:nowrap;
}

.ca-comment-body p{
    margin:0;
    color:#475467;
    font-size:14px;
    line-height:1.55;
    overflow-wrap:anywhere;
}

.ca-comments-empty,
.ca-comments-unavailable{
    margin-top:20px;
    padding:18px;
    color:#667085;
    background:#f8fafc;
    border:1px dashed #cfd8e6;
    border-radius:9px;
    text-align:center;
}

.ca-comment-form{
    margin-top:24px;
    padding-top:24px;
    border-top:1px solid #e8edf4;
}

.ca-comment-form-heading h3{
    margin:0 0 4px;
    color:#172033;
    font-size:22px;
}

.ca-comment-form-heading p{
    margin:0 0 18px;
    color:#667085;
    font-size:13px;
}

.ca-comment-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.ca-comment-form label{
    display:block;
    margin-bottom:14px;
    color:#172033;
    font-size:13px;
    font-weight:700;
}

.ca-comment-form input,
.ca-comment-form textarea{
    display:block;
    width:100%;
    margin-top:7px;
    padding:11px 12px;
    color:#172033;
    background:#fff;
    border:1px solid #cfd8e6;
    border-radius:8px;
    font-family:inherit;
    font-size:14px;
    line-height:1.45;
}

.ca-comment-form textarea{
    resize:vertical;
    min-height:120px;
}

.ca-comment-form input:focus,
.ca-comment-form textarea:focus{
    border-color:#5da2ff;
    box-shadow:0 0 0 3px rgba(0,107,255,.10);
    outline:none;
}

.ca-comment-form small{
    display:block;
    margin-top:6px;
    color:#7b8494;
    font-size:11px;
    font-weight:400;
}

.ca-comment-verification{
    display:grid;
    grid-template-columns:minmax(180px,240px) auto;
    align-items:end;
    gap:14px;
}

.ca-comment-verification .btn-main{
    min-height:44px;
    margin-bottom:14px;
    white-space:nowrap;
}

.ca-comment-policy{
    margin:2px 0 0;
    color:#7b8494;
    font-size:11px;
    line-height:1.45;
}

.ca-comment-honeypot{
    position:absolute!important;
    left:-10000px!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
}

@media(max-width:650px){
    .ca-comments-section{
        padding:20px 16px;
        border-radius:12px;
    }

    .ca-comments-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }

    .ca-comment-form-grid,
    .ca-comment-verification{
        grid-template-columns:1fr;
    }

    .ca-comment-verification .btn-main{
        width:100%;
        margin-bottom:8px;
    }

    .ca-comment-item{
        grid-template-columns:36px minmax(0,1fr);
        padding:13px;
    }

    .ca-comment-avatar{
        width:36px;
        height:36px;
        font-size:14px;
    }

    .ca-comment-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:2px;
    }
}

/* =========================================================
   CYBERAXIS RELATED BLOGS — COMPACT CLICKABLE CARDS
   Applies only to the article-page Related Blogs section.
   ========================================================= */

.ca-related{
    width:100%!important;
    max-width:840px!important;
    margin:34px auto 0!important;
}

.ca-related>h2{
    margin:0 0 16px!important;
    color:#111827!important;
    font-size:28px!important;
    line-height:1.15!important;
    text-align:center!important;
}

.ca-related-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
}

.ca-related-item{
    min-width:0!important;
    overflow:hidden!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #dfe6ef!important;
    border-radius:12px!important;
    box-shadow:0 6px 18px rgba(16,24,40,.05)!important;
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease!important;
}

.ca-related-item:hover,
.ca-related-item:focus-within{
    transform:translateY(-2px)!important;
    border-color:#8dbdff!important;
    box-shadow:0 10px 24px rgba(16,24,40,.10)!important;
}

.ca-related-link{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    color:#172033!important;
    text-decoration:none!important;
}

.ca-related-link:hover,
.ca-related-link:focus{
    color:#172033!important;
    text-decoration:none!important;
    outline:none!important;
}

.ca-related-link:focus-visible{
    box-shadow:inset 0 0 0 3px rgba(0,107,255,.24)!important;
}

.ca-related-thumb{
    display:block!important;
    width:100%!important;
    height:118px!important;
    overflow:hidden!important;
    background:#edf4ff!important;
    border-bottom:1px solid #e5eaf1!important;
}

.ca-related-thumb img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
}

.ca-related-thumb-fallback{
    display:grid!important;
    place-items:center!important;
    padding:12px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#01081e,#096dff)!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
    text-align:center!important;
    text-transform:uppercase!important;
}

.ca-related-content{
    display:flex!important;
    flex:1!important;
    flex-direction:column!important;
    min-width:0!important;
    padding:13px 14px 14px!important;
}

.ca-related-label{
    display:block!important;
    margin:0 0 6px!important;
    color:#006bff!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
}

.ca-related-title{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:0 0 7px!important;
    color:#172033!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.32!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
}

.ca-related-excerpt{
    display:-webkit-box!important;
    overflow:hidden!important;
    margin:0!important;
    color:#667085!important;
    font-size:10px!important;
    font-weight:400!important;
    line-height:1.55!important;
    text-align:justify!important;
    text-justify:inter-word!important;
    overflow-wrap:anywhere!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
}

.ca-related-readmore{
    display:block!important;
    margin-top:auto!important;
    padding-top:10px!important;
    color:#006bff!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.25!important;
}

@media(max-width:992px){
    .ca-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:650px){
    .ca-related{
        margin-top:26px!important;
    }

    .ca-related>h2{
        margin-bottom:13px!important;
        font-size:24px!important;
    }

    .ca-related-grid{
        grid-template-columns:1fr!important;
        gap:11px!important;
    }

    .ca-related-link{
        display:grid!important;
        grid-template-columns:118px minmax(0,1fr)!important;
        min-height:132px!important;
    }

    .ca-related-thumb{
        width:118px!important;
        height:100%!important;
        min-height:132px!important;
        border-right:1px solid #e5eaf1!important;
        border-bottom:0!important;
    }

    .ca-related-content{
        padding:12px!important;
    }

    .ca-related-title{
        font-size:13px!important;
    }

    .ca-related-excerpt{
        font-size:10px!important;
        -webkit-line-clamp:3!important;
    }
}