/**
 * Userhub Editorial Intent Layer
 * Version: 2.1.0
 * --------------------------------------------------
 * Scope:
 * - Insights (magazine / authored editorial)
 * - Media (institutional editorial / dissemination)
 *
 * Rules:
 * - Site-layer composition only
 * - No component ownership overrides
 * - Bootstrap 5 layout only
 * - No inline-style dependency
 * - Components retain ownership of cards, hero, nav, pagination, gallery, etc.
 */


/* ==========================================================================
   0. Shared Editorial Foundations
   ========================================================================== */

.uh-ed-shell {
    background-color: var(--tds-surface);
    color: var(--tds-text-main);
}

.uh-ed-section {
    padding-top: var(--tds-space-05);
    padding-bottom: var(--tds-space-05);
}

.uh-ed-section--alt {
    background-color: var(--tds-surface-subtle);
}

.uh-ed-section__head {
    margin-bottom: var(--tds-space-04);
}

.uh-ed-kicker {
    display: inline-block;
    font-family: var(--tds-font-system);
    margin-bottom: 0.75rem;
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-label);
    letter-spacing: var(--tds-type-track-label);
    text-transform: uppercase;
    color: var(--tds-text-muted);
}

.uh-ed-lead {
    max-width: 70ch;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-body);
    font-weight: var(--tds-weight-regular);
    line-height: var(--tds-type-line-body);
}

.uh-ed-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-meta);
    line-height: var(--tds-type-line-meta);
}

.uh-ed-empty {
    padding: 3rem 0;
    color: var(--tds-text-muted);
    text-align: center;
}

.uh-ed-backlink {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    letter-spacing: var(--tds-type-track-label);
    text-decoration: none;
    text-transform: uppercase;
}

.uh-ed-backlink:hover,
.uh-ed-backlink:focus {
    color: var(--tds-text-main);
}

.uh-ed-caption {
    margin-top: 0.875rem;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-meta);
    line-height: var(--tds-type-line-meta);
    text-align: center;
}

.uh-ed-subnav {
    border-top: 1px solid var(--tds-border);
    border-bottom: 1px solid var(--tds-border);
    background-color: var(--tds-surface);
}

.uh-ed-subnav__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uh-ed-subnav__item {
    margin: 0;
}

.uh-ed-subnav__link {
    display: inline-flex;
    align-items: center;
    min-height: var(--tds-tap-target-min);
    padding: 0.875rem 1rem;
    border-bottom: 2px solid transparent;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-semibold);
    text-decoration: none;
}

.uh-ed-subnav__link:hover,
.uh-ed-subnav__link:focus {
    color: var(--tds-text-main);
    border-bottom-color: var(--tds-border-strong);
}

.uh-ed-subnav__link[aria-current="page"] {
    color: var(--tds-text-main);
    border-bottom-color: var(--tds-brand);
}

.uh-ed-pagination {
    padding-top: 2rem;
    border-top: 1px solid var(--tds-border);
}

.uh-ed-pagination .pagination {
    margin-bottom: 0;
}

.uh-ed-pagination .page-link {
    color: var(--tds-text-main);
}

.uh-ed-pagination .page-item.active .page-link {
    background-color: var(--tds-text-main);
    border-color: var(--tds-text-main);
    color: #ffffff;
}


/* ==========================================================================
   1. Insights / Magazine
   ========================================================================== */

/* 1.1 Archive */

.uh-insights-archive {
    background-color: var(--tds-surface);
}

.uh-insights-hero {
    position: relative;
    overflow: hidden;
    background-color: var(--tds-text-main);
    color: #ffffff;
}

.uh-insights-hero__media {
    position: absolute;
    inset: -6rem;
    filter: blur(72px) saturate(0.6) brightness(0.3);
    opacity: 0.45;
    pointer-events: none;
}

.uh-insights-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uh-insights-hero__inner {
    position: relative;
    z-index: 1;
    padding-top: var(--tds-space-06);
    padding-bottom: var(--tds-space-06);
}

.uh-insights-feature {
    max-width: 72rem;
    margin: 0 auto;
}

.uh-insights-feature__text {
    max-width: min(100%, 76rem);
    margin-inline: auto;
    text-align: center;
}

