.herald-single .herald-ovrld .entry-header .entry-title {
    color: #fff;
    text-align: left;
}
/* Ensure main module wrapper has no extra left offset */
.herald-module,
.herald-posts,
.herald-lay-b-wrapper {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Base product item container */
article.herald-lay-b,
.herald-lay-b {
    position: relative !important;
    padding-left: 76px !important; /* Image width (60px) + Gap (16px) */
    min-height: 60px !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    clear: both !important;
}

/* Force image to pin top-left aligned with header */
.herald-lay-b .herald-post-thumbnail,
.herald-lay-b .entry-media,
.herald-lay-b a.herald-format-icon,
.herald-lay-b .col-lg-4,
.herald-lay-b .col-md-4,
.herald-lay-b .col-sm-4 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    float: none !important;
}

.herald-lay-b .herald-post-thumbnail img,
.herald-lay-b .entry-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Right side content column */
.herald-lay-b .entry-header,
.herald-lay-b .entry-content,
.herald-lay-b .herald-post-content,
.herald-lay-b .col-lg-8,
.herald-lay-b .col-md-8,
.herald-lay-b .col-sm-8,
.herald-lay-b .row {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}

/* Typography alignment */
.herald-lay-b .entry-title,
.herald-lay-b .entry-title a {
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin: 0 0 3px 0 !important;
    color: #111827 !important;
    display: block !important;
}

.herald-lay-b .entry-content p,
.herald-lay-b .herald-entry-content p {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

/* Mobile Responsiveness Rules */
@media (max-width: 767px) {
    article.herald-lay-b,
    .herald-lay-b {
        padding-left: 64px !important; /* Slightly tighter spacing on small screens */
        margin-bottom: 16px !important;
    }

    .herald-lay-b .herald-post-thumbnail,
    .herald-lay-b .entry-media,
    .herald-lay-b [class*="col-"] {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }

    .herald-lay-b .entry-title,
    .herald-lay-b .entry-title a {
        font-size: 14px !important;
    }

    .herald-lay-b .entry-content p,
    .herald-lay-b .herald-entry-content p {
        font-size: 12px !important;
    }
}


.card {
            position:relative;
            border: 1px solid rgba(0,0,0,.125);
            border-radius: 0.75rem;
            padding-top: 10px;
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 10px;
            width: 94% !important;
            max-width: 518px;
            min-width: 0px;
            margin-top: 1rem;
            margin-bottom: 1rem;
            margin-left: 0px;
            margin-right: 2px;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}
        .card:hover {
            transform: scale(1.02);
            transition: all 0.1s ease;
            box-shadow: 2px 2px 5px #888;
            z-index: 1;
            background-color: #f0f0f0 !important;
        }