/* ============================================================
   AMERICAN TECH SECTOR
   Product 02
   AQUILA
   ============================================================ */

#american-tech-sector {
    box-sizing: border-box;
    margin-top: 28px;
    margin-bottom: 28px;
    color: #edf4f6;
}

#american-tech-sector * {
    box-sizing: border-box;
}

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

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

#american-tech-sector .at-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

#american-tech-sector .at-number {
    color: #8cff00;
    font-size: 24px;
    font-weight: 900;
}

#american-tech-sector .at-title {
    margin: 0;
    font-size: 25px;
    line-height: 1;
    color: #f6fbfc;
}

#american-tech-sector .at-engine {
    margin: 8px 0 0 39px;
    color: #8cff00;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .035em;
}

#american-tech-sector .at-description {
    margin: 17px 0 16px 0;
    color: #a9bbc4;
    font-size: 14px;
    line-height: 1.55;
}

#american-tech-sector .at-type {
    align-self: flex-start;
    border: 1px solid #20505c;
    padding: 6px 10px;
    color: #00e5ff;
    font-size: 10px;
    font-weight: 900;
    margin-bottom: 14px;
}

#american-tech-sector .at-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 15px;
}

#american-tech-sector .at-stat {
    min-height: 74px;
    border: 1px solid #173b45;
    padding: 11px 12px;
}

#american-tech-sector .at-stat-number {
    color: #f2f7f8;
    font-size: 23px;
    font-weight: 900;
}

#american-tech-sector .at-stat-label {
    margin-top: 7px;
    color: #75909b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
}

#american-tech-sector .at-delivery {
    border: 1px solid #173b45;
    margin-bottom: 10px;
}

#american-tech-sector .at-delivery-top {
    padding: 14px;
    border-bottom: 1px solid #173b45;
}

#american-tech-sector .at-delivery-title {
    color: #00e5ff;
    font-size: 15px;
    font-weight: 900;
}

#american-tech-sector .at-delivery-copy {
    margin-top: 6px;
    color: #edf4f6;
    font-size: 10px;
    font-weight: 700;
}

#american-tech-sector .at-broker-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: end;
    padding: 12px 14px;
}

#american-tech-sector .at-broker-label {
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .04em;
}

#american-tech-sector .at-broker {
    margin-top: 7px;
    color: #8cff00;
    font-size: 18px;
    font-weight: 900;
}

#american-tech-sector .at-open-broker {
    border: 1px solid #8cff00;
    background: transparent;
    color: #8cff00;
    padding: 10px 15px;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
}

#american-tech-sector .at-buy {
    width: 100%;
    min-height: 52px;
    border: 0;
    background: #8cff00;
    color: #001000;
    font-size: 16px;
    font-weight: 950;
    cursor: pointer;
    margin-bottom: 14px;
}

#american-tech-sector .at-side-section {
    display: grid;
    grid-template-columns: 125px 1fr;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #173b45;
    padding: 16px 0;
}

#american-tech-sector .at-side-label {
    color: #f5fafb;
    font-size: 11px;
    font-weight: 900;
}

#american-tech-sector .at-side-copy {
    color: #a9bbc4;
    font-size: 12px;
    line-height: 1.5;
}

#american-tech-sector .at-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

#american-tech-sector .at-chip {
    border: 1px solid #23505b;
    text-align: center;
    color: #eef5f6;
    padding: 7px 4px;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-performance {
    margin-top: auto;
}


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

#american-tech-sector .at-main {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #01080b;
}

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

#american-tech-sector .at-brand {
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .06em;
}

#american-tech-sector .at-feed-title {
    margin-top: 5px;
    color: #8cff00;
    font-size: 18px;
    font-weight: 950;
}

#american-tech-sector .at-market-status {
    text-align: right;
    font-size: 9px;
    font-weight: 900;
    line-height: 1.7;
}

#american-tech-sector .at-market-open {
    color: #8cff00;
}

#american-tech-sector .at-market-closed {
    color: #ff3154;
}

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

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

#american-tech-sector .at-control.active {
    border-color: #00e5ff;
    color: #00e5ff;
}

#american-tech-sector .at-change-label {
    text-align: right;
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
}

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

#american-tech-sector .at-updated {
    white-space: nowrap;
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
}

#american-tech-sector .at-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;
}

#american-tech-sector .at-pulse strong {
    color: #00e5ff;
}

#american-tech-sector .at-pulse-up {
    color: #8cff00;
}

