/* ==========================================================
   11SECTORS — CANONICAL 11 SECTORS OVERVIEW
   ========================================================== */

#sector-market-entry {
    display: block !important;

    grid-column: 1 / -1 !important;

    flex: 0 0 100% !important;

    clear: both !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 0 82px 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   FULL-WIDTH CATEGORY RAIL — LIKE PICTURE 2
   ========================================================== */

#sector-market-entry .sme-rail {
    position: relative;

    left: 50%;

    width: 100vw !important;

    margin-left: -50vw !important;
    margin-bottom: 20px !important;

    padding: 14px 24px !important;

    border-top: 1px solid #17323d;
    border-bottom: 1px solid #17323d;

    background: #071116;

    box-sizing: border-box !important;
}


#sector-market-entry .sme-rail-inner {
    display: flex;

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

    gap: 14px;

    margin: 0 auto;

    color: #91a4ae;

    font-size: 10px;
    line-height: 1;
    font-weight: 850;

    letter-spacing: .12em;
}


#sector-market-entry .sme-dot {
    color: #8cff00;
}


/* ==========================================================
   MAIN CONTENT — STRETCHED LIKE PICTURE 2
   ========================================================== */

#sector-market-entry .sme-inner {
    display: block !important;

    width: min(1280px, calc(100% - 48px)) !important;
    max-width: 1280px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   BUY -> LOAD -> GET PAID
   ========================================================== */

#sector-market-entry .sme-flow {
    display: grid !important;

    grid-template-columns:
        minmax(200px,1fr)
        28px
        minmax(440px,2.2fr)
        28px
        minmax(200px,1fr) !important;

    align-items: center !important;

    width: 100% !important;

    gap: 8px !important;

    margin: 0 auto 48px auto !important;
}


#sector-market-entry .sme-flow-box {
    display: flex;

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

    min-height: 46px;

    padding: 10px 15px;

    background: #8cff00;

    color: #010600;

    font-size: 10px;
    line-height: 1.1;
    font-weight: 950;

    text-align: center;

    box-sizing: border-box;
}


#sector-market-entry .sme-arrow {
    color: #8cff00;

    font-size: 30px;
    line-height: 1;
    font-weight: 900;

    text-align: center;
}


/* ==========================================================
   11 SECTORS TITLE
   ========================================================== */

#sector-market-entry .sme-title {
    width: 100%;

    margin: 0 0 14px 0 !important;

    color: #f1f5f7;

    font-size: 45px !important;
    line-height: 1 !important;
    font-weight: 850 !important;

    letter-spacing: -.04em;

    text-align: center !important;
}


/* ==========================================================
   COMPLETE SENTENCE
   DIRECTLY UNDER TITLE / ABOVE BOXES
   ========================================================== */

#sector-market-entry .sme-definition {
    display: block !important;

    width: 100% !important;
    max-width: 1160px !important;

    margin: 0 auto 22px auto !important;
    padding: 0 !important;

    color: #a5b7c1 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   THREE BOXES — STRETCHED ACROSS SAME WIDTH
   ========================================================== */

#sector-market-entry .sme-grid {
    display: grid !important;

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

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    border: 1px solid #173944 !important;

    background: #050d11 !important;

    box-sizing: border-box !important;
}


#sector-market-entry .sme-card {
    display: block !important;

    min-width: 0 !important;
    min-height: 128px !important;

    margin: 0 !important;

    padding: 17px 19px !important;

    border: 0 !important;
    border-right: 1px solid #173944 !important;

    background: #061015 !important;

    box-sizing: border-box !important;
}


#sector-market-entry .sme-card:last-child {
    border-right: 0 !important;
}


/* ==========================================================
   BOX TITLES
   ========================================================== */

#sector-market-entry .sme-card-title {
    display: block !important;

    margin: 0 0 10px 0 !important;

    color: #91ff00 !important;

    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;

    text-align: left !important;
}


/* ==========================================================
   BOX COPY
   ========================================================== */

#sector-market-entry .sme-card-copy {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #c4cfd5 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;

    text-align: left !important;
}


/* ==========================================================
   IMPORTANT:
   FORCE THE NEXT SECTION TO A NEW FULL ROW.
   DESIGN PRINCIPLE CAN NEVER SIT BESIDE THIS COMPONENT.
   ========================================================== */

#sector-market-entry + section,
#sector-market-entry + div {
    grid-column: 1 / -1 !important;

    flex-basis: 100% !important;

    clear: both !important;

    width: 100% !important;
}


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

@media (max-width: 900px) {

    #sector-market-entry .sme-inner {
        width: calc(100% - 24px) !important;
    }

    #sector-market-entry .sme-flow {
        grid-template-columns: 1fr !important;
    }

    #sector-market-entry .sme-arrow {
        transform: rotate(90deg);
    }

    #sector-market-entry .sme-grid {
        grid-template-columns: 1fr !important;
    }

    #sector-market-entry .sme-card {
        border-right: 0 !important;
        border-bottom: 1px solid #173944 !important;
    }

    #sector-market-entry .sme-card:last-child {
        border-bottom: 0 !important;
    }
}


