/* BLOG HORIZONTAL GEOMETRIC EDITION - V107 (THE TECHNICAL NOTCH) */
.blog-horizontal-section.lime-edition {
    height: 350vh;
    background: var(--accent); /* Lime Section Background */
    position: relative;
    padding-bottom: 100px;
}

.blog-horizontal-section.lime-edition .h-sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
}

.h-track {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    padding: 0 var(--inner-px);
    will-change: transform;
}

/* BLOG INFO PANEL */
.blog-h-info {
    flex: 0 0 clamp(300px, 20vw, 400px);
    margin-right: clamp(40px, 8vw, 120px);
}

.blog-h-info .ql-tag.black { color: #000; border-color: rgba(0,0,0,0.1); }
.blog-h-main-title.black { color: #000; font-size: clamp(3rem, 8vw, 6rem); margin-bottom: 20px; }
.h-prog-container.black { background: rgba(0,0,0,0.05); }
.h-prog-line.black { background: #000; }

/* GEOMETRIC CARDS (Inherited from HSS but with Blog Twist) */
.blog-horizontal-section .hss-item {
    flex: 0 0 clamp(450px, 45vw, 850px);
    height: 70vh;
    margin-right: 60px;
}

/* STYLE: DARK-LIME (Black Card, Lime Details) - INVERTED NOTCH */
.hss-item-dark-lime .hss-item-inner {
    background: #000;
    color: #fff;
    /* Bottom Right Notch instead of Top Right */
    clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 92% 100%, 0% 100%);
    background-image: radial-gradient(circle at 2px 2px, rgba(195, 229, 111, 0.1) 1px, transparent 0);
    background-size: 30px 30px;
    border: 1px solid rgba(195, 229, 111, 0.1);
}

.hss-item-dark-lime .hss-title { color: var(--accent); }
.hss-item-dark-lime .hss-num { color: var(--accent); opacity: 0.6; }

/* STYLE: LIME-DARK (White Card, Black Details) */
.hss-item-lime-dark .hss-item-inner {
    background: #fff;
    color: #000;
    clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 92% 100%, 0% 100%);
    background-image: linear-gradient(rgba(0,0,0,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.02) 1px, transparent 1px);
    background-size: 20px 20px;
    border: 1px solid rgba(0,0,0,0.05);
}

.hss-item-lime-dark .hss-title { color: #000; }
.hss-item-lime-dark .hss-num { color: #000; opacity: 0.4; }

.h-spacer {
    flex: 0 0 25vw;
}

/* COMMON CARD ELEMENTS */
.hss-desc-small {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 30px;
    opacity: 0.7;
    max-width: 80%;
}

.bh-btn {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

/* MOBILE OVERRIDES NOW IN mobile.css */