/* CONTENT-PRODUCTION-001 WP-09 — Theme Normalization
 * One publication identity across Browse · Article · Categories · Latest · Events · Special News.
 * Theme remains mynews-yellow. No architecture. Presentation only.
 */

:root {
    /* Ink */
    --pub-text: #1f2a2e;
    --pub-muted: #5f676a;
    --pub-faint: #a3a8aa;

    /* Surfaces */
    --pub-paper: #ffffff;
    --pub-soft: #f7f5f1;
    --pub-wash: rgba(31, 42, 46, .03);
    --pub-border: rgba(31, 42, 46, .12);
    --pub-border-strong: rgba(31, 42, 46, .22);

    /* Accent (mynews-yellow family — restrained) */
    --pub-accent: #d4b46a;
    --pub-accent-soft: rgba(212, 180, 106, .14);
    --pub-accent-mid: rgba(212, 180, 106, .55);

    /* Status */
    --pub-ok: #1f6b3a;
    --pub-warn: #8a3b2c;
    --pub-live: #2f6f4e;
    --pub-info: #3a5a78;

    /* Type scale */
    --pub-kicker-size: 0.78rem;
    --pub-meta-size: 0.86rem;
    --pub-body-size: 1rem;
    --pub-lede-size: 1.02rem;
    --pub-card-title: 1.25rem;
    --pub-page-title: clamp(1.75rem, 2.4vw, 2.35rem);

    /* Rhythm */
    --pub-space-1: 0.35rem;
    --pub-space-2: 0.65rem;
    --pub-space-3: 1rem;
    --pub-space-4: 1.5rem;
    --pub-space-5: 2.25rem;
    --pub-measure: 42rem;
    --pub-header-gap: 1rem;

    /* Shape / motion */
    --pub-radius: 0.35rem;
    --pub-radius-pill: 999px;
    --pub-elev: none;
    --pub-elev-hover: 0 0.65rem 1.4rem rgba(31, 42, 46, .08);
    --pub-ease: 160ms ease;
    --pub-focus: 2px solid rgba(212, 180, 106, .85);
    --pub-focus-offset: 2px;
}

/* ── Shared page shells ─────────────────────────────────────────────── */

.content-view-details,
.content-latest,
.content-browsebyregion,
.content-special-news,
.special-news-page,
.special-news.content-special-news-block,
.browse-page,
.browse-experience,
main.content-browse,
#main-content.special-news-page,
#main-content.content-special-news {
    color: var(--pub-text);
}

.content-view-details,
.content-latest,
.content-browsebyregion,
.content-special-news,
.special-news-page {
    --article-text: var(--pub-text);
    --article-muted: var(--pub-muted);
    --article-border: var(--pub-border);
    --article-accent: var(--pub-accent);
    --article-soft-bg: var(--pub-wash);
    --latest-text: var(--pub-text);
    --latest-muted: var(--pub-muted);
    --latest-border: var(--pub-border);
    --latest-accent: var(--pub-accent);
    --sn-text: var(--pub-text);
    --sn-muted: var(--pub-muted);
    --sn-border: var(--pub-border);
    --sn-accent: var(--pub-accent);
    --sn-surface: var(--pub-soft);
    --event-text: var(--pub-text);
    --event-muted: var(--pub-muted);
    --event-border: var(--pub-border);
    --event-accent: var(--pub-accent);
    --editor-text: var(--pub-text);
    --editor-muted: var(--pub-muted);
    --editor-border: var(--pub-border);
    --editor-accent: var(--pub-accent);
    --media-text: var(--pub-text);
    --media-muted: var(--pub-muted);
    --media-border: var(--pub-border);
    --media-accent: var(--pub-accent);
    --media-surface: var(--pub-soft);
}

/* ── Kickers / page titles / ledes (cross-surface rhythm) ───────────── */

.latest-experience-kicker,
.special-news-experience-kicker,
.special-news-block-kicker,
.category-experience-kicker,
.content-editor-mode-banner-hint,
.content-media-pilot-header-kicker {
    font-size: var(--pub-kicker-size);
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pub-muted);
}

