.x4a-marketwire-shell {
    width:
        min(100%, 780px);

    margin:
        0 auto;

    padding:
        0 14px 48px;

    color:
        var(--x4a-text);
}

.x4a-feed-topbar {
    position:
        sticky;

    top:
        0;

    z-index:
        30;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin:
        0 -14px 12px;

    padding:
        14px;

    border-bottom:
        1px solid
        var(--x4a-border);

    background:
        color-mix(
            in srgb,
            var(--x4a-bg) 88%,
            transparent
        );

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}

.x4a-feed-heading {
    min-width: 0;
}

.x4a-feed-kicker {
    margin-bottom:
        2px;

    color:
        var(--x4a-muted);

    font-size:
        0.68rem;

    font-weight:
        750;

    letter-spacing:
        0.12em;

    text-transform:
        uppercase;
}

.x4a-feed-title-row {
    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        9px;
}

.x4a-feed-title {
    margin: 0;

    color:
        var(--x4a-text);

    font-size:
        clamp(
            1.22rem,
            3vw,
            1.48rem
        );

    line-height:
        1.08;

    letter-spacing:
        -0.025em;
}

.x4a-feed-status {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        var(--x4a-muted);

    font-size:
        0.7rem;

    font-weight:
        650;
}

.x4a-feed-status-dot {
    width: 7px;
    height: 7px;

    border-radius:
        50%;

    background:
        var(--x4a-positive);

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--x4a-positive) 14%,
            transparent
        );
}

.x4a-feed-subtitle {
    margin:
        4px 0 0;

    color:
        var(--x4a-muted);

    font-size:
        0.78rem;

    line-height:
        1.35;
}

.x4a-marketwire-feed,
.x4a-feed-items {

    display:
        grid;

    gap:
        12px;
}

.x4a-wire-card {
    position:
        relative;

    overflow:
        clip;

    padding:
        16px;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        14px;

    background:
        var(--x4a-surface);

    box-shadow:
        0 1px 0
        rgba(255,255,255,0.01);
}

.x4a-wire-card:hover {
    border-color:
        var(--x4a-border-strong);
}

.x4a-wire-header {
    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        12px;
}

.x4a-wire-avatar {
    display:
        grid;

    place-items:
        center;

    width:
        38px;

    height:
        38px;

    flex:
        0 0 38px;

    border:
        1px solid
        var(--x4a-border-strong);

    border-radius:
        50%;

    background:
        linear-gradient(
            145deg,
            var(--x4a-surface-3),
            var(--x4a-surface)
        );

    color:
        var(--x4a-text);

    font-size:
        0.64rem;

    font-weight:
        800;

    letter-spacing:
        0.045em;
}

.x4a-wire-meta {
    min-width: 0;
}

.x4a-wire-identity-line {
    display:
        flex;

    align-items:
        baseline;

    flex-wrap:
        wrap;

    gap:
        6px;
}

.x4a-wire-brand {
    color:
        var(--x4a-text);

    font-size:
        0.9rem;

    line-height:
        1.2;
}

.x4a-wire-handle,
.x4a-wire-time {

    color:
        var(--x4a-muted);

    font-size:
        0.73rem;
}

.x4a-wire-time {
    display:
        block;

    margin-top:
        2px;
}

.x4a-wire-content {
    color:
        var(--x4a-text);

    font-size:
        0.96rem;

    line-height:
        1.58;

    overflow-wrap:
        anywhere;
}

.x4a-wire-content p {
    margin:
        0 0 0.75em;
}

.x4a-wire-content
p:last-child {

    margin-bottom: 0;
}

.x4a-inline-cashtag {
    color:
        var(--x4a-accent)
        !important;

    font-weight:
        700;

    text-decoration:
        none;
}

.x4a-source-preview-slot {
    margin-top:
        14px;
}

.x4a-source-preview {
    display:
        grid;

    grid-template-columns:
        118px minmax(0, 1fr);

    overflow:
        hidden;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        11px;

    background:
        var(--x4a-surface-2);

    color:
        var(--x4a-text)
        !important;

    text-decoration:
        none;

    transition:
        background 120ms ease,
        border-color 120ms ease;
}

.x4a-source-preview:hover {
    border-color:
        var(--x4a-border-strong);

    background:
        var(--x4a-surface-3);
}

.x4a-source-preview-media {
    min-height:
        112px;

    overflow:
        hidden;

    background:
        var(--x4a-surface-3);
}

.x4a-source-preview-media img {
    display:
        block;

    width:
        100%;

    height:
        100%;

    min-height:
        112px;

    object-fit:
        cover;
}

.x4a-source-preview-body {
    min-width:
        0;

    padding:
        11px 12px;
}

.x4a-source-preview-site,
.x4a-source-preview-domain {

    color:
        var(--x4a-muted);

    font-size:
        0.67rem;

    line-height:
        1.25;
}

.x4a-source-preview-site {
    margin-bottom:
        5px;

    font-weight:
        750;

    letter-spacing:
        0.045em;

    text-transform:
        uppercase;
}

.x4a-source-preview-title {
    display:
        -webkit-box;

    overflow:
        hidden;

    color:
        var(--x4a-text);

    font-size:
        0.85rem;

    font-weight:
        700;

    line-height:
        1.35;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;
}

.x4a-source-preview-description {
    display:
        -webkit-box;

    overflow:
        hidden;

    margin-top:
        5px;

    color:
        var(--x4a-muted);

    font-size:
        0.73rem;

    line-height:
        1.38;

    -webkit-box-orient:
        vertical;

    -webkit-line-clamp:
        2;
}