/* ===== MARKET_ENTRY_GAP_FIX_START ===== */

/*
   Remove the dead vertical space beneath LIVE MARKET PULSE.
   Move the entire next section upward together.
*/

#sector-market-entry {
    margin-top: -128px !important;
    padding-top: 0 !important;
}

#sector-market-entry .sme-rail {
    margin-top: 0 !important;
}

/* keep a clean intentional breathing gap */
#sector-market-entry .sme-rail-inner {
    margin-top: 0 !important;
}

/* ===== MARKET_ENTRY_GAP_FIX_END ===== */


/* ===== RAIL_LINKS_AND_DEFINITION_START ===== */

/* CLICKABLE SECTORS / STRATEGIES / FAMILIES / AGENTS / LICENSE */

#sector-market-entry .sme-rail-link {
    color: #91a4ae;
    text-decoration: none;

    font: inherit;
    font-weight: 850;

    transition:
        color .15s ease,
        text-shadow .15s ease;
}

#sector-market-entry .sme-rail-link:hover,
#sector-market-entry .sme-rail-link:focus-visible {
    color: #8cff00;
    text-shadow: 0 0 8px rgba(140,255,0,.28);
}


/* TWO-LINE STATEMENT UNDER 11 SECTORS */

#sector-market-entry .sme-definition {
    display: block !important;

    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto 22px auto !important;
    padding: 0 !important;

    text-align: center !important;
}


#sector-market-entry .sme-definition-top {
    display: block;

    width: fit-content;
    max-width: 900px;

    margin: 0 auto 4px auto;

    color: #aebdc5;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
}


#sector-market-entry .sme-definition-bottom {
    display: block;

    width: 100%;
    max-width: 1140px;

    margin: 0 auto;

    color: #a0b1ba;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
}


/* ===== RAIL_LINKS_AND_DEFINITION_END ===== */


/* ===== CTA_AND_PULSE_ALIGNMENT_START ===== */

/* -------------------------------------------------
   PULL THE 3 GREEN BOXES DOWN / CENTER THE BAND
------------------------------------------------- */

#sector-market-entry .sme-cta-flow,
#sector-market-entry .sme-process-row,
#sector-market-entry .sme-action-strip,
#sector-market-entry .sme-steps-row,
#sector-market-entry .sme-buy-flow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    margin-top: 20px !important;
    margin-bottom: 28px !important;
    padding-top: 16px !important;
}

#sector-market-entry .sme-cta-box,
#sector-market-entry .sme-process-step,
#sector-market-entry .sme-action-box,
#sector-market-entry .sme-buy-box,
#sector-market-entry .sme-cta-arrow,
#sector-market-entry .sme-process-arrow,
#sector-market-entry .sme-action-arrow,
#sector-market-entry .sme-buy-arrow {
    position: relative !important;
    top: 10px !important;
}

#sector-market-entry .sme-cta-box,
#sector-market-entry .sme-process-step,
#sector-market-entry .sme-action-box,
#sector-market-entry .sme-buy-box {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* -------------------------------------------------
   TIGHTEN LIVE MARKET PULSE SPACING
------------------------------------------------- */

#sector-market-entry .sme-pulse-row,
#sector-market-entry .sme-market-pulse,
#sector-market-entry .live-market-pulse,
#sector-market-entry .market-pulse-strip,
#sector-market-entry .pulse-feed,
#sector-market-entry .pulse-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}

#sector-market-entry .sme-pulse-row > *,
#sector-market-entry .sme-market-pulse > *,
#sector-market-entry .live-market-pulse > *,
#sector-market-entry .market-pulse-strip > *,
#sector-market-entry .pulse-feed > *,
#sector-market-entry .pulse-track > * {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

#sector-market-entry .sme-pulse-item,
#sector-market-entry .market-pulse-item,
#sector-market-entry .pulse-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
    margin-right: 8px !important;
    padding-right: 0 !important;
}

#sector-market-entry .sme-pulse-item-label,
#sector-market-entry .market-pulse-label,
#sector-market-entry .pulse-label {
    margin-right: 4px !important;
    letter-spacing: .02em !important;
}

#sector-market-entry .sme-pulse-item-value,
#sector-market-entry .market-pulse-value,
#sector-market-entry .pulse-value {
    margin-left: 0 !important;
    letter-spacing: 0 !important;
}

/* slightly reduce internal left-right padding if the pulse bar is too spread out */
#sector-market-entry .sme-pulse-shell,
#sector-market-entry .market-pulse-shell,
#sector-market-entry .pulse-shell {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* ===== CTA_AND_PULSE_ALIGNMENT_END ===== */


/* ===== SECOND_POSITION_TIGHTEN_START ===== */

/* MOVE BUY / LOAD / GET PAID DOWN SLIGHTLY */

#sector-market-entry .sme-flow {
    margin-top: 20px !important;
    margin-bottom: 28px !important;
}

#sector-market-entry .sme-flow-box,
#sector-market-entry .sme-arrow {
    transform: translateY(4px) !important;
}

/* ===== SECOND_POSITION_TIGHTEN_END ===== */