.uh-insights-feature__topic {
    display: flex;
    justify-content: center;
    width: fit-content;
    max-width: min(100%, 48rem);
    margin: 0 auto var(--tds-space-04);
    text-align: center;
}

.uh-insights-feature__topic-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    color: var(--tds-surface);
    font-family: var(--tds-font-system);
    font-size: clamp(0.95rem, 1vw, 1.05rem);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-body);
    overflow-wrap: anywhere;
    text-align: center;
    text-decoration: none;
}

.uh-insights-feature__topic-link:hover,
.uh-insights-feature__topic-link:focus {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.uh-insights-feature__title,
.uh-insights-archive__title {
    font-family: var(--tds-font-system);
    font-weight: var(--tds-weight-semibold);
    letter-spacing: var(--tds-type-track-body);
}

.uh-insights-feature__title {
    max-width: 26ch;
    margin: 0 auto 1.25rem;
    font-size: clamp(1.9rem, 3.2vw, 3rem);
    line-height: var(--tds-type-line-body);
    letter-spacing: var(--tds-type-track-body);
    text-align: center;
}

.uh-insights-archive__title {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: var(--tds-type-line-body);
}

.uh-insights-grid {
    row-gap: 2rem;
}

.uh-insights-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.uh-insights-card__media {
    margin-bottom: 1rem;
    overflow: hidden;
    border: 1px solid var(--tds-border);
    border-radius: 0.5rem;
    background-color: var(--tds-surface-subtle);
}

.uh-insights-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.uh-insights-card__term {
    margin-bottom: 0.5rem;
    color: var(--tds-text-main);
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    letter-spacing: var(--tds-type-track-label);
    text-transform: uppercase;
}

.uh-insights-card__title {
    margin-bottom: 0.75rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-ui);
    letter-spacing: var(--tds-type-track-ui);
    color: var(--tds-text-main);
}

.uh-insights-card__title a {
    color: var(--tds-text-main);
    text-decoration: none;
}

.uh-insights-card__excerpt {
    flex-grow: 1;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-ui);
    line-height: var(--tds-type-line-ui);
}

.uh-insights-card__meta {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.875rem;
    border-top: 1px solid var(--tds-border);
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-label);
}

.uh-insights-card__meta a,
.uh-insights-card__meta a:visited,
.uh-insights-card__meta a:hover,
.uh-insights-card__meta a:focus-visible {
    color: inherit;
}

/* 1.2 Single */

.uh-insights-single {
    background-color: var(--tds-surface);
}

.uh-insights-single__header {
    position: relative;
    overflow: hidden;
    background-color: var(--tds-text-main);
    color: #ffffff;
}

.uh-insights-single__taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.uh-insights-byline {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem var(--tds-space-04);
    max-width: min(100%, 64ch);
    margin-inline: auto;
    color: rgba(255, 255, 255, 0.76);
    font-size: clamp(0.95rem, 0.95vw, 1rem);
    line-height: var(--tds-type-line-body);
    text-align: center;
}

.uh-insights-byline__item {
    min-width: 0;
    max-width: 100%;
}

.uh-insights-byline__author {
    overflow-wrap: anywhere;
}

.uh-insights-byline__author a,
.uh-insights-byline__author a:visited,
.uh-insights-byline__author a:hover,
.uh-insights-byline__author a:focus-visible {
    color: inherit;
}

.uh-insights-byline__separator {
    flex: 0 0 1px;
    width: 1px;
    height: 1.1em;
    background: rgba(255, 255, 255, 0.28);
}

.uh-insights-single__title {
	max-width: 26ch;
	margin-right: auto;
	margin-bottom: var(--tds-space-05);
	margin-left: auto;
	margin-inline: auto;
	font-size: clamp(2rem, 3.4vw, 3.25rem);
	line-height: var(--tds-type-line-body);
	letter-spacing: var(--tds-type-track-body);
	color: var(--tds-text-inverse);
	text-align: center;
}
@media (max-width: 575.98px) {
    .uh-insights-byline {
        flex-direction: column;
        gap: 0.35rem;
    }

    .uh-insights-byline__separator {
        display: none;
    }
}

.uh-insights-single__figure {
    margin-bottom: 2.5rem;
}

