/* ============================================================
   MIDDLE EAST OIL SECTOR SECTOR
   Product 05 — LEFT PANEL
   ============================================================ */

#middle-east-oil-sector {
    box-sizing: border-box;
    margin-top: 28px;
    margin-bottom: 28px;
    color: #edf4f6;
}

#middle-east-oil-sector * {
    box-sizing: border-box;
}

#middle-east-oil-sector .me-product {
    display: grid;
    grid-template-columns: minmax(330px, 31%) minmax(0, 69%);
    width: 100%;
    border: 1px solid #173b45;
    background: #02090c;
    overflow: hidden;
}

#middle-east-oil-sector .me-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px 18px 0;
    border-right: 1px solid #173b45;
    background: #020b0e;
}

#middle-east-oil-sector .me-title-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
}

#middle-east-oil-sector .me-number {
    color: #8cff00;
    font-size: 24px;
    line-height: 1;
    font-weight: 900;
}

#middle-east-oil-sector .me-title {
    margin: 0;
    color: #f6fbfc;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

#middle-east-oil-sector .me-engine {
    width: 100%;
    margin: 18px 0 0;
    color: #8cff00;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: .035em;
    text-align: center;
}

#middle-east-oil-sector .me-description {
    width: 100%;
    max-width: 100%;
    margin: 17px 0 16px;
    color: #edf4f6;
    font-size: 14px;
    line-height: 1.55;
    text-align: left;
}

#middle-east-oil-sector .me-type {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 34px;
    margin: 0 0 14px;
    padding: 6px 10px;
    border: 1px solid #20505c;
    color: #00e5ff;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
}

#middle-east-oil-sector .me-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    margin: 0 0 15px;
}

#middle-east-oil-sector .me-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    padding: 11px 12px;
    border: 1px solid #173b45;
    text-align: center;
}

#middle-east-oil-sector .me-stat-number {
    width: 100%;
    color: #f2f7f8;
    font-size: 23px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
}

#middle-east-oil-sector .me-stat-label {
    width: 100%;
    margin-top: 7px;
    color: #f5fafb;
    font-size: 9px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: .03em;
    text-align: center;
}

#middle-east-oil-sector .me-delivery {
    width: 100%;
    margin: 0 0 10px;
    border: 1px solid #173b45;
}

#middle-east-oil-sector .me-delivery-top {
    padding: 14px;
    border-bottom: 1px solid #173b45;
    text-align: left;
}

#middle-east-oil-sector .me-delivery-title {
    color: #00e5ff;
    font-size: 15px;
    line-height: 1.1;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
}

#middle-east-oil-sector .me-delivery-copy {
    margin-top: 6px;
    color: #edf4f6;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

#middle-east-oil-sector .me-broker-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
}

#middle-east-oil-sector .me-broker-row > div {
    min-width: 0;
}

#middle-east-oil-sector .me-broker-label {
    color: #fff;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .02em;
    text-align: left;
    white-space: nowrap;
}

#middle-east-oil-sector .me-broker {
    margin-top: 7px;
    color: #8cff00;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    text-align: left;
}

#middle-east-oil-sector .me-open-broker {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 10px 15px;
    border: 1px solid #8cff00;
    background: transparent;
    color: #8cff00;
    font-size: 9px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
}

#middle-east-oil-sector .me-buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin: 0 0 14px;
    border: 0;
    background: #8cff00;
    color: #001000;
    font-size: 16px;
    line-height: 1;
    font-weight: 950;
    text-align: center;
    cursor: pointer;
}

#middle-east-oil-sector .me-side-section {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    align-items: center;
    column-gap: 15px;
    width: 100%;
    min-height: 78px;
    margin: 0;
    padding: 14px 0;
    border-top: 1px solid #173b45;
}

#middle-east-oil-sector .me-side-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    width: 145px;
    height: 100%;
    margin: 0;
    color: #f5fafb;
    font-size: 11px;
    line-height: 1.1;
    font-weight: 900;
    text-align: left;
}

#middle-east-oil-sector .me-side-copy {
    align-self: center;
    min-width: 0;
    margin: 0;
    color: #edf4f6;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

#middle-east-oil-sector .me-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    align-self: center;
    width: 100%;
    margin: 0;
}

#middle-east-oil-sector .me-chip {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 7px 4px;
    border: 1px solid #23505b;
    color: #eef5f6;
    font-size: 8px;
    line-height: 1;
    font-weight: 900;
    text-align: center;
}

#middle-east-oil-sector .me-performance {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 5px;
    border-bottom: 0;
    align-items: center;
}

/* ============================================================
   RIGHT SIDE
   ============================================================ */

#middle-east-oil-sector .me-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #01080b;
}