#american-tech-sector .at-pulse-down {
    color: #ff3154;
}

#american-tech-sector .at-chart-wrap {
    min-height: 285px;
    position: relative;
    border-bottom: 1px solid #173b45;
    overflow: hidden;
}

#american-tech-sector .at-chart-label {
    position: absolute;
    z-index: 3;
    top: 10px;
    left: 14px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

#american-tech-sector .at-chart {
    display: block;
    width: 100%;
    height: 285px;
}

#american-tech-sector .at-intel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 7px 14px;
}

#american-tech-sector .at-intel-small {
    color: #00e5ff;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-selected-name {
    margin-top: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
}

#american-tech-sector .at-source {
    color: #8cff00;
    font-size: 8px;
    font-weight: 900;
}

#american-tech-sector .at-intel-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr .8fr .8fr .8fr;
    border-top: 1px solid #173b45;
    border-bottom: 1px solid #173b45;
}

#american-tech-sector .at-intel-cell {
    min-width: 0;
    padding: 9px 10px;
    border-right: 1px solid #173b45;
}

#american-tech-sector .at-intel-cell:last-child {
    border-right: 0;
}

#american-tech-sector .at-intel-label {
    color: #00e5ff;
    font-size: 7px;
    font-weight: 900;
}

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

#american-tech-sector .is-up {
    color: #8cff00 !important;
}

#american-tech-sector .is-down {
    color: #ff3154 !important;
}

#american-tech-sector .is-flat {
    color: #ffffff !important;
}


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

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

#american-tech-sector .at-business-title {
    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
}

#american-tech-sector .at-business-help {
    color: #718a94;
    font-size: 7px;
}

#american-tech-sector .at-cards {
    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;
}

#american-tech-sector .at-card {
    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;
}

#american-tech-sector .at-card:nth-child(5n) {
    border-right: 0;
}

#american-tech-sector .at-card:nth-child(n+16) {
    border-bottom: 0;
}

#american-tech-sector .at-card:hover,
#american-tech-sector .at-card.active {
    outline: 1px solid #00e5ff;
    outline-offset: -1px;
}

#american-tech-sector .at-card-top {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
}

#american-tech-sector .at-card-num {
    color: #00e5ff;
    font-size: 10px;
    font-weight: 950;
}

#american-tech-sector .at-card-name {
    min-width: 0;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#american-tech-sector .at-card-group {
    color: #718a94;
    font-size: 6px;
    font-weight: 900;
    text-transform: uppercase;
}

#american-tech-sector .at-card-metrics {
    display: grid;
    grid-template-columns: 1.1fr .9fr .7fr .7fr .7fr;
    gap: 4px;
    margin-top: 11px;
}

#american-tech-sector .at-card-label {
    color: #708993;
    font-size: 6px;
    font-weight: 900;
}

#american-tech-sector .at-card-value {
    display: block;
    margin-top: 5px;
    min-width: 0;
    color: #ffffff;
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#american-tech-sector .at-market-cap {
    color: #00e5ff;
}


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

@media (max-width: 900px) {

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

    #american-tech-sector .at-product {
        grid-template-columns: 1fr;
    }

    #american-tech-sector .at-sidebar {
        border-right: 0;
        border-bottom: 1px solid #173b45;
    }

    #american-tech-sector .at-controls {
        grid-template-columns: repeat(3, 1fr);
    }

    #american-tech-sector .at-change-label {
        text-align: left;
    }

    #american-tech-sector .at-select {
        grid-column: span 2;
    }

    #american-tech-sector .at-intel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #american-tech-sector .at-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(10, minmax(103px, 1fr));
    }

    #american-tech-sector .at-card:nth-child(5n) {
        border-right: 1px solid #173b45;
    }

    #american-tech-sector .at-card:nth-child(2n) {
        border-right: 0;
    }

    #american-tech-sector .at-card:nth-child(n+16) {
        border-bottom: 1px solid #173b45;
    }

    #american-tech-sector .at-card:nth-child(n+19) {
        border-bottom: 0;
    }
}





/* AT_LEFT_PANEL_BALANCE_START */

/* ============================================================
   AMERICAN TECH LEFT PANEL — FINAL BALANCE
   ============================================================ */


/* Remove the unnecessary bottom cavity */

#american-tech-sector .at-sidebar {
    padding-bottom: 0 !important;
}


/* Top description: compact but readable */