.x4a-source-preview-domain {
    margin-top:
        7px;
}

.x4a-source-preview-fallback {
    grid-template-columns:
        1fr;
}

.x4a-source-preview-fallback
.x4a-source-preview-site::before {

    content:
        "↗";

    display:
        inline-block;

    margin-right:
        5px;
}

.x4a-related-row,
.x4a-chart-toolbar,
.x4a-range-heading {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;
}

.x4a-related-row {
    margin-top:
        13px;
}

.x4a-control-label {
    flex:
        0 0 auto;

    color:
        var(--x4a-faint);

    font-size:
        0.67rem;

    font-weight:
        750;

    letter-spacing:
        0.055em;

    text-transform:
        uppercase;
}

.x4a-wire-cashtags,
.x4a-chart-tabs,
.x4a-range-tabs {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        6px;
}

.x4a-cashtag,
.x4a-chart-tab,
.x4a-range-tab {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        29px;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        8px;

    background:
        var(--x4a-surface-2);

    color:
        var(--x4a-text)
        !important;

    font-size:
        0.72rem;

    font-weight:
        650;

    line-height:
        1;

    text-decoration:
        none;

    cursor:
        pointer;
}

.x4a-cashtag {
    padding:
        0 9px;

    color:
        var(--x4a-accent)
        !important;
}

.x4a-chart-tab {
    gap: 5px;

    padding:
        0 9px;
}

.x4a-range-tab {
    min-width:
        38px;

    padding:
        0 7px;
}

.x4a-chart-tab:hover,
.x4a-range-tab:hover,
.x4a-cashtag:hover {

    border-color:
        var(--x4a-border-strong);

    background:
        var(--x4a-surface-3);
}

.x4a-chart-tab.is-active,
.x4a-range-tab.is-active {

    border-color:
        color-mix(
            in srgb,
            var(--x4a-accent) 58%,
            var(--x4a-border)
        );

    background:
        var(--x4a-accent-soft);

    color:
        var(--x4a-accent)
        !important;
}

.x4a-chart-switch-icon {
    width:
        14px;

    height:
        14px;

    flex:
        0 0 14px;
}

.x4a-chart-panel {
    margin-top:
        14px;

    padding:
        11px;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        11px;

    background:
        var(--x4a-surface-2);
}

.x4a-chart-toolbar {
    align-items:
        flex-start;
}

.x4a-range-control {
    margin-top:
        10px;
}

.x4a-range-heading {
    justify-content:
        space-between;

    margin-bottom:
        7px;
}

.x4a-range-current {
    color:
        var(--x4a-muted);

    font-size:
        0.7rem;

    font-weight:
        600;
}

.x4a-chart-stage,
.x4a-tv-embed,
.x4a-tv-embed
.tradingview-widget-container__widget {

    width:
        100%;

    height:
        250px;
}

.x4a-chart-stage {
    margin-top:
        10px;

    overflow:
        hidden;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        9px;

    background:
        var(--x4a-surface);
}

.x4a-chart-placeholder {
    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    height:
        100%;

    min-height:
        250px;

    color:
        var(--x4a-muted);

    font-size:
        0.72rem;
}

.x4a-loading-pulse {
    width:
        8px;

    height:
        8px;

    border-radius:
        50%;

    background:
        var(--x4a-accent);

    animation:
        x4a-pulse
        1.2s
        ease-in-out
        infinite;
}

@keyframes x4a-pulse {

    0%,
    100% {

        opacity:
            0.35;

        transform:
            scale(0.85);
    }

    50% {

        opacity:
            1;

        transform:
            scale(1);
    }
}

.x4a-wire-footer {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        14px;

    margin-top:
        13px;

    padding-top:
        11px;

    border-top:
        1px solid
        var(--x4a-border);
}

.x4a-wire-action {
    color:
        var(--x4a-muted)
        !important;

    font-size:
        0.72rem;

    font-weight:
        650;

    text-decoration:
        none;
}

.x4a-wire-action:hover {
    color:
        var(--x4a-accent)
        !important;
}

.x4a-feed-pagination {
    position:
        relative;

    display:
        grid;

    place-items:
        center;

    min-height:
        80px;

    padding:
        10px 0 0;
}

.x4a-load-more {
    min-width:
        132px;

    height:
        38px;

    padding:
        0 16px;

    border:
        1px solid
        var(--x4a-border-strong);

    border-radius:
        999px;

    background:
        var(--x4a-surface-2);

    color:
        var(--x4a-text);

    font-size:
        0.76rem;

    font-weight:
        700;

    cursor:
        pointer;
}

.x4a-load-more:hover {
    background:
        var(--x4a-surface-3);
}

.x4a-load-more:disabled {
    opacity:
        0.62;

    cursor:
        progress;
}

.x4a-feed-sentinel {
    width:
        100%;

    height:
        1px;
}

.x4a-feed-load-status {
    margin-top:
        9px;

    color:
        var(--x4a-muted);

    font-size:
        0.72rem;

    text-align:
        center;
}

.x4a-feed-pagination.is-complete
.x4a-feed-load-status {

    padding-top:
        4px;
}