#middle-east-oil-sector .me-feed-head {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 16px;
    padding: 16px 18px 10px 18px;
    align-items: start;
}

#middle-east-oil-sector .me-brand {
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .06em;
}

#middle-east-oil-sector .me-feed-title {
    margin-top: 5px;
    color: #8cff00;
    font-size: 18px;
    font-weight: 950;
}

#middle-east-oil-sector .me-market-status {
    text-align: right;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.7;
}

#middle-east-oil-sector .me-market-open {
    color: #8cff00;
}

#middle-east-oil-sector .me-market-closed {
    color: #ff3154;
}

#middle-east-oil-sector .me-controls {
    display: grid;
    grid-template-columns: auto auto auto 1fr minmax(180px, 250px) auto;
    gap: 8px;
    align-items: center;
    padding: 0 18px 10px 18px;
}

#middle-east-oil-sector .me-control {
    border: 1px solid #24505d;
    background: #020b0f;
    color: #f4f9fa;
    min-height: 35px;
    padding: 0 13px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

#middle-east-oil-sector .me-control.active {
    border-color: #00e5ff;
    color: #00e5ff;
}

#middle-east-oil-sector .me-change-label {
    text-align: right;
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
}

#middle-east-oil-sector .me-select {
    min-height: 35px;
    min-width: 0;
    border: 1px solid #24505d;
    background: #020b0f;
    color: #ffffff;
    padding: 0 10px;
    font-size: 10px;
}

#middle-east-oil-sector .me-updated {
    white-space: nowrap;
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
}

#middle-east-oil-sector .me-pulse {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 27px;
    padding: 0 18px;
    border-top: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
    overflow: hidden;
    white-space: nowrap;
    color: #8199a2;
    font-size: 8px;
    font-weight: 800;
}

#middle-east-oil-sector .me-pulse strong {
    color: #00e5ff;
}

#middle-east-oil-sector .me-pulse-up {
    color: #8cff00;
}

#middle-east-oil-sector .me-pulse-down {
    color: #ff3154;
}

#middle-east-oil-sector .me-chart-wrap {
    min-height: 285px;
    position: relative;
    border-bottom: 1px solid #173b45;
    overflow: hidden;
}

#middle-east-oil-sector .me-chart-label {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 14px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

#middle-east-oil-sector .me-chart {
    display: block;
    width: 100%;
    height: 285px;
}

#middle-east-oil-sector .me-intel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 7px 14px;
}

#middle-east-oil-sector .me-intel-small {
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
}

#middle-east-oil-sector .me-selected-name {
    margin-top: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}

#middle-east-oil-sector .me-source {
    color: #8cff00;
    font-size: 8px;
    font-weight: 900;
}

#middle-east-oil-sector .me-intel-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr .8fr .8fr .8fr;
    border-top: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
}

#middle-east-oil-sector .me-intel-cell {
    min-width: 0;
    padding: 9px 10px;
    border-right: 1px solid #173b45;
}

#middle-east-oil-sector .me-intel-cell:last-child {
    border-right: 0;
}

#middle-east-oil-sector .me-intel-label {
    color: #00e5ff;
    font-size: 7px;
    font-weight: 900;
}

#middle-east-oil-sector .me-intel-value {
    margin-top: 7px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#middle-east-oil-sector .is-up {
    color: #8cff00 !important;
}

#middle-east-oil-sector .is-down {
    color: #ff3154 !important;
}

#middle-east-oil-sector .is-flat {
    color: #ffffff !important;
}


/* ============================================================
   16 CARD LIVE FEED
   ============================================================ */

#middle-east-oil-sector .me-business-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 31px;
    padding: 0 14px;
    border-bottom: 1px solid #173b45;
}

#middle-east-oil-sector .me-business-title {
    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
}

#middle-east-oil-sector .me-business-help {
    color: #718a94;
    font-size: 7px;
}

#middle-east-oil-sector .me-cards {font-size:11px !important;

    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(103px, 1fr));
    width: 100%;
    min-height: 412px;
    margin: 0;
    padding: 0;
}

#middle-east-oil-sector .me-card {
font-size:11px !important;
    appearance: none;
    min-width: 0;
    border: 0;
    border-right: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
    background: #01080b;
    color: #ffffff;
    padding: 10px;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
}

#middle-east-oil-sector .me-card:nth-child(5n) {
font-size:11px !important;
    border-right: 0;
}

#middle-east-oil-sector .me-card:nth-child(n+16) {
font-size:11px !important;
    border-bottom: 0;
}

#middle-east-oil-sector .me-card:hover,
#middle-east-oil-sector .me-card.active {
font-size:11px !important;
    outline: 1px solid #00e5ff;
    outline-offset: -1px;
}

#middle-east-oil-sector .me-card-top {font-size:11px !important;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
}

