:root{--eets-navy:#15365f;--eets-navy-dark:#0d294b;--eets-green:#78be20;--eets-white:#fff;--eets-text:#1f2933;--eets-border:#d9e0e7}
.eets-archive{margin:1.5rem 0}.eets-archive-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.eets-archive button{font:inherit}
.eets-archive .eets-archive-slideshow-button,.eets-archive .eets-archive-controls button{border:2px solid var(--eets-green)!important;border-radius:4px!important;background:var(--eets-navy)!important;color:#fff!important;cursor:pointer;padding:.65rem 1rem}
.eets-archive .eets-archive-slideshow-button:hover,.eets-archive .eets-archive-slideshow-button:focus,.eets-archive .eets-archive-controls button:hover,.eets-archive .eets-archive-controls button:focus{background:var(--eets-green)!important;color:var(--eets-navy-dark)!important;border-color:var(--eets-navy)!important}
.eets-archive-list{display:grid;gap:1rem}.eets-archive-row{margin:0;border:1px solid var(--eets-border);border-left:6px solid var(--eets-green);border-radius:5px;background:#fff;box-shadow:0 5px 16px rgba(13,41,75,.12);overflow:hidden}
.eets-archive .eets-archive-row-button{display:grid;grid-template-columns:230px minmax(0,1fr);width:100%;min-height:180px;border:0!important;background:#fff!important;color:var(--eets-text)!important;padding:0!important;text-align:left;cursor:pointer}
.eets-archive .eets-archive-row-button:hover,.eets-archive .eets-archive-row-button:focus{background:#f4f8f1!important}
.eets-archive-thumb-frame{min-height:180px;overflow:hidden;border-right:4px solid var(--eets-navy);background:var(--eets-navy);padding:8px}
.eets-archive-thumb{display:block;width:100%;height:100%;min-height:164px;object-fit:contain;background:#fff}.eets-archive-placeholder{display:grid;height:100%;min-height:164px;place-items:center;background:#fff;color:#666}
.eets-archive-row-content{display:flex;flex-direction:column;justify-content:center;padding:1.2rem 1.4rem;background:#fff}.eets-archive-title{margin:0 0 .65rem;color:var(--eets-navy)!important;font-size:1.25rem}.eets-archive-title:after{content:"";display:block;width:70px;height:3px;margin-top:.6rem;background:var(--eets-green)}.eets-archive-description{margin:0;color:#3f4b57!important;line-height:1.6}
.eets-archive-modal[hidden]{display:none}.eets-archive-modal{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:1rem}.eets-archive-backdrop{position:absolute;inset:0;background:rgba(5,20,38,.86)}
.eets-archive-dialog{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(96vw,1120px);height:min(92vh,860px);overflow:hidden;border:3px solid var(--eets-green);border-radius:7px;background:var(--eets-navy);color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.42);text-align:center}
.eets-archive-close{position:absolute;z-index:2;top:.4rem;right:.65rem;border:0!important;background:transparent!important;color:#fff!important;font-size:2rem;cursor:pointer}.eets-archive-modal-title{margin:0;padding:1rem 3rem .8rem;color:#fff!important}
.eets-archive-stage{min-height:0;padding:0 1.25rem}.eets-archive-modal-frame{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 10px #f5f5f5;padding:14px}.eets-archive-modal-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#fff}
.eets-archive-modal-description{margin:0;padding:.9rem 1.4rem;min-height:90px;max-height:135px;overflow-y:auto;white-space:pre-line;line-height:1.6;text-align:left;color:#fff}.eets-archive-controls{display:grid;grid-template-columns:130px minmax(100px,1fr) 130px;align-items:center;gap:1rem;padding:.9rem 1.2rem 1rem;background:var(--eets-navy-dark)}body.eets-archive-modal-open{overflow:hidden}
@media(max-width:760px){.eets-archive .eets-archive-row-button{grid-template-columns:140px minmax(0,1fr);min-height:140px}.eets-archive-thumb-frame{min-height:140px}.eets-archive-thumb,.eets-archive-placeholder{min-height:124px}.eets-archive-dialog{width:97vw;height:94vh}}
@media(max-width:520px){.eets-archive-toolbar{justify-content:stretch}.eets-archive-slideshow-button{width:100%}.eets-archive .eets-archive-row-button{grid-template-columns:1fr}.eets-archive-thumb-frame{min-height:210px;border-right:0;border-bottom:4px solid var(--eets-navy)}.eets-archive-controls{grid-template-columns:1fr 1fr}.eets-archive-controls [data-eets-position]{grid-column:1/-1;grid-row:1}}


/* Version 0.1.3: show complete descriptions in the archive list. */
.eets-archive-row,
.eets-archive-row-button,
.eets-archive-row-content,
.eets-archive-description {
	max-height: none !important;
	overflow: visible !important;
}

.eets-archive-description {
	display: block !important;
	-webkit-line-clamp: unset !important;
	-webkit-box-orient: initial !important;
	white-space: pre-line;
}

/* Keep every slideshow image fully visible and proportional. */
.eets-archive-stage {
	overflow: hidden;
}

.eets-archive-modal-frame {
	display: flex !important;
	align-items: center;
	justify-content: center;
	overflow: hidden !important;
}

.eets-archive-modal-image {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	flex: 0 1 auto;
}


/* Version 0.1.4: autoplay, play/pause and zoom controls. */
.eets-archive-controls {
	grid-template-columns: 120px 100px minmax(90px, 1fr) 110px 120px !important;
}

.eets-archive-modal-frame {
	overflow: auto !important;
}

.eets-archive-modal-image {
	cursor: zoom-in;
	transform-origin: center center;
	transition: transform 0.2s ease;
}

.eets-archive-modal-image.is-zoomed {
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	transform: scale(1.65);
	cursor: zoom-out;
}

@media (max-width: 760px) {
	.eets-archive-controls {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.eets-archive-controls [data-eets-position] {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.eets-archive-controls [data-eets-prev] {
		grid-column: 1;
		grid-row: 2;
	}

	.eets-archive-controls [data-eets-next] {
		grid-column: 2;
		grid-row: 2;
	}

	.eets-archive-controls [data-eets-play] {
		grid-column: 1;
		grid-row: 3;
	}

	.eets-archive-controls [data-eets-zoom] {
		grid-column: 2;
		grid-row: 3;
	}
}


/* Version 0.1.5 */

/* Keep the slideshow launcher visible at the upper-right while scrolling the list. */
.eets-archive-toolbar {
	position: sticky;
	top: 1rem;
	z-index: 50;
	width: max-content;
	margin: 0 0 0.75rem auto;
	pointer-events: none;
}

.eets-archive-toolbar .eets-archive-slideshow-button {
	pointer-events: auto;
	box-shadow: 0 5px 14px rgba(13, 41, 75, 0.24) !important;
}

/* Icon-only slideshow control. */
.eets-archive .eets-archive-icon-button {
	display: inline-grid;
	width: 46px;
	min-width: 46px;
	height: 42px;
	padding: 0 !important;
	place-items: center;
	font-size: 1.2rem;
	line-height: 1;
}

/* Zoom from the top rather than the centre, so the upper part of portraits remains accessible. */
.eets-archive-modal-frame.is-zoomed {
	display: block !important;
	overflow: auto !important;
	text-align: center;
	scroll-behavior: smooth;
}

.eets-archive-modal-image.is-zoomed {
	display: block;
	width: 165% !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 auto;
	transform: none !important;
	transform-origin: top center !important;
	object-fit: contain !important;
	cursor: zoom-out;
}

@media (max-width: 760px) {
	.eets-archive-toolbar {
		top: 0.5rem;
	}

	.eets-archive-modal-image.is-zoomed {
		width: 190% !important;
	}
}


/* Version 0.1.6: click-to-zoom around the selected point. */
.eets-archive-modal-frame.is-zoomed {
	display: grid !important;
	place-items: center;
	overflow: hidden !important;
	cursor: zoom-out;
}

.eets-archive-modal-image {
	--eets-zoom-x: 50%;
	--eets-zoom-y: 50%;
	transform-origin: var(--eets-zoom-x) var(--eets-zoom-y) !important;
}

.eets-archive-modal-image.is-zoomed {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	object-fit: contain !important;
	transform: scale(2) !important;
	transform-origin: var(--eets-zoom-x) var(--eets-zoom-y) !important;
	cursor: zoom-out;
}

.eets-archive-modal-image:not(.is-zoomed) {
	transform: scale(1) !important;
	cursor: zoom-in;
}

/* v0.1.8 fullscreen */
.eets-archive-controls{
 grid-template-columns:120px 46px minmax(90px,1fr) 120px!important;
}
.eets-archive-icon-button{
 width:42px;height:42px;display:grid;place-items:center;padding:0!important;
}
.eets-archive-dialog:fullscreen{
 width:100vw!important;
 height:100vh!important;
 max-width:none!important;
 max-height:none!important;
 border:none!important;
 border-radius:0!important;
}


/* Version 0.1.9: natural photo-viewer interactions. */
.eets-archive-modal-frame {
	position: relative;
	overflow: hidden !important;
	touch-action: none;
	user-select: none;
}

.eets-archive-modal-image {
	--eets-scale: 1;
	--eets-pan-x: 0px;
	--eets-pan-y: 0px;
	--eets-origin-x: 50%;
	--eets-origin-y: 50%;
	transform:
		translate(var(--eets-pan-x), var(--eets-pan-y))
		scale(var(--eets-scale)) !important;
	transform-origin: var(--eets-origin-x) var(--eets-origin-y) !important;
	transition: transform 0.16s ease;
	cursor: zoom-in;
	will-change: transform;
	touch-action: none;
}

.eets-archive-modal-image.is-zoomed {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	object-fit: contain !important;
	cursor: grab;
}

.eets-archive-modal-image.is-zoomed:active {
	cursor: grabbing;
}

.eets-archive-dialog:fullscreen {
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	max-height: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.eets-archive-dialog:fullscreen .eets-archive-stage {
	padding-left: 2rem;
	padding-right: 2rem;
}


/* Version 0.2.0: centred slideshow controls and reliable panning. */

/* Hide any legacy zoom control that might remain in cached markup. */
.eets-archive-controls [data-eets-zoom] {
	display: none !important;
}

.eets-archive-modal-description {
	text-align: center !important;
}

.eets-archive-controls {
	display: flex !important;
	grid-template-columns: none !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 1.1rem !important;
	flex-wrap: wrap;
}

.eets-archive-controls > * {
	justify-self: auto !important;
}

.eets-archive-modal-frame {
	cursor: default;
}

.eets-archive-modal-frame.is-zoomed {
	cursor: grab;
}

.eets-archive-modal-frame.is-dragging {
	cursor: grabbing;
}

.eets-archive-modal-image,
.eets-archive-modal-image.is-zoomed {
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}

@media (max-width: 760px) {
	.eets-archive-controls {
		display: flex !important;
		gap: 0.75rem !important;
	}

	.eets-archive-controls [data-eets-position] {
		order: 2;
		min-width: 72px;
	}

	.eets-archive-controls [data-eets-prev] {
		order: 1;
	}

	.eets-archive-controls [data-eets-fullscreen] {
		order: 3;
	}

	.eets-archive-controls [data-eets-next] {
		order: 4;
	}
}


/* Version 0.3.0 slideshow rewrite. */

/* The launch button has been removed. */
.eets-archive-toolbar,
.eets-archive-slideshow-button {
	display: none !important;
}

/* Centre description text. */
.eets-archive-modal-description {
	text-align: center !important;
}

/* Bottom controls: centred navigation group, fullscreen pinned to far right. */
.eets-archive-controls {
	position: relative;
	display: flex !important;
	grid-template-columns: none !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 68px;
	padding: 0.85rem 5.5rem 0.95rem 1rem !important;
	background: var(--eets-navy-dark);
}

.eets-archive-controls-centre {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.eets-archive-fullscreen-button {
	position: absolute;
	right: 1.1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	padding: 0 !important;
	display: grid !important;
	place-items: center;
}

/* Fixed event-capture frame with a separate transformed image layer. */
.eets-archive-modal-frame {
	position: relative;
	display: grid !important;
	place-items: center;
	overflow: hidden !important;
	touch-action: none;
	user-select: none;
	cursor: zoom-in;
}

.eets-archive-modal-frame.is-zoomed {
	cursor: grab;
}

.eets-archive-modal-frame.is-dragging {
	cursor: grabbing;
}

.eets-archive-modal-image {
	--eets-scale: 1;
	--eets-x: 0px;
	--eets-y: 0px;
	--eets-origin-x: 50%;
	--eets-origin-y: 50%;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	object-fit: contain !important;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
	transform:
		translate3d(var(--eets-x), var(--eets-y), 0)
		scale(var(--eets-scale)) !important;
	transform-origin: var(--eets-origin-x) var(--eets-origin-y) !important;
	transition: transform 0.15s ease;
	will-change: transform;
}

.eets-archive-modal-frame.is-dragging .eets-archive-modal-image {
	transition: none;
}

.eets-archive-dialog:fullscreen {
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	max-height: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.eets-archive-dialog:fullscreen .eets-archive-stage {
	padding-right: 2rem;
	padding-left: 2rem;
}

@media (max-width: 600px) {
	.eets-archive-controls {
		padding-right: 4.5rem !important;
	}

	.eets-archive-controls-centre {
		gap: 0.55rem;
	}

	.eets-archive-fullscreen-button {
		right: 0.65rem;
	}
}


/* Version 0.3.1 */

/* Play/pause only appears in fullscreen mode. */
.eets-archive-play-button {
	display: none !important;
}

.eets-archive-dialog:fullscreen .eets-archive-play-button {
	display: grid !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	padding: 0 !important;
	place-items: center;
}

/* Strengthen panning behaviour and prevent text/image selection. */
.eets-archive-modal-frame {
	-webkit-user-select: none;
	user-select: none;
	overscroll-behavior: contain;
}

.eets-archive-modal-frame.is-zoomed {
	cursor: grab !important;
}

.eets-archive-modal-frame.is-dragging {
	cursor: grabbing !important;
}

.eets-archive-modal-image {
	-webkit-user-select: none !important;
	user-select: none !important;
	-webkit-user-drag: none !important;
	pointer-events: none !important;
}


/* Version 0.3.2 */

/* Play/pause and fullscreen grouped neatly on the far right. */
.eets-archive-controls-right {
	position: absolute;
	right: 1rem;
	top: 50%;
	display: flex;
	align-items: center;
	gap: 0.65rem;
	transform: translateY(-50%);
}

.eets-archive-fullscreen-button {
	position: static !important;
	transform: none !important;
}

.eets-archive-play-button {
	display: none !important;
}

.eets-archive-dialog:fullscreen .eets-archive-play-button {
	display: grid !important;
}

/* New transform model: fixed centre plus independent pan offsets. */
.eets-archive-modal-image {
	--eets-scale: 1;
	--eets-pan-x: 0px;
	--eets-pan-y: 0px;
	position: absolute !important;
	left: 50%;
	top: 50%;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	transform:
		translate(-50%, -50%)
		translate3d(var(--eets-pan-x), var(--eets-pan-y), 0)
		scale(var(--eets-scale)) !important;
	transform-origin: center center !important;
	pointer-events: none !important;
}

/* Gentle cross-fade between records. */
.eets-archive-dialog .eets-archive-modal-title,
.eets-archive-dialog .eets-archive-modal-frame,
.eets-archive-dialog .eets-archive-modal-description {
	transition: opacity 0.22s ease;
}

.eets-archive-dialog.is-fading-out .eets-archive-modal-title,
.eets-archive-dialog.is-fading-out .eets-archive-modal-frame,
.eets-archive-dialog.is-fading-out .eets-archive-modal-description {
	opacity: 0;
}

.eets-archive-dialog.is-fading-in .eets-archive-modal-title,
.eets-archive-dialog.is-fading-in .eets-archive-modal-frame,
.eets-archive-dialog.is-fading-in .eets-archive-modal-description {
	animation: eetsArchiveFadeIn 0.22s ease;
}

@keyframes eetsArchiveFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (max-width: 700px) {
	.eets-archive-controls {
		padding-right: 6.8rem !important;
	}

	.eets-archive-controls-right {
		right: 0.65rem;
		gap: 0.4rem;
	}
}


/* Version 0.4.0: stable viewer without zoom or panning. */

/* Remove all legacy zoom/pan behaviour. */
.eets-archive-modal-frame {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	cursor: default !important;
	touch-action: auto !important;
}

.eets-archive-modal-frame.is-zoomed,
.eets-archive-modal-frame.is-dragging {
	cursor: default !important;
}

.eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	object-fit: contain !important;
	object-position: center center !important;
	transform: none !important;
	transform-origin: center center !important;
	transition: opacity 0.65s ease !important;
	pointer-events: none !important;
	user-select: none !important;
	-webkit-user-drag: none !important;
	opacity: 0;
}

.eets-archive-modal-image.is-visible {
	opacity: 1;
}

/*
 * True image-to-image crossfade:
 * both photographs occupy the same white frame while one fades out
 * and the next fades in, so navy never appears between them.
 */
.eets-archive-modal-image.is-current {
	z-index: 1;
}

.eets-archive-modal-image.is-next {
	z-index: 2;
}

/* Subtle text transition, independent from the image crossfade. */
.eets-archive-modal-title,
.eets-archive-modal-description {
	transition: opacity 0.32s ease !important;
}

.eets-archive-dialog.is-text-transitioning .eets-archive-modal-title,
.eets-archive-dialog.is-text-transitioning .eets-archive-modal-description {
	opacity: 0.45;
}

/* Opening animation: backdrop, viewer, image and copy arrive gently. */
.eets-archive-dialog.is-opening {
	animation: eetsViewerOpen 0.34s ease both;
}

.eets-archive-dialog.is-opening .eets-archive-modal-image.is-current {
	animation: eetsImageArrive 0.42s ease both;
}

.eets-archive-dialog.is-opening .eets-archive-modal-title,
.eets-archive-dialog.is-opening .eets-archive-modal-description,
.eets-archive-dialog.is-opening .eets-archive-controls {
	animation: eetsCopyArrive 0.42s ease both;
}

@keyframes eetsViewerOpen {
	from {
		opacity: 0;
		transform: scale(0.975);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes eetsImageArrive {
	from {
		opacity: 0;
		transform: scale(0.985);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes eetsCopyArrive {
	from {
		opacity: 0;
		transform: translateY(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Toolbar: play/pause far left, navigation centred, fullscreen far right. */
.eets-archive-controls {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 68px;
	padding: 0.85rem 5rem 0.95rem !important;
}

.eets-archive-controls-centre {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.eets-archive-play-button {
	position: absolute !important;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%);
	display: none !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	padding: 0 !important;
	place-items: center;
}

.eets-archive-dialog:fullscreen .eets-archive-play-button {
	display: grid !important;
}

.eets-archive-fullscreen-button {
	position: absolute !important;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%) !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	padding: 0 !important;
	display: grid !important;
	place-items: center;
}

@media (prefers-reduced-motion: reduce) {
	.eets-archive-modal-image,
	.eets-archive-modal-title,
	.eets-archive-modal-description {
		transition-duration: 0.01ms !important;
	}

	.eets-archive-dialog.is-opening,
	.eets-archive-dialog.is-opening * {
		animation-duration: 0.01ms !important;
	}
}

/* Version 0.5.0: synchronised two-layer slideshow. */
.eets-archive-modal-frame {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	background: var(--eets-white) !important;
}

.eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	margin: 0 !important;
	object-fit: contain !important;
	object-position: center center !important;
	transform: none !important;
	opacity: 0;
	transition: opacity 0.65s ease !important;
	pointer-events: none !important;
	user-select: none !important;
	-webkit-user-drag: none !important;
}

.eets-archive-modal-image.is-visible {
	opacity: 1;
}

.eets-archive-controls button:disabled {
	opacity: 0.55;
	cursor: wait;
}

/* Gentle initial opening animation only. */
.eets-archive-dialog.is-opening {
	animation: eetsStableViewerOpen 0.34s ease both;
}

.eets-archive-dialog.is-opening .eets-archive-modal-image.is-visible {
	animation: eetsStableImageIn 0.42s ease both;
}

.eets-archive-dialog.is-opening .eets-archive-modal-title,
.eets-archive-dialog.is-opening .eets-archive-modal-description,
.eets-archive-dialog.is-opening .eets-archive-controls {
	animation: eetsStableCopyIn 0.42s ease both;
}

@keyframes eetsStableViewerOpen {
	from {
		opacity: 0;
		transform: scale(0.98);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes eetsStableImageIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes eetsStableCopyIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


/* Version 0.5.1: prevent long archive titles escaping their cards. */
.eets-archive-row,
.eets-archive-row-button,
.eets-archive-row-content {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.eets-archive-row-content {
	overflow: hidden;
}

.eets-archive .eets-archive-title {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	white-space: normal !important;
	overflow-wrap: anywhere;
	word-break: normal;
	hyphens: auto;
	line-height: 1.22;
	font-size: clamp(1.35rem, 2.35vw, 2.2rem);
	box-sizing: border-box;
}

.eets-archive .eets-archive-description {
	max-width: 100%;
	white-space: normal !important;
	overflow-wrap: anywhere;
	word-break: normal;
}

@media (max-width: 900px) {
	.eets-archive .eets-archive-title {
		font-size: clamp(1.25rem, 3vw, 1.8rem);
	}
}

@media (max-width: 520px) {
	.eets-archive .eets-archive-title {
		font-size: 1.35rem;
	}
}


/* Version 0.6.0: branded navy viewer and larger close control. */
.eets-archive-stage,
.eets-archive-modal-frame {
	background: var(--eets-navy) !important;
}

.eets-archive-modal-frame {
	box-shadow: none !important;
	border: 0 !important;
	padding: 14px !important;
}

.eets-archive-modal-image {
	inset: 14px !important;
	width: calc(100% - 28px) !important;
	height: calc(100% - 28px) !important;
	filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.32));
}

.eets-archive-modal-image.is-visible {
	outline: 2px solid rgba(255, 255, 255, 0.92);
	outline-offset: -2px;
}

.eets-archive-close {
	top: 18px !important;
	right: 18px !important;
	display: grid !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	padding: 0 !important;
	place-items: center;
	border: 2px solid rgba(255, 255, 255, 0.78) !important;
	border-radius: 50% !important;
	background: rgba(8, 31, 58, 0.9) !important;
	color: #fff !important;
	font-size: 2rem !important;
	font-weight: 400;
	line-height: 1 !important;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.28) !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.eets-archive-close:hover,
.eets-archive-close:focus {
	border-color: var(--eets-green) !important;
	background: var(--eets-green) !important;
	color: var(--eets-navy-dark) !important;
	transform: scale(1.05);
}

.eets-archive-modal-title {
	padding-right: 4.25rem;
	padding-left: 4.25rem;
}

@media (max-width: 600px) {
	.eets-archive-close {
		top: 10px !important;
		right: 10px !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
	}

	.eets-archive-modal-title {
		padding-right: 3.5rem;
		padding-left: 1rem;
	}
}


/* Version 0.6.1: remove remaining white image panel and centre close icon. */

/*
 * Earlier plugin versions gave the image element a white background.
 * Force both the viewing frame and the unused space around photographs
 * to use the club navy.
 */
.eets-archive-stage,
.eets-archive-modal-frame,
.eets-archive-modal-image {
	background: var(--eets-navy) !important;
}

.eets-archive-modal-frame {
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.16) !important;
}

.eets-archive-modal-image {
	outline: none !important;
	filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.34));
}

/*
 * Draw the close symbol with two centred CSS lines instead of relying
 * on the font's multiplication-sign baseline.
 */
.eets-archive-close {
	position: absolute !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.eets-archive-close::before,
.eets-archive-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 3px;
	border-radius: 2px;
	background: #fff;
	transform-origin: center;
}

.eets-archive-close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.eets-archive-close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.eets-archive-close:hover::before,
.eets-archive-close:hover::after,
.eets-archive-close:focus::before,
.eets-archive-close:focus::after {
	background: var(--eets-navy-dark);
}


/* Version 0.7.0: split-view archive viewer matching the approved design. */

/* Remove white padding from list thumbnails. */
.eets-archive-thumb-frame {
	padding: 0 !important;
	background: var(--eets-navy) !important;
	display: grid;
	place-items: center;
}

.eets-archive-thumb {
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	object-fit: cover !important;
	background: transparent !important;
}

/* Full viewer shell. */
.eets-archive-dialog {
	display: grid !important;
	grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
	grid-template-rows: 1fr;
	width: min(98vw, 1500px) !important;
	height: min(95vh, 980px) !important;
	max-width: none !important;
	max-height: none !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #071b31 !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.eets-archive-viewer-sidebar {
	min-width: 0;
	overflow-y: auto;
	padding: 1.25rem 1rem;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	background: #06192d;
}

.eets-archive-viewer-thumbnails {
	display: grid;
	gap: 1rem;
}

.eets-archive-viewer-thumb {
	display: grid !important;
	gap: 0.55rem;
	width: 100%;
	padding: 0.7rem !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-left: 5px solid var(--eets-green) !important;
	border-radius: 4px !important;
	background: transparent !important;
	color: #fff !important;
	text-align: left;
	cursor: pointer;
	box-shadow: none !important;
}

.eets-archive-viewer-thumb:hover,
.eets-archive-viewer-thumb:focus,
.eets-archive-viewer-thumb.is-active {
	border-color: var(--eets-green) !important;
	background: rgba(120, 190, 32, 0.08) !important;
}

.eets-archive-viewer-thumb-image-wrap {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border: 1px solid rgba(255, 255, 255, 0.45);
	background: var(--eets-navy);
}

.eets-archive-viewer-thumb-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.eets-archive-viewer-thumb-title {
	color: var(--eets-green);
	font-size: 0.98rem;
	line-height: 1.35;
}

.eets-archive-viewer-thumb-description {
	display: -webkit-box;
	overflow: hidden;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.85rem;
	line-height: 1.45;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.eets-archive-viewer-main {
	min-width: 0;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto auto;
	background: #071b31;
}

.eets-archive-modal-header {
	min-height: 94px;
	padding: 1.3rem 5rem 1rem 2rem !important;
	background: #071b31 !important;
}

.eets-archive-modal-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: clamp(1.65rem, 3vw, 2.65rem) !important;
	font-weight: 400;
}

.eets-archive-stage {
	min-height: 0;
	display: grid;
	place-items: center;
	padding: 0 2rem 1rem !important;
	background: #071b31 !important;
}

.eets-archive-modal-frame {
	position: relative !important;
	display: inline-grid !important;
	place-items: center !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	aspect-ratio: auto !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.65) !important;
	background: transparent !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

.eets-archive-modal-image {
	position: static !important;
	inset: auto !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: min(100%, 1080px) !important;
	max-height: calc(95vh - 285px) !important;
	object-fit: contain !important;
	background: transparent !important;
	filter: none !important;
	outline: none !important;
	grid-area: 1 / 1;
}

.eets-archive-modal-copy {
	min-height: 84px;
	max-height: 130px;
	overflow-y: auto;
	padding: 0.75rem 2rem 1.15rem !important;
	background: #071b31 !important;
}

.eets-archive-modal-description {
	max-width: 1000px;
	margin: 0 auto !important;
	color: rgba(255, 255, 255, 0.9) !important;
	text-align: center !important;
}

.eets-archive-controls {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	background: #06192d !important;
}

.eets-archive-close {
	z-index: 5;
	top: 18px !important;
	right: 18px !important;
}

/* Fullscreen preserves the same split layout. */
.eets-archive-dialog:fullscreen {
	grid-template-columns: minmax(250px, 300px) minmax(0, 1fr);
}

.eets-archive-dialog:fullscreen .eets-archive-modal-image {
	max-height: calc(100vh - 285px) !important;
}

/* Tablet and mobile: thumbnails become a horizontal strip. */
@media (max-width: 900px) {
	.eets-archive-dialog {
		grid-template-columns: 1fr;
		grid-template-rows: auto minmax(0, 1fr);
	}

	.eets-archive-viewer-sidebar {
		padding: 0.75rem;
		overflow-x: auto;
		overflow-y: hidden;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.eets-archive-viewer-thumbnails {
		display: flex;
		gap: 0.75rem;
		width: max-content;
	}

	.eets-archive-viewer-thumb {
		width: 170px;
		flex: 0 0 170px;
	}

	.eets-archive-viewer-thumb-description {
		display: none;
	}

	.eets-archive-modal-header {
		min-height: 76px;
		padding: 1rem 4rem 0.75rem 1rem !important;
	}

	.eets-archive-stage {
		padding: 0 0.75rem 0.75rem !important;
	}

	.eets-archive-modal-image {
		max-height: calc(95vh - 385px) !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-viewer-thumb {
		width: 140px;
		flex-basis: 140px;
	}

	.eets-archive-modal-title {
		font-size: 1.35rem !important;
	}

	.eets-archive-modal-copy {
		padding: 0.65rem 0.9rem 0.9rem !important;
	}
}


/* Version 0.7.1: constrain split-view layout so controls always remain visible. */

/* Keep the complete viewer inside the browser viewport. */
.eets-archive-dialog {
	width: min(96vw, 1380px) !important;
	height: min(92vh, 900px) !important;
	grid-template-columns: 220px minmax(0, 1fr) !important;
}

/* Sidebar remains inside its panel and scrolls independently. */
.eets-archive-viewer-sidebar {
	min-width: 0 !important;
	max-width: 220px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 0.85rem 0.7rem !important;
}

.eets-archive-viewer-thumbnails {
	gap: 0.7rem !important;
}

.eets-archive-viewer-thumb {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0.5rem !important;
	gap: 0.4rem !important;
	box-sizing: border-box !important;
}

.eets-archive-viewer-thumb-image-wrap {
	aspect-ratio: 4 / 3 !important;
	max-height: 130px !important;
}

.eets-archive-viewer-thumb-title {
	font-size: 0.84rem !important;
	line-height: 1.25 !important;
}

.eets-archive-viewer-thumb-description {
	font-size: 0.75rem !important;
	line-height: 1.3 !important;
	-webkit-line-clamp: 2 !important;
}

/*
 * The main viewer uses fixed title, description and controls rows.
 * Only the image area grows or shrinks.
 */
.eets-archive-viewer-main {
	min-height: 0 !important;
	grid-template-rows: 82px minmax(0, 1fr) 88px 68px !important;
	overflow: hidden !important;
}

.eets-archive-modal-header {
	min-height: 0 !important;
	height: 82px !important;
	display: grid !important;
	align-items: center !important;
	padding: 0.8rem 4.5rem 0.7rem 1.5rem !important;
	overflow: hidden !important;
}

.eets-archive-modal-title {
	font-size: clamp(1.35rem, 2.25vw, 2.25rem) !important;
	line-height: 1.15 !important;
	max-height: 2.4em !important;
	overflow: hidden !important;
}

.eets-archive-stage {
	min-height: 0 !important;
	height: 100% !important;
	padding: 0.5rem 1rem !important;
	overflow: hidden !important;
}

.eets-archive-modal-frame {
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
	background: #071b31 !important;
	box-shadow: none !important;
}

.eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}

/* Description and buttons stay visible in fixed rows. */
.eets-archive-modal-copy {
	min-height: 0 !important;
	height: 88px !important;
	max-height: 88px !important;
	padding: 0.65rem 1.25rem !important;
	overflow-y: auto !important;
	box-sizing: border-box !important;
}

.eets-archive-modal-description {
	font-size: 0.9rem !important;
	line-height: 1.45 !important;
}

.eets-archive-controls {
	min-height: 68px !important;
	height: 68px !important;
	padding: 0.65rem 4.5rem !important;
	box-sizing: border-box !important;
	flex: 0 0 68px !important;
}

.eets-archive-controls-centre {
	gap: 0.8rem !important;
}

.eets-archive-controls button {
	padding: 0.55rem 0.9rem !important;
}

/* Fullscreen keeps the same proportions without pushing controls out. */
.eets-archive-dialog:fullscreen {
	grid-template-columns: 240px minmax(0, 1fr) !important;
	width: 100vw !important;
	height: 100vh !important;
}

.eets-archive-dialog:fullscreen .eets-archive-viewer-main {
	grid-template-rows: 88px minmax(0, 1fr) 92px 72px !important;
}

.eets-archive-dialog:fullscreen .eets-archive-viewer-sidebar {
	max-width: 240px !important;
}

.eets-archive-dialog:fullscreen .eets-archive-viewer-thumb-image-wrap {
	max-height: 145px !important;
}

/* Smaller desktop screens. */
@media (max-width: 1100px) {
	.eets-archive-dialog {
		grid-template-columns: 190px minmax(0, 1fr) !important;
		width: 97vw !important;
		height: 93vh !important;
	}

	.eets-archive-viewer-sidebar {
		max-width: 190px !important;
	}

	.eets-archive-viewer-thumb-image-wrap {
		max-height: 110px !important;
	}

	.eets-archive-viewer-thumb-title {
		font-size: 0.78rem !important;
	}

	.eets-archive-viewer-thumb-description {
		display: none !important;
	}
}

/* Tablet layout becomes a compact horizontal thumbnail strip. */
@media (max-width: 800px) {
	.eets-archive-dialog {
		grid-template-columns: 1fr !important;
		grid-template-rows: 126px minmax(0, 1fr) !important;
	}

	.eets-archive-viewer-sidebar {
		max-width: none !important;
		height: 126px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		padding: 0.55rem !important;
	}

	.eets-archive-viewer-thumbnails {
		display: flex !important;
		width: max-content !important;
		gap: 0.55rem !important;
	}

	.eets-archive-viewer-thumb {
		width: 130px !important;
		flex: 0 0 130px !important;
	}

	.eets-archive-viewer-thumb-image-wrap {
		max-height: 76px !important;
	}

	.eets-archive-viewer-thumb-title {
		font-size: 0.72rem !important;
	}

	.eets-archive-viewer-main {
		grid-template-rows: 70px minmax(0, 1fr) 82px 64px !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-dialog {
		width: 98vw !important;
		height: 95vh !important;
		grid-template-rows: 110px minmax(0, 1fr) !important;
	}

	.eets-archive-viewer-sidebar {
		height: 110px !important;
	}

	.eets-archive-viewer-thumb {
		width: 112px !important;
		flex-basis: 112px !important;
	}

	.eets-archive-viewer-thumb-image-wrap {
		max-height: 62px !important;
	}

	.eets-archive-viewer-main {
		grid-template-rows: 64px minmax(0, 1fr) 76px 60px !important;
	}

	.eets-archive-modal-header {
		height: 64px !important;
		padding: 0.55rem 3.8rem 0.5rem 0.8rem !important;
	}

	.eets-archive-modal-title {
		font-size: 1.15rem !important;
	}

	.eets-archive-modal-copy {
		height: 76px !important;
		max-height: 76px !important;
		padding: 0.5rem 0.7rem !important;
	}

	.eets-archive-modal-description {
		font-size: 0.78rem !important;
	}

	.eets-archive-controls {
		height: 60px !important;
		min-height: 60px !important;
		padding: 0.5rem 3.6rem !important;
	}
}


/* Version 0.7.2: fullscreen returns to the clean slideshow layout. */

/*
 * Normal enlarged view keeps the thumbnail sidebar.
 * Fullscreen hides it completely and restores a single-column slideshow.
 */
.eets-archive-dialog:fullscreen {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: 1fr !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	max-height: none !important;
}

.eets-archive-dialog:fullscreen .eets-archive-viewer-sidebar {
	display: none !important;
}

.eets-archive-dialog:fullscreen .eets-archive-viewer-main {
	grid-column: 1 !important;
	grid-row: 1 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	grid-template-rows: 88px minmax(0, 1fr) 92px 72px !important;
}

.eets-archive-dialog:fullscreen .eets-archive-stage {
	padding: 0.75rem 2rem !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-frame {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-title {
	max-width: calc(100% - 130px);
	margin: 0 auto !important;
	text-align: center !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-copy {
	display: grid !important;
	align-items: center;
	height: 92px !important;
	max-height: 92px !important;
}

.eets-archive-dialog:fullscreen .eets-archive-controls {
	height: 72px !important;
	min-height: 72px !important;
}

/* Keep the clean fullscreen layout on tablets and phones too. */
@media (max-width: 800px) {
	.eets-archive-dialog:fullscreen {
		grid-template-columns: 1fr !important;
		grid-template-rows: 1fr !important;
	}

	.eets-archive-dialog:fullscreen .eets-archive-viewer-main {
		grid-template-rows: 72px minmax(0, 1fr) 82px 64px !important;
	}

	.eets-archive-dialog:fullscreen .eets-archive-stage {
		padding: 0.5rem 0.85rem !important;
	}
}


/* Version 0.7.3: shrink-wrap image frame and contain thumbnail text. */

/*
 * Normal enlarged view:
 * The frame now takes the displayed photograph's actual dimensions,
 * up to the available stage size. Both crossfade layers share one grid cell.
 */
.eets-archive-stage {
	display: grid !important;
	place-items: center !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}

.eets-archive-modal-frame {
	position: relative !important;
	display: inline-grid !important;
	grid-template-columns: auto !important;
	grid-template-rows: auto !important;
	place-items: center !important;
	width: fit-content !important;
	height: fit-content !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, 0.55) !important;
	background: transparent !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.32) !important;
}

.eets-archive-modal-image {
	position: static !important;
	inset: auto !important;
	grid-area: 1 / 1 !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: calc(92vh - 250px) !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: transparent !important;
}

/* The hidden crossfade layer must not create an oversized box. */
.eets-archive-modal-image:not(.is-visible) {
	visibility: hidden;
}

.eets-archive-modal-image.is-visible {
	visibility: visible;
}

/*
 * Fullscreen uses the same shrink-wrapped image approach,
 * but allows a larger maximum photograph.
 */
.eets-archive-dialog:fullscreen .eets-archive-stage {
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-frame {
	width: fit-content !important;
	height: fit-content !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-image {
	position: static !important;
	inset: auto !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: calc(100vh - 255px) !important;
}

/* Keep every thumbnail card and its text inside the sidebar width. */
.eets-archive-viewer-sidebar,
.eets-archive-viewer-thumbnails,
.eets-archive-viewer-thumb,
.eets-archive-viewer-thumb-title,
.eets-archive-viewer-thumb-description {
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.eets-archive-viewer-thumb {
	overflow: hidden !important;
}

.eets-archive-viewer-thumb-title {
	display: -webkit-box !important;
	overflow: hidden !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

.eets-archive-viewer-thumb-description {
	display: -webkit-box !important;
	overflow: hidden !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
}

/* Prevent long sidebar text from widening the scrollbar content. */
.eets-archive-viewer-thumbnails {
	overflow-x: hidden !important;
}

@media (max-width: 1100px) {
	.eets-archive-modal-image {
		max-height: calc(93vh - 245px) !important;
	}
}

@media (max-width: 800px) {
	.eets-archive-modal-image {
		max-height: calc(93vh - 350px) !important;
	}

	.eets-archive-dialog:fullscreen .eets-archive-modal-image {
		max-height: calc(100vh - 225px) !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-modal-image {
		max-height: calc(95vh - 325px) !important;
	}

	.eets-archive-viewer-thumb-title {
		-webkit-line-clamp: 1 !important;
	}
}


/* Version 0.7.4: stable fixed image area with no visible frame. */

/*
 * Restore a fixed image container so photographs of different shapes
 * crossfade without making the layout jump.
 */
.eets-archive-stage {
	display: grid !important;
	place-items: center !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: 0.5rem 1rem !important;
}

.eets-archive-modal-frame {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: transparent !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

/* Keep both crossfade layers in the same fixed box. */
.eets-archive-modal-image:not(.is-visible) {
	visibility: visible !important;
}

/* Slightly larger description text beneath the main photograph. */
.eets-archive-modal-description {
	font-size: 1rem !important;
	line-height: 1.55 !important;
}

/* Fullscreen keeps the same stable fixed image area. */
.eets-archive-dialog:fullscreen .eets-archive-stage {
	padding: 0.75rem 1.5rem !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-frame {
	width: 100% !important;
	height: 100% !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
}

@media (max-width: 800px) {
	.eets-archive-modal-description {
		font-size: 0.92rem !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-modal-description {
		font-size: 0.84rem !important;
		line-height: 1.45 !important;
	}
}


/* Version 0.7.5: restore uncropped list thumbnails and stable centred viewer. */

/* Main archive list: show the whole photograph, never crop it. */
.eets-archive-thumb-frame {
	display: grid !important;
	place-items: center !important;
	overflow: hidden !important;
	padding: 8px !important;
	background: var(--eets-navy) !important;
	box-sizing: border-box !important;
}

.eets-archive-thumb {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: transparent !important;
}

/* Enlarged viewer: fixed stage, centred image, no jumping. */
.eets-archive-stage {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	min-width: 0 !important;
	min-height: 0 !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	padding: 0.5rem 1rem !important;
	box-sizing: border-box !important;
}

.eets-archive-modal-frame {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/*
 * Both crossfade layers occupy the same full stage and use contain.
 * This keeps every photo centred, as large as possible, and uncropped.
 */
.eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: transparent !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

/* Ensure hidden crossfade layer cannot affect layout. */
.eets-archive-modal-image:not(.is-visible) {
	visibility: visible !important;
}

/* Keep the title, description and controls rows fixed and visible. */
.eets-archive-viewer-main {
	min-width: 0 !important;
	min-height: 0 !important;
	grid-template-rows: 82px minmax(0, 1fr) 92px 68px !important;
	overflow: hidden !important;
}

.eets-archive-modal-copy {
	height: 92px !important;
	max-height: 92px !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	padding: 0.7rem 1.25rem !important;
	box-sizing: border-box !important;
}

.eets-archive-modal-description {
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

/* Fullscreen remains a centred, fixed-stage slideshow without thumbnails. */
.eets-archive-dialog:fullscreen .eets-archive-viewer-main {
	grid-template-rows: 88px minmax(0, 1fr) 96px 72px !important;
}

.eets-archive-dialog:fullscreen .eets-archive-stage {
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0.75rem 1.5rem !important;
	overflow: hidden !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-frame {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: center center !important;
}

@media (max-width: 800px) {
	.eets-archive-viewer-main {
		grid-template-rows: 70px minmax(0, 1fr) 84px 64px !important;
	}

	.eets-archive-modal-description {
		font-size: 0.9rem !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-viewer-main {
		grid-template-rows: 64px minmax(0, 1fr) 78px 60px !important;
	}

	.eets-archive-modal-description {
		font-size: 0.82rem !important;
	}
}


/* Version 0.7.6: fuller image presentation, no caption scrollbar, title-only thumbnails. */

/*
 * Use more of the available image stage while preserving the whole photo.
 * The image remains proportional and uncropped, but the stage padding is reduced
 * so the photograph appears substantially larger.
 */
.eets-archive-stage {
	padding: 0.2rem 0.35rem !important;
}

.eets-archive-modal-frame {
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
}

.eets-archive-modal-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
}

/*
 * Remove the internal scrollbar beside the caption.
 * The caption row grows enough for normal archive descriptions and clips only
 * exceptionally long text rather than showing a narrow scrollbar.
 */
.eets-archive-viewer-main {
	grid-template-rows: 82px minmax(0, 1fr) auto 68px !important;
}

.eets-archive-modal-copy {
	height: auto !important;
	min-height: 76px !important;
	max-height: none !important;
	overflow: hidden !important;
	padding: 0.75rem 1.4rem 0.9rem !important;
}

.eets-archive-modal-description {
	margin: 0 auto !important;
	font-size: 1.05rem !important;
	line-height: 1.5 !important;
}

/* Rolling thumbnails now show only image and title. */
.eets-archive-viewer-thumb-description {
	display: none !important;
}

.eets-archive-viewer-thumb {
	gap: 0.5rem !important;
	padding-bottom: 0.65rem !important;
}

.eets-archive-viewer-thumb-title {
	display: -webkit-box !important;
	overflow: hidden !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	font-size: 0.86rem !important;
	line-height: 1.3 !important;
	text-align: center !important;
}

/* Fullscreen uses nearly the entire available image area. */
.eets-archive-dialog:fullscreen .eets-archive-viewer-main {
	grid-template-rows: 88px minmax(0, 1fr) auto 72px !important;
}

.eets-archive-dialog:fullscreen .eets-archive-stage {
	padding: 0.15rem 0.3rem !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-copy {
	min-height: 82px !important;
	padding: 0.65rem 1.5rem 0.8rem !important;
}

@media (max-width: 800px) {
	.eets-archive-viewer-main {
		grid-template-rows: 70px minmax(0, 1fr) auto 64px !important;
	}

	.eets-archive-modal-copy {
		min-height: 70px !important;
		padding: 0.55rem 0.8rem 0.7rem !important;
	}

	.eets-archive-modal-description {
		font-size: 0.92rem !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-viewer-main {
		grid-template-rows: 64px minmax(0, 1fr) auto 60px !important;
	}

	.eets-archive-modal-copy {
		min-height: 64px !important;
	}

	.eets-archive-modal-description {
		font-size: 0.84rem !important;
	}
}


/* Version 0.7.7: authoritative full-stage image layout. */

/*
 * Make the main viewer consume all available space between the fixed
 * title, caption and control rows.
 */
.eets-archive-viewer-main {
	display: grid !important;
	grid-template-rows: 82px minmax(0, 1fr) auto 68px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: 100% !important;
	overflow: hidden !important;
}

.eets-archive-stage {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: 0.25rem !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	background: #071b31 !important;
}

/*
 * The frame fills the entire stage. It has no visible border.
 * This removes all older shrink-wrap and offset behaviour.
 */
.eets-archive-modal-frame {
	position: absolute !important;
	inset: 0.25rem !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/*
 * Both crossfade layers fill exactly the same stage.
 * object-fit: contain enlarges each photograph as much as possible
 * without cropping or stretching it.
 */
.eets-archive-modal-image,
.eets-archive-dialog:fullscreen .eets-archive-modal-image {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: transparent !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	filter: none !important;
	transform: none !important;
}

/* The hidden crossfade layer stays in place but does not affect layout. */
.eets-archive-modal-image:not(.is-visible) {
	visibility: visible !important;
	pointer-events: none !important;
}

/* Caption remains clean with no internal scrollbar. */
.eets-archive-modal-copy {
	min-height: 74px !important;
	height: auto !important;
	max-height: none !important;
	overflow: hidden !important;
	padding: 0.7rem 1.25rem 0.85rem !important;
	box-sizing: border-box !important;
}

.eets-archive-modal-description {
	max-width: 1100px !important;
	margin: 0 auto !important;
	font-size: 1.05rem !important;
	line-height: 1.5 !important;
	text-align: center !important;
}

/* Fullscreen uses the whole screen area, still without thumbnails. */
.eets-archive-dialog:fullscreen .eets-archive-viewer-main {
	grid-template-rows: 88px minmax(0, 1fr) auto 72px !important;
	width: 100% !important;
	height: 100% !important;
}

.eets-archive-dialog:fullscreen .eets-archive-stage {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	padding: 0.2rem !important;
}

.eets-archive-dialog:fullscreen .eets-archive-modal-frame {
	position: absolute !important;
	inset: 0.2rem !important;
}

/* Keep rolling thumbnail cards compact and title-only. */
.eets-archive-viewer-thumb-description {
	display: none !important;
}

.eets-archive-viewer-thumb {
	overflow: hidden !important;
}

.eets-archive-viewer-thumb-title {
	display: -webkit-box !important;
	overflow: hidden !important;
	white-space: normal !important;
	overflow-wrap: anywhere !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	text-align: center !important;
}

@media (max-width: 800px) {
	.eets-archive-viewer-main {
		grid-template-rows: 70px minmax(0, 1fr) auto 64px !important;
	}

	.eets-archive-modal-description {
		font-size: 0.92rem !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-viewer-main {
		grid-template-rows: 64px minmax(0, 1fr) auto 60px !important;
	}

	.eets-archive-modal-description {
		font-size: 0.84rem !important;
	}
}


/* Version 0.7.8: exact two-layer crossfade timing. */

/*
 * Older overrides kept the outgoing layer visible after its fade.
 * Both layers now remain stacked, but opacity alone controls visibility.
 */
.eets-archive-modal-image {
	opacity: 0 !important;
	visibility: visible !important;
	transition: opacity 0.65s ease !important;
}

.eets-archive-modal-image.is-visible {
	opacity: 1 !important;
}

/* Ensure the incoming layer sits above the outgoing layer during the fade. */
.eets-archive-modal-image.is-current {
	z-index: 1;
}

.eets-archive-modal-image.is-next {
	z-index: 2;
}

/* No delayed visibility or animation rules may prolong the old image. */
.eets-archive-modal-image:not(.is-visible) {
	opacity: 0 !important;
	visibility: visible !important;
	animation: none !important;
}


/* Version 0.7.9: keep individual names together in captions. */
.eets-archive-name-group {
	display: inline-block;
	white-space: nowrap;
}


/* Version 0.8.0: keep comma-separated names together on main archive cards too. */
.eets-archive-description .eets-archive-name-group {
	display: inline-block;
	white-space: nowrap;
}


/* Version 0.8.1: preserve deliberate line breaks in descriptions. */
.eets-archive-description br,
.eets-archive-modal-description br {
	display: block;
	content: "";
	margin-top: 0.18em;
}


/* Version 1.0.0: professional archive heading, live search and sorting. */

.eets-archive-page-header {
	margin: 0 0 1.4rem;
	padding: 0.2rem 0;
}

.eets-archive-page-title {
	margin: 0 0 0.35rem !important;
	color: var(--eets-navy-dark);
	font-size: clamp(2rem, 4vw, 3.15rem);
	line-height: 1.1;
	font-weight: 700;
}

.eets-archive-page-subtitle {
	max-width: 850px;
	margin: 0 !important;
	color: #526171;
	font-size: clamp(1rem, 1.6vw, 1.18rem);
	line-height: 1.55;
}

.eets-archive-filterbar {
	display: grid;
	grid-template-columns: minmax(260px, 1fr) auto auto;
	gap: 1rem;
	align-items: center;
	margin-bottom: 1.25rem;
	padding: 0.9rem 1rem;
	border: 1px solid rgba(7, 27, 49, 0.18);
	border-radius: 10px;
	background: #f7f9fb;
	box-shadow: 0 5px 18px rgba(7, 27, 49, 0.08);
}

.eets-archive-search-wrap {
	position: relative;
	min-width: 0;
}

.eets-archive-search {
	width: 100%;
	height: 46px;
	padding: 0 2.8rem 0 2.7rem !important;
	border: 1px solid #9eabb7 !important;
	border-radius: 7px !important;
	background: #fff !important;
	color: #071b31 !important;
	font-size: 1rem;
	box-shadow: none !important;
}

.eets-archive-search:focus {
	border-color: var(--eets-green) !important;
	outline: 3px solid rgba(120, 190, 32, 0.18) !important;
}

.eets-archive-search-icon {
	position: absolute;
	top: 50%;
	left: 0.9rem;
	transform: translateY(-50%);
	color: var(--eets-navy);
	font-size: 1.35rem;
	pointer-events: none;
}

.eets-archive-search-clear {
	position: absolute !important;
	top: 50%;
	right: 0.45rem;
	display: grid !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	padding: 0 !important;
	place-items: center;
	transform: translateY(-50%);
	border: 0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #536273 !important;
	font-size: 1.45rem !important;
	line-height: 1 !important;
	opacity: 0;
	pointer-events: none;
}

.eets-archive-search-clear.is-visible {
	opacity: 1;
	pointer-events: auto;
}

.eets-archive-search-clear:hover,
.eets-archive-search-clear:focus {
	background: rgba(7, 27, 49, 0.1) !important;
	color: #071b31 !important;
}

.eets-archive-result-count {
	min-width: 150px;
	color: #526171;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
}

.eets-archive-sort {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	min-height: 44px;
	padding: 0.65rem 0.95rem !important;
	border: 1px solid var(--eets-navy) !important;
	border-radius: 7px !important;
	background: var(--eets-navy) !important;
	color: #fff !important;
	font-weight: 700;
	white-space: nowrap;
}

.eets-archive-sort:hover,
.eets-archive-sort:focus {
	border-color: var(--eets-green) !important;
	background: var(--eets-green) !important;
	color: var(--eets-navy-dark) !important;
}

.eets-archive-sort-icon {
	font-size: 1.15rem;
	line-height: 1;
}

.eets-archive-empty-search {
	margin: 0 0 1.25rem;
	padding: 1.25rem;
	border: 1px dashed #9eabb7;
	border-radius: 8px;
	background: #f7f9fb;
	color: #526171;
	text-align: center;
}

.eets-archive-empty-search strong,
.eets-archive-empty-search span {
	display: block;
}

.eets-archive-empty-search strong {
	margin-bottom: 0.25rem;
	color: var(--eets-navy-dark);
}

.eets-archive-row {
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.eets-archive-row[hidden] {
	display: none !important;
}

.eets-archive-highlight {
	padding: 0 0.08em;
	border-radius: 0.15em;
	background: #fff19b;
	color: inherit;
}

@media (max-width: 780px) {
	.eets-archive-filterbar {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.eets-archive-result-count {
		min-width: 0;
		text-align: left;
	}

	.eets-archive-sort {
		justify-self: stretch;
	}
}


/* Version 1.0.1: keep the archive search and sort bar visible. */
.eets-archive-filterbar {
	display: grid !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

@media (max-width: 780px) {
	.eets-archive-filterbar {
		grid-template-columns: 1fr !important;
	}
}


/* Version 1.0.2: reliable sort triangle and search-aware slideshow. */
.eets-archive-sort-icon {
	display: inline-block !important;
	width: 0 !important;
	height: 0 !important;
	margin-left: 0.15rem;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid currentColor;
	vertical-align: middle;
}

.eets-archive-sort[data-direction="desc"] .eets-archive-sort-icon {
	border-top: 8px solid currentColor;
	border-bottom: 0;
}


/* Version 1.0.3: allow slightly taller fullscreen captions. */
.eets-archive-dialog:fullscreen .eets-archive-modal-copy{
    min-height:92px !important;
    padding:0.45rem 1.5rem 0.55rem !important;
}
.eets-archive-dialog:fullscreen .eets-archive-modal-description{
    font-size:1rem !important;
    line-height:1.32 !important;
    margin:0 auto !important;
}
@media (max-width:800px){
 .eets-archive-dialog:fullscreen .eets-archive-modal-description{
   line-height:1.28 !important;
   font-size:.92rem !important;
 }
}


/* Version 1.0.4: branded archive page heading. */
.eets-archive-page-header {
	position: relative;
	margin: 0 0 1.5rem;
	padding: 0.15rem 0 0.25rem;
}

.eets-archive-page-title {
	margin: 0 !important;
	color: var(--eets-green) !important;
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
}

.eets-archive-page-header::after {
	content: "";
	display: block;
	width: 90px;
	height: 4px;
	margin-top: 0.65rem;
	border-radius: 999px;
	background: var(--eets-green);
}

.eets-archive-page-subtitle {
	max-width: 850px;
	margin: 0.9rem 0 0 !important;
	color: #6b7280 !important;
	font-size: 1.05rem !important;
	line-height: 1.5 !important;
}

@media (max-width: 600px) {
	.eets-archive-page-title {
		font-size: 2rem !important;
	}

	.eets-archive-page-header::after {
		width: 72px;
		height: 3px;
	}
}


/* Version 1.0.6: clearer search wording and polished SVG icon. */
.eets-archive-search-icon {
	position: absolute;
	top: 50%;
	left: 0.95rem;
	display: grid;
	width: 20px;
	height: 20px;
	place-items: center;
	transform: translateY(-50%);
	color: var(--eets-navy);
	pointer-events: none;
}

.eets-archive-search-icon svg {
	display: block;
	width: 19px;
	height: 19px;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.eets-archive-search {
	padding-left: 2.75rem !important;
	border-color: #a8b2bd !important;
	border-radius: 8px !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.eets-archive-search:focus {
	border-color: var(--eets-green) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(120, 190, 32, 0.18) !important;
}


/* Version 1.1.3: v1.0.9 layout preserved, with Download added beside Fullscreen. */
.eets-archive-download-button {
	position: absolute !important;
	right: 4.65rem !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	place-items: center !important;
}

.eets-archive-download-button svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

@media (max-width: 560px) {
	.eets-archive-download-button {
		right: 4.25rem !important;
	}
}


/* Version 1.2.0: approved Archive ID badges and centred active thumbnails. */

/*
 * Main archive card badge:
 * Attached directly to the existing green left spine, square on the left and
 * rounded on the right. No border, so the badge reads as part of the spine.
 */
.eets-archive-row {
	position: relative !important;
	overflow: visible !important;
}

.eets-archive-row-button {
	position: relative !important;
	overflow: hidden !important;
}

.eets-archive-number-badge {
	position: absolute;
	z-index: 8;
	top: 12px;
	left: -1px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 28px;
	padding: 0 11px 0 9px;
	border: 0;
	border-radius: 0 10px 10px 0;
	background: var(--eets-green);
	color: #fff;
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.01em;
	box-sizing: border-box;
	box-shadow: 3px 3px 6px rgba(4, 22, 39, 0.24);
	pointer-events: none;
}

/*
 * Rolling list:
 * Extra top and bottom breathing room lets the first and last selected cards
 * also move close to the vertical centre.
 */
.eets-archive-viewer-thumbnails {
	scroll-behavior: smooth;
	scroll-padding-block: 42%;
	padding-top: 42% !important;
	padding-bottom: 42% !important;
}

/* Rolling cards gain the same green spine as the main archive cards. */
.eets-archive-viewer-thumb {
	position: relative !important;
	overflow: visible !important;
	border-left: 5px solid var(--eets-green) !important;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.16s ease !important;
}

/* Approved selected-card colour reversal. */
.eets-archive-viewer-thumb.is-active {
	background: var(--eets-green) !important;
	border-color: var(--eets-green) !important;
	box-shadow:
		0 8px 18px rgba(4, 22, 39, 0.26),
		inset 0 0 0 1px rgba(4, 22, 39, 0.1) !important;
}

.eets-archive-viewer-thumb.is-active .eets-archive-viewer-thumb-title {
	color: var(--eets-navy) !important;
	font-weight: 800 !important;
}

/* The thumbnail number badge uses the same attached-spine treatment. */
.eets-archive-number-badge--thumb {
	top: 8px;
	left: -5px;
	min-width: 36px;
	height: 24px;
	padding: 0 9px 0 8px;
	border-radius: 0 8px 8px 0;
	font-size: 0.8rem;
	box-shadow: 3px 3px 5px rgba(4, 22, 39, 0.22);
}

/* Very subtle selection motion, without changing the layout. */
.eets-archive-viewer-thumb.is-active .eets-archive-number-badge--thumb {
	animation: eetsArchiveBadgeSelect 0.16s ease-out;
}

@keyframes eetsArchiveBadgeSelect {
	from {
		transform: scale(0.95);
		box-shadow: 2px 2px 4px rgba(4, 22, 39, 0.18);
	}
	to {
		transform: scale(1);
		box-shadow: 3px 3px 5px rgba(4, 22, 39, 0.22);
	}
}

@media (max-width: 760px) {
	.eets-archive-number-badge {
		top: 9px;
		min-width: 38px;
		height: 26px;
		padding-right: 9px;
		font-size: 0.84rem;
	}

	.eets-archive-viewer-thumbnails {
		scroll-padding-block: 36%;
		padding-top: 36% !important;
		padding-bottom: 36% !important;
	}
}

@media (max-width: 520px) {
	.eets-archive-number-badge {
		top: 10px;
	}

	.eets-archive-viewer-thumbnails {
		scroll-padding-block: 30%;
		padding-top: 30% !important;
		padding-bottom: 30% !important;
	}
}


/* Version 1.2.1: People-list presentation.
 *
 * Presidents and Life Members retain their internal Archive IDs and Archive
 * Order values, but their public badges are intentionally hidden. Their cards
 * are also narrower because these records use short names and descriptions.
 */
.eets-archive--people .eets-archive-list {
	width: 100%;
}

.eets-archive--people .eets-archive-row {
	width: 58%;
	max-width: 760px;
	margin-left: 0;
	margin-right: auto;
}

/* Keep the People lists comfortable on tablets and phones. */
@media (max-width: 1100px) {
	.eets-archive--people .eets-archive-row {
		width: 72%;
		max-width: none;
	}
}

@media (max-width: 820px) {
	.eets-archive--people .eets-archive-row {
		width: 100%;
	}
}


/* Version 1.2.2: centre the complete People archive column.
 *
 * Presidents and Life Members use a compact, centred content column so the
 * title/subtitle, toolbar and cards all share the same visual width.
 */
.eets-archive--people {
	max-width: 860px !important;
	width: min(94%, 860px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.eets-archive--people .eets-archive-page-header,
.eets-archive--people .eets-archive-toolbar,
.eets-archive--people .eets-archive-list {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.eets-archive--people .eets-archive-row {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Keep the narrower People presentation responsive without affecting
 * Tennis, Squash or Miscellaneous. */
@media (max-width: 900px) {
	.eets-archive--people {
		width: 94% !important;
		max-width: 860px !important;
	}
}

@media (max-width: 620px) {
	.eets-archive--people {
		width: 100% !important;
		max-width: none !important;
	}
}


/* Version 1.3.0: visitor sequence badges and editor-only Archive ID tabs. */

/* Green badges now represent stable list position, not the internal Archive ID. */
.eets-archive-number-badge {
	z-index: 10;
}

/* Presidents and Life Members use the same visitor-facing sequence badge. */
.eets-archive--people .eets-archive-number-badge {
	display: inline-flex !important;
}

/* Discreet vertical Archive ID reference, rendered only for editors/admins. */
.eets-archive-id-tab {
	position: absolute;
	z-index: 8;
	top: 50%;
	right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: calc(100% - 16px);
	min-height: 72px;
	transform: translateY(-50%);
	border: 2px solid #d7dbe0;
	border-radius: 9px;
	background: #fff;
	color: #a7adb4;
	box-sizing: border-box;
	pointer-events: none;
}

.eets-archive-id-tab > span {
	display: block;
	font-size: 0.60rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.025em;
	white-space: nowrap;
	transform: rotate(-90deg);
	transform-origin: center;
}

/* Make room for the tab only when WordPress rendered one for an editor. */
.eets-archive-row-button:has(.eets-archive-id-tab) {
	padding-right: 43px !important;
}

/* Same discreet reference on rolling thumbnails for editors/admins. */
.eets-archive-id-tab--thumb {
	right: 4px;
	width: 22px;
	height: calc(100% - 10px);
	min-height: 52px;
	border-width: 1.5px;
	border-radius: 7px;
}

.eets-archive-id-tab--thumb > span {
	font-size: 0.52rem;
}

/* Keep the private reference visually quiet even on the selected green card. */
.eets-archive-viewer-thumb.is-active .eets-archive-id-tab {
	background: #fff !important;
	border-color: #d7dbe0 !important;
	color: #a7adb4 !important;
}


/* Version 1.4.0: publication-list mode for Annual Reports and Books. */

.eets-archive--flipbooks .eets-archive-publication-card {
	cursor: default;
}

.eets-archive-publication-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
}

.eets-archive-publication-title-row .eets-archive-title {
	margin-right: auto;
}

.eets-archive-publication-open {
	flex: 0 0 auto;
	min-width: 82px;
	padding: 9px 18px;
	border: 2px solid var(--eets-green);
	border-radius: 8px;
	background: var(--eets-green);
	color: var(--eets-navy);
	font: inherit;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.eets-archive-publication-open:hover,
.eets-archive-publication-open:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 5px 13px rgba(4,22,39,.18);
	outline: none;
}

.eets-archive-publication-open:disabled {
	opacity: .45;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.eets-archive-publication-viewer {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	width: 100vw;
	height: 100dvh;
	background: #06192d;
}

.eets-archive-publication-viewer[hidden] {
	display: none !important;
}

.eets-archive-publication-frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #06192d;
}

.eets-archive-publication-close {
	position: absolute;
	z-index: 2147483001;
	top: 12px;
	right: 14px;
	width: 42px;
	height: 42px;
	display: grid;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 8px;
	background: rgba(6,25,45,.78);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(0,0,0,.2);
}

.eets-archive-publication-close:hover,
.eets-archive-publication-close:focus-visible {
	border-color: var(--eets-green);
	outline: none;
}

body.eets-archive-publication-open {
	overflow: hidden !important;
}

@media (max-width: 620px) {
	.eets-archive-publication-title-row {
		align-items: flex-start;
		gap: 10px;
	}

	.eets-archive-publication-open {
		min-width: 70px;
		padding: 8px 12px;
	}
}


/* Version 1.4.3: whole publication card launches the flipbook. */
.eets-archive--flipbooks .eets-archive-publication-card {
	cursor: pointer !important;
}

.eets-archive--flipbooks .eets-archive-publication-card:hover,
.eets-archive--flipbooks .eets-archive-publication-card:focus-visible {
	box-shadow: 0 8px 20px rgba(4, 22, 39, .14);
	outline: none;
}

.eets-archive--flipbooks .eets-archive-publication-card:focus-visible {
	box-shadow:
		0 0 0 3px rgba(120, 190, 32, .32),
		0 8px 20px rgba(4, 22, 39, .14);
}

/* Retire the old explicit Open-button presentation. */
.eets-archive--flipbooks .eets-archive-publication-title-row {
	display: block;
}

.eets-archive--flipbooks .eets-archive-publication-open {
	display: none !important;
}


/* Version 1.4.5: third-party publication readers own their own viewer state. */
.eets-archive-publication-viewer {
	display: none !important;
}

/* TNC auto-resolved covers should fill the same thumbnail well as other cards. */
.eets-archive--flipbooks .eets-archive-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* Version 1.5.0: page-level PDF text search for Annual Reports / Books. */

.eets-archive-pdf-search-status {
	margin: -2px 0 18px;
	padding: 9px 14px;
	border-left: 3px solid var(--eets-green);
	background: rgba(120, 190, 32, .07);
	color: #5d6875;
	font-size: .88rem;
	line-height: 1.4;
}

.eets-archive-pdf-search-status[hidden] {
	display: none !important;
}

.eets-archive-pdf-matches {
	margin-top: 15px;
	padding-top: 13px;
	border-top: 1px solid #e1e5e8;
}

.eets-archive-pdf-matches[hidden] {
	display: none !important;
}

.eets-archive-pdf-match-heading {
	margin-bottom: 8px;
	color: var(--eets-navy);
	font-size: .86rem;
}

.eets-archive-pdf-match-list {
	display: grid;
	gap: 7px;
}

.eets-archive-pdf-match {
	width: 100%;
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr) auto;
	align-items: center;
	gap: 11px;
	padding: 8px 10px;
	border: 1px solid #d8dee3;
	border-radius: 7px;
	background: #f8fafb;
	color: #43505d;
	text-align: left;
	text-decoration: none;
	font: inherit;
	cursor: pointer;
	transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.eets-archive-pdf-match:hover,
.eets-archive-pdf-match:focus-visible {
	border-color: var(--eets-green);
	background: #fff;
	transform: translateY(-1px);
	outline: none;
}

.eets-archive-pdf-page-label {
	font-weight: 700;
	color: var(--eets-navy);
	white-space: nowrap;
}

.eets-archive-pdf-snippet {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: .84rem;
}

.eets-archive-pdf-open-page {
	color: var(--eets-green);
	font-size: .78rem;
	font-weight: 800;
	white-space: nowrap;
}

@media (max-width: 700px) {
	.eets-archive-pdf-match {
		grid-template-columns: 1fr auto;
	}

	.eets-archive-pdf-snippet {
		grid-column: 1 / -1;
		white-space: normal;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}
}


/* Version 1.5.1: publication result alignment and Eden Epsom styling. */

.eets-archive--flipbooks .eets-archive-pdf-match-list {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 8px !important;
	width: 100% !important;
}

.eets-archive--flipbooks button.eets-archive-pdf-match {
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 100% !important;
	min-width: 0 !important;
	display: block !important;
	margin: 0 !important;
	padding: 10px 13px !important;
	border: 1px solid #cfd7de !important;
	border-radius: 7px !important;
	background: #ffffff !important;
	background-image: none !important;
	color: var(--eets-navy) !important;
	box-shadow: none !important;
	text-align: left !important;
	justify-content: initial !important;
	align-items: initial !important;
	font: inherit !important;
	line-height: 1.35 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	cursor: pointer !important;
	overflow: hidden !important;
	transition:
		border-color .16s ease,
		background-color .16s ease,
		box-shadow .16s ease,
		transform .16s ease !important;
}

.eets-archive--flipbooks button.eets-archive-pdf-match:hover,
.eets-archive--flipbooks button.eets-archive-pdf-match:focus,
.eets-archive--flipbooks button.eets-archive-pdf-match:focus-visible {
	border-color: var(--eets-green) !important;
	background: rgba(120, 190, 32, .07) !important;
	color: var(--eets-navy) !important;
	box-shadow: 0 3px 10px rgba(4, 31, 57, .08) !important;
	transform: translateY(-1px) !important;
	outline: none !important;
}

.eets-archive--flipbooks .eets-archive-pdf-match-top {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 0 5px !important;
	text-align: left !important;
}

.eets-archive--flipbooks .eets-archive-pdf-page-label {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	background: var(--eets-navy) !important;
	color: #ffffff !important;
	font-size: .76rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	text-align: left !important;
}

.eets-archive--flipbooks .eets-archive-pdf-open-page {
	flex: 0 0 auto !important;
	color: var(--eets-green) !important;
	font-size: .76rem !important;
	font-weight: 800 !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	text-align: right !important;
}

.eets-archive--flipbooks .eets-archive-pdf-snippet {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	color: #465465 !important;
	font-size: .84rem !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
	text-align: left !important;
	white-space: normal !important;
	overflow: hidden !important;
	overflow-wrap: anywhere !important;
	word-break: normal !important;
}

.eets-archive--flipbooks .eets-archive-highlight {
	padding: 0 .08em !important;
	border-radius: 2px !important;
	background: rgba(120, 190, 32, .24) !important;
	color: var(--eets-navy) !important;
	font-weight: 700 !important;
}

.eets-archive--flipbooks .eets-archive-pdf-match-heading {
	text-align: left !important;
}

@media (max-width: 700px) {
	.eets-archive--flipbooks .eets-archive-pdf-match-top {
		align-items: flex-start !important;
	}

	.eets-archive--flipbooks .eets-archive-pdf-snippet {
		display: -webkit-box !important;
		-webkit-box-orient: vertical !important;
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
	}
}


/* Version 1.5.3: floating TNC publication viewer. */
body.eets-publication-modal-open {
	overflow: hidden !important;
}

.eets-publication-modal[hidden] {
	display: none !important;
}

.eets-publication-modal {
	position: fixed !important;
	z-index: 1000000 !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(14px, 2.5vw, 34px) !important;
}

.eets-publication-backdrop {
	position: absolute !important;
	inset: 0 !important;
	background: rgba(4, 25, 47, .82) !important;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

.eets-publication-dialog {
	position: relative !important;
	z-index: 1 !important;
	width: min(1500px, 96vw) !important;
	height: min(900px, 92vh) !important;
	overflow: hidden !important;
	border: 1px solid rgba(255,255,255,.35) !important;
	border-radius: 12px !important;
	background: #101214 !important;
	box-shadow: 0 24px 70px rgba(0,0,0,.42) !important;
}

.eets-publication-frame {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	background: #101214 !important;
}

.eets-publication-close {
	-webkit-appearance: none !important;
	appearance: none !important;
	position: absolute !important;
	z-index: 5 !important;
	top: 12px !important;
	right: 12px !important;
	width: 42px !important;
	height: 42px !important;
	display: grid !important;
	place-items: center !important;
	margin: 0 !important;
	padding: 0 0 3px !important;
	border: 1px solid rgba(255,255,255,.78) !important;
	border-radius: 50% !important;
	background: rgba(4,31,57,.86) !important;
	color: #fff !important;
	box-shadow: 0 3px 12px rgba(0,0,0,.25) !important;
	font: 300 30px/1 Arial, sans-serif !important;
	text-align: center !important;
	cursor: pointer !important;
	transition: background-color .15s ease, border-color .15s ease, transform .15s ease !important;
}

.eets-publication-close:hover,
.eets-publication-close:focus-visible {
	border-color: var(--eets-green) !important;
	background: var(--eets-green) !important;
	color: var(--eets-navy) !important;
	transform: scale(1.04) !important;
	outline: none !important;
}

@media (max-width: 700px) {
	.eets-publication-modal {
		padding: 8px !important;
	}
	.eets-publication-dialog {
		width: calc(100vw - 16px) !important;
		height: calc(100vh - 16px) !important;
		border-radius: 8px !important;
	}
	.eets-publication-close {
		top: 8px !important;
		right: 8px !important;
	}
}


/* Version 1.5.4: larger floating reader and clean TNC iframe content. */
.eets-publication-modal {
	padding: clamp(6px, 1.1vw, 16px) !important;
}

.eets-publication-dialog {
	width: min(1800px, 98.5vw) !important;
	height: min(1100px, 97vh) !important;
	border-radius: 10px !important;
}

.eets-publication-frame {
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 700px) {
	.eets-publication-modal {
		padding: 4px !important;
	}

	.eets-publication-dialog {
		width: calc(100vw - 8px) !important;
		height: calc(100vh - 8px) !important;
		border-radius: 6px !important;
	}
}


/* Version 1.5.6: perfectly centred floating-viewer close icon. */
.eets-publication-close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	text-indent: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 28px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
}

.eets-publication-close::before,
.eets-publication-close::after {
	content: none !important;
}


/* Version 1.5.7: optical vertical centring for the × glyph. */
.eets-publication-close {
	line-height: 42px !important;
	padding: 0 !important;
	display: block !important;
	text-align: center !important;
	transform: none !important;
}

.eets-publication-close:hover,
.eets-publication-close:focus-visible {
	transform: scale(1.04) !important;
}

/* The × character sits high in most UI fonts, so compensate optically. */
.eets-publication-close {
	padding-top: 3px !important;
}


/* Version 1.5.8: final optical centring of the close-button ×. */
.eets-publication-close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	padding: 0 0 1px 0 !important;
	text-align: center !important;
}


/* Version 1.5.9: refined SVG close icon, geometrically centred. */
.eets-publication-close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	line-height: 0 !important;
}

.eets-publication-close-icon {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: none !important;
}

.eets-publication-close-icon path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}


/* Version 1.6.0: unified close icons across publication and rolling-thumbnail viewers. */

/*
 * Prevent theme hover rules from introducing a second pseudo-element/circle
 * or shifting the close icon. The button itself is the only hover surface.
 */
.eets-publication-close::before,
.eets-publication-close::after,
.eets-archive-close::before,
.eets-archive-close::after {
	content: none !important;
	display: none !important;
}

.eets-publication-close,
.eets-archive-close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	line-height: 0 !important;
	background-image: none !important;
	text-indent: 0 !important;
}

.eets-publication-close:hover,
.eets-publication-close:focus-visible {
	background: rgba(120, 190, 32, .88) !important;
	border-color: rgba(255,255,255,.9) !important;
	color: var(--eets-navy) !important;
	transform: scale(1.035) !important;
	box-shadow: 0 4px 14px rgba(0,0,0,.22) !important;
}

/* Rolling-thumbnail / image viewer close button uses the same icon geometry. */
.eets-archive-close-icon {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: none !important;
}

.eets-archive-close-icon path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}

.eets-archive-close {
	border-radius: 50% !important;
	background: rgba(4, 31, 57, .78) !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.62) !important;
	box-shadow: 0 3px 12px rgba(0,0,0,.22) !important;
	transition:
		background-color .15s ease,
		border-color .15s ease,
		transform .15s ease,
		box-shadow .15s ease !important;
}

.eets-archive-close:hover,
.eets-archive-close:focus-visible {
	/*
	 * Lighter hover fill than the publication viewer, as requested, while
	 * keeping the icon itself perfectly centred.
	 */
	background: rgba(255,255,255,.18) !important;
	border-color: rgba(120,190,32,.9) !important;
	color: #fff !important;
	transform: scale(1.035) !important;
	box-shadow: 0 4px 14px rgba(0,0,0,.24) !important;
	outline: none !important;
}


/* Version 1.6.1: final unified close-button treatment. */

.eets-publication-close,
.eets-archive-close {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	min-height: 42px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid rgba(255,255,255,.68) !important;
	border-radius: 50% !important;
	background: rgba(4,31,57,.82) !important;
	background-image: none !important;
	color: #fff !important;
	line-height: 0 !important;
	text-indent: 0 !important;
	box-sizing: border-box !important;
	box-shadow: 0 3px 12px rgba(0,0,0,.22) !important;
	cursor: pointer !important;
	transition:
		background-color .15s ease,
		border-color .15s ease,
		transform .15s ease,
		box-shadow .15s ease !important;
}

.eets-publication-close::before,
.eets-publication-close::after,
.eets-archive-close::before,
.eets-archive-close::after {
	content: none !important;
	display: none !important;
}

.eets-publication-close-icon,
.eets-archive-close-icon {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: none !important;
	transform: none !important;
}

.eets-publication-close-icon path,
.eets-archive-close-icon path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}

/*
 * Same SVG icon on hover. Only the circle becomes lighter and more transparent.
 * No green fill and no alternate hover artwork.
 */
.eets-publication-close:hover,
.eets-publication-close:focus-visible,
.eets-archive-close:hover,
.eets-archive-close:focus-visible {
	background: rgba(255,255,255,.20) !important;
	background-image: none !important;
	border-color: rgba(255,255,255,.92) !important;
	color: #fff !important;
	transform: scale(1.035) !important;
	box-shadow: 0 4px 14px rgba(0,0,0,.24) !important;
	outline: none !important;
}

.eets-publication-close:hover .eets-publication-close-icon,
.eets-publication-close:focus-visible .eets-publication-close-icon,
.eets-archive-close:hover .eets-archive-close-icon,
.eets-archive-close:focus-visible .eets-archive-close-icon {
	transform: none !important;
}


/* Version 1.7.0: Publications landing page. */
.eets-publications {
	--eets-publications-green: var(--eets-green, #78be20);
	--eets-publications-navy: var(--eets-navy, #06213b);
	--eets-publications-grey: #65717d;
	--eets-publications-border: #dfe4e8;
	max-width: 1180px;
	margin: 0 auto;
	padding: clamp(24px, 4vw, 56px) 18px clamp(48px, 7vw, 86px);
	box-sizing: border-box;
	color: var(--eets-publications-navy);
}

.eets-publications * {
	box-sizing: border-box;
}

.eets-publications-header {
	max-width: 760px;
	margin: 0 0 clamp(28px, 5vw, 52px);
}

.eets-publications-header h1 {
	margin: 0 0 9px;
	color: var(--eets-publications-green);
	font-size: clamp(2.2rem, 4.7vw, 4rem);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -.035em;
}

.eets-publications-header p {
	margin: 0;
	color: var(--eets-publications-grey);
	font-size: clamp(1rem, 1.5vw, 1.16rem);
	line-height: 1.65;
}

.eets-publications-header-rule {
	display: block;
	width: 74px;
	height: 4px;
	margin-top: 18px;
	border-radius: 4px;
	background: var(--eets-publications-green);
}

.eets-publications-feature-card,
.eets-publications-book-card {
	position: relative;
	text-decoration: none !important;
	color: inherit !important;
	background: #fff;
	border: 1px solid var(--eets-publications-border);
	box-shadow: 0 8px 28px rgba(6, 33, 59, .07);
	overflow: hidden;
	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
}

.eets-publications-feature-card::before,
.eets-publications-book-card::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: var(--eets-publications-green);
}

.eets-publications-feature-card:hover,
.eets-publications-feature-card:focus-visible,
.eets-publications-book-card:hover,
.eets-publications-book-card:focus-visible {
	transform: translateY(-3px);
	border-color: rgba(120, 190, 32, .52);
	box-shadow: 0 15px 36px rgba(6, 33, 59, .13);
	outline: none;
}

.eets-publications-feature-card {
	min-height: 330px;
	display: grid;
	grid-template-columns: minmax(320px, .9fr) minmax(360px, 1.1fr);
	align-items: center;
	gap: clamp(28px, 5vw, 68px);
	margin-bottom: 28px;
	padding: clamp(30px, 5vw, 58px);
	border-radius: 16px;
}

.eets-publications-annual-art {
	position: relative;
	height: 230px;
	min-width: 0;
}

.eets-publications-annual-cover {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: 210px;
	object-fit: cover;
	border-radius: 2px;
	box-shadow: 0 14px 28px rgba(4, 25, 47, .22);
	transform-origin: center bottom;
}

.eets-publications-annual-cover--1 {
	z-index: 3;
	transform: translate(-50%, -50%) rotate(0deg);
}

.eets-publications-annual-cover--2 {
	z-index: 2;
	transform: translate(-91%, -47%) rotate(-8deg) scale(.92);
}

.eets-publications-annual-cover--3 {
	z-index: 1;
	transform: translate(-9%, -47%) rotate(8deg) scale(.92);
}

.eets-publications-feature-copy {
	max-width: 570px;
}

.eets-publications-kicker {
	display: inline-block;
	margin-bottom: 8px;
	color: var(--eets-publications-green);
	font-size: .73rem;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.eets-publications-feature-copy h2,
.eets-publications-book-copy h2 {
	margin: 0;
	color: var(--eets-publications-navy);
	font-weight: 800;
	letter-spacing: -.025em;
}

.eets-publications-feature-copy h2 {
	font-size: clamp(1.8rem, 3vw, 2.55rem);
}

.eets-publications-feature-copy p {
	margin: 14px 0 21px;
	max-width: 560px;
	color: var(--eets-publications-grey);
	font-size: 1rem;
	line-height: 1.65;
}

.eets-publications-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--eets-publications-navy);
	font-size: .94rem;
	font-weight: 800;
	transition: color .16s ease, gap .16s ease;
}

.eets-publications-feature-card:hover .eets-publications-link,
.eets-publications-feature-card:focus-visible .eets-publications-link,
.eets-publications-book-card:hover .eets-publications-link,
.eets-publications-book-card:focus-visible .eets-publications-link {
	gap: 11px;
	color: var(--eets-publications-green);
}

.eets-publications-books {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}

.eets-publications-book-card {
	min-height: 355px;
	display: grid;
	grid-template-columns: 175px minmax(0, 1fr);
	align-items: center;
	gap: 28px;
	padding: 32px;
	border-radius: 14px;
}

.eets-publications-book-cover {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 245px;
}

.eets-publications-book-cover img {
	display: block;
	width: 155px;
	max-height: 238px;
	object-fit: contain;
	box-shadow: 0 11px 24px rgba(4, 25, 47, .22);
}

.eets-publications-cover-placeholder {
	width: 155px;
	min-height: 215px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	border: 1px solid #ccd4da;
	background:
		linear-gradient(145deg, rgba(6,33,59,.96), rgba(6,33,59,.78));
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 1.35;
	box-shadow: 0 11px 24px rgba(4,25,47,.18);
}

.eets-publications-book-copy {
	min-width: 0;
}

.eets-publications-book-copy h2 {
	font-size: clamp(1.35rem, 2.1vw, 1.8rem);
	line-height: 1.15;
}

.eets-publications-book-caption {
	margin: 13px 0 5px;
	color: var(--eets-publications-grey);
	font-size: .94rem;
	line-height: 1.5;
}

.eets-publications-book-author {
	margin: 0 0 19px;
	color: var(--eets-publications-navy);
	font-size: .88rem;
	font-weight: 700;
	line-height: 1.45;
}

.eets-publications-footer {
	margin-top: clamp(42px, 7vw, 72px);
	padding: clamp(27px, 4vw, 38px) clamp(22px, 4vw, 44px);
	border-top: 1px solid var(--eets-publications-border);
	text-align: center;
}

.eets-publications-footer-mark {
	display: block;
	width: 32px;
	height: 4px;
	margin: 0 auto 15px;
	border-radius: 4px;
	background: var(--eets-publications-green);
}

.eets-publications-footer h2 {
	margin: 0 0 8px;
	color: var(--eets-publications-navy);
	font-size: clamp(1.18rem, 2vw, 1.55rem);
	font-weight: 800;
}

.eets-publications-footer p {
	max-width: 700px;
	margin: 0 auto;
	color: var(--eets-publications-grey);
	font-size: .92rem;
	line-height: 1.6;
}

@media (max-width: 900px) {
	.eets-publications-feature-card {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.eets-publications-feature-copy {
		margin: 0 auto;
	}

	.eets-publications-books {
		grid-template-columns: 1fr;
	}

	.eets-publications-book-card {
		grid-template-columns: 165px minmax(0, 1fr);
	}
}

@media (max-width: 580px) {
	.eets-publications {
		padding-left: 12px;
		padding-right: 12px;
	}

	.eets-publications-header {
		text-align: left;
	}

	.eets-publications-feature-card {
		padding: 27px 20px 31px;
	}

	.eets-publications-annual-art {
		height: 205px;
	}

	.eets-publications-annual-cover {
		width: 130px;
		height: 184px;
	}

	.eets-publications-book-card {
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 27px 22px;
		text-align: center;
	}

	.eets-publications-book-cover {
		min-height: 0;
	}

	.eets-publications-book-copy .eets-publications-link {
		justify-content: center;
	}
}


/* Version 1.7.1: stronger publication-title hierarchy and refined link icons. */

.eets-publications-feature-copy h2,
.eets-publications-book-copy h2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	color: var(--eets-publications-navy) !important;
}

.eets-publications-feature-copy h2 {
	font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
	line-height: 1.08 !important;
}

.eets-publications-book-copy h2 {
	font-size: clamp(1.55rem, 2.4vw, 2rem) !important;
	line-height: 1.12 !important;
}

.eets-publications-kicker {
	display: none !important;
}

.eets-publications-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.eets-publications-arrow-icon {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 18px !important;
	margin: 0 !important;
	overflow: visible !important;
	transition: transform .16s ease !important;
}

.eets-publications-arrow-icon path {
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.9 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
	vector-effect: non-scaling-stroke !important;
}

.eets-publications-feature-card:hover .eets-publications-arrow-icon,
.eets-publications-feature-card:focus-visible .eets-publications-arrow-icon,
.eets-publications-book-card:hover .eets-publications-arrow-icon,
.eets-publications-book-card:focus-visible .eets-publications-arrow-icon {
	transform: translateX(3px) !important;
}


/* Version 1.7.2: dynamically generated Book cards. */
.eets-publications-book-caption {
	white-space: normal !important;
}

.eets-publications-books {
	align-items: stretch;
}

.eets-publications-book-card {
	height: 100%;
}


/* Version 1.7.3: Books open in the same floating reader used by Annual Reports. */
.eets-publications-book-card[data-eets-publication-book] {
	cursor: pointer;
}


/* Version 1.7.4: honour deliberate line breaks in Book captions. */
.eets-publications-book-caption {
	white-space: pre-line !important;
	line-height: 1.55 !important;
}


/* Version 1.7.5: emphasise author lines in publication captions. */
.eets-publications-book-author-line {
	font-weight: 700 !important;
	color: var(--eets-publications-navy) !important;
}


/* Version 1.7.7: framed Publications call-to-action links. */
.eets-publications-link {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: fit-content !important;
	margin-top: 8px !important;
	padding: 8px 13px !important;
	border: 1px solid rgba(6, 33, 59, .22) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.82) !important;
	color: var(--eets-publications-navy) !important;
	box-shadow: 0 2px 7px rgba(6,33,59,.05) !important;
	line-height: 1.2 !important;
	transition:
		color .16s ease,
		border-color .16s ease,
		background-color .16s ease,
		box-shadow .16s ease,
		transform .16s ease !important;
}

.eets-publications-feature-card:hover .eets-publications-link,
.eets-publications-feature-card:focus-visible .eets-publications-link,
.eets-publications-book-card:hover .eets-publications-link,
.eets-publications-book-card:focus-visible .eets-publications-link {
	gap: 8px !important;
	color: var(--eets-publications-navy) !important;
	border-color: var(--eets-publications-green) !important;
	background: rgba(120, 190, 32, .10) !important;
	box-shadow: 0 3px 10px rgba(6,33,59,.08) !important;
	transform: translateY(-1px) !important;
}

.eets-publications-book-caption + .eets-publications-link {
	margin-top: 14px !important;
}

.eets-publications-book-author-line {
	display: inline-block !important;
	margin-top: 2px !important;
}


/* Version 1.8.2: publication captions match normal archive captions. */
.eets-archive--flipbooks .eets-archive-description {
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: inherit !important;
	color: inherit !important;
	opacity: 1 !important;
}

/*
 * Match the caption treatment used by Tennis/Squash archive cards rather than
 * the smaller secondary-text styling previously applied to publication cards.
 */
.eets-archive--flipbooks [data-eets-main-description] {
	font-size: 1rem !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: var(--eets-navy) !important;
}


/* Version 1.8.3: Publications page heading matches normal archive pages. */
.eets-publications {
	padding-top: 0 !important;
}

.eets-publications-header {
	max-width: none !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}

.eets-publications-header h1 {
	margin: 0 0 8px !important;
	color: var(--eets-green) !important;
	font-size: 2rem !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	letter-spacing: normal !important;
}

.eets-publications-header p {
	margin: 0 !important;
	color: #65717d !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

.eets-publications-header-rule {
	width: 60px !important;
	height: 3px !important;
	margin-top: 12px !important;
}


/* Version 1.8.4: exact Publications/Tennis heading parity. */
.eets-publications-header {
	margin: 0 0 1.4rem !important;
	padding: 0.2rem 0 !important;
}

.eets-publications-header h1 {
	margin: 0 0 0.35rem !important;
	color: var(--eets-navy-dark) !important;
	font-size: clamp(2rem, 4vw, 3.15rem) !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
	letter-spacing: normal !important;
}

.eets-publications-header p {
	max-width: 850px !important;
	margin: 0 !important;
	color: #526171 !important;
	font-size: clamp(1rem, 1.6vw, 1.18rem) !important;
	line-height: 1.55 !important;
}

.eets-publications-header-rule {
	display: none !important;
}


/* Version 1.8.5: exact visual parity with standard archive pages. */

/*
 * Publications now uses the same .eets-archive-page-* classes as Tennis,
 * Squash and the other archive pages. These overrides neutralise the older
 * Publications-specific hero-header rules so the shared archive CSS wins.
 */
.eets-publications {
	padding-top: 0 !important;
}

.eets-publications .eets-archive-page-header {
	max-width: none !important;
	margin: 0 0 1.4rem !important;
	padding: 0.2rem 0 !important;
	text-align: left !important;
}

.eets-publications .eets-archive-page-title {
	margin: 0 !important;
	color: var(--eets-green) !important;
	font-size: clamp(2rem, 4vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	letter-spacing: normal !important;
}

.eets-publications .eets-archive-page-subtitle {
	max-width: 850px !important;
	margin: 0.9rem 0 0 !important;
	color: #6b7280 !important;
	font-size: 1.05rem !important;
	font-weight: inherit !important;
	line-height: 1.5 !important;
}

.eets-publications .eets-archive-page-header::after {
	content: "" !important;
	display: block !important;
	width: 90px !important;
	height: 4px !important;
	margin-top: 0.65rem !important;
	border-radius: 999px !important;
	background: var(--eets-green) !important;
}

/* Retire the old Publications-only underline element completely. */
.eets-publications-header-rule {
	display: none !important;
}

/*
 * Annual Reports / Books archive-list captions use exactly the same visible
 * typography as Tennis/Squash descriptions instead of publication-specific
 * smaller or heavier styling.
 */
.eets-archive--flipbooks .eets-archive-description,
.eets-archive--flipbooks [data-eets-main-description] {
	margin: 0 !important;
	color: #3f4b57 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: 1.6 !important;
	opacity: 1 !important;
}

@media (max-width: 600px) {
	.eets-publications .eets-archive-page-title {
		font-size: 2rem !important;
	}

	.eets-publications .eets-archive-page-header::after {
		width: 72px !important;
		height: 3px !important;
	}
}


/* Version 1.8.6: Annual Reports typography matches standard archive cards. */

/* Same title treatment as Tennis / Presidents / normal archive records. */
.eets-archive--flipbooks .eets-archive-title {
	margin: 0 0 .65rem !important;
	color: var(--eets-navy) !important;
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

/* Keep the same green title rule used by normal archive records. */
.eets-archive--flipbooks .eets-archive-title::after {
	content: "" !important;
	display: block !important;
	width: 70px !important;
	height: 3px !important;
	margin-top: .6rem !important;
	background: var(--eets-green) !important;
}

/* Same caption/body treatment as Tennis / Presidents. */
.eets-archive--flipbooks .eets-archive-description,
.eets-archive--flipbooks [data-eets-main-description] {
	margin: 0 !important;
	color: #3f4b57 !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	line-height: 1.6 !important;
	opacity: 1 !important;
}

/*
 * On the wide desktop list, normal archive cards are visually larger than the
 * old flipbook-specific text. Scale publication titles/captions with the same
 * responsive card hierarchy visible on Tennis/People pages.
 */
@media (min-width: 900px) {
	.eets-archive--flipbooks .eets-archive-title {
		font-size: clamp(1.65rem, 2.25vw, 2.35rem) !important;
		font-weight: 500 !important;
		line-height: 1.15 !important;
	}

	.eets-archive--flipbooks .eets-archive-description,
	.eets-archive--flipbooks [data-eets-main-description] {
		font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
		font-weight: 600 !important;
		line-height: 1.55 !important;
	}
}


/* Version 1.8.7: slightly smaller floating flipbook window everywhere. */
.eets-publication-modal .eets-publication-dialog,
.eets-publication-dialog,
.eets-flipbook-modal .eets-flipbook-dialog,
.eets-flipbook-dialog,
.eets-archive-publication-dialog {
	width: min(90vw, 1320px) !important;
	height: min(88vh, 820px) !important;
	max-width: 90vw !important;
	max-height: 88vh !important;
}

/* Preserve comfortable margins on smaller screens as well. */
@media (max-width: 900px) {
	.eets-publication-modal .eets-publication-dialog,
	.eets-publication-dialog,
	.eets-flipbook-modal .eets-flipbook-dialog,
	.eets-flipbook-dialog,
	.eets-archive-publication-dialog {
		width: min(92vw, 1320px) !important;
		height: min(86vh, 820px) !important;
		max-width: 92vw !important;
		max-height: 86vh !important;
	}
}


/* Version 1.8.8: Annual Reports width matches Presidents/Life Members. */
.eets-archive--flipbooks {
	width: 100% !important;
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Keep every Annual Reports list component on the same shared width. */
.eets-archive--flipbooks .eets-archive-toolbar,
.eets-archive--flipbooks .eets-archive-search-summary,
.eets-archive--flipbooks .eets-archive-list,
.eets-archive--flipbooks .eets-archive-empty {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}


/* Version 1.8.9: Annual Reports uses the exact People-page content width. */
.eets-archive--flipbooks {
	max-width: 860px !important;
	width: min(94%, 860px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* All publication-list components fill that same compact centered column. */
.eets-archive--flipbooks .eets-archive-page-header,
.eets-archive--flipbooks .eets-archive-filterbar,
.eets-archive--flipbooks .eets-archive-pdf-search-status,
.eets-archive--flipbooks .eets-archive-empty-search,
.eets-archive--flipbooks .eets-archive-list,
.eets-archive--flipbooks .eets-archive-row {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box !important;
}

/* Same responsive behaviour used by Presidents and Life Members. */
@media (max-width: 900px) {
	.eets-archive--flipbooks {
		width: 94% !important;
		max-width: 860px !important;
	}
}

@media (max-width: 620px) {
	.eets-archive--flipbooks {
		width: 100% !important;
		max-width: none !important;
	}
}


/* ==========================================================================
   v2.0.27 - use Real3D's own working shortcode thumbnail inside EETS cards.
   The shortcode itself is what already works on the normal post preview.
   ========================================================================== */

.eets-real3d-card-thumb {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 164px !important;
	overflow: hidden !important;
	background: #fff !important;
}

/*
 * The EETS publication card remains the click target. Real3D's thumbnail
 * markup is visual only here, avoiding nested competing click handlers.
 */
.eets-real3d-card-thumb,
.eets-real3d-card-thumb * {
	pointer-events: none !important;
}

.eets-real3d-card-thumb > * {
	width: 100% !important;
	height: 100% !important;
	min-height: 164px !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eets-real3d-card-thumb img,
.eets-real3d-card-thumb canvas,
.eets-real3d-card-thumb [style*="background-image"] {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 164px !important;
	max-width: 100% !important;
	object-fit: contain !important;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* Homepage result equivalent. */
.eets-home-result-real3d-thumb {
	position: relative !important;
	display: block !important;
	overflow: hidden !important;
	background: #fff !important;
	background-image: none !important;
}

.eets-home-result-real3d-thumb,
.eets-home-result-real3d-thumb * {
	pointer-events: none !important;
}

.eets-home-result-real3d-thumb > * {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.eets-home-result-real3d-thumb img,
.eets-home-result-real3d-thumb canvas,
.eets-home-result-real3d-thumb [style*="background-image"] {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}


/* ==========================================================================
   v2.0.40 - indexed PDF page results beside the publication thumbnail
   ========================================================================== */

.eets-archive-row-content .eets-archive-pdf-matches {
	margin-top: 14px !important;
	max-width: 100% !important;
}

.eets-archive-pdf-match-heading {
	margin-bottom: 9px !important;
	color: #173c68 !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.eets-archive-pdf-page-chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 7px !important;
	margin: 0 0 12px !important;
}

.eets-archive-pdf-page-chip {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 31px !important;
	padding: 5px 10px !important;
	border: 1px solid #cbd6df !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #173c68 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: border-color .15s ease, color .15s ease, background .15s ease !important;
}

.eets-archive-pdf-page-chip:hover,
.eets-archive-pdf-page-chip:focus {
	border-color: #63be19 !important;
	background: #f4faef !important;
	color: #4f9e12 !important;
	outline: none !important;
}

.eets-archive-pdf-match-list {
	display: grid !important;
	gap: 7px !important;
}

.eets-archive-pdf-match {
	display: block !important;
	padding: 7px 0 !important;
	border: 0 !important;
	border-top: 1px solid #e2e8ed !important;
	background: transparent !important;
	text-align: left !important;
}

.eets-archive-pdf-match-top {
	display: inline !important;
	margin-right: 5px !important;
}

.eets-archive-pdf-page-label {
	color: #173c68 !important;
	font-size: 13px !important;
}

.eets-archive-pdf-snippet {
	color: #566576 !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.eets-archive-pdf-more-pages {
	color: #778493 !important;
	font-size: 12px !important;
	font-style: italic !important;
	margin-top: 2px !important;
}

@media (max-width: 640px) {
	.eets-archive-pdf-page-chip {
		min-height: 29px !important;
		padding: 5px 9px !important;
		font-size: 12px !important;
	}
}


/* v2.0.41 - publication thumbnail frame */
.eets-archive-row .eets-archive-row-thumb,
.eets-archive-row .eets-archive-thumbnail,
.eets-archive-row .eets-real3d-card-thumb,
.eets-archive-row [class*="thumb"] {
	background-color: #173c68 !important;
}

.eets-real3d-card-thumb {
	background: #173c68 !important;
}

/* Keep the actual cover fully visible against navy, never white-fill the frame. */
.eets-real3d-card-thumb img,
.eets-real3d-card-thumb canvas,
.eets-real3d-card-thumb [style*="background-image"],
.eets-archive-thumb {
	background-color: #173c68 !important;
}


/* v2.0.46 - detailed PDF results: only the page label beside each extract is clickable */
.eets-archive-pdf-page-chips {
	display: none !important;
}

.eets-archive-pdf-page-label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 4px 9px !important;
	border-radius: 999px !important;
	background: #173c68 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.eets-archive-pdf-page-label:hover,
.eets-archive-pdf-page-label:focus {
	background: #63be19 !important;
	color: #fff !important;
	outline: none !important;
}


/* ==========================================================================
   v2.0.61 - direct mobile photo viewer
   Phones skip the desktop slideshow-style stage. The existing modal becomes
   the full viewport immediately after a photo thumbnail is tapped.
   ========================================================================== */
@media (max-width: 640px), (max-height: 500px) and (max-width: 950px) {
	body.eets-archive-modal-open {
		overflow: hidden !important;
	}

	.eets-archive-modal:not([hidden]) {
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: 100dvh !important;
		max-width: none !important;
		max-height: none !important;
		z-index: 999999 !important;
		padding: 0 !important;
	}

	.eets-archive-modal .eets-archive-backdrop {
		inset: 0 !important;
	}

	.eets-archive-modal .eets-archive-dialog {
		position: fixed !important;
		inset: 0 !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto minmax(0, 1fr) auto auto !important;
		width: 100vw !important;
		height: 100dvh !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: var(--eets-navy, #0b2e52) !important;
	}

	/* No rolling thumbnails/sidebar on mobile. */
	.eets-archive-modal .eets-archive-viewer-sidebar,
	.eets-archive-modal .eets-archive-viewer-thumbnails {
		display: none !important;
	}

	.eets-archive-modal .eets-archive-viewer-main {
		display: contents !important;
	}

	.eets-archive-modal .eets-archive-modal-header {
		grid-row: 1 !important;
		padding: 12px 58px 9px 18px !important;
		min-height: 48px !important;
		background: var(--eets-navy-dark, #082744) !important;
	}

	.eets-archive-modal .eets-archive-modal-title {
		margin: 0 !important;
		font-size: 18px !important;
		line-height: 1.25 !important;
		color: #fff !important;
		text-align: left !important;
	}

	.eets-archive-modal .eets-archive-stage {
		grid-row: 2 !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 6px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
		background: var(--eets-navy, #0b2e52) !important;
	}

	.eets-archive-modal .eets-archive-modal-frame {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		padding: 4px !important;
		overflow: hidden !important;
		background: var(--eets-navy, #0b2e52) !important;
	}

	/* Make the actual photo use the available phone screen, not a tiny desktop box. */
	.eets-archive-modal .eets-archive-modal-image,
	.eets-archive-modal .eets-archive-modal-image.is-current,
	.eets-archive-modal .eets-archive-modal-image.is-visible {
		display: block !important;
		position: relative !important;
		inset: auto !important;
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
		margin: auto !important;
		opacity: 1 !important;
		visibility: visible !important;
		object-fit: contain !important;
		object-position: center !important;
		filter: none !important;
	}

	.eets-archive-modal .eets-archive-modal-copy {
		grid-row: 3 !important;
		max-height: 22dvh !important;
		overflow-y: auto !important;
		background: var(--eets-navy, #0b2e52) !important;
	}

	.eets-archive-modal .eets-archive-modal-description {
		min-height: 0 !important;
		max-height: none !important;
		padding: 10px 16px !important;
		font-size: 14px !important;
		line-height: 1.45 !important;
		color: #fff !important;
		text-align: left !important;
	}

	.eets-archive-modal .eets-archive-controls {
		grid-row: 4 !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		min-height: 54px !important;
		padding: 6px 12px calc(6px + env(safe-area-inset-bottom)) !important;
		background: var(--eets-navy-dark, #082744) !important;
	}

	/* Mobile is a single-photo direct viewer, not a slideshow. */
	.eets-archive-modal .eets-archive-controls-centre,
	.eets-archive-modal .eets-archive-play-button,
	.eets-archive-modal .eets-archive-fullscreen-button {
		display: none !important;
	}

	.eets-archive-modal .eets-archive-download-button {
		display: grid !important;
		width: 42px !important;
		height: 42px !important;
		margin: 0 !important;
	}

	.eets-archive-modal .eets-archive-close {
		position: fixed !important;
		top: calc(8px + env(safe-area-inset-top)) !important;
		right: 10px !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		z-index: 1000001 !important;
	}

	.eets-archive-modal .eets-archive-close-icon {
		width: 18px !important;
		height: 18px !important;
	}

	/* Disable desktop zoom/pan transforms on the mobile direct viewer. */
	.eets-archive-modal .eets-archive-modal-frame.is-zoomed,
	.eets-archive-modal .eets-archive-modal-image.is-zoomed {
		transform: none !important;
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
		cursor: default !important;
	}
}




/* ==========================================================================
   v2.0.68 - iPad viewer rollback + stable single-layer slideshow fade
   ========================================================================== */

/*
 * Keep the normal iPad rolling-thumbnail window comfortably inside the
 * viewport. This applies only to coarse-pointer tablet-sized devices and does
 * not affect desktop. Fullscreen is left untouched.
 */
@media (pointer: coarse) and (min-width: 700px) and (max-width: 1366px) and (min-height: 600px) {
	.eets-archive-modal .eets-archive-dialog:not(:fullscreen) {
		width: min(92vw, 1180px) !important;
		height: min(86dvh, 780px) !important;
		max-width: 92vw !important;
		max-height: 86dvh !important;
		margin: auto !important;
	}

	.eets-archive-modal .eets-archive-dialog:not(:fullscreen) .eets-archive-viewer-sidebar {
		max-width: 190px !important;
	}

	.eets-archive-modal .eets-archive-dialog:not(:fullscreen) .eets-archive-viewer-main {
		min-width: 0 !important;
		min-height: 0 !important;
	}
}

/*
 * iPadOS uses a single image layer during playback rather than the desktop
 * two-layer crossfade. Fading through the viewer's white image stage avoids
 * Safari's post-transition repaint flash.
 */
.eets-ipad-viewer .eets-archive-modal-frame,
.eets-ipad-viewer .eets-archive-stage {
	transform: none !important;
	-webkit-transform: none !important;
	backface-visibility: visible !important;
	-webkit-backface-visibility: visible !important;
}

.eets-ipad-viewer .eets-archive-modal-image {
	transition: opacity 0.28s ease !important;
	will-change: auto !important;
}

/* Keep transforms neutral only outside true fullscreen. */
.eets-ipad-viewer .eets-archive-dialog:not(:fullscreen) .eets-archive-modal-image {
	transform: none !important;
	-webkit-transform: none !important;
}

/* Use the site's deep navy instead of the old white/blue photo-stage fill. */
.eets-ipad-viewer .eets-archive-modal-frame,
.eets-ipad-viewer .eets-archive-stage {
	background: var(--eets-navy-dark, #071b31) !important;
}





/* ==========================================================================
   v2.0.71 - remove fullscreen motion + unify viewer navy
   ========================================================================== */

/*
 * The slideshow zoom/rotation experiment has been removed entirely.
 * All archive photographs remain still except for their fade transition.
 */
.eets-archive-modal-image,
.eets-archive-dialog:fullscreen .eets-archive-modal-image,
.eets-ipad-viewer .eets-archive-modal-image {
	animation: none !important;
	transform: none !important;
	-webkit-transform: none !important;
}

/*
 * Use one single deep navy across the complete rolling-thumbnail viewer and
 * fullscreen viewer on iPad/tablet. This removes the lighter blue stage seen
 * around portrait photographs.
 */
.eets-ipad-viewer .eets-archive-dialog,
.eets-ipad-viewer .eets-archive-viewer-sidebar,
.eets-ipad-viewer .eets-archive-viewer-thumbnails,
.eets-ipad-viewer .eets-archive-viewer-main,
.eets-ipad-viewer .eets-archive-modal-header,
.eets-ipad-viewer .eets-archive-stage,
.eets-ipad-viewer .eets-archive-modal-frame,
.eets-ipad-viewer .eets-archive-modal-copy,
.eets-ipad-viewer .eets-archive-modal-description,
.eets-ipad-viewer .eets-archive-controls,
.eets-ipad-viewer .eets-archive-controls-left,
.eets-ipad-viewer .eets-archive-controls-centre,
.eets-ipad-viewer .eets-archive-controls-right,
.eets-ipad-viewer .eets-archive-dialog:fullscreen,
.eets-ipad-viewer .eets-archive-dialog:fullscreen .eets-archive-viewer-main,
.eets-ipad-viewer .eets-archive-dialog:fullscreen .eets-archive-stage,
.eets-ipad-viewer .eets-archive-dialog:fullscreen .eets-archive-modal-frame,
.eets-ipad-viewer .eets-archive-dialog:fullscreen .eets-archive-modal-copy,
.eets-ipad-viewer .eets-archive-dialog:fullscreen .eets-archive-controls {
	background: #071b31 !important;
	background-color: #071b31 !important;
}

/*
 * Also remove any white/lighter fallback behind the photograph itself.
 * The image remains fully contained and uncropped.
 */
.eets-ipad-viewer .eets-archive-modal-image,
.eets-ipad-viewer .eets-archive-dialog:fullscreen .eets-archive-modal-image {
	background: transparent !important;
}

/* Keep borders subtle against the unified deep navy. */
.eets-ipad-viewer .eets-archive-viewer-sidebar {
	border-right-color: rgba(255,255,255,.16) !important;
	border-bottom-color: rgba(255,255,255,.16) !important;
}

.eets-ipad-viewer .eets-archive-controls,
.eets-ipad-viewer .eets-archive-modal-copy {
	border-color: rgba(255,255,255,.16) !important;
}


/* v2.0.86 - keep the Annual Reports search summary clear of the Sort button. */
.eets-archive--flipbooks .eets-archive-result-count {
	min-width: 0;
	font-size: 0.88rem;
	line-height: 1.3;
	letter-spacing: -0.005em;
}


/* ==========================================================================
   v2.0.87 - Real3D opening feedback
   ========================================================================== */
.eets-real3d-loading {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(7, 27, 49, 0.12);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.18s ease;
}

.eets-real3d-loading.is-hiding {
    opacity: 0;
}

.eets-real3d-loading-card {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 150px;
    justify-content: center;
    padding: 15px 20px;
    border: 1px solid rgba(16, 57, 101, 0.14);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 12px 36px rgba(7, 27, 49, 0.22);
    color: #103965;
    font: 600 16px/1.2 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.eets-real3d-loading-spinner {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 3px solid rgba(86, 190, 45, 0.22);
    border-top-color: #56be2d;
    border-radius: 50%;
    animation: eets-real3d-loading-spin 0.8s linear infinite;
}

.eets-real3d-loading-dots::after {
    content: '';
    display: inline-block;
    width: 1.25em;
    text-align: left;
    animation: eets-real3d-loading-dots 1.2s steps(4, end) infinite;
}

@keyframes eets-real3d-loading-spin {
    to { transform: rotate(360deg); }
}

@keyframes eets-real3d-loading-dots {
    0%   { content: ''; }
    25%  { content: '.'; }
    50%  { content: '..'; }
    75%, 100% { content: '...'; }
}

@media (prefers-reduced-motion: reduce) {
    .eets-real3d-loading-spinner,
    .eets-real3d-loading-dots::after {
        animation: none !important;
    }
    .eets-real3d-loading-dots::after {
        content: '...' !important;
    }
}

/* v2.0.103 - larger, consistent gap below the site header on main archives. */
.eets-publications {
	padding-top: 3rem !important;
}

.eets-archive.eets-archive--spaced-page {
	margin-top: 3rem !important;
}