/*
 * EventFlow Labs — Research presentation
 *
 * Archive-scoped design layer for the canonical Research registry.
 * Extracted from components.css.
 */

/* ==========================================================
   B1 — RESEARCH REGISTRY
   Scientific / engineering document index.
   Theme presentation only.
   ========================================================== */

.ef-research-page {
	container-type: inline-size;
	container-name: ef-research-page;
}

.ef-research-header {
	padding-block:
		clamp(
			var(--ef-space-8),
			12vw,
			10rem
		);

	border-bottom: 1px solid var(--ef-border-subtle);
}

.ef-research-header__inner {
	display: grid;
	grid-template-columns:
		minmax(8rem, 0.28fr)
		minmax(0, 1fr);

	gap:
		clamp(
			var(--ef-space-6),
			6vw,
			var(--ef-space-9)
		);

	align-items: end;
}

.ef-research-header__coordinate {
	align-self: start;

	padding-top: 0.55rem;

	font-family: var(--ef-font-mono);
	font-size: var(--ef-font-size-xs);

	letter-spacing: 0.12em;
	text-transform: uppercase;

	color: var(--ef-color-text-muted);
}

.ef-research-header__title {
	margin: 0;

	font-size: clamp(4rem, 10vw, 9rem);
	line-height: 0.86;

	letter-spacing: -0.07em;
}

.ef-research-header__lead {
	grid-column: 2;

	max-width: 44rem;

	margin:
		clamp(
			var(--ef-space-5),
			3vw,
			var(--ef-space-7)
		)
		0 0;

	font-size: clamp(1rem, 1.4vw, 1.3rem);
	line-height: 1.55;

	color: var(--ef-color-text-muted);
}

.ef-research-registry-section,
.ef-publication-registry-section {
	padding-block:
		clamp(
			var(--ef-space-7),
			8vw,
			var(--ef-space-9)
		);
}

.ef-publication-registry-section {
	border-top: 1px solid var(--ef-border-subtle);
}

.ef-research-registry__header {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: var(--ef-space-5);

	padding-bottom: var(--ef-space-5);

	border-bottom: 1px solid var(--ef-border-subtle);
}

.ef-research-registry__heading,
.ef-research-registry__count {
	font-family: var(--ef-font-mono);
	font-size: var(--ef-font-size-xs);

	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.ef-research-registry__heading {
	color: var(--ef-color-text);
}

.ef-research-registry__count {
	color: var(--ef-color-text-muted);
}

.ef-research-registry {
	display: grid;
}

.ef-research-registry__item {
	position: relative;

	border-bottom: 1px solid var(--ef-border-subtle);

	overflow: hidden;
}

.ef-research-registry__item::before {
	content: "";

	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			90deg,
			transparent,
			var(--ef-surface-2)
		);

	opacity: 0;

	transition:
		opacity
		var(--ef-duration-base)
		var(--ef-ease-standard);

	pointer-events: none;
}

.ef-research-registry__link {
	position: relative;

	display: grid;
	grid-template-columns:
		clamp(7rem, 11vw, 10rem)
		minmax(0, 1fr)
		minmax(8rem, 0.2fr);

	gap:
		clamp(
			var(--ef-space-5),
			4vw,
			var(--ef-space-8)
		);

	align-items: center;

	min-height:
		clamp(
			12rem,
			19vw,
			18rem
		);

	padding-block:
		clamp(
			var(--ef-space-6),
			5vw,
			var(--ef-space-8)
		);

	color: inherit;
	text-decoration: none;
}

.ef-research-registry__coordinate {
	align-self: stretch;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	padding-right: var(--ef-space-5);

	border-right: 1px solid var(--ef-border-subtle);
}