#middle-east-oil-sector .me-card-num {
    color: #00e5ff;
    font-size:14px !important;
    font-weight: 950;
}

#middle-east-oil-sector .me-card-name {
    min-width: 0;
    color: #ffffff;
    font-size:15px !important;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#middle-east-oil-sector .me-card-group {
    color: #718a94;
    font-size:11px !important;
    font-weight: 900;
    text-transform: uppercase;
}

#middle-east-oil-sector .me-card-metrics {font-size:11px !important;

    display: grid;
    grid-template-columns: 1.1fr .9fr .7fr .7fr .7fr;
    gap: 4px;
    margin-top: 11px;
}

#middle-east-oil-sector .me-card-label {
    color: #708993;
    font-size:10px !important;
    font-weight: 900;

min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}

#middle-east-oil-sector .me-card-value {
    display: block;
    margin-top: 5px;
    
    color: #ffffff;
    font-size:13px !important;
    font-weight: 900;
    
    
    text-



text-


text-
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;}

#middle-east-oil-sector .me-market-cap {
    color: #00e5ff;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {

    #middle-east-oil-sector {
        width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #middle-east-oil-sector .me-product {
        grid-template-columns: 1fr;
    }

    #middle-east-oil-sector .me-sidebar {
        border-right: 0;
        border-bottom: 1px solid #173b45;
    }

    #middle-east-oil-sector .me-controls {
        grid-template-columns: repeat(3, 1fr);
    }

    #middle-east-oil-sector .me-change-label {
        text-align: left;
    }

    #middle-east-oil-sector .me-select {
        grid-column: span 2;
    }

    #middle-east-oil-sector .me-intel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #middle-east-oil-sector .me-cards {font-size:11px !important;

        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(10, minmax(103px, 1fr));
    }

    #middle-east-oil-sector .me-card:nth-child(5n) {
font-size:11px !important;
        border-right: 1px solid #173b45;
    }

    #middle-east-oil-sector .me-card:nth-child(2n) {
font-size:11px !important;
        border-right: 0;
    }

    #middle-east-oil-sector .me-card:nth-child(n+16) {
font-size:11px !important;
        border-bottom: 1px solid #173b45;
    }

    #middle-east-oil-sector .me-card:nth-child(n+19) {
font-size:11px !important;
        border-bottom: 0;
    }
}









/* Clean business-feed geometry: desktop 4x4, phone 8x2. */
#middle-east-oil-sector .me-cards,#military-stocks-business-grid{font-size:11px !important;
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;width:100%!important}
#middle-east-oil-sector .me-card-metrics{font-size:11px !important;
display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:auto auto!important;gap:0!important}
#middle-east-oil-sector .me-card-metrics>div:nth-child(1){font-size:11px !important;
grid-column:1/4;grid-row:1}#middle-east-oil-sector .me-card-metrics>div:nth-child(2){font-size:11px !important;
grid-column:4/7;grid-row:1}#middle-east-oil-sector .me-card-metrics>div:nth-child(4){font-size:11px !important;
grid-column:1/3;grid-row:2}#middle-east-oil-sector .me-card-metrics>div:nth-child(5){font-size:11px !important;
grid-column:3/5;grid-row:2}#middle-east-oil-sector .me-card-metrics>div:nth-child(3){font-size:11px !important;
grid-column:5/7;grid-row:2}
#middle-east-oil-sector .me-card{
font-size:11px !important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}
#middle-east-oil-sector .me-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#7f929d;font-size:10px;letter-spacing:.08em}
@media(max-width:760px){#middle-east-oil-sector .me-product{width:100%!important;max-width:100%!important}#middle-east-oil-sector .me-main{min-width:0!important}#middle-east-oil-sector .me-cards,#military-stocks-business-grid{font-size:11px !important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,auto)!important;grid-auto-flow:row!important;gap:1px!important}#middle-east-oil-sector .me-card{padding:3px 2px!important;min-width:0!important;font-size:11px !important;}#middle-east-oil-sector .me-card-top{font-size:11px !important;
gap:1px!important}#middle-east-oil-sector .me-card-name,#middle-east-oil-sector .me-card-group,#middle-east-oil-sector .me-card-label,#middle-east-oil-sector .me-card-value{font-size:13px !important;line-height:1.03!important;text-


text-


text-

max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}#middle-east-oil-sector .me-card-num{font-size:14px !important;}#middle-east-oil-sector .me-card-metrics{font-size:11px !important;
gap:0!important}#middle-east-oil-sector .me-card-metrics>div{font-size:11px !important;
padding:1px!important;min-width:0!important}#middle-east-oil-sector .me-chart-wrap{min-height:245px!important}}

/* MS_CAPITAL_GRAPH_STYLE_BEGIN */