.uh-insights-body {
    margin-left: auto;
    margin-right: auto;
    color: var(--tds-text-main);
}

.uh-insights-authors {
    max-width: var(--tds-reading-measure);
    margin-top: var(--tds-space-05);
    padding-top: var(--tds-space-04);
    border-top: 1px solid var(--tds-border);
}

.uh-insights-authors__title {
    margin-bottom: var(--tds-space-04);
}

.uh-insights-authors__list {
    display: flex;
    flex-direction: column;
    gap: var(--tds-space-04);
}

.uh-insights-author {
    min-width: 0;
}

.uh-insights-author + .uh-insights-author {
    padding-top: var(--tds-space-04);
    border-top: 1px solid var(--tds-border);
}

.uh-insights-author__identity {
    display: flex;
    align-items: flex-start;
    gap: var(--tds-space-03);
}

.uh-insights-author__portrait {
    display: block;
    flex: 0 0 auto;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    object-fit: cover;
}

.uh-insights-author__body {
    flex: 1 1 auto;
    min-width: 0;
}

.uh-insights-author__name {
    margin: 0 0 var(--tds-space-01);
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-body);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-body);
    overflow-wrap: anywhere;
}

.uh-insights-author__name a,
.uh-insights-author__name a:visited {
    color: var(--tds-text-main);
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-underline-offset: 3px;
}

.uh-insights-author__name a:hover,
.uh-insights-author__name a:focus-visible {
    color: var(--tds-brand-action-hover);
    text-decoration-color: currentColor;
}


.uh-insights-author__role {
    margin: 0;
    line-height: var(--tds-type-line-interface);
}

.uh-insights-author__synopsis {
    margin: var(--tds-space-03) 0 0;
}

.uh-insights-author__action {
    margin-top: var(--tds-space-03);
}

.uh-insights-body p,
.uh-insights-body ul,
.uh-insights-body ol {
    margin-bottom: 1.75rem;
}

.uh-insights-body h2 {
    font-family: var(--tds-font-system);
    margin-top: 3.5rem;
    margin-bottom: 1.25rem;
    font-size: var(--tds-type-h2);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-h2);
    letter-spacing: var(--tds-type-track-h2);
}

.uh-insights-body h3 {
    font-family: var(--tds-font-system);
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-size: var(--tds-type-h3);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-h3);
    letter-spacing: var(--tds-type-track-h3);
}

.uh-insights-body blockquote {
    margin: 3rem -12%;
    padding: 2.5rem 0;
    border-top: 1px solid var(--tds-border);
    border-bottom: 1px solid var(--tds-border);
    color: var(--tds-brand-strong);
    font-style: italic;
    text-align: center;
}

.uh-insights-tags {
    margin-top: 2rem;
}

.uh-insights-related {
    padding-top: var(--tds-space-05);
    padding-bottom: var(--tds-space-05);
    border-top: 1px solid var(--tds-border);
    background-color: var(--tds-surface-subtle);
}

.uh-insights-related__grid {
    row-gap: 1.5rem;
}

.uh-insights-related__intro .uh-ed-lead {
    margin-right: auto;
    margin-left: auto;
}


.uh-insights-single__figure img {
	display: block;
	width: 100%;
}

.uh-insights-body img {
	max-width: 100%;
	height: auto;
	border-radius: 0.75rem;
}

.uh-insights-body table {
	width: 100%;
	border-collapse: collapse;
	margin: 2rem 0;
	font-size: var(--tds-type-size-ui);
}

.uh-insights-body table th,
.uh-insights-body table td {
	padding: 0.75rem 0.9rem;
	border: 1px solid #e5e7eb;
	vertical-align: top;
}

.uh-insights-body table th {
	background: #f8fafc;
	color: #111827;
	font-weight: var(--tds-weight-semibold);
}

.uh-insights-body a {
	color: var(--tds-brand-strong);
	text-decoration: underline;
	text-decoration-thickness: 0.06em;
	text-underline-offset: 0.18em;
	text-decoration-color: currentColor;
}

.uh-insights-body a:hover,
.uh-insights-body a:focus {
	color: var(--tds-brand-action-hover);
	text-decoration-color: currentColor;
}