#american-tech-sector .at-description {
    margin-top: 13px !important;
    margin-bottom: 14px !important;

    line-height: 1.45 !important;

    max-width: 100% !important;
}


/* Every informational row uses the exact same columns */

#american-tech-sector .at-side-section {
    display: grid !important;

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

    align-items: center !important;

    column-gap: 15px !important;

    width: 100% !important;

    padding-top: 14px !important;
    padding-bottom: 14px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* Left-side headings line up vertically */

#american-tech-sector .at-side-label {
    width: 125px !important;

    margin: 0 !important;

    align-self: center !important;
}


/* Paragraph column always begins on the same rail */

#american-tech-sector .at-side-copy {
    min-width: 0 !important;

    margin: 0 !important;

    line-height: 1.45 !important;

    align-self: center !important;
}


/* Current Market buttons stay centered in their column */

#american-tech-sector .at-groups {
    width: 100% !important;

    margin: 0 !important;

    align-self: center !important;
}


/* Performance remains the final row and lands at the bottom */

#american-tech-sector .at-performance {
    margin-top: auto !important;

    margin-bottom: 0 !important;

    padding-top: 14px !important;

    /*
       Nearly zero bottom padding eliminates the visible
       dead area beneath the paragraph.
    */

    padding-bottom: 3px !important;

    border-bottom: 0 !important;

    align-items: center !important;
}


#american-tech-sector .at-performance .at-side-label,
#american-tech-sector .at-performance .at-side-copy {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* AT_LEFT_PANEL_BALANCE_END */


/* AT_LEFT_PANEL_AND_CARD_FIX_START */

/* ============================================================
   AMERICAN TECH — LEFT PANEL BALANCE
   ============================================================ */

#american-tech-sector .at-sidebar,
#american-tech-sector .american-tech-sidebar,
#american-tech-sector .sector-sidebar {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 100% !important;
    box-sizing: border-box !important;
}

#american-tech-sector .at-sidebar > *,
#american-tech-sector .american-tech-sidebar > *,
#american-tech-sector .sector-sidebar > * {
    flex-shrink: 0 !important;
}

#american-tech-sector .at-stats-grid,
#american-tech-sector .at-sidebar-stats,
#american-tech-sector .sidebar-stats-grid {
    margin-bottom: 12px !important;
    row-gap: 6px !important;
}

#american-tech-sector .at-email-box,
#american-tech-sector .sector-email-box,
#american-tech-sector .email-box {
    margin-bottom: 14px !important;
}

#american-tech-sector .at-side-section,
#american-tech-sector .sidebar-section,
#american-tech-sector .left-panel-row {
    display: grid !important;
    grid-template-columns: 138px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin: 0 !important;
}

#american-tech-sector .at-side-label,
#american-tech-sector .sidebar-label,
#american-tech-sector .left-panel-label {
    width: 138px !important;
    min-width: 138px !important;
    margin: 0 !important;
    align-self: center !important;
}

#american-tech-sector .at-side-copy,
#american-tech-sector .sidebar-copy,
#american-tech-sector .left-panel-copy {
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 1.45 !important;
    align-self: center !important;
}

#american-tech-sector .at-groups,
#american-tech-sector .sidebar-groups,
#american-tech-sector .market-groups {
    width: 100% !important;
    margin: 0 !important;
    align-self: center !important;
}

#american-tech-sector .at-groups .group-grid,
#american-tech-sector .sidebar-groups .group-grid,
#american-tech-sector .market-groups .group-grid {
    row-gap: 7px !important;
    column-gap: 7px !important;
}

#american-tech-sector .at-performance,
#american-tech-sector .performance-row,
#american-tech-sector .sidebar-performance {
    margin-top: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
    border-bottom: 0 !important;
    align-items: start !important;
}

#american-tech-sector .at-performance .at-side-copy,
#american-tech-sector .performance-row .sidebar-copy,
#american-tech-sector .sidebar-performance .left-panel-copy {
    line-height: 1.48 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#american-tech-sector .at-sidebar::after,
#american-tech-sector .american-tech-sidebar::after,
#american-tech-sector .sector-sidebar::after {
    content: none !important;
    display: none !important;
}


/* ============================================================
   AMERICAN TECH — BUSINESS CARD METRIC FIX
   ============================================================ */

/* Lift the content up slightly and keep every card contained */