/*
   Middle East Oil Sector now uses the same chart proportions
   and visual frame as Capital Flow.
*/

#middle-east-oil-sector .me-chart-wrap {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 315px !important;
    min-height: 315px !important;

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

    overflow: hidden !important;

    background: #02090d !important;

    border-top:
        1px solid #173b45 !important;

    border-bottom:
        1px solid #173b45 !important;

    box-sizing:
        border-box !important;
}


#middle-east-oil-sector .me-chart {
    display: block !important;

    width: 100% !important;

    height: 315px !important;
    min-height: 315px !important;

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

    background: #02090d !important;

    overflow: hidden !important;
}


#middle-east-oil-sector .me-chart svg,
#middle-east-oil-sector .me-capital-style-chart {
    display: block !important;

    width: 100% !important;

    height: 315px !important;

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


#middle-east-oil-sector .me-chart-label {
    position: absolute !important;

    z-index: 5 !important;

    top: 3px !important;
    left: 6px !important;

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

    color: #ffffff !important;

    font-size: 10px !important;
    line-height: 1 !important;

    font-weight: 900 !important;

    text-transform: uppercase !important;

    pointer-events: none !important;
}


/* Phone keeps same visual graph, just shorter. */

@media(max-width:760px){

    #middle-east-oil-sector .me-chart-wrap,
    #middle-east-oil-sector .me-chart,
    #middle-east-oil-sector .me-chart svg,
    #middle-east-oil-sector .me-capital-style-chart {

        height: 245px !important;
        min-height: 245px !important;
    }
}

/* MS_CAPITAL_GRAPH_STYLE_END */



/* AT_GRAPH_PERCENT_FINAL_BEGIN */


/*
   GRAPH META — CAPITAL STYLE
   COMPANY TITLE
   + / - LIVE GRAPH PERCENTAGE BELOW
*/

#middle-east-oil-sector .me-chart-label {
    position:absolute !important;

    z-index:20 !important;

    top:8px !important;
    left:8px !important;

    display:block !important;

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

    pointer-events:none !important;

    line-height:1 !important;
}


#middle-east-oil-sector .me-chart-title {
    display:block !important;

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

    color:#ffffff !important;

    font-size:11px !important;
    line-height:1 !important;

    font-weight:900 !important;

    text-transform:uppercase !important;

    white-space:nowrap !important;
}


#middle-east-oil-sector .me-chart-percent {
    display:block !important;

    margin-top:6px !important;
    padding:0 !important;

    color:#8cff00 !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:900 !important;

    white-space:nowrap !important;
}


#middle-east-oil-sector .me-chart-percent.down {
    color:#ff3154 !important;
}


/* AT_GRAPH_PERCENT_FINAL_END */

/* AT_GRAPH_DOWN_PERCENT_BEGIN */


/* ==========================================================
   GRAPH AREA
   ========================================================== */

#middle-east-oil-sector .me-chart-wrap {

    position:
        relative !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        315px !important;

    min-height:
        315px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    background:
        #02090d !important;

    border-bottom:
        1px solid #173b45 !important;

    box-sizing:
        border-box !important;
}


#middle-east-oil-sector .me-chart {

    display:
        block !important;

    width:
        100% !important;

    height:
        315px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        #02090d !important;
}


#middle-east-oil-sector .me-chart svg {

    display:
        block !important;

    width:
        100% !important;

    height:
        315px !important;
}


/* ==========================================================
   COMPANY TITLE + PERCENTAGE
   ========================================================== */

#middle-east-oil-sector .me-chart-label {

    position:
        absolute !important;

    z-index:
        20 !important;

    top:
        10px !important;

    left:
        14px !important;

    display:
        block !important;

    margin:
        0 !important;

    padding:
        0 !important;

    pointer-events:
        none !important;

    line-height:
        1 !important;
}


#middle-east-oil-sector .me-chart-title {

    display:
        block !important;

    color:
        #ffffff !important;

    font-size:
        11px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    text-transform:
        uppercase !important;

    white-space:
        nowrap !important;
}


#middle-east-oil-sector .me-chart-percent {

    display:
        block !important;

    margin-top:
        7px !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    font-weight:
        900 !important;

    white-space:
        nowrap !important;
}


#middle-east-oil-sector .me-chart-percent.up {

    color:
        #8cff00 !important;
}


#middle-east-oil-sector .me-chart-percent.down {

    color:
        #ff3154 !important;
}


/*
   The SVG graph itself now reserves its first
   58 pixels, so neither the line nor candles
   can sit behind this title area.
*/


@media(max-width:760px){

    #middle-east-oil-sector .me-chart-wrap,
    #middle-east-oil-sector .me-chart {

        height:
            270px !important;

        min-height:
            270px !important;
    }


    #middle-east-oil-sector .me-chart svg {

        height:
            270px !important;
    }

}