@media (max-width: 640px) {

    .x4a-marketwire-shell {
        padding-inline:
            8px;
    }

    .x4a-feed-topbar {
        margin-inline:
            -8px;

        padding:
            11px 10px;
    }

    .x4a-feed-subtitle {
        display:
            none;
    }

    .x4a-theme-toggle {
        width:
            36px;

        padding:
            0;

        justify-content:
            center;
    }

    .x4a-theme-toggle span {
        display:
            none;
    }

    .x4a-wire-card {
        padding:
            13px;

        border-radius:
            11px;
    }

    .x4a-wire-avatar {
        width:
            34px;

        height:
            34px;

        flex-basis:
            34px;
    }

    .x4a-wire-content {
        font-size:
            0.93rem;
    }

    .x4a-source-preview {
        grid-template-columns:
            92px minmax(0, 1fr);
    }

    .x4a-source-preview-media,
    .x4a-source-preview-media img {

        min-height:
            98px;
    }

    .x4a-source-preview-description {
        display:
            none;
    }

    .x4a-related-row,
    .x4a-chart-toolbar {

        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            7px;
    }

    .x4a-range-tabs {
        gap:
            4px;
    }

    .x4a-range-tab {
        min-width:
            34px;

        min-height:
            27px;

        padding:
            0 6px;

        font-size:
            0.68rem;
    }

    .x4a-chart-panel {
        padding:
            9px;
    }

    .x4a-chart-stage,
    .x4a-tv-embed,
    .x4a-tv-embed
    .tradingview-widget-container__widget,
    .x4a-chart-placeholder {

        height:
            220px;

        min-height:
            220px;
    }
}

/* X4A 68K1 UI CORRECTIONS */

/*
 * CHART behaves like RANGE:
 * label first, buttons underneath.
 */

.x4a-chart-toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.x4a-chart-toolbar
.x4a-chart-tabs {
    width: 100%;
}


/*
 * Source previews do not reserve an imaginary
 * image column when no image exists.
 */

.x4a-source-preview {
    grid-template-columns: 1fr;
}

.x4a-source-preview.x4a-source-preview-has-image {
    grid-template-columns:
        118px minmax(0, 1fr);
}

.x4a-source-preview-no-image
.x4a-source-preview-body {
    padding: 14px;
}

.x4a-source-preview-no-image
.x4a-source-preview-title {
    -webkit-line-clamp: 3;
}

.x4a-source-preview-no-image
.x4a-source-preview-description {
    margin-top: 7px;
    -webkit-line-clamp: 3;
}

.x4a-source-preview-no-image
.x4a-source-preview-domain {
    margin-top: 9px;
}


/*
 * Make the embedded TradingView background
 * visually continuous with the X4A chart panel.
 */

.x4a-chart-stage {
    background: var(--x4a-surface);
}

.x4a-tv-theme-dark {
    background: #131722;
}

.x4a-tv-theme-light {
    background: #ffffff;
}