#american-tech-sector .at-business-card,
#american-tech-sector .business-card,
#american-tech-sector .live-business-card,
#american-tech-sector .stock-card,
#american-tech-sector .company-card {
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding-top: 9px !important;
    padding-right: 10px !important;
    padding-bottom: 11px !important;
    padding-left: 10px !important;
}

/* Keep the top business title area tight and high */

#american-tech-sector .at-business-card .card-head,
#american-tech-sector .business-card .card-head,
#american-tech-sector .live-business-card .card-head,
#american-tech-sector .stock-card .card-head,
#american-tech-sector .company-card .card-head,
#american-tech-sector .at-business-card .business-head,
#american-tech-sector .business-card .business-head,
#american-tech-sector .at-business-card .company-head,
#american-tech-sector .business-card .company-head {
    margin-bottom: 6px !important;
}

/*
   Convert the current-info strip to a clean grid:
   - top line = MKT CAP / LAST / 1D / TR
   - bottom line = SHORT label/value
*/

#american-tech-sector .at-business-card .card-stats,
#american-tech-sector .business-card .card-stats,
#american-tech-sector .live-business-card .card-stats,
#american-tech-sector .stock-card .card-stats,
#american-tech-sector .company-card .card-stats,
#american-tech-sector .at-business-card .business-stats,
#american-tech-sector .business-card .business-stats,
#american-tech-sector .at-business-card .metrics-row,
#american-tech-sector .business-card .metrics-row,
#american-tech-sector .at-business-card .metric-grid,
#american-tech-sector .business-card .metric-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    column-gap: 8px !important;
    row-gap: 2px !important;
    margin-top: 1px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Nothing inside metrics is allowed to push beyond the card */
#american-tech-sector .at-business-card .card-stats > *,
#american-tech-sector .business-card .card-stats > *,
#american-tech-sector .live-business-card .card-stats > *,
#american-tech-sector .stock-card .card-stats > *,
#american-tech-sector .company-card .card-stats > *,
#american-tech-sector .at-business-card .business-stats > *,
#american-tech-sector .business-card .business-stats > *,
#american-tech-sector .at-business-card .metrics-row > *,
#american-tech-sector .business-card .metrics-row > *,
#american-tech-sector .at-business-card .metric-grid > *,
#american-tech-sector .business-card .metric-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/*
   Last two nodes in the stat area are treated as SHORT label/value
   and forced to their own bottom row.
*/
#american-tech-sector .at-business-card .card-stats > *:nth-last-child(-n+2),
#american-tech-sector .business-card .card-stats > *:nth-last-child(-n+2),
#american-tech-sector .live-business-card .card-stats > *:nth-last-child(-n+2),
#american-tech-sector .stock-card .card-stats > *:nth-last-child(-n+2),
#american-tech-sector .company-card .card-stats > *:nth-last-child(-n+2),
#american-tech-sector .at-business-card .business-stats > *:nth-last-child(-n+2),
#american-tech-sector .business-card .business-stats > *:nth-last-child(-n+2),
#american-tech-sector .at-business-card .metrics-row > *:nth-last-child(-n+2),
#american-tech-sector .business-card .metrics-row > *:nth-last-child(-n+2),
#american-tech-sector .at-business-card .metric-grid > *:nth-last-child(-n+2),
#american-tech-sector .business-card .metric-grid > *:nth-last-child(-n+2) {
    grid-column: 4 / 5 !important;
    justify-self: end !important;
    text-align: right !important;
}

/* Put the last metric value under the main line instead of off the side */
#american-tech-sector .at-business-card .card-stats > *:last-child,
#american-tech-sector .business-card .card-stats > *:last-child,
#american-tech-sector .live-business-card .card-stats > *:last-child,
#american-tech-sector .stock-card .card-stats > *:last-child,
#american-tech-sector .company-card .card-stats > *:last-child,
#american-tech-sector .at-business-card .business-stats > *:last-child,
#american-tech-sector .business-card .business-stats > *:last-child,
#american-tech-sector .at-business-card .metrics-row > *:last-child,
#american-tech-sector .business-card .metrics-row > *:last-child,
#american-tech-sector .at-business-card .metric-grid > *:last-child,
#american-tech-sector .business-card .metric-grid > *:last-child {
    margin-top: -1px !important;
}