/* AT_GRAPH_DOWN_PERCENT_END */

/* AT_CAPITAL_MOBILE_COPY_BEGIN */


/* ==========================================================
   MIDDLE EAST OIL SECTOR CELLPHONE BOTTOM FEED

   DIRECT COPY OF CAPITAL FLOW'S MOBILE GRID MECHANISM

   CAPITAL:
       2 COLUMNS x 10 ROWS

   MIDDLE EAST OIL SECTOR:
       2 COLUMNS x 8 ROWS
   ========================================================== */

@media(max-width:900px) {


    /*
       EXACT CAPITAL FLOW MECHANISM:

       .cf-master-business-grid {
           grid-template-columns:
               repeat(2,minmax(0,1fr)) !important;

           grid-template-rows:
               repeat(10,minmax(78px,1fr)) !important;
       }

       Adapted only for 16 Middle East Oil Sector cards.
    */

    #military-stocks-business-grid {

        display:
            grid !important;

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

        grid-template-rows:
            repeat(
                8,
                minmax(78px,1fr)
            ) !important;

        grid-auto-flow:
            column !important;

        grid-auto-columns:
            unset !important;

        grid-auto-rows:
            unset !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        gap:
            0 !important;

        overflow:
            visible !important;

        align-items:
            stretch !important;

        box-sizing:
            border-box !important;
    }


    /*
       Same Capital behavior:
       every card obeys its grid cell.
    */

    #military-stocks-business-grid
    > .me-card {
font-size:11px !important;

        display:
            block !important;

        position:
            relative !important;

        float:
            none !important;

        clear:
            none !important;

        flex:
            none !important;

        grid-column:
            auto !important;

        grid-row:
            auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            auto !important;

        min-height:
            78px !important;

        max-height:
            none !important;

        margin:
            0 !important;

        overflow:
            hidden !important;

        box-sizing:
            border-box !important;

        align-self:
            stretch !important;
    }


    /*
       COPY CAPITAL DIVIDER RESET:

       Capital restores the former 4-column divider,
       then removes the divider from every 2nd card.
    */

    #military-stocks-business-grid
    > .me-card:nth-child(4n) {
font-size:11px !important;

        border-right:
            1px solid
            rgba(0,229,255,.28) !important;
    }


    #military-stocks-business-grid
    > .me-card:nth-child(2n) {
font-size:11px !important;

        border-right:
            none !important;
    }


    /*
       Every card gets the horizontal row divider.
    */

    #military-stocks-business-grid
    > .me-card {
font-size:11px !important;

        border-bottom:
            1px solid
            rgba(0,229,255,.28) !important;
    }


    /*
       Final two cards are row 8.
    */

    #military-stocks-business-grid
    > .me-card:nth-child(15),

    #military-stocks-business-grid
    > .me-card:nth-child(16) {
font-size:11px !important;

        border-bottom:
            none !important;
    }


    /*
       16 cards only.
    */

    #military-stocks-business-grid
    > .me-card:nth-child(n+17) {
font-size:11px !important;

        display:
            none !important;
    }


    /*
       REMOVE ANY WIDTH THAT PREVENTS CAPITAL-STYLE COLLAPSE.
    */

    #military-stocks-business-grid
    > .me-card,

    #military-stocks-business-grid
    > .me-card * {
font-size:11px !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        box-sizing:
            border-box !important;
    }


    /*
       Because this is TWO ACROSS instead of EIGHT ACROSS,
       keep the business-card text readable and enlarged.
    */

    #middle-east-oil-sector .me-card-num {

        font-size:14px !important;

        line-height:
            1.05 !important;
    }


    #middle-east-oil-sector .me-card-name {

        font-size:15px !important;

        line-height:
            1.08 !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;

        text-overflow:
            ellipsis !important;
    }


    #middle-east-oil-sector .me-card-group {

        font-size:11px !important;

        line-height:
            1 !important;
    }


    #middle-east-oil-sector .me-card-label {

        font-size:10px !important;

        line-height:
            1 !important;
    
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}


    #middle-east-oil-sector .me-card-value {

        font-size:13px !important;

        line-height:
            1.05 !important;
    


text-


text-
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;}

}


/* AT_CAPITAL_MOBILE_COPY_END */

/* AT_PHONE_HARD_VERTICAL_FINAL_BEGIN */