@media (max-width: 640px) {

    .x4a-source-preview.x4a-source-preview-has-image {
        grid-template-columns:
            92px minmax(0, 1fr);
    }

    /*
     * For previews without images, text is the
     * visual content, so do not hide it on mobile.
     */
    .x4a-source-preview-no-image
    .x4a-source-preview-description {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

/*
 * The new TradingView component obtains its theme
 * from the page's CSS color-scheme. No separate
 * X4A TradingView light/dark classes are required.
 */

html[data-x4a-theme="dark"]
.x4a-chart-stage {

    color-scheme: dark;
}

html[data-x4a-theme="light"]
.x4a-chart-stage {

    color-scheme: light;
}

/* X4A 68K2B - TRADINGVIEW WIDTH CONTAINMENT */

/*
 * Every ancestor participating in the MarketWire
 * layout must be allowed to shrink below the
 * intrinsic width of descendants.
 */

.x4a-marketwire-shell,
.x4a-marketwire-feed,
.x4a-feed-items,
.x4a-wire-card,
.x4a-chart-panel,
.x4a-chart-stage {

    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}


/*
 * Prevent any third-party Shadow DOM intrinsic width
 * from creating horizontal document overflow.
 */

.x4a-marketwire-shell,
.x4a-marketwire-feed,
.x4a-feed-items,
.x4a-wire-card,
.x4a-chart-panel {

    overflow-x: clip;
}


/*
 * TradingView's own sizing documentation recommends
 * sizing the outer container and letting the component
 * fill it.
 */

.x4a-chart-stage {
    position: relative;

    display: block;

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

    height: 250px;
    min-height: 250px;

    overflow: hidden;

    /*
     * Important:
     * Do not allow intrinsic inline-size calculations
     * from inside the Web Component to resize the page.
     */
    contain:
        inline-size layout paint;
}


/*
 * Safety boundary for the MarketWire page itself.
 * This is deliberately scoped to MarketWire and does
 * not affect the rest of WordPress.
 */

body.x4a-marketwire-view {
    max-width: 100%;
    overflow-x: clip;
}


@media (max-width: 640px) {

    .x4a-chart-stage {
        height: 220px;
        min-height: 220px;
    }
}

/* X4A 68L2 - TICKER HERO CHART HEIGHT */

/*
 * IMPORTANT:
 *
 * The generic MarketWire chart stage intentionally
 * remains compact at 250px.
 *
 * A dedicated ticker page has one authoritative hero
 * chart and therefore receives substantially more
 * vertical space.
 *
 * This rule lives at the END of feed.css so it wins
 * over the generic 68K2B containment rule.
 */

.x4a-ticker-chart-panel
.x4a-ticker-chart-stage {

    width: 100% !important;

    height:
        clamp(
            380px,
            46vw,
            480px
        ) !important;

    min-height:
        380px !important;

    max-height:
        480px !important;

    overflow:
        hidden;
}


@media (max-width: 700px) {

    .x4a-ticker-chart-panel
    .x4a-ticker-chart-stage {

        height:
            310px !important;

        min-height:
            310px !important;

        max-height:
            310px !important;
    }
}

/* X4A 68M2B - TIMELINE SYMBOL OVERVIEW */

/*
 * Symbol Overview does not currently use the two
 * X4A ranges below.
 *
 * Dedicated ticker pages already apply the same
 * restriction.
 */

.x4a-chart-panel
.x4a-range-tab[data-range="5D"],

.x4a-chart-panel
.x4a-range-tab[data-range="YTD"] {

    display:
        none !important;
}


/*
 * Slightly taller than the old Mini Chart because
 * we now have a meaningful numerical price scale
 * and time scale.
 */

.x4a-chart-stage.x4a-symbol-overview-stage {

    position:
        relative;

    width:
        100%;

    max-width:
        100%;

    min-width:
        0;

    height:
        300px !important;

    min-height:
        300px !important;

    max-height:
        300px !important;

    overflow:
        hidden;

    box-sizing:
        border-box;
}


/*
 * TradingView needs a fixed parent boundary when
 * using autosize.
 */

.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-container {

    width:
        100%;

    height:
        100%;

    max-width:
        100%;

    min-width:
        0;

    min-height:
        0;

    overflow:
        hidden;

    box-sizing:
        border-box;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-container__widget {

    width:
        100%;

    height:
        calc(
            100% - 20px
        );

    min-width:
        0;

    min-height:
        0;

    overflow:
        hidden;

    box-sizing:
        border-box;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-container__widget
iframe {

    display:
        block;

    width:
        100% !important;

    height:
        100% !important;

    max-width:
        100% !important;

    border:
        0 !important;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright {

    height:
        20px;

    min-height:
        20px;

    padding-top:
        3px;

    overflow:
        hidden;

    color:
        var(--x4a-muted);

    font-size:
        0.59rem;

    line-height:
        1.2;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;

    box-sizing:
        border-box;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright
a {

    text-decoration:
        none;
}


@media (max-width: 700px) {

    .x4a-chart-stage.x4a-symbol-overview-stage {

        height:
            270px !important;

        min-height:
            270px !important;

        max-height:
            270px !important;
    }
}

/* X4A 68M2B1 - TV ATTRIBUTION + THEME FIX */

/*
 * Preserve roughly the same usable chart height,
 * but reserve enough actual space for TradingView's
 * required attribution below the iframe.
 */

.x4a-chart-stage.x4a-symbol-overview-stage {

    height:
        312px !important;

    min-height:
        312px !important;

    max-height:
        312px !important;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-container__widget {

    height:
        calc(
            100% - 30px
        ) !important;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright {

    display:
        flex;

    align-items:
        center;

    width:
        100%;

    height:
        30px !important;

    min-height:
        30px !important;

    padding:
        5px 4px 4px;

    overflow:
        hidden;

    line-height:
        1.35;

    box-sizing:
        border-box;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright
a,

.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright
.trademark {

    line-height:
        1.35;
}


@media (max-width: 700px) {

    .x4a-chart-stage.x4a-symbol-overview-stage {

        height:
            286px !important;

        min-height:
            286px !important;

        max-height:
            286px !important;
    }
}

/* X4A 68M2B2 - CENTERED TV ATTRIBUTION */

.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        4px !important;

    text-align:
        center !important;

    width:
        100% !important;

    padding-left:
        8px !important;

    padding-right:
        8px !important;
}


.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright
a,

.x4a-chart-stage.x4a-symbol-overview-stage
.tradingview-widget-copyright
.trademark {

    display:
        inline-block;

    flex:
        0 0 auto;

    margin:
        0 !important;
}

/* X4A 68M2B3 - ACTIVE RANGE GUARD */

/*
 * The currently displayed time range is already
 * selected. There is no useful action associated
 * with selecting it again.
 *
 * JS contains a second guard for keyboard and
 * programmatic activation.
 */

.x4a-range-tab.is-active {

    pointer-events:
        none;

    cursor:
        default;
}


/* X4A 68M2B4 - ACTIVE TICKER GUARD */

/*
 * The active ticker already represents the chart
 * currently displayed.
 *
 * Keep the visual active state, but remove pointless
 * pointer/touch interaction. The JavaScript guard
 * additionally protects keyboard/programmatic clicks.
 */

.x4a-chart-tab.is-active {

    pointer-events:
        none;

    cursor:
        default;
}


/* X4A 68N4 - TIMELINE CHART META */

.x4a-chart-current-meta {

    margin:
        5px 0 10px;

    font-size:
        0.78rem;

    line-height:
        1.35;

    font-weight:
        600;

    letter-spacing:
        0.025em;

    opacity:
        0.68;
}


.x4a-chart-current-meta[hidden] {

    display:
        none !important;
}



/* ==========================================================
 * X4A MIXED TIMELINE LONGFORM CARD
 *
 * X4A DEPENDENCY CONTRACT
 * Used by x4a_article and x4a_research timeline cards.
 * Full long-form content is intentionally not rendered here.
 * ========================================================== */

.x4a-longform-card {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;

    overflow: hidden;

    border: 1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.24)
        );

    border-radius: 18px;

    background:
        var(
            --x4a-surface,
            rgba(20, 28, 38, 0.96)
        );

    color:
        var(
            --x4a-text,
            inherit
        );
}

:root[data-x4a-theme="light"]
.x4a-longform-card {
    background: #ffffff;
    border-color:
        rgba(30, 55, 75, 0.16);
}

.x4a-longform-card-header {
    padding: 16px 18px 13px;
}

.x4a-longform-card-identity {
    display: flex;
    align-items: center;
    gap: 11px;
}

.x4a-longform-card-avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    border-radius: 50%;

    background:
        var(
            --x4a-accent,
            #1677ff
        );

    color: #ffffff;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.x4a-longform-card-brand {
    display: block;

    font-size: 14px;
    line-height: 1.2;
}

.x4a-longform-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    margin-top: 3px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 12px;
    line-height: 1.35;
}

.x4a-longform-card-type {
    font-weight: 800;
    letter-spacing: 0.05em;
}

.x4a-longform-card-image-link {
    display: block;

    width: 100%;

    overflow: hidden;

    border-top:
        1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.20)
        );

    border-bottom:
        1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.20)
        );
}