.ef-research-registry__index,
.ef-research-registry__year,
.ef-research-registry__type,
.ef-research-registry__action {
	font-family: var(--ef-font-mono);
	font-size: var(--ef-font-size-xs);

	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ef-research-registry__index {
	color: var(--ef-accent);
}

.ef-research-registry__year,
.ef-research-registry__type,
.ef-research-registry__action {
	color: var(--ef-color-text-muted);
}

.ef-research-registry__content {
	max-width: 58rem;
}

.ef-research-registry__type {
	display: block;

	margin-bottom: var(--ef-space-4);
}

.ef-research-registry__title {
	max-width: 18ch;

	margin: 0;

	font-size:
		clamp(
			2.25rem,
			4.6vw,
			5rem
		);

	line-height: 0.94;
	letter-spacing: -0.035em;

	text-wrap: balance;

	transition:
		transform
		var(--ef-duration-base)
		var(--ef-ease-standard);
}

.ef-research-registry__excerpt {
	max-width: 42rem;

	margin:
		var(--ef-space-5)
		0 0;

	font-size:
		clamp(
			0.95rem,
			1.15vw,
			1.125rem
		);

	line-height: 1.55;

	color: var(--ef-color-text-muted);
}

.ef-research-registry__action {
	align-self: end;
	justify-self: end;

	display: flex;
	align-items: center;

	gap: var(--ef-space-3);

	white-space: nowrap;
}

.ef-research-registry__arrow {
	font-size: 1.35rem;

	color: var(--ef-accent);

	transition:
		transform
		var(--ef-duration-fast)
		var(--ef-ease-standard);
}

.ef-research-registry__item:hover::before,
.ef-research-registry__item:focus-within::before {
	opacity: 1;
}

.ef-research-registry__item:hover
.ef-research-registry__title,
.ef-research-registry__item:focus-within
.ef-research-registry__title {
	transform: translateX(var(--ef-space-2));
}

.ef-research-registry__item:hover
.ef-research-registry__arrow,
.ef-research-registry__item:focus-within
.ef-research-registry__arrow {
	transform: translate(0.2rem, -0.2rem);
}

/*
 * Publications deliberately use a denser documentary rhythm.
 */

.ef-research-registry--publications
.ef-research-registry__link {
	min-height:
		clamp(
			9rem,
			14vw,
			13rem
		);
}

.ef-research-registry--publications
.ef-research-registry__title {
	font-size:
		clamp(
			1.8rem,
			3.2vw,
			3.5rem
		);
}

/*
 * Component-level responsive behavior.
 */

@container ef-research-page (max-width: 56rem) {

	.ef-research-header__inner {
		grid-template-columns: 1fr;
	}

	.ef-research-header__lead {
		grid-column: auto;
	}

	.ef-research-registry__link {
		grid-template-columns:
			clamp(6rem, 15vw, 8rem)
			minmax(0, 1fr);
	}

	.ef-research-registry__action {
		grid-column: 2;

		justify-self: start;
	}
}

@container ef-research-page (max-width: 38rem) {

	.ef-research-header {
		padding-block:
			clamp(
				var(--ef-space-7),
				18vw,
				var(--ef-space-9)
			);
	}

	.ef-research-header__title {
		font-size: clamp(3.5rem, 19vw, 6rem);
	}

	.ef-research-registry__link {
		grid-template-columns: 1fr;

		min-height: auto;

		padding-block:
			clamp(
				var(--ef-space-6),
				12vw,
				var(--ef-space-8)
			);
	}

	.ef-research-registry__coordinate {
		flex-direction: row;

		padding:
			0
			0
			var(--ef-space-4);

		border-right: 0;
		border-bottom: 1px solid var(--ef-border-subtle);
	}

	.ef-research-registry__action {
		grid-column: auto;

		justify-self: start;
	}

	.ef-research-registry__title {
		max-width: 14ch;

		font-size:
			clamp(
				2.2rem,
				12vw,
				3.75rem
			);
	}
}

/*
 * Motion accessibility remains authoritative.
 */

@media (prefers-reduced-motion: reduce) {

	.ef-research-registry__item::before,
	.ef-research-registry__title,
	.ef-research-registry__arrow {
		transition: none !important;
	}

	.ef-research-registry__item:hover
	.ef-research-registry__title,
	.ef-research-registry__item:focus-within
	.ef-research-registry__title,
	.ef-research-registry__item:hover
	.ef-research-registry__arrow,
	.ef-research-registry__item:focus-within
	.ef-research-registry__arrow {
		transform: none !important;
	}
}


/* ==========================================================
   B1R — RESEARCH REGISTRY VISUAL REFINEMENT

   Technical publication registry.
   Theme presentation only.
   Content continues to originate from WordPress / Core CPTs.
   ========================================================== */

.ef-research-registry-section,
.ef-publication-registry-section {
        position: relative;
}

.ef-research-registry__header {
        padding-block:
                0
                clamp(
                        var(--ef-space-4),
                        2vw,
                        var(--ef-space-5)
                );
}

.ef-research-registry__heading {
        font-size: clamp(
                var(--ef-font-size-xs),
                0.85vw,
                var(--ef-font-size-sm)
        );
}

.ef-research-registry__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        min-width: 2.5rem;
        min-height: 2.5rem;

        border: 1px solid var(--ef-border-subtle);
        border-radius: 999px;
}