@media screen and (max-width:900px) {

    /* ======================================================
       BUSINESS FEED HEADER

       Keep:
       16 DISPLAYED / 31 STOCK POOL
       ON ONE LINE
       ====================================================== */

    #middle-east-oil-sector .me-business-head {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

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

        margin:0 !important;

        box-sizing:border-box !important;
    }

    #middle-east-oil-sector .me-business-title {
        display:block !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;

        white-space:nowrap !important;

        font-size:
            clamp(7px,2.15vw,11px) !important;

        line-height:1 !important;

        overflow:visible !important;
    }

    #middle-east-oil-sector .me-business-help {
        flex:0 1 auto !important;

        margin-left:8px !important;

        white-space:nowrap !important;

        font-size:
            clamp(4px,1.2vw,7px) !important;
    }


    /* ======================================================
       FULL-WIDTH CELLPHONE GRID

       01 | 09
       02 | 10
       03 | 11
       04 | 12
       05 | 13
       06 | 14
       07 | 15
       08 | 16
       ====================================================== */

    #military-stocks-business-grid {

        display:grid !important;

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

        grid-template-rows:
            repeat(8,minmax(78px,auto)) !important;

        grid-auto-flow:unset !important;

        position:relative !important;

        left:0 !important;
        right:0 !important;

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

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        gap:0 !important;

        justify-content:stretch !important;
        justify-items:stretch !important;

        align-items:stretch !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }


    /* EVERY CARD FILLS ITS ENTIRE HALF */

    #military-stocks-business-grid > .me-card {
font-size:11px !important;

        display:block !important;

        position:relative !important;

        float:none !important;
        clear:none !important;

        flex:none !important;

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

        height:auto !important;
        min-height:78px !important;

        margin:0 !important;

        box-sizing:border-box !important;

        justify-self:stretch !important;
        align-self:stretch !important;

        transform:none !important;

        overflow:hidden !important;

        border-right:0 !important;

        border-bottom:
            1px solid rgba(0,229,255,.28) !important;
    }


    /* ======================================================
       LEFT COLUMN 01-08
       ====================================================== */

    #military-stocks-business-grid > .me-card:nth-child(1) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:1 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(2) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:2 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(3) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:3 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(4) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:4 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(5) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:5 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(6) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:6 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(7) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:7 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(8) {
font-size:11px !important;
        grid-column:1 !important;
        grid-row:8 !important;
    }


    /* ======================================================
       RIGHT COLUMN 09-16
       ====================================================== */

    #military-stocks-business-grid > .me-card:nth-child(9) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:1 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(10) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:2 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(11) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:3 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(12) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:4 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(13) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:5 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(14) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:6 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(15) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:7 !important;
    }

    #military-stocks-business-grid > .me-card:nth-child(16) {
font-size:11px !important;
        grid-column:2 !important;
        grid-row:8 !important;
    }


    /* CENTER VERTICAL LINE */

    #military-stocks-business-grid > .me-card:nth-child(-n+8) {
font-size:11px !important;

        border-right:
            1px solid rgba(0,229,255,.28) !important;
    }


    /* REMOVE FINAL BOTTOM LINE */

    #military-stocks-business-grid > .me-card:nth-child(8),
    #military-stocks-business-grid > .me-card:nth-child(16) {
font-size:11px !important;

        border-bottom:0 !important;
    }


    #military-stocks-business-grid > .me-card:nth-child(n+17) {
font-size:11px !important;
        display:none !important;
    }


    #military-stocks-business-grid > .me-card * {
font-size:11px !important;

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

        box-sizing:border-box !important;
    }


    /* KEEP CURRENT ENLARGED TEXT */

    #middle-east-oil-sector .me-card-num {
        font-size:14px !important;
    }

    #middle-east-oil-sector .me-card-name {
        font-size:15px !important;
        line-height:1.08 !important;
    }

    #middle-east-oil-sector .me-card-group {
        font-size:11px !important;
    }

    #middle-east-oil-sector .me-card-label {
        font-size:10px !important;
    
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
white-space:nowrap !important;
font-size:9px !important;}

    #middle-east-oil-sector .me-card-value {
        font-size:13px !important;
    


text-


text-
min-width:0 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:clip !important;
white-space:nowrap !important;
font-size:12px !important;}
}

/* AT_PHONE_HARD_VERTICAL_FINAL_END */

/* AT_THREE_DIVIDERS_FINAL_BEGIN */

/*
   RESTORE ONLY THESE THREE INTERNAL VERTICAL LINES:

   05 | 06
   10 | 11
   15 | 16
*/

@media screen and (min-width:901px) {

    #military-stocks-business-grid > .me-card:nth-child(5),
    #military-stocks-business-grid > .me-card:nth-child(10),
    #military-stocks-business-grid > .me-card:nth-child(15) {
font-size:11px !important;

        border-right:
            1px solid rgba(0,229,255,.32) !important;
    }

}

/* AT_THREE_DIVIDERS_FINAL_END */

/* AT_PHONE_STOCK_HEADER_BEGIN */