.x4a-longform-card-image {
    display: block;

    width: 100%;
    max-height: 430px;

    aspect-ratio: 16 / 9;

    object-fit: cover;
}

.x4a-longform-card-body {
    padding: 20px 20px 18px;
}

.x4a-longform-card-badge {
    margin-bottom: 9px;

    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.x4a-longform-card-title {
    margin: 0;

    font-size:
        clamp(
            21px,
            3vw,
            29px
        );

    line-height: 1.16;
    letter-spacing: -0.02em;
}

.x4a-longform-card-title a {
    color: inherit;
    text-decoration: none;
}

.x4a-longform-card-title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.x4a-longform-card-teaser {
    margin-top: 15px;

    color:
        var(
            --x4a-text,
            inherit
        );

    font-size: 15px;
    line-height: 1.62;
}

.x4a-inline-cashtag {
    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font-weight: 700;
    text-decoration: none;
}

.x4a-inline-cashtag:hover {
    text-decoration: underline;
}

.x4a-longform-card-tickers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 17px;
}

.x4a-longform-card-ticker {
    display: inline-flex;
    align-items: center;

    min-height: 30px;
    padding: 5px 10px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.24)
        );

    border-radius: 999px;

    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.x4a-longform-card-footer {
    display: flex;
    justify-content: flex-end;

    margin-top: 18px;
    padding-top: 15px;

    border-top:
        1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.18)
        );
}

.x4a-longform-card-read {
    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.x4a-longform-card-read:hover {
    text-decoration: underline;
}

@media (max-width: 720px) {

    .x4a-longform-card-header {
        padding:
            14px
            15px
            12px;
    }

    .x4a-longform-card-body {
        padding:
            17px
            15px
            16px;
    }

    .x4a-longform-card-image {
        max-height: 330px;
    }
}


/* ==========================================================
 * X4A INLINE LONGFORM EXPANSION
 *
 * X4A DEPENDENCY CONTRACT
 *
 * Initial Timeline markup contains only the teaser.
 * Full content is inserted here only after an explicit
 * visitor request through the secured X4A REST endpoint.
 * ========================================================== */

.x4a-longform-expansion {
    margin-top: 16px;
}


.x4a-longform-card-expanded[hidden] {
    display: none !important;
}


.x4a-longform-card-expanded {
    margin-top: 16px;

    color:
        var(
            --x4a-text,
            inherit
        );

    font-size: 15px;
    line-height: 1.72;
}


.x4a-longform-card-expanded > :first-child {
    margin-top: 0;
}


.x4a-longform-card-expanded > :last-child {
    margin-bottom: 0;
}


.x4a-longform-card-expanded p {
    margin:
        0
        0
        1.3em;
}


.x4a-longform-card-expanded h2 {
    margin:
        1.8em
        0
        0.65em;

    font-size:
        clamp(
            21px,
            2.8vw,
            28px
        );

    line-height: 1.2;
}


.x4a-longform-card-expanded h3 {
    margin:
        1.55em
        0
        0.6em;

    font-size:
        clamp(
            18px,
            2.4vw,
            23px
        );

    line-height: 1.25;
}


.x4a-longform-card-expanded a {
    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    text-underline-offset: 3px;
}


.x4a-longform-card-expanded blockquote {
    margin:
        1.45em
        0;

    padding:
        0.25em
        0
        0.25em
        1em;

    border-left:
        3px solid
        var(
            --x4a-accent,
            #4ea1ff
        );

    opacity: 0.88;
}


.x4a-longform-card-expanded ul,
.x4a-longform-card-expanded ol {
    padding-left: 1.45em;
}


.x4a-longform-card-expanded img,
.x4a-longform-card-expanded figure {
    max-width: 100%;
    height: auto;
}


.x4a-longform-card-expanded table {
    display: block;

    max-width: 100%;

    overflow-x: auto;

    border-collapse: collapse;
}


.x4a-longform-card-expanded pre {
    max-width: 100%;

    overflow-x: auto;

    padding: 14px;

    border-radius: 10px;

    background:
        rgba(
            128,
            128,
            128,
            0.09
        );
}


.x4a-longform-expand-controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 14px;
}


.x4a-longform-expand-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding:
        7px
        13px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.26)
        );

    border-radius: 999px;

    background:
        transparent;

    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font: inherit;
    font-size: 13px;
    font-weight: 800;

    cursor: pointer;
}


.x4a-longform-expand-button:hover {
    border-color:
        var(
            --x4a-accent,
            #4ea1ff
        );
}