.uh-insights-citation {
	margin: var(--tds-space-05) auto;
	padding: var(--tds-space-04);
	border: 1px solid var(--tds-border);
	border-left: 3px solid var(--tds-brand);
	border-radius: 0.75rem;
	background: var(--tds-surface-subtle);
}

.uh-insights-citation__label {
	margin-bottom: var(--tds-space-02);
}

.uh-insights-citation__text {
	margin: 0;
	color: var(--tds-text-main);
	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-meta);
	line-height: var(--tds-type-line-meta);
	overflow-wrap: anywhere;
	word-break: normal;
}

.uh-insights-single__taxonomy .btn {
	font-weight: var(--tds-weight-medium);
}

.uh-insights-tags .btn {
	font-size: var(--tds-type-size-label);
}

/* ==========================================================================
   2. Media / Institutional Editorial
   ========================================================================== */

/* 2.1 Shared Media Family */

.uh-media-shell {
    background-color: var(--tds-surface);
}

.uh-media-hero {
    padding-top: var(--tds-space-05);
    padding-bottom: var(--tds-space-05);
    border-bottom: 1px solid var(--tds-border);
    background:
        linear-gradient(
            180deg,
            rgba(247, 244, 244, 0.9) 0%,
            rgba(255, 255, 255, 1) 100%
        );
}

.uh-media-hero__inner {
    max-width: 70rem;
}

.uh-media-hero__lead {
    max-width: 68ch;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-body);
    line-height: var(--tds-type-line-body);
}

.uh-ed-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 3rem;
	padding: 0.75rem 1.25rem;

	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-ui);
	font-weight: var(--tds-weight-semibold);
	letter-spacing: var(--tds-type-track-ui);

	color: #ffffff;
	text-decoration: none;

	border: 1px solid rgba(255,255,255,0.28);
	border-radius: 0.5rem;

	background: rgba(255,255,255,0.06);

	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		transform 160ms ease;
}

.uh-ed-cta:hover {
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.4);
	transform: translateY(-1px);
}

.uh-ed-cta:active {
	background: rgba(255,255,255,0.16);
	transform: translateY(1px);
}

.uh-ed-chip {
	display: inline-flex;
	align-items: center;

	padding: 0.35rem 0.75rem;

	font-family: var(--tds-font-system);
	font-size: var(--tds-type-size-label);
	font-weight: var(--tds-weight-medium);
	letter-spacing: var(--tds-type-track-label);
	text-transform: uppercase;

	color: rgba(255,255,255,0.85);
	text-decoration: none;

	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 999px;

	background: rgba(255,255,255,0.06);

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

.uh-ed-chip:hover {
	color: #ffffff;
	background: rgba(255,255,255,0.12);
	border-color: rgba(255,255,255,0.3);
}

.uh-ed-chip:active {
	background: rgba(255,255,255,0.16);
}

.uh-media-subnav {
    border-bottom: 1px solid var(--tds-border);
    background-color: var(--tds-surface);
}

.uh-media-subnav__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.uh-media-subnav__link {
    display: inline-flex;
    align-items: center;
    min-height: var(--tds-tap-target-min);
    padding: 0.875rem 1rem;
    border-bottom: 2px solid transparent;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-semibold);
    text-decoration: none;
}

.uh-media-subnav__link:hover,
.uh-media-subnav__link:focus {
    color: var(--tds-text-main);
    border-bottom-color: var(--tds-border-strong);
}

.uh-media-subnav__link[aria-current="page"] {
    color: var(--tds-text-main);
    border-bottom-color: var(--tds-brand);
}

.uh-media-section {
    padding-top: var(--tds-space-05);
    padding-bottom: var(--tds-space-05);
}

.uh-media-section + .uh-media-section {
    border-top: 1px solid var(--tds-border);
}

.uh-media-section__head {
    margin-bottom: 2rem;
}

.uh-media-section__actions {
    margin-top: 1rem;
}

.uh-media-lead {
    max-width: 70ch;
    color: var(--tds-text-muted);
}

.uh-media-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-meta);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-meta);
}

.uh-media-empty {
    padding: 3rem 0;
    color: var(--tds-text-muted);
    text-align: center;
}

/* 2.2 Media Home */

.uh-media-home {
    background-color: var(--tds-surface);
}

