/*
 * X4A MARKETWIRE SINGLE
 *
 * X4A DEPENDENCY CONTRACT:
 * This stylesheet complements ui.css + feed.css.
 * Existing chart/source-preview components remain
 * authoritative and must not be duplicated here.
 */

:root[data-x4a-theme="dark"] {
    --x4a-single-bg: #081019;
    --x4a-single-surface: #0f1822;
    --x4a-single-surface-2: #131f2b;
    --x4a-single-text: #e8eef5;
    --x4a-single-muted: #91a0ae;
    --x4a-single-border: #263443;
    --x4a-single-accent: #72b7ff;
    --x4a-single-accent-soft: rgba(114, 183, 255, 0.12);
}

:root[data-x4a-theme="light"] {
    --x4a-single-bg: #f5f7fa;
    --x4a-single-surface: #ffffff;
    --x4a-single-surface-2: #f8fafc;
    --x4a-single-text: #15202b;
    --x4a-single-muted: #596875;
    --x4a-single-border: #d8e0e7;
    --x4a-single-accent: #0866c6;
    --x4a-single-accent-soft: rgba(8, 102, 198, 0.08);
}

.x4a-marketwire-single-shell {
    min-height: 70vh;
    margin: 0;
    padding: 28px 20px 64px;

    background:
        var(--x4a-single-bg);
    color:
        var(--x4a-single-text);
}

.x4a-marketwire-single-inner {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.x4a-marketwire-single-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    margin-bottom: 18px;
}