.x4a-longform-expand-button:disabled {
    cursor: progress;

    opacity: 0.62;
}


.x4a-longform-expand-button:focus-visible {
    outline:
        2px solid
        var(
            --x4a-accent,
            #4ea1ff
        );

    outline-offset: 3px;
}


.x4a-longform-expand-status {
    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 12px;
}


.x4a-longform-card.is-expanded
.x4a-longform-card-title {
    margin-bottom: 2px;
}


@media (max-width: 720px) {

    .x4a-longform-card-expanded {
        font-size: 14px;
        line-height: 1.68;
    }
}


/* ==========================================================
 * X4A EXPANDED MARKET CONTEXT
 *
 * Chart markup is delivered only after Show more.
 * TradingView rendering remains viewport-lazy through
 * the canonical Feed chart observer.
 * ========================================================== */

.x4a-expanded-market-context {
    margin-top: 30px;
    padding-top: 24px;

    border-top:
        1px solid
        var(
            --x4a-border,
            rgba(128, 128, 128, 0.20)
        );
}


.x4a-expanded-market-heading {
    display: flex;
    flex-direction: column;
    gap: 5px;

    margin-bottom: 15px;
}


.x4a-expanded-market-heading strong {
    font-size: 18px;
    line-height: 1.25;
}


.x4a-expanded-market-kicker {
    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.09em;
}


.x4a-expanded-chart-panel {
    margin-top: 0;
}


.x4a-expanded-chart-heading {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 9px;

    margin-bottom: 11px;
}


.x4a-expanded-chart-heading strong {
    font-size: 16px;
}


.x4a-expanded-market-note {
    margin:
        10px
        0
        0;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 11px;
    line-height: 1.45;
}


/* ==========================================================
 * X4A FRONTEND QUICK COMPOSER
 *
 * X4A DEPENDENCY CONTRACT
 *
 * Visible only to authenticated users with edit_posts.
 * State-changing authority remains entirely server-side.
 * ========================================================== */

.x4a-quick-composer {
    display: grid;

    grid-template-columns:
        48px
        minmax(
            0,
            1fr
        );

    gap: 14px;

    margin:
        0
        0
        18px;

    padding:
        18px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.20
            )
        );

    border-radius: 18px;

    background:
        var(
            --x4a-surface,
            rgba(
                20,
                30,
                40,
                0.92
            )
        );

    box-shadow:
        0 8px 28px
        rgba(
            0,
            0,
            0,
            0.08
        );
}


.x4a-quick-composer-avatar {
    width: 44px;
    height: 44px;
}


.x4a-quick-composer-avatar-image {
    display: block;

    width: 44px;
    height: 44px;

    border-radius: 50%;

    object-fit: cover;
}


.x4a-quick-composer-main {
    min-width: 0;
}


.x4a-quick-composer-identity {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 8px;
}


.x4a-quick-composer-identity strong {
    font-size: 14px;
}


.x4a-quick-composer-identity span {
    display: inline-flex;
    align-items: center;

    min-height: 20px;

    padding:
        2px
        7px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.22
            )
        );

    border-radius: 999px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
}


.x4a-quick-composer-form {
    margin: 0;
}


.x4a-quick-composer-text {
    display: block;

    box-sizing: border-box;

    width: 100%;
    min-height: 86px;

    resize: vertical;

    padding:
        8px
        0
        13px;

    border: 0;
    outline: 0;

    background: transparent;

    color:
        var(
            --x4a-text,
            inherit
        );

    font: inherit;

    font-size:
        clamp(
            16px,
            1.8vw,
            18px
        );

    line-height: 1.52;
}


.x4a-quick-composer-text::placeholder {
    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    opacity: 0.85;
}


.x4a-quick-composer-text:focus {
    outline: none;
}


.x4a-quick-composer-detected {
    min-height: 18px;

    margin-bottom: 10px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 11px;
}


.x4a-quick-composer-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;

    padding-top: 11px;

    border-top:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.18
            )
        );
}


.x4a-quick-composer-counter {
    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 11px;
}


.x4a-quick-composer-submit {
    min-width: 76px;
    min-height: 38px;

    padding:
        8px
        17px;

    border: 0;

    border-radius: 999px;

    background:
        var(
            --x4a-accent,
            #4ea1ff
        );

    color: #ffffff;

    font: inherit;
    font-size: 13px;
    font-weight: 800;

    cursor: pointer;

    transition:
        opacity 140ms ease,
        transform 140ms ease;
}


.x4a-quick-composer-submit:hover:not(:disabled) {
    transform:
        translateY(
            -1px
        );
}


.x4a-quick-composer-submit:disabled {
    cursor: not-allowed;

    opacity: 0.42;
}


.x4a-quick-composer-submit:focus-visible {
    outline:
        2px solid
        var(
            --x4a-accent,
            #4ea1ff
        );

    outline-offset: 3px;
}


.x4a-quick-composer-status {
    min-height: 19px;

    margin-top: 8px;

    font-size: 12px;
}


.x4a-quick-composer-status[data-state="success"] {
    color: #39b980;
}


.x4a-quick-composer-status[data-state="error"] {
    color: #e06060;
}


.x4a-quick-composer-status[data-state="loading"] {
    color:
        var(
            --x4a-muted,
            #8b98a5
        );
}


.x4a-wire-card--new {
    animation:
        x4a-wire-new-post
        700ms
        ease-out;
}