.latest-experience-title,
.special-news-experience-title,
.special-news-block-title,
.category-experience-title {
    margin: 0;
    color: var(--pub-text);
    font-size: var(--pub-page-title);
    font-weight: 650;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.latest-experience-lede,
.special-news-experience-lede,
.category-experience-lede {
    margin: var(--pub-space-2) 0 0;
    max-width: 36rem;
    color: var(--pub-muted);
    font-size: var(--pub-lede-size);
    line-height: 1.45;
}

.latest-experience-header,
.special-news-experience-header,
.category-experience-header,
.special-news-block-heading {
    display: flex;
    flex-direction: column;
    gap: var(--pub-header-gap);
    margin-bottom: var(--pub-space-4);
}

@media (min-width: 768px) {
    .latest-experience-header,
    .special-news-experience-header,
    .category-experience-header,
    .special-news-block-heading {
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1.5rem;
    }
}

/* Continuity links */
.latest-experience-browse-link,
.special-news-experience-browse-link,
.special-news-block-archive,
.category-experience-continue a {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--pub-text);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color var(--pub-ease), color var(--pub-ease);
}

.latest-experience-browse-link:hover,
.latest-experience-browse-link:focus-visible,
.special-news-experience-browse-link:hover,
.special-news-experience-browse-link:focus-visible,
.special-news-block-archive:hover,
.special-news-block-archive:focus-visible {
    border-bottom-color: var(--pub-accent-mid);
    color: var(--pub-text);
    outline: none;
}

/* ── Cards (Browse / Latest / Special News) ─────────────────────────── */

.browse-article-card,
.browse-featured-article .card,
.special-news-selection,
.latest-experience .browse-article-card {
    border: 1px solid var(--pub-border) !important;
    border-radius: var(--pub-radius) !important;
    background: var(--pub-paper);
    box-shadow: var(--pub-elev) !important;
    overflow: hidden;
    transition:
        transform var(--pub-ease),
        box-shadow var(--pub-ease),
        border-color var(--pub-ease);
}

.browse-featured-article .card:hover,
.browse-article-card:hover,
.special-news-selection:focus-within {
    transform: translateY(-2px);
    box-shadow: var(--pub-elev-hover) !important;
    border-color: rgba(212, 180, 106, .45) !important;
}

.browse-card-title,
.special-news-card-title {
    font-size: var(--pub-card-title);
    font-weight: 650;
    letter-spacing: -0.015em;
    line-height: 1.25;
    color: var(--pub-text);
}

.browse-card-title a,
.special-news-card-title a {
    color: var(--pub-text);
    text-decoration: none;
}

.browse-card-summary,
.special-news-card-summary,
.browse-card-date,
.browse-card-meta {
    color: var(--pub-muted);
    font-size: var(--pub-meta-size);
}

.browse-card-continue,
.special-news-continue {
    color: var(--pub-text);
    font-weight: 650;
    text-decoration: none;
}

.browse-card-continue:hover,
.browse-card-continue:focus-visible,
.special-news-continue:hover,
.special-news-continue:focus-visible {
    color: var(--pub-text);
    text-decoration: underline;
    text-underline-offset: 0.16em;
    outline: none;
}

.browse-card-image,
.special-news-card-image {
    border-radius: 0;
    object-fit: cover;
}