.x4a-marketwire-back {
    color:
        var(--x4a-single-muted);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.x4a-marketwire-back:hover {
    color:
        var(--x4a-single-accent);
}

.x4a-marketwire-single {
    overflow: hidden;

    border:
        1px solid
        var(--x4a-single-border);
    border-radius: 22px;

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

    box-shadow:
        0 20px 60px
        rgba(0, 0, 0, 0.08);
}

.x4a-marketwire-single-header {
    padding: clamp(28px, 5vw, 58px);

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

.x4a-marketwire-single-kicker,
.x4a-marketwire-section-kicker {
    margin-bottom: 10px;

    color:
        var(--x4a-single-accent);

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

.x4a-marketwire-single-title {
    max-width: 950px;
    margin: 0;

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

    font-size:
        clamp(
            32px,
            5vw,
            58px
        );
    line-height: 1.04;
    letter-spacing: -0.035em;
}

.x4a-marketwire-single-byline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    margin-top: 20px;

    color:
        var(--x4a-single-muted);

    font-size: 14px;
}

.x4a-marketwire-single-tickers {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;

    margin-top: 22px;
}

.x4a-marketwire-single-ticker {
    display: inline-flex;
    align-items: center;

    min-height: 34px;
    padding: 6px 12px;

    border:
        1px solid
        var(--x4a-single-border);
    border-radius: 999px;

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

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

.x4a-marketwire-single-content {
    max-width: 860px;
    padding:
        42px
        clamp(
            28px,
            5vw,
            58px
        );

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

    font-size:
        clamp(
            17px,
            1.8vw,
            20px
        );
    line-height: 1.75;
}

.x4a-marketwire-single-content > :first-child {
    margin-top: 0;
}

.x4a-marketwire-single-content > :last-child {
    margin-bottom: 0;
}

.x4a-marketwire-single-content a {
    color:
        var(--x4a-single-accent);
}

.x4a-marketwire-single-section {
    padding:
        36px
        clamp(
            28px,
            5vw,
            58px
        );

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

.x4a-marketwire-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;

    margin-bottom: 20px;
}

.x4a-marketwire-section-heading h2 {
    margin: 0;

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

    font-size:
        clamp(
            22px,
            3vw,
            30px
        );
}

.x4a-marketwire-single-chart {
    margin: 0;
}

.x4a-marketwire-chart-heading {
    margin-bottom: 12px;
}

.x4a-marketwire-chart-ticker {
    display: inline-block;

    margin-right: 10px;

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

    font-size: 17px;
}

.x4a-chart-current-meta {
    color:
        var(--x4a-single-muted);

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

.x4a-marketwire-market-note {
    margin: 12px 0 0;

    color:
        var(--x4a-single-muted);

    font-size: 12px;
}

.x4a-marketwire-source-preview {
    margin-bottom: 18px;
}

.x4a-marketwire-primary-action,
.x4a-marketwire-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 10px 16px;

    border:
        1px solid
        var(--x4a-single-border);
    border-radius: 11px;

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

    cursor: pointer;
    text-decoration: none;
}

.x4a-marketwire-primary-action {
    border-color:
        var(--x4a-single-accent);

    background:
        var(--x4a-single-accent);
    color: #fff;
}

.x4a-marketwire-secondary-action {
    background:
        var(--x4a-single-surface-2);
    color:
        var(--x4a-single-text);
}

.x4a-marketwire-share-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.x4a-marketwire-copy-status {
    color:
        var(--x4a-single-muted);

    font-size: 13px;
}

.x4a-marketwire-related-grid {
    display: grid;

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

    gap: 12px;
}

.x4a-marketwire-related-card {
    display: flex;
    flex-direction: column;
    gap: 7px;

    padding: 18px;

    border:
        1px solid
        var(--x4a-single-border);
    border-radius: 14px;

    background:
        var(--x4a-single-surface-2);
    color:
        var(--x4a-single-text);

    text-decoration: none;
}

.x4a-marketwire-related-card:hover {
    border-color:
        var(--x4a-single-accent);
}

.x4a-marketwire-related-card time {
    color:
        var(--x4a-single-muted);

    font-size: 12px;
}

.x4a-marketwire-related-card strong {
    font-size: 15px;
    line-height: 1.35;
}

@media (max-width: 720px) {

    .x4a-marketwire-single-shell {
        padding:
            14px
            10px
            42px;
    }

    .x4a-marketwire-single {
        border-radius: 16px;
    }

    .x4a-marketwire-related-grid {
        grid-template-columns:
            1fr;
    }

    .x4a-marketwire-single-nav {
        align-items: center;
    }
}


/* ==========================================================
 * X4A MARKETWIRE SINGLE FEATURED IMAGE
 * ========================================================== */

/*
 * X4A PRESENTATION CONTRACT
 *
 * The Featured Image is the same canonical WordPress
 * attachment used by Timeline and social metadata.
 *
 * The detail renderer never copies or imports the image.
 */

.x4a-marketwire-single-media {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    box-sizing: border-box;

    margin: 0;

    padding:
        clamp(
            22px,
            4vw,
            42px
        )
        clamp(
            28px,
            5vw,
            58px
        );

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

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


.x4a-marketwire-single-media-frame {
    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

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

    box-sizing: border-box;

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

    border-radius: 16px;

    background:
        var(--x4a-single-bg);
}


.x4a-marketwire-single-image {
    display: block;

    width: auto;
    max-width: 100%;

    height: auto;
    max-height: 820px;

    margin: 0 auto;

    object-fit: contain;
}


@media (max-width: 720px) {

    .x4a-marketwire-single-media {
        padding:
            20px
            16px;
    }


    .x4a-marketwire-single-media-frame {
        border-radius: 12px;
    }


    .x4a-marketwire-single-image {
        max-height: 560px;
    }
}


/* ==========================================================
 * X4A TIMELINE RETURN BUTTON 0.15.3
 * ========================================================== */

.x4a-marketwire-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 40px;
    padding: 8px 14px;

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

    border-radius: 999px;

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

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

    font-size: 14px;
    font-weight: 800;

    text-decoration: none;

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


.x4a-marketwire-back:hover,
.x4a-marketwire-back:focus-visible {
    border-color:
        var(--x4a-single-accent);

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

    color:
        var(--x4a-single-accent);
}


.x4a-marketwire-back:focus-visible {
    outline:
        2px solid
        var(--x4a-single-accent);

    outline-offset:
        3px;
}