.uh-media-home__lead {
    margin-bottom: 0;
}

.uh-media-home__streams {
    row-gap: 2rem;
}

.uh-media-home__footer {
    padding-top: 2rem;
    border-top: 1px solid var(--tds-border);
}

/* 2.3 Media Cards */

.uh-media-lead-card {
    height: 100%;
}

.uh-media-lead-card__media {
    overflow: hidden;
    border: 1px solid var(--tds-border);
    border-radius: 0.5rem;
    background-color: var(--tds-surface-subtle);
}

.uh-media-lead-card__body {
    padding-top: 1.25rem;
}

.uh-media-lead-card__title {
    margin-bottom: 0.875rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-ui);
    letter-spacing: var(--tds-type-track-ui);
    color: var(--tds-text-main);
}

.uh-media-lead-card__title a {
    color: var(--tds-text-main);
    text-decoration: none;
}

.uh-media-lead-card__excerpt {
    margin-bottom: 1rem;
    color: var(--tds-text-muted);
    line-height: var(--tds-type-line-lead);
}

.uh-media-lead-card__meta {
    margin-bottom: 1rem;
}

.uh-media-story-card {
    height: 100%;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--tds-border);
}

.uh-media-story-card__date {
    margin-bottom: 0.5rem;
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    letter-spacing: var(--tds-type-track-label);
    text-transform: uppercase;
}

.uh-media-story-card__media {
    margin-bottom: 1rem;
    overflow: hidden;
    border: 1px solid var(--tds-border);
    border-radius: 0.375rem;
    background-color: var(--tds-surface-subtle);
}

.uh-media-story-card__title {
    margin-bottom: 0.625rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-ui);
    letter-spacing: var(--tds-type-track-ui);
    color: var(--tds-text-main);
}

.uh-media-story-card__title a {
    color: var(--tds-text-main);
    text-decoration: none;
}

.uh-media-story-card__excerpt {
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-ui);
    line-height: var(--tds-type-line-ui);
}

.uh-media-video-card {
    height: 100%;
}

.uh-media-video-card__media {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--tds-border);
    border-radius: 0.5rem;
    background-color: var(--tds-surface-subtle);
}

.uh-media-video-card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 1rem;
    background: linear-gradient(
        180deg,
        var(--tds-ink-a08) 0%,
        rgba(26, 18, 18, 0.52) 100%
    );
    pointer-events: none;
}

.uh-media-video-card__body {
    padding-top: 1rem;
}

.uh-media-video-card__title {
    margin-bottom: 0.5rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-ui);
    letter-spacing: var(--tds-type-track-ui);
    color: var(--tds-text-main);
}

.uh-media-video-card__title a {
    color: var(--tds-text-main);
    text-decoration: none;
}

.uh-media-video-card__meta {
    /* Typography is inherited from .uh-card-meta. */
}

.uh-media-photo-card {
    height: 100%;
}

.uh-media-photo-card__media {
    overflow: hidden;
    border: 1px solid var(--tds-border);
    border-radius: 0.5rem;
    background-color: var(--tds-surface-subtle);
}

.uh-media-photo-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.625rem;
    border: 1px solid var(--tds-border);
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.92);
    color: var(--tds-text-main);
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    letter-spacing: var(--tds-type-track-label);
    text-transform: uppercase;
}

.uh-media-photo-card__body {
    padding-top: 0.875rem;
}

.uh-media-photo-card__title {
    margin-bottom: 0.5rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-ui);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-ui);
    letter-spacing: var(--tds-type-track-ui);
    color: var(--tds-text-main);
}

.uh-media-photo-card__title a {
    color: var(--tds-text-main);
    text-decoration: none;
}

.uh-media-photo-card__meta {
    /* Typography is inherited from .uh-card-meta. */
}

/* 2.4 News */

.uh-media-news-archive {}

.uh-media-news-ledger {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.uh-media-news-item {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--tds-border);
}

.uh-media-news-item__date {
    color: var(--tds-text-muted);
}

.uh-media-news-item__media {
    overflow: hidden;
    border: 1px solid var(--tds-border);
    border-radius: 0.5rem;
    background-color: var(--tds-surface-subtle);
}

.uh-media-news-item__body {}