@keyframes x4a-wire-new-post {

    from {
        transform:
            translateY(
                -8px
            );

        opacity: 0.45;
    }

    to {
        transform:
            translateY(
                0
            );

        opacity: 1;
    }
}


.x4a-sr-only {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

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

    overflow: hidden !important;

    clip:
        rect(
            0,
            0,
            0,
            0
        ) !important;

    white-space: nowrap !important;

    border: 0 !important;
}


@media (max-width: 620px) {

    .x4a-quick-composer {
        grid-template-columns:
            38px
            minmax(
                0,
                1fr
            );

        gap: 11px;

        padding:
            15px
            13px;

        border-radius: 15px;
    }


    .x4a-quick-composer-avatar,
    .x4a-quick-composer-avatar-image {
        width: 38px;
        height: 38px;
    }


    .x4a-quick-composer-footer {
        gap: 10px;
    }
}


/* ==========================================================
 * X4A QUICK COMPOSER SOURCE
 *
 * Optional canonical Original Source. The first URL in
 * ordinary Composer text can populate this automatically.
 * ========================================================== */

.x4a-quick-composer-source {
    margin:
        4px
        0
        13px;

    padding:
        11px
        12px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.18
            )
        );

    border-radius: 12px;

    background:
        rgba(
            128,
            128,
            128,
            0.045
        );
}


.x4a-quick-composer-source-label {
    display: flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 7px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 11px;
    font-weight: 750;
}


.x4a-quick-composer-source-label small {
    font-size: 10px;
    font-weight: 500;

    opacity: 0.72;
}


.x4a-quick-composer-source-icon {
    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font-size: 14px;
}


.x4a-quick-composer-source-input {
    box-sizing: border-box;

    width: 100%;

    padding:
        8px
        10px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.22
            )
        );

    border-radius: 9px;

    background:
        rgba(
            0,
            0,
            0,
            0.08
        );

    color:
        var(
            --x4a-text,
            inherit
        );

    font: inherit;
    font-size: 12px;
}


:root[data-x4a-theme="light"]
.x4a-quick-composer-source-input {
    background:
        rgba(
            255,
            255,
            255,
            0.75
        );
}


.x4a-quick-composer-source-input:focus {
    border-color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    outline:
        2px solid
        color-mix(
            in srgb,
            var(
                --x4a-accent,
                #4ea1ff
            )
            20%,
            transparent
        );
}


.x4a-quick-composer-source-hint {
    margin-top: 6px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 10px;
    line-height: 1.4;
}


/* ==========================================================
 * X4A SMART LINKS + SOURCE RESTORE + ADMIN TRASH
 * ========================================================== */

.x4a-inline-link {
    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    text-decoration: none;

    overflow-wrap: anywhere;
}


.x4a-inline-link:hover {
    text-decoration: underline;
}


.x4a-quick-composer-source-hint {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}


.x4a-quick-composer-source-restore {
    padding: 0;

    border: 0;

    background: transparent;

    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    font: inherit;
    font-size: inherit;
    font-weight: 700;

    cursor: pointer;
}


.x4a-quick-composer-source-restore:hover {
    text-decoration: underline;
}


.x4a-wire-header,
.x4a-longform-card-header {
    position: relative;
}


.x4a-timeline-moderation {
    position: relative;

    margin-left: auto;

    align-self: flex-start;

    flex: 0 0 auto;
}


.x4a-trash-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    padding: 0;

    border:
        1px solid
        transparent;

    border-radius: 999px;

    background: transparent;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 15px;
    line-height: 1;

    cursor: pointer;

    opacity: 0.72;

    transition:
        opacity 140ms ease,
        background 140ms ease,
        color 140ms ease;
}


.x4a-trash-trigger:hover,
.x4a-trash-trigger:focus-visible {
    opacity: 1;

    color: #e06060;

    background:
        rgba(
            224,
            96,
            96,
            0.10
        );
}


.x4a-trash-trigger:focus-visible,
.x4a-trash-cancel:focus-visible,
.x4a-trash-confirm-button:focus-visible {
    outline:
        2px solid
        var(
            --x4a-accent,
            #4ea1ff
        );

    outline-offset: 2px;
}


.x4a-trash-confirm {
    position: absolute;

    z-index: 60;

    top: 0;
    right: 0;

    width: 228px;

    box-sizing: border-box;

    padding: 12px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.24
            )
        );

    border-radius: 12px;

    background:
        var(
            --x4a-surface,
            #121a22
        );

    box-shadow:
        0 10px 36px
        rgba(
            0,
            0,
            0,
            0.28
        );
}


.x4a-trash-confirm-text {
    margin-bottom: 10px;

    color:
        var(
            --x4a-text,
            inherit
        );

    font-size: 12px;
    font-weight: 700;
}


.x4a-trash-confirm-actions {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
}


.x4a-trash-cancel,
.x4a-trash-confirm-button {
    min-height: 30px;

    padding:
        5px
        9px;

    border-radius: 8px;

    font: inherit;
    font-size: 11px;
    font-weight: 700;

    cursor: pointer;
}


.x4a-trash-cancel {
    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.24
            )
        );

    background: transparent;

    color:
        var(
            --x4a-text,
            inherit
        );
}


.x4a-trash-confirm-button {
    border:
        1px solid
        rgba(
            224,
            96,
            96,
            0.55
        );

    background:
        rgba(
            224,
            96,
            96,
            0.14
        );

    color: #e06060;
}