@media screen and (max-width:900px) {

    #middle-east-oil-sector .me-business-head {

        display:grid !important;

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

        grid-template-rows:
            auto !important;

        align-items:start !important;

        column-gap:6px !important;

        width:100% !important;

        margin:0 !important;

        padding:
            8px 10px !important;

        box-sizing:
            border-box !important;
    }


    /* LEFT SIDE */

    #middle-east-oil-sector .me-business-title {

        grid-column:1 !important;
        grid-row:1 !important;

        display:block !important;

        min-width:0 !important;

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

        font-size:0 !important;

        overflow:visible !important;
    }


    #middle-east-oil-sector .me-business-title::before {

        content:
            "MIDDLE EAST OIL SECTOR LIVE STOCK FEED";

        display:block !important;

        margin:0 0 4px 0 !important;

        color:#ffffff !important;

        font-size:
            clamp(
                9px,
                2.45vw,
                11px
            ) !important;

        line-height:1 !important;

        font-weight:900 !important;

        white-space:nowrap !important;
    }


    #middle-east-oil-sector .me-business-title::after {

        content:
            "16 DISPLAYED / 31 STOCK POOL";

        display:block !important;

        margin:0 !important;

        color:#ffffff !important;

        font-size:
            clamp(
                8px,
                2.15vw,
                10px
            ) !important;

        line-height:1 !important;

        font-weight:900 !important;

        white-space:nowrap !important;
    }


    /* RIGHT SIDE */

    #middle-east-oil-sector .me-business-help {

        grid-column:2 !important;
        grid-row:1 !important;

        justify-self:end !important;
        align-self:start !important;

        display:block !important;

        width:auto !important;

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

        font-size:0 !important;

        line-height:1 !important;

        white-space:nowrap !important;

        text-align:right !important;

        overflow:visible !important;
    }


    #middle-east-oil-sector .me-business-help::after {

        content:
            "CLICK ANY STOCK TO LOAD ITS CHART";

        display:block !important;

        color:#71858e !important;

        font-size:7px !important;
        line-height:1 !important;
        font-weight:700 !important;

        letter-spacing:0 !important;

        white-space:nowrap !important;

        text-align:right !important;
    }

}

/* AT_PHONE_STOCK_HEADER_END */




/* AT_REAL_TIME_CYAN_CSS_BEGIN */

#middle-east-oil-sector .me-real-time-cyan {
    color:#00e5ff !important;
}

/* AT_REAL_TIME_CYAN_CSS_END */


/* BROKERAGE_ONLY_GRID_CSS_BEGIN */

.brokerage-only-grid{
    width:100%;
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:10px;
    margin:18px 0 24px;
}

.brokerage-only-card{
    height:76px;
    min-width:0;
    padding:8px 6px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    border:1px solid #17333b;
    background:#050b0e;
}

.brokerage-only-card img{
    display:block;
    width:28px;
    height:28px;
    flex:0 0 28px;
    object-fit:contain;
}

.brokerage-only-card span{
    min-width:0;
    color:#aeb9bd;
    font-size:11px;
    font-weight:700;
    line-height:1.1;
    white-space:nowrap;
}

.brokerage-only-card:hover{
    border-color:#00dfff;
}

@media(max-width:900px){
    .brokerage-only-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .brokerage-only-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .brokerage-only-card{
        height:70px;
    }
}

/* BROKERAGE_ONLY_GRID_CSS_END */



/* MILITARY_MKT_CAP_CYAN_FINAL_START */
#middle-east-oil-sector .me-card .me-market-cap{
  color:#00e5ff !important;
}
/* MILITARY_MKT_CAP_CYAN_FINAL_END */

/* MILITARY_MKT_CAP_CYAN_HARD_START */
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:first-child .me-card-value,
#middle-east-oil-sector .me-cards .me-card .me-market-cap{
  color:#00e5ff !important;
}
/* MILITARY_MKT_CAP_CYAN_HARD_END */