/*
 * Research rows behave as technical records rather than cards.
 */

.ef-research-registry__item {
        isolation: isolate;
}

.ef-research-registry__link {
        grid-template-columns:
                clamp(7rem, 11vw, 10rem)
                minmax(0, 1fr)
                minmax(9rem, 0.22fr);

        gap:
                clamp(
                        var(--ef-space-5),
                        4vw,
                        var(--ef-space-8)
                );

        min-height:
                clamp(
                        13rem,
                        20vw,
                        19rem
                );

        padding-inline:
                clamp(
                        0rem,
                        1vw,
                        1rem
                );
}

/*
 * Coordinate axis.
 */

.ef-research-registry__coordinate {
        border-right: 0;
        padding-right: 0;
}

.ef-research-registry__index {
        font-size: clamp(
                var(--ef-font-size-xs),
                0.8vw,
                var(--ef-font-size-sm)
        );

        letter-spacing: 0.15em;
}

.ef-research-registry__year {
        margin-top: auto;

        font-size: var(--ef-font-size-xs);
        letter-spacing: 0.1em;
}

/*
 * Secondary technical axis generated from the record type.
 */

.ef-research-registry__content {
        position: relative;

        display: grid;
        grid-template-columns:
                clamp(7rem, 10vw, 9rem)
                minmax(0, 1fr);

        column-gap:
                clamp(
                        var(--ef-space-5),
                        3vw,
                        var(--ef-space-7)
                );

        max-width: none;
}

.ef-research-registry__content::before {
        content: "";

        position: absolute;
        top: 0;
        bottom: 0;
        left: clamp(7rem, 10vw, 9rem);

        width: 1px;

        background:
                linear-gradient(
                        180deg,
                        var(--ef-border-accent),
                        var(--ef-border-subtle) 35%,
                        transparent 100%
                );

        opacity: 0.65;
}

.ef-research-registry__type {
        grid-column: 1;

        align-self: start;

        margin: 0;
        padding-top: 0.35rem;
        padding-right: var(--ef-space-4);

        color: var(--ef-accent);
}

.ef-research-registry__title,
.ef-research-registry__excerpt {
        grid-column: 2;
}

.ef-research-registry__title {
        max-width: 16ch;

        font-size:
                clamp(
                        2.6rem,
                        5.2vw,
                        5.8rem
                );

        line-height: 0.91;
        letter-spacing: -0.055em;
}

.ef-research-registry__excerpt {
        max-width: 40rem;

        margin-top:
                clamp(
                        var(--ef-space-4),
                        1.8vw,
                        var(--ef-space-6)
                );
}

/*
 * Terminal action.
 */