.uh-media-news-item__title {
    margin-bottom: 0.75rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-body);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-body);
    letter-spacing: var(--tds-type-track-body);
    color: var(--tds-text-main);
}

.uh-media-news-item__title a {
    color: var(--tds-text-main);
    text-decoration: none;
}

.uh-media-news-item__excerpt {
    margin-bottom: 1rem;
    color: var(--tds-text-muted);
    line-height: var(--tds-type-line-body);
}

/* 2.5 Videos */

.uh-media-videos-archive {}

.uh-media-video-grid {
    row-gap: 2rem;
}

/* 2.6 Photos */

.uh-media-photos-archive {}

.uh-media-photo-grid {
    row-gap: 2rem;
}

/* 2.7 Media Singles */

.uh-media-single {
    background-color: var(--tds-surface);
}

.uh-media-single__header {
    padding-top: var(--tds-space-05);
    padding-bottom: var(--tds-space-04);
    border-bottom: 1px solid var(--tds-border);
    background-color: var(--tds-surface-subtle);
}

.uh-media-single__title {
    font-family: var(--tds-font-system);
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: clamp(1.75rem, 2.4vw, 2.75rem);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-body);
    letter-spacing: var(--tds-type-track-body);
    color: var(--tds-text-main);
}

.uh-media-single__meta {
    color: var(--tds-text-muted);
    font-size: var(--tds-type-size-ui);
}

.uh-media-single__figure {
    margin-bottom: 2rem;
}

.uh-media-body {
    max-width: 72ch;
    margin-left: auto;
    margin-right: auto;
}

.uh-media-body p,
.uh-media-body ul,
.uh-media-body ol {
    margin-bottom: 1.5rem;
    font-size: var(--tds-type-size-body);
    line-height: var(--tds-type-line-body);
}

.uh-media-body h2 {
    font-family: var(--tds-font-system);
    margin-top: 2.75rem;
    margin-bottom: 1rem;
    font-size: var(--tds-type-h2);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-h2);
    letter-spacing: var(--tds-type-track-h2);
}

.uh-media-body h3 {
    font-family: var(--tds-font-system);
    margin-top: 2rem;
    margin-bottom: 0.875rem;
    font-size: var(--tds-type-h3);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-h3);
    letter-spacing: var(--tds-type-track-h3);
}

.uh-media-record-head {
    padding-top: clamp(2.25rem, 4vw, 3.5rem);
    padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
    border-bottom: 1px solid var(--tds-border);
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.88) 0%, #ffffff 100%);
}

.uh-media-record-head__back {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: var(--tds-tap-target-min);
    margin-bottom: 0.7rem;
    color: var(--tds-text-muted);
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-meta);
    font-weight: var(--tds-weight-semibold);
    line-height: var(--tds-type-line-meta);
    text-decoration: none;
}

.uh-media-record-head__back:hover,
.uh-media-record-head__back:focus-visible {
    color: var(--tds-brand-strong);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.uh-media-record-head__kicker {
    margin: 0 0 0.65rem;
    color: var(--tds-brand-strong);
}

.uh-media-record-head__title {
    max-width: 26ch;
    margin: 0;
    color: var(--tds-text-main);
    text-wrap: balance;
}

.uh-media-record-head__meta {
    margin-top: 0.85rem;
    color: var(--tds-text-muted);
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-meta);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-meta);
}

.uh-media-single--video .uh-media-record-head {
    padding-bottom: clamp(1.1rem, 2vw, 1.75rem);
}

.uh-media-video-stage {
    position: relative;
    padding-top: clamp(1.25rem, 2.4vw, 2.25rem);
    padding-bottom: clamp(2.5rem, 4.5vw, 4.75rem);
    background:
        linear-gradient(180deg, #111827 0%, #0b1120 100%);
    overflow: hidden;
}

.uh-media-video-stage::before {
    content: "";
    position: absolute;
    inset: -20%;
    background: radial-gradient(
        circle at center,
        rgba(168, 40, 11, 0.16),
        transparent 60%
    );
    opacity: 0.38;
    pointer-events: none;
}

.uh-media-video-stage::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 48px;
    background: linear-gradient(
        to bottom,
        rgba(17, 24, 39, 0.8),
        rgba(17, 24, 39, 0)
    );
    pointer-events: none;
}