.x4a-trash-status {
    min-height: 16px;

    margin-top: 7px;

    color: #e06060;

    font-size: 10px;
    line-height: 1.35;
}


.x4a-card-is-trashing {
    pointer-events: none;

    opacity: 0;

    transform:
        translateY(
            -5px
        );

    transition:
        opacity 240ms ease,
        transform 240ms ease;
}


@media (max-width: 620px) {

    .x4a-trash-confirm {
        width: 205px;
    }
}


/* ==========================================================
 * X4A QUICK COMPOSER MEDIA 0.15.0
 * ========================================================== */

.x4a-quick-composer-media {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;

    margin-top: 10px;
}


.x4a-quick-composer-media-drop {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

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

    box-sizing: border-box;

    min-height: 40px;

    padding: 8px 10px;

    border:
        1px dashed
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.30
            )
        );

    border-radius: 11px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 11px;

    overflow: hidden;

    transition:
        border-color 140ms ease,
        background 140ms ease;
}


.x4a-quick-composer-media-drop.is-dragging {
    border-color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    background:
        rgba(
            78,
            161,
            255,
            0.07
        );
}


.x4a-quick-composer-media-add,
.x4a-quick-composer-media-remove {
    appearance: none;

    border: 0;

    background: transparent;

    color:
        var(
            --x4a-accent,
            #4ea1ff
        );

    padding: 0;

    font: inherit;
    font-weight: 700;

    cursor: pointer;
}


.x4a-quick-composer-media-add:hover,
.x4a-quick-composer-media-remove:hover {
    text-decoration: underline;
}


.x4a-quick-composer-media-preview {
    overflow: hidden;

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

    box-sizing: border-box;

    margin-top: 9px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.24
            )
        );

    border-radius: 14px;

    background:
        var(
            --x4a-surface,
            rgba(
                0,
                0,
                0,
                0.08
            )
        );
}


.x4a-quick-composer-media-preview-image {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 420px;

    margin: 0 auto;

    object-fit: contain;

    background:
        rgba(
            0,
            0,
            0,
            0.20
        );
}


.x4a-quick-composer-media-preview-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

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

    box-sizing: border-box;

    padding: 8px 10px;

    color:
        var(
            --x4a-muted,
            #8b98a5
        );

    font-size: 11px;
}


.x4a-quick-composer-media-preview-footer
[data-x4a-media-meta] {
    min-width: 0;

    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.x4a-is-posting
.x4a-quick-composer-media {
    pointer-events: none;

    opacity: 0.58;
}


/* ==========================================================
 * X4A MARKETWIRE FEATURED MEDIA
 * ========================================================== */

.x4a-wire-media {
    overflow: hidden;

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

    box-sizing: border-box;

    margin:
        12px
        0
        14px;

    border:
        1px solid
        var(
            --x4a-border,
            rgba(
                128,
                128,
                128,
                0.24
            )
        );

    border-radius: 15px;

    background:
        rgba(
            0,
            0,
            0,
            0.16
        );
}


.x4a-wire-media-image {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 620px;

    margin: 0 auto;

    object-fit: contain;
}


@media (max-width: 620px) {

    .x4a-quick-composer-media-drop {
        align-items: flex-start;
        flex-direction: column;
    }


    .x4a-quick-composer-media-preview-image {
        max-height: 340px;
    }


    .x4a-wire-media-image {
        max-height: 520px;
    }
}

/* X4A LONGFORM ARTWORK STAGE 70B6 */
/* Preserve complete Article/Research artwork on desktop cards. */
@media (min-width: 701px) {
    body.x4a-marketwire-timeline .x4a-longform-card-image-link,
    body.x4a-longform-archive-view .x4a-longform-card-image-link {
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: var(--x4a-surface-2);
    }

    body.x4a-marketwire-timeline .x4a-longform-card-image,
    body.x4a-longform-archive-view .x4a-longform-card-image {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* X4A TICKER LONGFORM ARTWORK 70B7 */

@media (min-width: 701px) {

    .x4a-ticker-shell
    .x4a-longform-card-image-link {
        display: block;
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: var(--x4a-surface-2);
    }

    .x4a-ticker-shell
    .x4a-longform-card-image {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* X4A TIMELINE VISUAL POLISH 70B10 */

body.x4a-marketwire-timeline
.x4a-marketwire-shell {
    padding-top:
        24px;
}


body.x4a-marketwire-timeline
.x4a-feed-topbar {
    margin:
        0 0 14px;

    padding:
        16px 18px;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        var(--x4a-radius-lg);

    background:
        color-mix(
            in srgb,
            var(--x4a-surface) 94%,
            transparent
        );

    box-shadow:
        var(--x4a-shadow);

    box-sizing:
        border-box;

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);
}


.x4a-feed-published {
    display:
        inline-flex;

    align-items:
        center;

    min-height:
        24px;

    padding:
        0 8px;

    border:
        1px solid
        var(--x4a-border);

    border-radius:
        var(--x4a-radius-pill);

    background:
        var(--x4a-surface-2);

    color:
        var(--x4a-faint);

    font:
        700 10px/1
        var(--x4a-font-data);

    letter-spacing:
        0.035em;

    text-transform:
        uppercase;

    white-space:
        nowrap;
}


@media (max-width: 700px) {

    body.x4a-marketwire-timeline
    .x4a-marketwire-shell {
        padding-top:
            12px;
    }


    body.x4a-marketwire-timeline
    .x4a-feed-topbar {
        padding:
            14px;

        border-radius:
            var(--x4a-radius-md);
    }
}