.ef-research-registry__action {
        align-self: end;
        justify-self: end;

        padding-bottom: 0.25rem;
}

.ef-research-registry__arrow {
        font-size: 1.5rem;
}

/*
 * Fine interaction marker.
 */

.ef-research-registry__item::after {
        content: "";

        position: absolute;
        right: clamp(0rem, 1vw, 1rem);
        top: clamp(2rem, 4vw, 3rem);

        width: clamp(2.25rem, 4vw, 4.5rem);
        height: 1px;

        background: var(--ef-border-subtle);

        transition:
                width var(--ef-duration-base) var(--ef-ease-standard),
                background-color var(--ef-duration-base) var(--ef-ease-standard);

        pointer-events: none;
}

.ef-research-registry__item:hover::after,
.ef-research-registry__item:focus-within::after {
        width: clamp(4rem, 7vw, 7rem);
        background: var(--ef-accent);
}

/*
 * Publications keep the same grammar but are deliberately denser.
 */

.ef-research-registry--publications
.ef-research-registry__link {
        min-height:
                clamp(
                        10rem,
                        15vw,
                        14rem
                );
}

.ef-research-registry--publications
.ef-research-registry__title {
        max-width: 20ch;

        font-size:
                clamp(
                        2rem,
                        3.7vw,
                        4rem
                );
}

/*
 * Mid-size component behavior.
 */

@container ef-research-page (max-width: 68rem) {

        .ef-research-registry__link {
                grid-template-columns:
                        clamp(6rem, 12vw, 8rem)
                        minmax(0, 1fr)
                        minmax(8rem, 0.2fr);
        }

        .ef-research-registry__coordinate {
                grid-column: 1;
        }

        .ef-research-registry__content {
                grid-column: 2;

                grid-template-columns:
                        clamp(6rem, 12vw, 8rem)
                        minmax(0, 1fr);
        }

        .ef-research-registry__content::before {
                left: clamp(6rem, 12vw, 8rem);
        }

        .ef-research-registry__action {
                grid-column: 3;
        }
}

/*
 * Tablet behavior.
 */

@container ef-research-page (max-width: 52rem) {

        .ef-research-registry__link {
                grid-template-columns:
                        clamp(5.5rem, 14vw, 7rem)
                        minmax(0, 1fr);
        }

        .ef-research-registry__content {
                grid-column: 2;

                grid-template-columns: 1fr;
        }

        .ef-research-registry__content::before {
                display: none;
        }

        .ef-research-registry__type,
        .ef-research-registry__title,
        .ef-research-registry__excerpt {
                grid-column: 1;
        }

        .ef-research-registry__type {
                margin-bottom: var(--ef-space-4);
        }

        .ef-research-registry__action {
                grid-column: 2;

                justify-self: start;
        }
}

/*
 * Small component behavior.
 */

@container ef-research-page (max-width: 38rem) {

        .ef-research-registry__link {
                grid-template-columns: 1fr;

                min-height: auto;

                padding-block:
                        clamp(
                                var(--ef-space-6),
                                12vw,
                                var(--ef-space-8)
                        );
        }

        .ef-research-registry__coordinate {
                grid-column: auto;

                flex-direction: row;
                align-items: center;
                justify-content: space-between;

                padding-bottom: var(--ef-space-4);

                border-bottom: 1px solid var(--ef-border-subtle);
        }

        .ef-research-registry__year {
                margin-top: 0;
        }

        .ef-research-registry__content,
        .ef-research-registry__action {
                grid-column: auto;
        }

        .ef-research-registry__title {
                max-width: 13ch;

                font-size:
                        clamp(
                                2.4rem,
                                12vw,
                                4rem
                        );
        }

        .ef-research-registry__item::after {
                display: none;
        }
}

/*
 * Accessibility remains authoritative.
 */

@media (prefers-reduced-motion: reduce) {

        .ef-research-registry__item::after {
                transition: none !important;
        }
}