.uh-media-video-stage .container {
    max-width: 1180px;
}

.uh-media-video-stage__embed {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.875rem;
    background-color: #000000;
    box-shadow:
        0 24px 56px rgba(0, 0, 0, 0.48),
        0 0 0 1px rgba(255, 255, 255, 0.04);
}

.uh-media-single--video .uh-media-video-single__body {
    padding-top: var(--tds-space-04);
}

@media (max-width: 767.98px) {
    .uh-media-record-head {
        padding-top: 2rem;
        padding-bottom: 1.5rem;
    }

    .uh-media-record-head__title {
        max-width: none;
        font-size: var(--tds-type-h1);
    }

    .uh-media-video-stage {
        padding-top: 1rem;
        padding-bottom: 2.25rem;
    }

    .uh-media-video-stage__embed {
        border-radius: 0.65rem;
        box-shadow:
            0 18px 36px rgba(0, 0, 0, 0.42),
            0 0 0 1px rgba(255, 255, 255, 0.05);
    }
}

.uh-media-photo-single__gallery {
    margin-bottom: 2rem;
}

.uh-media-hero,
.uh-media-single__header {
    padding-top: calc(var(--tds-space-05) + var(--uh-dynamic-combined-height, 72px));
}

.uh-media-hero {
    padding-bottom: var(--tds-space-05);
}

.uh-media-single__header {
    padding-bottom: var(--tds-space-04);
}

.uh-media-single__header .uh-ed-backlink {
    display: inline-flex;
    margin-bottom: 1rem;
}

.uh-media-single__header .uh-ed-kicker {
    display: block;
    margin-bottom: 0.75rem;
}

.uh-media-single--news .uh-media-body {
    max-width: 72ch;
}

.uh-media-single--photos .uh-media-body {
    max-width: 82ch;
}

.uh-media-single--video .uh-media-body {
    max-width: 76ch;
}

@media (max-width: 991.98px) {
    .uh-media-hero,
    .uh-media-single__header {
        padding-top: calc(var(--tds-space-04) + var(--uh-dynamic-combined-height, 72px));
    }
}

/* ==========================================================================
   3. Responsive Adjustments
   ========================================================================== */

@media (max-width: 991.98px) {
    .uh-insights-hero__inner,
    .uh-media-hero {
        padding-top: var(--tds-space-05);
        padding-bottom: var(--tds-space-05);
    }

    .uh-insights-body blockquote {
        margin-right: 0;
        margin-left: 0;
    }

    .uh-media-section {
        padding-top: var(--tds-space-04);
        padding-bottom: var(--tds-space-04);
    }
}

@media (max-width: 767.98px) {
    .uh-ed-section,
    .uh-insights-related {
        padding-top: var(--tds-space-04);
        padding-bottom: var(--tds-space-04);
    }

    .uh-ed-subnav__link,
    .uh-media-subnav__link {
        min-height: 3rem;
        padding-right: 0.875rem;
        padding-left: 0.875rem;
        font-size: var(--tds-type-size-meta);
    }

    .uh-insights-body p,
    .uh-insights-body ul,
    .uh-insights-body ol,
    .uh-media-body p,
    .uh-media-body ul,
    .uh-media-body ol {
        font-size: var(--tds-type-size-body);
    }
}

.uh-media-section__footer {
    margin-top: 1.5rem;
}

@media (min-width: 992px) {
    .uh-media-section__footer {
        margin-top: 2rem;
    }
}

.uh-media-news-item__day {
    display: block;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-h2);
    font-weight: var(--tds-weight-semibold);
    line-height: 1;
    color: var(--tds-text-main);
}

.uh-media-news-item__month {
    display: block;
    margin-top: 0.5rem;
    font-family: var(--tds-font-system);
    font-size: var(--tds-type-size-label);
    font-weight: var(--tds-weight-medium);
    line-height: var(--tds-type-line-label);
    letter-spacing: var(--tds-type-track-label);
    text-transform: uppercase;
    color: var(--tds-text-muted);
}

/* TYPE-01: preserve card image space while lazy images load. */
.uh-insights-card__media { flex-shrink: 0; }
.uh-insights-card__media img { display: block; }