/* Chips / pills — one language */
.browse-card-fresh,
.browse-card-event-phase,
.special-news-pick,
.content-event-phase-chip,
.content-media-workspace-scale {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.1rem 0.45rem;
    border-radius: var(--pub-radius-pill);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.browse-subcategory-link {
    border-radius: var(--pub-radius-pill) !important;
    border-color: var(--pub-border) !important;
    background: var(--pub-soft) !important;
    color: var(--pub-text) !important;
    transition:
        background-color var(--pub-ease),
        border-color var(--pub-ease),
        color var(--pub-ease);
}

.browse-subcategory-link:hover,
.browse-subcategory-link:focus-visible {
    background: var(--pub-accent-soft) !important;
    border-color: var(--pub-accent-mid) !important;
    color: var(--pub-text) !important;
    transform: none !important;
}

/* ── Article immersion alignment ────────────────────────────────────── */

.content-view-details .article-body-header .entry-title,
.content-view-details .p-name.entry-title {
    color: var(--pub-text);
    letter-spacing: -0.02em;
}

.content-view-details .article-lead {
    color: var(--pub-muted);
}

.content-view-details .content-sidebar-card,
.content-view-details .content-event-card {
    border-radius: var(--pub-radius) !important;
    border-color: var(--pub-border) !important;
    box-shadow: var(--pub-elev) !important;
}

.content-event-temporal,
.content-editor-mode-banner,
.content-media-workspace-banner,
.special-news-experience-empty,
.latest-experience-empty {
    border-radius: var(--pub-radius);
    border-color: var(--pub-border);
}

/* ── Buttons / controls ─────────────────────────────────────────────── */

.content-inline-edit-trigger,
.content-inline-save,
.content-inline-cancel,
.content-editor-mode-exit,
.content-media-pilot-trigger,
.content-media-pilot-actions button,
.content-media-pilot-header button,
.content-share-action {
    border-radius: var(--pub-radius) !important;
    transition:
        background-color var(--pub-ease),
        border-color var(--pub-ease),
        color var(--pub-ease);
}

/* ── Focus appearance (one ring) ────────────────────────────────────── */

.browse-card-title a:focus-visible,
.browse-card-continue:focus-visible,
.browse-card-category:focus-visible,
.browse-card-image-link:focus-visible,
.browse-subcategory-link:focus-visible,
.latest-experience-browse-link:focus-visible,
.special-news-experience-browse-link:focus-visible,
.special-news-block-archive:focus-visible,
.special-news-card-title a:focus-visible,
.special-news-continue:focus-visible,
.special-news-card-media-link:focus-visible,
.content-inline-edit-trigger:focus-visible,
.content-inline-save:focus-visible,
.content-inline-cancel:focus-visible,
.content-editor-mode-exit:focus-visible,
.content-media-pilot-trigger:focus-visible,
.content-share-action:focus-visible,
.category-experience-breadcrumb-link:focus-visible {
    outline: var(--pub-focus);
    outline-offset: var(--pub-focus-offset);
}

/* ── Category path ──────────────────────────────────────────────────── */

.category-experience-breadcrumb-list,
.category-experience-breadcrumb-link {
    color: var(--pub-muted);
    font-size: var(--pub-meta-size);
}

.category-experience-breadcrumb-link:hover,
.category-experience-breadcrumb-link:focus-visible {
    color: var(--pub-text);
}

/* ── Browse list orientation ────────────────────────────────────────── */

.browse-list-heading {
    color: var(--pub-text);
    font-weight: 650;
    letter-spacing: -0.015em;
}

.browse-list-lede {
    color: var(--pub-muted);
    font-size: var(--pub-meta-size);
}

.browse-meta-badge {
    border-radius: var(--pub-radius-pill);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.category-experience-title {
    color: var(--pub-text);
    letter-spacing: -0.02em;
}

.latest-experience-empty,
.special-news-experience-empty {
    padding: 1.35rem 1.2rem;
    border: 1px dashed var(--pub-border);
    background: rgba(247, 245, 241, .7);
}

.latest-experience-empty-title,
.special-news-experience-empty-title {
    margin: 0 0 var(--pub-space-1);
    color: var(--pub-text);
    font-weight: 650;
}

.latest-experience-empty-message,
.special-news-experience-empty-message {
    margin: 0;
    color: var(--pub-muted);
}

/* ── Reduced motion ─────────────────────────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
    .browse-article-card,
    .browse-featured-article .card,
    .special-news-selection,
    .browse-subcategory-link,
    .browse-card-continue,
    .special-news-continue,
    .latest-experience-browse-link,
    .special-news-experience-browse-link {
        transition: none !important;
        transform: none !important;
    }
}