/* Slightly reduce font size in dense metric rows so it stays inside */
#american-tech-sector .at-business-card .card-stats,
#american-tech-sector .business-card .card-stats,
#american-tech-sector .live-business-card .card-stats,
#american-tech-sector .stock-card .card-stats,
#american-tech-sector .company-card .card-stats,
#american-tech-sector .at-business-card .business-stats,
#american-tech-sector .business-card .business-stats,
#american-tech-sector .at-business-card .metrics-row,
#american-tech-sector .business-card .metrics-row,
#american-tech-sector .at-business-card .metric-grid,
#american-tech-sector .business-card .metric-grid {
    font-size: 11px !important;
}

/* Small labels stay compact */
#american-tech-sector .at-business-card .card-stats .metric-label,
#american-tech-sector .business-card .card-stats .metric-label,
#american-tech-sector .at-business-card .business-stats .metric-label,
#american-tech-sector .business-card .business-stats .metric-label,
#american-tech-sector .at-business-card .metrics-row .metric-label,
#american-tech-sector .business-card .metrics-row .metric-label {
    line-height: 1.05 !important;
}

/* Make sure each card's interior does not drift downward */
#american-tech-sector .at-business-card .card-inner,
#american-tech-sector .business-card .card-inner,
#american-tech-sector .live-business-card .card-inner,
#american-tech-sector .stock-card .card-inner,
#american-tech-sector .company-card .card-inner {
    justify-content: flex-start !important;
    gap: 0 !important;
}

/* AT_LEFT_PANEL_AND_CARD_FIX_END */


/* GW_AMERICAN_TECH_20_CARD_FIX_START */

/* Hide elements the JS marks as overflow cards */
.gw-at-hidden-card {
    display: none !important;
}

/* Shorting row injected by JS */
.gw-at-shorting-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin-top: 4px !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
}

.gw-at-shorting-label {
    font-size: 9px !important;
    line-height: 1 !important;
    opacity: 0.72 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.gw-at-shorting-value {
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/* Hide original short label/value after JS extracts them */
.gw-at-hide-original-short {
    display: none !important;
}

/* Keep card metric area from spilling right */
#american-tech-sector .gw-at-stat-host,
#american-tech-sector .card-stats,
#american-tech-sector .business-stats,
#american-tech-sector .metrics-row,
#american-tech-sector .metric-grid,
#american-tech-sector .stock-card-stats,
#american-tech-sector .company-stats,
#american-tech-sector .at-business-card .card-stats,
#american-tech-sector .business-card .card-stats,
#american-tech-sector .live-business-card .card-stats,
#american-tech-sector .stock-card .card-stats,
#american-tech-sector .company-card .card-stats,
.gw-american-tech-fix .gw-at-stat-host,
.gw-american-tech-fix .card-stats,
.gw-american-tech-fix .business-stats,
.gw-american-tech-fix .metrics-row,
.gw-american-tech-fix .metric-grid {
    overflow: hidden !important;
    min-width: 0 !important;
}

/* Slightly tighten the original top metric rows */
#american-tech-sector .card-stats > *,
#american-tech-sector .business-stats > *,
#american-tech-sector .metrics-row > *,
#american-tech-sector .metric-grid > *,
.gw-american-tech-fix .card-stats > *,
.gw-american-tech-fix .business-stats > *,
.gw-american-tech-fix .metrics-row > *,
.gw-american-tech-fix .metric-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

/* GW_AMERICAN_TECH_20_CARD_FIX_END */


/* AT_20_CARD_GRID_START */

/* ============================================================
   AMERICAN TECH BUSINESS FEED
   20 BUSINESSES
   5 COLUMNS x 4 COMPLETE ROWS
   NO EMPTY FIFTH ROW
   ============================================================ */

#american-tech-sector .at-cards {
    display: grid !important;

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

    grid-template-rows:
        repeat(4, minmax(103px, auto)) !important;

    grid-auto-rows:
        minmax(103px, auto) !important;

    width: 100% !important;

    /*
       Four business rows only.
       No artificial fifth-row height.
    */
    min-height: 0 !important;
    height: auto !important;

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

    gap: 0 !important;

    align-content: start !important;

    box-sizing: border-box !important;
}


/* ------------------------------------------------------------
   CARD BORDERS
   ------------------------------------------------------------ */

#american-tech-sector .at-card {
    min-width: 0 !important;

    margin: 0 !important;

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

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

    box-sizing: border-box !important;
}


/* Every fifth card is against the right wall */

#american-tech-sector .at-card:nth-child(5n) {
    border-right: 0 !important;
}


/*
   Cards 16–20 form the fourth and FINAL row.
   Their bottom edge becomes the bottom of the feed.
*/