/* REAL_ESTATE_REFERENCE_START */
#middle-east-oil-sector .me-sidebar{
  padding:18px!important;
  padding-bottom:0!important;
  background:#020b0e!important;
}
#middle-east-oil-sector .me-title-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
}
#middle-east-oil-sector .me-number{
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}
#middle-east-oil-sector .me-title{
  margin:0!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#middle-east-oil-sector .me-engine{
  width:100%!important;
  margin:18px 0 0 0!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-description{
  width:100%!important;
  max-width:100%!important;
  margin:17px 0 16px 0!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:#edf4f6!important;
  text-align:left!important;
}
#middle-east-oil-sector .me-type{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:34px!important;
  margin:0 0 14px 0!important;
  padding:6px 10px!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 15px 0!important;
}
#middle-east-oil-sector .me-stat{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:74px!important;
  padding:11px 12px!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-stat-number{
  width:100%!important;
  margin:0!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-stat-label{
  width:100%!important;
  margin:7px 0 0 0!important;
  color:#f5fafb!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-delivery{
  width:100%!important;
  margin:0 0 10px 0!important;
}
#middle-east-oil-sector .me-delivery-top{
  padding:14px!important;
  text-align:left!important;
}
#middle-east-oil-sector .me-delivery-title{
  margin:0!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#middle-east-oil-sector .me-delivery-copy{
  margin:6px 0 0 0!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#middle-east-oil-sector .me-broker-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 14px!important;
}
#middle-east-oil-sector .me-broker-row>div{min-width:0!important;}
#middle-east-oil-sector .me-broker-label{
  margin:0!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#middle-east-oil-sector .me-broker{
  margin:7px 0 0 0!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  text-align:left!important;
}
#middle-east-oil-sector .me-open-broker{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:10px 15px!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  margin:0 0 14px 0!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-side-section{
  display:grid!important;
  grid-template-columns:145px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:15px!important;
  width:100%!important;
  min-height:78px!important;
  margin:0!important;
  padding:14px 0!important;
  box-sizing:border-box!important;
}
#middle-east-oil-sector .me-side-label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  width:145px!important;
  height:100%!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-align:left!important;
}
#middle-east-oil-sector .me-side-copy{
  align-self:center!important;
  min-width:0!important;
  margin:0!important;
  color:#edf4f6!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-align:left!important;
}
#middle-east-oil-sector .me-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
  align-self:center!important;
}
#middle-east-oil-sector .me-chip{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:7px 4px!important;
  text-align:center!important;
}
#middle-east-oil-sector .me-performance{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:12px!important;
  padding-bottom:5px!important;
  border-bottom:0!important;
}
/* REAL_ESTATE_REFERENCE_END */


/* Sector 03 holds the exact Sector 02 frame, controls and responsive layout. */

#middle-east-oil-sector .me-title{white-space:normal;}


/* SECTOR_05_MKT_CAP_CURRENCY_LAYOUT_20261013
   Reserve space for USD market cap text in every Middle East sector card.
   Keep the currency glyph separate so clipped text cannot hide it.
*/
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:first-child {
  min-width: 0 !important;
  overflow: visible !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics .me-market-cap {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: unset !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  font-variant-numeric: tabular-nums;
  color: #00e5ff !important;
}
#middle-east-oil-sector .me-cards .me-card .me-market-cap > .me-cap-dollar {
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: #00e5ff !important;
  font-size: inherit !important;
  font-weight: 900 !important;
  visibility: visible !important;
}
#middle-east-oil-sector .me-cards .me-card .me-market-cap > .me-cap-digits {
  display: inline-block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  color: #00e5ff !important;
  font-size: inherit !important;
  font-weight: 900 !important;
  visibility: visible !important;
}
@media (max-width: 760px) {
  #middle-east-oil-sector .me-cards .me-card .me-card-metrics .me-market-cap {
    font-size: 10px !important;
    letter-spacing: -0.1px !important;
  }
}


/* SECTOR_05_DAILY_METRICS_CALIBRATION_20261013
   Three complete bottom-row metrics. Shift 1D slightly right by
   allocating 40% to HIGH without sacrificing YTD readability.
*/
#middle-east-oil-sector .me-cards .me-card .me-card-metrics {
  display: grid !important;
  grid-template-columns: repeat(20,minmax(0,1fr)) !important;
  grid-template-rows: auto auto !important;
  column-gap: 0 !important;
  row-gap: 2px !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div {
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 2px !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(1) {
  grid-column: 1 / 11 !important; grid-row: 1 !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(2) {
  grid-column: 11 / 21 !important; grid-row: 1 !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(4) {
  grid-column: 1 / 7 !important; grid-row: 2 !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(5) {
  grid-column: 7 / 15 !important; grid-row: 2 !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(3) {
  grid-column: 15 / 21 !important; grid-row: 2 !important;
  padding-left: 3px !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(5) .me-card-value {
  display: block !important;
  overflow: visible !important;
  max-width: none !important;
  white-space: nowrap !important;
  text-overflow: unset !important;
  font-size: 11px !important;
  letter-spacing: -0.15px !important;
}
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(3) .me-card-value,
#middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(4) .me-card-value {
  display: block !important;
  white-space: nowrap !important;
  font-size: 11px !important;
  letter-spacing: -0.15px !important;
}
@media(max-width:760px) {
  #middle-east-oil-sector .me-cards .me-card .me-card-metrics > div:nth-child(n) .me-card-value {
    font-size: 10px !important;
  }
}