#american-tech-sector .at-card:nth-child(n+16):nth-child(-n+20) {
    border-bottom: 0 !important;
}


/* Any hidden 21–25 cards occupy absolutely no geometry */

#american-tech-sector .at-card:nth-child(n+21),
#american-tech-sector .gw-at-hidden-card {
    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

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

    border: 0 !important;
}


/* ------------------------------------------------------------
   REMOVE ANY RESERVED SPACE BELOW THE BUSINESS GRID
   ------------------------------------------------------------ */

#american-tech-sector .at-main {
    padding-bottom: 0 !important;
}

#american-tech-sector .at-cards + *:empty {
    display: none !important;
}

#american-tech-sector .at-product {
    padding-bottom: 0 !important;
}


/* ------------------------------------------------------------
   MOBILE
   20 businesses = 2 columns x 10 complete rows
   ------------------------------------------------------------ */

@media (max-width: 900px) {

    #american-tech-sector .at-cards {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-template-rows:
            repeat(10, minmax(103px, auto)) !important;

        grid-auto-rows:
            minmax(103px, auto) !important;

        min-height: 0 !important;
        height: auto !important;
    }


    #american-tech-sector .at-card {
        border-right:
            1px solid #173b45 !important;

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


    #american-tech-sector .at-card:nth-child(5n) {
        border-right:
            1px solid #173b45 !important;
    }


    #american-tech-sector .at-card:nth-child(2n) {
        border-right: 0 !important;
    }


    /* Cards 19 and 20 are the final mobile row */

    #american-tech-sector .at-card:nth-child(19),
    #american-tech-sector .at-card:nth-child(20) {
        border-bottom: 0 !important;
    }
}


/* AT_20_CARD_GRID_END */


/* AT_REAL_4X4_CSS_START */

/* ==========================================================
   AMERICAN TECH — ACTUAL 16 CARD GRID
   ========================================================== */

#american-tech-sector .at-real-4x4-grid {

    display:
        grid !important;

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

    grid-template-rows:
        repeat(4, minmax(118px, auto)) !important;

    grid-auto-flow:
        row !important;

    gap:
        0 !important;

    width:
        100% !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;

    box-sizing:
        border-box !important;

    align-items:
        stretch !important;

    align-content:
        start !important;

    overflow:
        hidden !important;
}


/* ==========================================================
   16 COMPLETE BUSINESS BOXES
   ========================================================== */

#american-tech-sector
.at-real-4x4-grid
> .at-real-4x4-card {

    display:
        flex !important;

    flex-direction:
        column !important;

    justify-content:
        flex-start !important;

    position:
        relative !important;

    grid-column:
        auto !important;

    grid-row:
        auto !important;

    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    height:
        100% !important;

    min-height:
        118px !important;

    margin:
        0 !important;

    padding:
        10px 12px !important;

    box-sizing:
        border-box !important;

    border:
        1px solid #173842 !important;

    border-radius:
        0 !important;

    overflow:
        hidden !important;

    transform:
        none !important;

    animation:
        none !important;

    transition:
        none !important;
}


/* Hide everything after business 16 */

#american-tech-sector
.at-real-4x4-grid
> .at-real-hidden-card {

    display:
        none !important;
}


/* ==========================================================
   KEEP STATISTICS STABLE AND INSIDE THE BOX
   ========================================================== */

#american-tech-sector
.at-real-4x4-card {

    font-variant-numeric:
        tabular-nums !important;

    font-feature-settings:
        "tnum" 1,
        "lnum" 1 !important;
}


#american-tech-sector
.at-real-4x4-card
* {

    box-sizing:
        border-box !important;
}


#american-tech-sector
.at-real-4x4-card
[class*="company"],

#american-tech-sector
.at-real-4x4-card
[class*="name"] {

    min-width:
        0 !important;

    max-width:
        100% !important;

    white-space:
        nowrap !important;

    overflow:
        hidden !important;

    text-overflow:
        ellipsis !important;
}


#american-tech-sector
.at-real-4x4-card
[class*="stat"],

#american-tech-sector
.at-real-4x4-card
[class*="value"] {

    min-width:
        0 !important;

    white-space:
        nowrap !important;

    font-variant-numeric:
        tabular-nums !important;
}


/* Phone stays responsive */

@media(max-width:900px) {

    #american-tech-sector .at-real-4x4-grid {

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

        grid-template-rows:
            none !important;
    }
}


/* AT_REAL_4X4_CSS_END */
