/* ==========================================================================
   TEN-E Core — BEM component styles
   Colors: dark-navy #00253A, navy-deep #001B2A, ink #19262D, mid-blue #00446A,
           slate #58859E, light-blue #D0DDE5, light-gray #EFF3F6,
           orange #F8971D, border-tint #749CB2, panel-dark #293D49, white
   Type: Inter
   ========================================================================== */

/* ---------- Header ----------
   Global header styles moved to hello-elementor-child/style.css so they load on
   every page (this file is only enqueued on-demand by shortcodes). */
/* ---------- Split-pill button ---------- */

.tene-btn-split.tene-btn-split {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	border-radius: 999px;
	line-height: 1;
	cursor: pointer;
}

.tene-btn-split__label.tene-btn-split__label {
	display: flex;
	align-items: center;
	height: 50px;
	padding: 0 28px;
	border-radius: 999px;
	font-size: 16px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	white-space: nowrap;
}

.tene-btn-split__arrow.tene-btn-split__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 999px;
	margin-left: -16px;
	position: relative;
	z-index: 1;
}

.tene-btn-split__arrow.tene-btn-split__arrow svg {
	width: 14px;
	height: 14px;
}

.tene-btn-split--orange-light.tene-btn-split--orange-light .tene-btn-split__label {
	background: #F8971D;
	color: #001B2A;
}
.tene-btn-split--orange-light.tene-btn-split--orange-light .tene-btn-split__arrow {
	background: #D0DDE5;
	color: #001B2A;
}

.tene-btn-split--navy-orange.tene-btn-split--navy-orange .tene-btn-split__label {
	background: #00446A;
	color: #fff;
}
.tene-btn-split--navy-orange.tene-btn-split--navy-orange .tene-btn-split__arrow {
	background: #F8971D;
	color: #fff;
}

/* ---------- Orange arrow button ----------
   Faithful copy of the atomic "Orange Arrow Button" saved element (library 393,
   classes request-block / request-button / request-arrow). Light pill is the
   full button background; orange label pill sits on it; 20px navy long arrow
   with 9px margins fills the right tab. Hover matches the canonical element:
   no visual change beyond suppressing the theme link underline/color. */

.tene-btn-arrow.tene-btn-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	height: 50px;
	padding: 0;
	margin: 0;
	border-radius: 28.5px;
	background: #D0DDE5;
	text-decoration: none!important;
	cursor: pointer;
	font-family: Inter, sans-serif;
}

.tene-btn-arrow.tene-btn-arrow:hover,
.tene-btn-arrow.tene-btn-arrow:focus-visible {
	text-decoration: none!important;
}

.tene-btn-arrow__label.tene-btn-arrow__label {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 50px;
	padding: 14px 26px 14px 22px;
	border-radius: 28.5px;
	background: #F8971D;
	color: #001B2A;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	white-space: nowrap;
	/* paints above the arrow so the hover expansion covers it */
	position: relative;
	z-index: 1;
	transition: all 0.3s;
}

/* Hover: the orange pill grows to the full button width, covering the arrow,
   and the text re-centers in the expanded pill. Total horizontal padding =
   normal 22 + 26 plus the 38px arrow zone (20px svg + 9px margins) = 86px,
   split evenly so the text sits centered; the negative margin keeps the
   button's total width constant. */
.tene-btn-arrow.tene-btn-arrow:hover .tene-btn-arrow__label,
.tene-btn-arrow.tene-btn-arrow:focus-visible .tene-btn-arrow__label {
	color: #001B2A;
	padding-left: 43px;
	padding-right: 43px;
	margin-right: -38px;
}

.tene-btn-arrow__arrow.tene-btn-arrow__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin: 0 9px;
	flex-shrink: 0;
}

.tene-btn-arrow__arrow.tene-btn-arrow__arrow svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

/* ---------- Ghost button ---------- */

.tene-btn-ghost.tene-btn-ghost {
	display: inline-flex;
	align-items: center;
	height: 50px;
	padding: 0 49px;
	border: 1.5px solid #749CB2;
	border-radius: 999px;
	background: transparent;
	font-size: 16px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	color: #00446A;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background 0.2s, color 0.2s;
}

.tene-btn-ghost.tene-btn-ghost:hover {
	background: #00446A;
	color: #fff;
	border-color: #00446A;
}

/* ---------- Chip ----------
   Chip styles (.tene-chip*) moved to hello-elementor-child/style.css so they load
   on every page (used by carousel tabs here + chips built in Elementor elsewhere). */

/* ---------- Slant image mask ---------- */

.tene-img-slant.tene-img-slant {
	position: relative;
	overflow: hidden;
	border-radius: 0 0 6px 6px;
}

.tene-img-slant.tene-img-slant img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 12%, 100% 0, 100% 100%, 0 100%);
}

.tene-img-slant--left.tene-img-slant--left img {
	clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
	border-radius: 6px;
}

/* ---------- Eyebrow label ---------- */

.tene-eyebrow.tene-eyebrow {
	font-size: 14px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	color: #D0DDE5;
	margin: 0 0 16px;
}

/* ---------- Quick links bar ---------- */

.tene-quicklinks.tene-quicklinks {
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(41, 61, 73, 0.8);
	border-radius: 53px;
	padding: 8px 32px;
	max-width: 924px;
	flex-wrap: wrap;
}

.tene-quicklinks__label.tene-quicklinks__label {
	font-size: 18px;
	font-weight: 700;
	font-family: Inter, sans-serif;
	color: #fff;
	white-space: nowrap;
}

.tene-quicklinks__chip.tene-quicklinks__chip {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: 999px;
	background: #fff;
	font-size: 16px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	color: #00446A;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.15s;
}

.tene-quicklinks__chip.tene-quicklinks__chip:hover {
	background: #D0DDE5;
}

/* ---------- Carousel ---------- */

.tene-carousel.tene-carousel {
	/* Left edge aligns to the 1300px content column; the track bleeds off the
	   right to the screen edge (no right gutter). Requires the carousel's
	   Elementor section to be full-width for the bleed to reach the viewport. */
	--tene-edge: max(50px, calc((100% - 1500px) / 2));
	max-width: none;
	margin: 0;
	padding: 0 0 0 var(--tene-edge);
}

.tene-carousel__header.tene-carousel__header {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 40px;
	/* keep the tabs + nav arrows within the content column (track still bleeds) */
	padding-right: var(--tene-edge);
}

/* .tene-carousel__title removed — the heading is now built in Elementor above the shortcode. */

/* controls row: tabs on the left, nav circles on the right (title now lives in Elementor above) */
.tene-carousel__controls.tene-carousel__controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
}

/* Small devices: the controls row (tabs + nav) is too wide — stack it.
   Both children go full width with their content spaced between. */
@media (max-width: 630px) {
	.tene-carousel__controls.tene-carousel__controls {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}
	
	.tene-carousel__nav.tene-carousel__nav {
		width: 100%;
		justify-content: space-between;
	}
	.tene-carousel__tabs.tene-carousel__tabs{
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}
	.tene-carousel__header.tene-carousel__header{
		margin-bottom: 20px;
	}
}

.tene-carousel__tabs.tene-carousel__tabs {
	display: flex;
	gap: 12px;
}

.tene-carousel__nav.tene-carousel__nav {
	display: flex;
	gap: 8px;
}

.tene-carousel__arrow.tene-carousel__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 47px;
	height: 47px;
	border-radius: 50%;
	border: 1.5px solid #00446A;
	background: transparent;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
}
/* arrow glyph follows the enabled/disabled state (overrides the SVG's baked fill) */
.tene-carousel__arrow.tene-carousel__arrow svg path {
	fill: #00446A;
	transition: fill 0.15s;
}

/* disabled = track is at the start (prev) or the end (next) */
.tene-carousel__arrow.tene-carousel__arrow:disabled {
	border-color: #749CB2;
	cursor: default;
}
.tene-carousel__arrow.tene-carousel__arrow:disabled svg path {
	fill: #749CB2;
}

.tene-carousel__arrow.tene-carousel__arrow:not(:disabled):hover,
.tene-carousel__arrow.tene-carousel__arrow:not(:disabled):focus-visible {
	background: #00446A;
	border-color: #00446A;
}
.tene-carousel__arrow.tene-carousel__arrow:not(:disabled):hover svg path,
.tene-carousel__arrow.tene-carousel__arrow:not(:disabled):focus-visible svg path {
	fill: #fff;
}

.tene-carousel__track.tene-carousel__track {
	display: none;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 4px;
}

.tene-carousel__track.tene-carousel__track::-webkit-scrollbar {
	display: none;
}

.tene-carousel__track--active.tene-carousel__track--active {
	display: flex;
}

/* card */
.tene-carousel__card.tene-carousel__card {
	flex: 0 0 300px;
	width: 300px;
	min-height: 389px;
	background: #EFF3F6;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	scroll-snap-align: start;
	transition: background 0.2s;
}

.tene-carousel.tene-carousel .tene-carousel__card:hover,
.tene-carousel.tene-carousel .tene-carousel__card:focus-visible {
	background: #D0DDE5;
	text-decoration: none;
}

.tene-carousel__card-top.tene-carousel__card-top {
	flex: 1;
	padding: 21px 24px 16px;
	position: relative;
}

.tene-carousel__card-arrow.tene-carousel__card-arrow {
	position: absolute;
	top: 22px;
	right: 24px;
	width: 50px;
	height: 30px;
}

.tene-carousel__card-arrow.tene-carousel__card-arrow svg {
	display: block;
	width: 50px;
	height: 30px;
}

/* pill outline + arrow glyph; recolor on card hover to match the chips */
.tene-carousel__card-arrow.tene-carousel__card-arrow .tene-card-arrow__pill {
	fill: transparent;
	stroke: #749CB2;
	transition: fill 0.2s, stroke 0.2s;
}

.tene-carousel__card-arrow.tene-carousel__card-arrow .tene-card-arrow__glyph {
	fill: #749CB2;
	transition: fill 0.2s;
}

.tene-carousel__card.tene-carousel__card:hover .tene-card-arrow__pill,
.tene-carousel__card.tene-carousel__card:focus-visible .tene-card-arrow__pill {
	fill: #00446A;
	stroke: #00446A;
}

.tene-carousel__card.tene-carousel__card:hover .tene-card-arrow__glyph,
.tene-carousel__card.tene-carousel__card:focus-visible .tene-card-arrow__glyph {
	fill: #F8971D;
}

.tene-carousel.tene-carousel .tene-carousel__card-title {
	font-family: Inter, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 0 0 12px;
	padding-right: 50px;
}

.tene-carousel.tene-carousel .tene-carousel__card-body {
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #00253A;
	margin: 0;
}

.tene-carousel__card-img.tene-carousel__card-img {
	height: 155px;
	margin: 0 6px 6px;
	overflow: hidden;
	border-radius: 6px;
}

.tene-carousel__card-img.tene-carousel__card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* inline CTA card */
.tene-carousel__cta-card.tene-carousel__cta-card {
	flex: 0 0 300px;
	width: 300px;
	min-height: 389px;
	background: transparent;
	border-radius: 8px;
	padding: 32px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	scroll-snap-align: start;
}

.tene-carousel.tene-carousel .tene-carousel__cta-title {
	font-family: Inter, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 0 0 16px;
}

.tene-carousel.tene-carousel .tene-carousel__cta-body {
	font-family: Inter, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #00253A;
	margin: 0 0 24px;
}

.tene-carousel__cta-link.tene-carousel__cta-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 500;
	color: #00446A;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.tene-carousel__cta-link.tene-carousel__cta-link svg {
	width: 12px;
	height: 12px;
}

/* ---------- Latest posts ---------- */

.tene-posts.tene-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.tene-posts__card.tene-posts__card {
	text-decoration: none;
	color: inherit;
}

.tene-posts__img.tene-posts__img {
	position: relative;
	height: 202px;
	margin-bottom: 16px;
	border-radius: 8px;
	overflow: hidden;
}

.tene-posts__img.tene-posts__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.tene-posts__cat.tene-posts__cat {
	position: absolute;
	top: 16px;
	left: 16px;
	background: #D0DDE5;
	border-radius: 20px;
	padding: 10px 25px;
	font-size: 12px;
	line-height: 1.15;
	font-family: Inter, sans-serif;
	color: #000;
}

.tene-posts__title.tene-posts__title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 0;
}

.tene-posts__card.tene-posts__card:hover .tene-posts__title {
	text-decoration: underline;
}

.tene-posts__empty.tene-posts__empty {
	grid-column: 1 / -1;
	text-align: center;
	color: #58859E;
	font-style: italic;
}

/* ---------- Split feature (image + text) ---------- */

.tene-split-feature.tene-split-feature {
	display: flex;
	align-items: center;
	gap: 45px;
	max-width: 1300px;
	margin: 0 auto;
}

.tene-split-feature__img.tene-split-feature__img {
	flex: 0 0 477px;
	height: 326px;
	overflow: hidden;
}

.tene-split-feature__img.tene-split-feature__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 6%, 100% 94%, 0 100%);
	border-radius: 6px;
}

.tene-split-feature__content.tene-split-feature__content {
	flex: 1;
	max-width: 655px;
}

.tene-split-feature__content.tene-split-feature__content h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.15;
	color: #19262D;
	margin: 0 0 20px;
}

.tene-split-feature__content.tene-split-feature__content p {
	font-size: 16px;
	line-height: 1.4;
	color: #00253A;
	max-width: 581px;
	margin: 0 0 32px;
}

/* ---------- How We Work ---------- */

.tene-howwework.tene-howwework {
	max-width: 1224px;
	margin: 0 auto;
	background: #EFF3F6;
	border-radius: 8px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
}

.tene-howwework__diagram.tene-howwework__diagram {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	min-height: 500px;
}

.tene-howwework__diagram.tene-howwework__diagram img {
	max-width: 100%;
	max-height: 100%;
}

.tene-howwework__steps.tene-howwework__steps {
	flex: 0 0 474px;
	padding: 56px 48px;
}

.tene-howwework__steps.tene-howwework__steps h2 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.15;
	color: #19262D;
	margin: 0 0 40px;
}

.tene-howwework__step.tene-howwework__step {
	margin-bottom: 40px;
}

.tene-howwework__step.tene-howwework__step:last-child {
	margin-bottom: 0;
}

.tene-howwework__step-title.tene-howwework__step-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 0 0 4px;
}

.tene-howwework__step-body.tene-howwework__step-body {
	font-size: 16px;
	line-height: 1.4;
	color: #00253A;
	margin: 0;
}

/* ---------- EndPage CTA ---------- */

.tene-endcta.tene-endcta {
	max-width: 1200px;
	margin: 0 auto;
	background: #fff;
	border-radius: 8px;
	display: flex;
	align-items: stretch;
	overflow: hidden;
}

.tene-endcta__main.tene-endcta__main {
	flex: 1;
	padding: 56px 48px;
}

.tene-endcta__main.tene-endcta__main h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.15;
	color: #19262D;
	max-width: 516px;
	margin: 0 0 16px;
}

.tene-endcta__main.tene-endcta__main p {
	font-size: 16px;
	line-height: 1.4;
	color: #00253A;
	max-width: 490px;
	margin: 0 0 32px;
}

.tene-endcta__buttons.tene-endcta__buttons {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.tene-endcta__sidebar.tene-endcta__sidebar {
	flex: 0 0 320px;
	border-left: 1px solid #D0DDE5;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 48px;
	gap: 32px;
}

.tene-endcta__block-label.tene-endcta__block-label {
	font-size: 14px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	color: #00253A;
	margin: 0 0 4px;
}

.tene-endcta__block-value.tene-endcta__block-value {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 0;
}

.tene-endcta__block-value.tene-endcta__block-value a {
	color: #00446A;
	text-decoration: none;
}

.tene-endcta__block-value.tene-endcta__block-value a:hover {
	text-decoration: underline;
}

/* ---------- Card grid ---------- */

.tene-grid.tene-grid {
	display: grid;
	gap: 20px;
	max-width: 1300px;
	margin: 0 auto;
}

.tene-grid--3col.tene-grid--3col {
	grid-template-columns: repeat(3, 1fr);
}

.tene-grid--2col.tene-grid--2col {
	grid-template-columns: repeat(2, 1fr);
}

/* base card */
.tene-card.tene-card {
	display: flex;
	flex-direction: column;
	background: #EFF3F6;
	border-radius: 8px;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	transition: transform 0.2s;
}

.tene-card.tene-card:hover {
	transform: translateY(-4px);
}

/* category card */
.tene-card--category.tene-card--category {
	min-height: 360px;
}

.tene-card__top.tene-card__top {
	flex: 1;
	padding: 28px 28px 20px;
	position: relative;
}

.tene-card__title.tene-card__title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	color: #00446A;
	margin: 0 0 12px;
	padding-right: 32px;
}

.tene-card__arrow.tene-card__arrow {
	position: absolute;
	top: 28px;
	right: 28px;
	color: #00446A;
}

.tene-card__body.tene-card__body {
	font-size: 15px;
	line-height: 1.45;
	color: #00253A;
	margin: 0;
}

.tene-card__img.tene-card__img {
	height: 140px;
	overflow: hidden;
}

.tene-card__img.tene-card__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tene-card__img--placeholder.tene-card__img--placeholder {
	background: #D0DDE5;
}

/* standard card — text-only, horizontal feel */
.tene-card--standard.tene-card--standard {
	padding: 28px 28px 24px;
	position: relative;
	min-height: 0;
}

.tene-card--standard.tene-card--standard .tene-card__title {
	font-size: 22px;
	margin-bottom: 8px;
}

.tene-card--standard.tene-card--standard .tene-card__body {
	font-size: 15px;
}

.tene-card--standard.tene-card--standard .tene-card__arrow {
	top: 28px;
	right: 28px;
}

/* ---------- "Not Sure Where to Start" band ---------- */

.tene-notsure.tene-notsure {
	display: flex;
	align-items: center;
	gap: 60px;
	max-width: 1300px;
	margin: 0 auto;
}

.tene-notsure__content.tene-notsure__content {
	flex: 1;
}

.tene-notsure__content.tene-notsure__content h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.15;
	color: #fff;
	margin: 0 0 16px;
}

.tene-notsure__content.tene-notsure__content p {
	font-size: 16px;
	line-height: 1.45;
	color: #D0DDE5;
	max-width: 540px;
	margin: 0 0 28px;
}

.tene-notsure__cta.tene-notsure__cta {
	flex: 0 0 340px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(116, 156, 178, 0.3);
	border-radius: 8px;
	padding: 36px 32px;
	text-align: center;
}

.tene-notsure__cta-label.tene-notsure__cta-label {
	font-size: 14px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	color: #D0DDE5;
	margin: 0 0 8px;
}

.tene-notsure__cta-phone.tene-notsure__cta-phone {
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 20px;
}

.tene-notsure__cta-phone.tene-notsure__cta-phone a {
	color: #F8971D;
	text-decoration: none;
}

.tene-notsure__cta-phone.tene-notsure__cta-phone a:hover {
	text-decoration: underline;
}

.tene-notsure__cta-or.tene-notsure__cta-or {
	font-size: 14px;
	color: #D0DDE5;
	margin: 0 0 16px;
}

/* ---------- Accreditations band ---------- */

.tene-accred-band.tene-accred-band {
	max-width: 1300px;
	margin: 0 auto;
}

.tene-accred-band__inner.tene-accred-band__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 48px;
	flex-wrap: wrap;
}

.tene-accred-band__item.tene-accred-band__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	text-align: center;
}

.tene-accred-band__logo.tene-accred-band__logo {
	width: 72px;
	height: 72px;
	object-fit: contain;
}

.tene-accred-band__logo-placeholder.tene-accred-band__logo-placeholder {
	width: 72px;
	height: 72px;
	background: #D0DDE5;
	border-radius: 50%;
}

.tene-accred-band__name.tene-accred-band__name {
	font-size: 13px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	color: #00253A;
	max-width: 120px;
}

/* ---------- Services hub hero ---------- */

.tene-services-hero__eyebrow.tene-services-hero__eyebrow {
	font-size: 14px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	color: #D0DDE5;
	margin: 0 0 16px;
}

/* ---------- Testing Methods directory (two-pane) ---------- */

.tene-methods.tene-methods {
	display: flex;
	align-items: stretch;
	gap: 24px;
	max-width: 1500px;
	margin: 0 auto;
}

/* left rail */
.tene-methods__list.tene-methods__list {
	flex: 0 0 397px;
	display: flex;
	flex-direction: column;
	background: #EFF3F6;
	border: 1px solid #749CB2;
	border-radius: 8px;
	overflow: hidden;
}

.tene-methods__list-header.tene-methods__list-header {
	margin: 0;
	padding: 18px 20px;
	font-size: 18px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.72px;
	color: #385565;
	border-bottom: 1px solid #D0DDE5;
}

.tene-methods__scroll.tene-methods__scroll {
	overflow-y: auto;
	max-height: 620px;
	scrollbar-width: thin;
	scrollbar-color: #00446A #D0DDE5;
}

.tene-methods__scroll.tene-methods__scroll::-webkit-scrollbar {
	width: 6px;
}
.tene-methods__scroll.tene-methods__scroll::-webkit-scrollbar-track {
	background: #D0DDE5;
}
.tene-methods__scroll.tene-methods__scroll::-webkit-scrollbar-thumb {
	background: #00446A;
	border-radius: 3px;
}

.tene-methods__list.tene-methods__list .tene-methods__item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	text-align: left;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-bottom: 1px solid #D0DDE5;
	border-radius: 0;
	margin: 0;
	padding: 18px 20px 18px 24px;
	color: inherit;
	cursor: pointer;
	font-family: Inter, sans-serif;
	transition: background 0.15s, box-shadow 0.15s;
}

.tene-methods__list.tene-methods__list .tene-methods__item:hover {
	background: rgba(255, 255, 255, 0.6);
}

.tene-methods__list.tene-methods__list .tene-methods__item:hover .tene-methods__item-title {
	color: #00446A;
}

/* keyboard focus — inset ring so it isn't clipped by the scroll container.
   Scoped + !important to beat the theme/UA button focus styles. */
.tene-methods__list.tene-methods__list .tene-methods__item:focus {
	outline: none;
}

.tene-methods__list.tene-methods__list .tene-methods__item:focus-visible {
	outline: none !important;
	background: #fff;
	box-shadow: inset 0 0 0 3px #00446A !important;
}

/* pressed */
.tene-methods__list.tene-methods__list .tene-methods__item:active {
	background: #E4EBF0;
}

.tene-methods__list.tene-methods__list .tene-methods__item--active {
	background: #fff;
}

.tene-methods__list.tene-methods__list .tene-methods__item--active::before {
	content: "";
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: 5px;
	height: 47px;
	background: #385565;
	border-radius: 8px;
}

.tene-methods__item-title.tene-methods__item-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.15;
	color: #19262D;
	transition: color 0.15s;
	white-space: normal;
}

.tene-methods__item-summary.tene-methods__item-summary {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	color: #00253A;
	white-space: normal;
}

/* right detail pane */
.tene-methods__panels.tene-methods__panels {
	flex: 1;
	min-width: 0;
	background: #EFF3F6;
	border-radius: 8px;
	padding: 40px 44px;
}

.tene-methods__panel.tene-methods__panel {
	display: none;
}

.tene-methods__panel--active.tene-methods__panel--active {
	display: block;
}

.tene-methods__eyebrow.tene-methods__eyebrow {
	margin: 0 0 4px;
	font-size: 18px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.72px;
	color: #00446A;
}

.tene-methods__title.tene-methods__title {
	margin: 0 0 16px;
	font-size: 44px;
	font-weight: 700;
	line-height: 1.15;
	color: #19262D;
}

.tene-methods__body.tene-methods__body {
	font-size: 16px;
	line-height: 1.45;
	color: #00253A;
}

.tene-methods__body.tene-methods__body p {
	margin: 0 0 16px;
}

.tene-methods__images.tene-methods__images {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 24px 0;
}

.tene-methods__image.tene-methods__image {
	width: 200px;
	height: 120px;
	border-radius: 6px;
	overflow: hidden;
	background: #385565;
}

.tene-methods__image.tene-methods__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tene-methods__chiprow.tene-methods__chiprow {
	margin-top: 28px;
}

.tene-methods__chiprow-label.tene-methods__chiprow-label {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	color: #58859E;
}

.tene-methods__chips.tene-methods__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tene-methods__chip.tene-methods__chip {
	display: inline-flex;
	align-items: center;
	padding: 9px 28px;
	border-radius: 20px;
	background: #EFF3F6;
	border: 1px solid #93B2C3;
	font-size: 16px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	color: #00446A;
	text-decoration: none;
	white-space: nowrap;
}

a.tene-methods__chip.tene-methods__chip {
	transition: background 0.15s, border-color 0.15s;
}

a.tene-methods__chip.tene-methods__chip:hover {
	background: #D0DDE5;
}

.tene-methods__chip--pill.tene-methods__chip--pill {
	border-width: 1.5px;
	border-color: #749CB2;
	border-radius: 50px;
	padding: 10px 20px;
}

/* ---------- Industry "What we test" focus-card grid ---------- */

.tene-focusgrid.tene-focusgrid {
	/* full width of the containing element; the page layout owns any max width */
	width: 100%;
}

.tene-focusgrid__cards.tene-focusgrid__cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 27px 40px;
}

.tene-focusgrid__card.tene-focusgrid__card {
	background: #fff;
	border: 1.5px solid #749CB2;
	border-radius: 8px;
	padding: 28px 32px;
	/* let the card shrink inside the grid track instead of overflowing */
	min-width: 0;
}

.tene-focusgrid__card-head.tene-focusgrid__card-head {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 16px;
}

.tene-focusgrid__icon.tene-focusgrid__icon {
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	background: #58859E;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tene-focusgrid__icon.tene-focusgrid__icon img {
	width: 28px;
	height: 28px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

.tene-focusgrid__card-title.tene-focusgrid__card-title {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	color: #19262D;
}

.tene-focusgrid__card-body.tene-focusgrid__card-body {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.45;
	color: #00253A;
}

.tene-focusgrid__chips-label.tene-focusgrid__chips-label {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
	font-family: Inter, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.56px;
	color: #58859E;
}

.tene-focusgrid__chips.tene-focusgrid__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.tene-focusgrid__chip.tene-focusgrid__chip {
	display: inline-flex;
	align-items: center;
	padding: 9px 24px;
	border-radius: 20px;
	background: #EFF3F6;
	border: 1.5px solid #749CB2;
	font-size: 16px;
	font-weight: 500;
	font-family: Inter, sans-serif;
	color: #00253A;
	white-space: nowrap;
}

/* linked chips (standard entries and methods) get the standard chip hover */
a.tene-focusgrid__chip.tene-focusgrid__chip {
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

a.tene-focusgrid__chip.tene-focusgrid__chip:hover,
a.tene-focusgrid__chip.tene-focusgrid__chip:focus-visible {
	background: #00446A;
	border-color: #00446A;
	color: #fff;
	text-decoration: none;
}

/* methods-directory deep links (#method-{id}): clear the sticky header */
.tene-methods.tene-methods {
	scroll-margin-top: 120px;
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	.tene-methods.tene-methods {
		flex-direction: column;
	}
	.tene-methods__list.tene-methods__list {
		flex: none;
		width: 100%;
	}
	.tene-methods__scroll.tene-methods__scroll {
		max-height: 320px;
	}
	.tene-methods__panels.tene-methods__panels {
		padding: 32px 28px;
	}
	.tene-methods__title.tene-methods__title {
		font-size: 34px;
	}
	.tene-carousel__header.tene-carousel__header {
		flex-direction: column;
		align-items: flex-start;
	}
	.tene-split-feature.tene-split-feature {
		flex-direction: column;
	}
	.tene-split-feature__img.tene-split-feature__img {
		flex: none;
		width: 100%;
		height: 240px;
	}
	.tene-howwework.tene-howwework {
		flex-direction: column;
	}
	.tene-howwework__steps.tene-howwework__steps {
		flex: none;
		width: 100%;
	}
	.tene-endcta.tene-endcta {
		flex-direction: column;
	}
	.tene-endcta__sidebar.tene-endcta__sidebar {
		flex: none;
		border-left: none;
		border-top: 1px solid #D0DDE5;
	}
	.tene-posts.tene-posts {
		grid-template-columns: 1fr;
	}
	.tene-grid--3col.tene-grid--3col {
		grid-template-columns: repeat(2, 1fr);
	}
	.tene-notsure.tene-notsure {
		flex-direction: column;
		gap: 32px;
	}
	.tene-notsure__cta.tene-notsure__cta {
		flex: none;
		width: 100%;
	}
	/* focus cards: two columns get tight on tablets, scale the insides down */
	.tene-focusgrid__cards.tene-focusgrid__cards {
		gap: 20px 24px;
	}
	.tene-focusgrid__card.tene-focusgrid__card {
		padding: 24px;
	}
	.tene-focusgrid__card-title.tene-focusgrid__card-title {
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.tene-carousel__card.tene-carousel__card,
	.tene-carousel__cta-card.tene-carousel__cta-card {
		flex: 0 0 260px;
		width: 260px;
		min-height: 340px;
	}
	.tene-carousel.tene-carousel .tene-carousel__card-title {
		font-size: 20px;
	}
	.tene-quicklinks.tene-quicklinks {
		padding: 12px 20px;
		border-radius: 16px;
		gap: 8px;
	}
	.tene-carousel.tene-carousel {
		--tene-edge: 20px;
	}
	.tene-grid--3col.tene-grid--3col,
	.tene-grid--2col.tene-grid--2col {
		grid-template-columns: 1fr;
	}
	.tene-focusgrid__cards.tene-focusgrid__cards {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.tene-focusgrid__card.tene-focusgrid__card {
		padding: 20px;
	}
	.tene-focusgrid__card-head.tene-focusgrid__card-head {
		gap: 14px;
		margin-bottom: 12px;
	}
	.tene-focusgrid__icon.tene-focusgrid__icon {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
	}
	.tene-focusgrid__icon.tene-focusgrid__icon img {
		width: 24px;
		height: 24px;
	}
	.tene-focusgrid__card-title.tene-focusgrid__card-title {
		font-size: 20px;
	}
	.tene-focusgrid__card-body.tene-focusgrid__card-body {
		margin-bottom: 16px;
	}
	.tene-focusgrid__chips.tene-focusgrid__chips {
		gap: 8px;
	}
	/* long method names must wrap inside the chip, not overflow the card */
	.tene-focusgrid__chip.tene-focusgrid__chip {
		padding: 8px 16px;
		font-size: 14px;
		white-space: normal;
		max-width: 100%;
	}
	.tene-notsure__content.tene-notsure__content h2 {
		font-size: 28px;
	}
	.tene-accred-band__inner.tene-accred-band__inner {
		gap: 32px;
	}
}

/* ---------- FAQ accordion ([tene_faqs]) — Figma node 597:1251 ---------- */
.tene-faqs.tene-faqs {
	margin: 0 auto;
	padding: 0;
}

.tene-faqs__heading.tene-faqs__heading {
	font-family: Inter, sans-serif;
	font-size: 44px;
	font-weight: 600;
	line-height: 1.1;
	color: #19262D;
	margin: 0 0 24px;
}

.tene-faqs__panel.tene-faqs__panel {
	background: #EFF3F6;
	border-radius: 16px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tene-faqs__item.tene-faqs__item {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.tene-faqs__q.tene-faqs__q {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 16px 22px;
	background: none;
	border: none;
	cursor: pointer;
	text-align: left;
	font-family: Inter, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	color: #00253A;
}
/* neutralize the child-theme button:hover (which is orange) on the FAQ row */
.tene-faqs.tene-faqs .tene-faqs__q:hover,
.tene-faqs.tene-faqs .tene-faqs__q:focus {
	background: none;
}

.tene-faqs__q-text.tene-faqs__q-text {
	/* min-width 0 lets the flex item shrink below its content width so long
	   questions wrap instead of pushing the toggle button out of view */
	flex: 1 1 auto;
	min-width: 0;
	white-space: normal;
	overflow-wrap: break-word;
}

.tene-faqs__toggle.tene-faqs__toggle {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #EFF3F6;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #00253A;
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;
}

.tene-faqs__toggle.tene-faqs__toggle svg {
	display: block;
	width: 12px;
	height: 12px;
}

.tene-faqs__a.tene-faqs__a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.28s ease;
}

.tene-faqs__a-inner.tene-faqs__a-inner {
	padding: 0 22px 20px;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.45;
	color: #00253A;
}

.tene-faqs__a-inner.tene-faqs__a-inner p { margin: 0 0 12px; }
.tene-faqs__a-inner.tene-faqs__a-inner p:last-child { margin-bottom: 0; }

/* open: the + rotates into a teal x */
.tene-faqs__item.tene-faqs__item.is-open .tene-faqs__toggle {
	transform: rotate(405deg);
	color: #58859E;
}

/* ---------- Annual seminar card ([tene_seminar]) — Figma 597:1837 ---------- */

.tene-seminar.tene-seminar {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-family: Inter, sans-serif;
}

/* Placeholder state has no detail rows and auto height; the right-hand
   Training Formats column governs the section's overall alignment. The card
   shell (580x605 dark panel, 39px insets) comes from the Elementor container
   the shortcode sits in, not from this block. */

.tene-seminar__chip.tene-seminar__chip {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 9px 28px;
	border: 1.5px solid #F8971D;
	border-radius: 20px;
	background: transparent;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	color: #FFFFFF;
	white-space: nowrap;
}

.tene-seminar.tene-seminar .tene-seminar__title {
	margin: 28px 0 0;
	/* 26px is off the token scale; implemented as designed (flagged to designer) */
	font-size: 26px;
	font-weight: 700;
	line-height: 1.15;
	color: #FFFFFF;
}

.tene-seminar__intro.tene-seminar__intro {
	margin: 28px 0 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	color: #FFFFFF;
}

.tene-seminar__rows.tene-seminar__rows {
	width: 100%;
	margin-top: 25.5px;
	margin-bottom: 30.5px;
}

.tene-seminar__row.tene-seminar__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 47px;
}

.tene-seminar__row.tene-seminar__row:not(:last-child) {
	/* Figma divider vector: 1.5px solid border-tint, not a white alpha */
	border-bottom: 1.5px solid #749CB2;
}

.tene-seminar__label.tene-seminar__label {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #FFFFFF;
}

.tene-seminar__value.tene-seminar__value {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	color: #FFFFFF;
	text-align: right;
}

.tene-seminar__content.tene-seminar__content {
	margin-top: 28px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	color: #FFFFFF;
}

.tene-seminar__content.tene-seminar__content p {
	margin: 0 0 16px;
}

.tene-seminar__content.tene-seminar__content p:last-child {
	margin-bottom: 0;
}

.tene-seminar__btn.tene-seminar__btn {
	margin-top: auto;
}

.tene-seminar--placeholder.tene-seminar--placeholder .tene-seminar__btn {
	margin-top: 28px;
}

@media (max-width: 640px) {
	.tene-seminar__row.tene-seminar__row {
		flex-wrap: wrap;
		padding: 10px 0;
	}
}

/* Anchor deep links (anchors.js): keep the opened accordion item clear of the
   sticky header when scrolled into view. */
.e-n-accordion-item.e-n-accordion-item {
	scroll-margin-top: 120px;
}

/* ---------- Consulting single components (Figma 1033:459) ---------- */

/* [tene_who_benefits]: audience bold, description below, 16px between items */
.tene-benefits.tene-benefits {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.tene-benefits__item.tene-benefits__item {
	font-family: Inter, sans-serif;
	font-size: 14px;
	line-height: 1.45;
	color: #00253A;
}

.tene-benefits__audience.tene-benefits__audience {
	display: block;
	font-weight: 700;
}

/* Consulting single: What We Do / Typical Outcomes wysiwyg bullet lists
   (widgets svcwys1/svcwys2 in template 3615; color set per card on the widget) */
.elementor-element-svcwys1 ul,
.elementor-element-svcwys2 ul {
	list-style: disc;
	margin: 0;
	padding: 0 0 0 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.elementor-element-svcwys1 li,
.elementor-element-svcwys2 li {
	margin: 0;
}

/* [tene_service_faqs]: heading + the [tene_faqs] panel, per-section overrides */
.tene-svcfaqs__heading.tene-svcfaqs__heading {
	font-family: Inter, sans-serif;
	font-size: 48px;
	font-weight: 600;
	line-height: 1.15;
	color: #19262D;
	max-width: 413px;
	margin: 0 0 24px;
}

.tene-svcfaqs.tene-svcfaqs .tene-faqs__panel {
	padding: 79px 63px;
}

.tene-svcfaqs.tene-svcfaqs .tene-faqs__q {
	color: #00446A;
	font-weight: 600;
	line-height: 1.3;
}

.tene-svcfaqs.tene-svcfaqs .tene-faqs__toggle {
	width: 40px;
	height: 40px;
	background: #EFF3F6;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.tene-svcfaqs__heading.tene-svcfaqs__heading {
		font-size: 32px;
	}
	.tene-svcfaqs.tene-svcfaqs .tene-faqs__panel {
		padding: 24px;
	}
}

/* ---------- Standard-entry chips ([tene_standard_entry_chips]) — Figma 694:1410 ---------- */

.tene-stdchips.tene-stdchips {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.tene-stdchips__standard.tene-stdchips__standard {
	font-family: Inter, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 0 0 14px;
}

.tene-stdchips__row.tene-stdchips__row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* white pill with a border so it reads on the light panel background */
.tene-stdchips__chip.tene-stdchips__chip {
	background: #fff;
	border: 1px solid #749CB2;
	padding: 8px 18px;
	font-size: 15px;
}

/* hover: light-blue fill with mid-blue text (overrides the .tene-chip navy
   hover, whose color carries !important in the child theme) */
a.tene-stdchips__chip.tene-stdchips__chip:hover,
a.tene-stdchips__chip.tene-stdchips__chip:focus-visible {
	background: #D0DDE5;
	color: #00446A !important;
}

@media (max-width: 767px) {
	.tene-faqs__panel.tene-faqs__panel { padding: 0; }
	.tene-faqs__heading.tene-faqs__heading { font-size: 32px; }
	.tene-faqs__item.tene-faqs__item { border-radius: 12px; }
	.tene-faqs__q.tene-faqs__q { font-size: 18px; gap: 16px; padding: 14px 16px; }
	.tene-faqs__a-inner.tene-faqs__a-inner { padding: 0 16px 16px; font-size: 16px; }
}

/* ---------- Standard entries accordion ([tene_standard_entries]) ----------
   Dynamic replacement for the static nested accordion in template 79. Native
   <details>; the name attribute keeps max one open in current browsers.
   Item ids are the sanitized standard codes for chip deep links (anchors.js).
   Restyled 2026-09-02 to Figma 694-1914: #EFF3F6 borderless cards, code and
   teaser side by side on a shared 236px+32px grid, white plus/times toggle,
   bordered meta strip (--tene-meta-cols set inline by the shortcode), 1.5px
   #749CB2 rules, white note callout with navy document chip. TEMP: the note
   glyph is a generic stroke document icon, not Figma's File_dock_light —
   flagged for replacement. */

/* container & card */
.tene-entries.tene-entries {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
	padding: 0;
}

.tene-entries__item.tene-entries__item {
	background: #EFF3F6;
	border: 0;
	border-radius: 8px;
	overflow: hidden;
	scroll-margin-top: 120px; /* clear the sticky header on deep links */
}

/* header row: toggle pinned to the top of the text block */
.tene-entries__head.tene-entries__head {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 32px 40px;
	min-height: 124px;
	box-sizing: border-box;
	cursor: pointer;
	list-style: none;
	font-family: Inter, sans-serif;
}
.tene-entries__head.tene-entries__head::-webkit-details-marker {
	display: none;
}

/* code and teaser side by side; the 236px column + 32px gap puts the teaser
   on the same 268px edge as the key-parameter values below */
.tene-entries__head-text.tene-entries__head-text {
	flex: 1 1 auto;
	min-width: 0;
	display: grid;
	grid-template-columns: 236px minmax(0, 1fr);
	column-gap: 32px;
	align-items: start;
}

.tene-entries__code.tene-entries__code {
	grid-column: 1;
	grid-row: 1;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
}

/* Standard Title: subtitle under the code in the left column */
.tene-entries__subtitle.tene-entries__subtitle {
	grid-column: 1;
	grid-row: 2;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: #00253A;
	margin-top: 4px;
}

.tene-entries__teaser.tene-entries__teaser {
	grid-column: 2;
	grid-row: 1 / span 2;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	color: #00253A;
    padding-top: 3px;
}

/* toggle: white square holding a static plus glyph; the box itself rotates
   45deg when the item opens (plus -> times), same mechanic and timing as the
   FAQ accordion toggle */
.tene-entries__chevron.tene-entries__chevron {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: #FFFFFF;
	position: relative;
	/* 405deg = 360 + 45: the box spins one full turn before settling as an x,
	   and unwinds the full turn on close */
	transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.tene-entries__item.tene-entries__item[open] > .tene-entries__head .tene-entries__chevron {
	transform: rotate(405deg);
}
/* entries.js keeps every item [open] and carries the visual state on
   .is-open, so under --anim the attribute no longer means "expanded" */
.tene-entries--anim.tene-entries--anim .tene-entries__item[open] > .tene-entries__head .tene-entries__chevron {
	transform: none;
}
.tene-entries--anim.tene-entries--anim .tene-entries__item.is-open > .tene-entries__head .tene-entries__chevron {
	transform: rotate(405deg);
}
.tene-entries__chevron.tene-entries__chevron::before,
.tene-entries__chevron.tene-entries__chevron::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 17px;
	height: 0;
	border-top: 1.5px solid #00446A;
	border-right: 0;
	border-bottom: 0;
}
.tene-entries__chevron.tene-entries__chevron::before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.tene-entries__chevron.tene-entries__chevron::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

/* open/close animation (FAQ-style): entries.js adds --anim and drives
   max-height between 0 and scrollHeight; without JS this rule never applies */
.tene-entries--anim.tene-entries--anim .tene-entries__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.28s ease;
}

/* open panel: the animated element carries no padding (a padded box still
   shows its padding at max-height 0 - same reason the FAQ uses __a-inner);
   the inner wrapper holds the 40px inset */
.tene-entries__body.tene-entries__body {
	padding: 0;
	border-top: 0;
	font-family: Inter, sans-serif;
	color: #00253A;
}
.tene-entries__body-inner.tene-entries__body-inner {
	padding: 0 40px 40px;
}

/* meta strip (Issuing Body / Transport Modes / Test Type) */
.tene-entries__meta.tene-entries__meta {
	display: grid;
	grid-template-columns: repeat(var(--tene-meta-cols, 3), minmax(0, 1fr));
	border: 1.5px solid #749CB2;
	border-radius: 16px;
	min-height: 104px;
	margin-bottom: 24px;
}
.tene-entries__meta-cell.tene-entries__meta-cell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	padding: 24px 30px;
}
.tene-entries__meta-cell.tene-entries__meta-cell + .tene-entries__meta-cell {
	border-left: 1.5px solid #749CB2;
}
.tene-entries__meta-label.tene-entries__meta-label {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #293D49;
}
.tene-entries__meta-value.tene-entries__meta-value {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	color: #00253A;
}

/* section headings & overview */
.tene-entries__h.tene-entries__h {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: #00446A;
	margin: 32px 0 16px;
}
.tene-entries__section.tene-entries__section:first-of-type .tene-entries__h {
	margin-top: 24px;
}

.tene-entries__overview.tene-entries__overview {
	font-size: 16px;
	line-height: 1.4;
}
.tene-entries__overview.tene-entries__overview p {
	margin: 0 0 12px;
}
.tene-entries__overview.tene-entries__overview p:last-child {
	margin-bottom: 0;
}

/* key parameter rows: dividers between rows only */
.tene-entries__rows.tene-entries__rows {
	display: flex;
	flex-direction: column;
}

.tene-entries__row.tene-entries__row {
	display: flex;
	gap: 32px;
	padding: 20px 0;
	border-bottom: 1.5px solid #749CB2;
	font-size: 16px;
	line-height: 1.4;
}
.tene-entries__row.tene-entries__row:last-child {
	border-bottom: none;
}

.tene-entries__label.tene-entries__label {
	flex: 0 0 236px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	color: #00253A;
}

.tene-entries__value.tene-entries__value {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.4;
}

/* note callout: white card with navy document chip */
.tene-entries__note.tene-entries__note {
	display: flex;
	align-items: flex-start;
	gap: 32px;
	margin-top: 32px;
	padding: 32px;
	background: #FFFFFF;
	border-radius: 16px;
	font-size: 16px;
	line-height: 1.4;
	color: #00253A;
}
.tene-entries__note.tene-entries__note::before {
	content: "";
	flex: 0 0 40px;
	height: 40px;
	border-radius: 8px;
	background: #00446A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h7.6l4.4 4.4v12.6h-12z'/%3E%3Cpath d='M14.1 3.5v4.4h4.4'/%3E%3Cpath d='M9.5 12.5h5M9.5 15.5h5'/%3E%3C/svg%3E") center / 24px no-repeat;
}

@media (max-width: 767px) {
	.tene-entries__head.tene-entries__head {
		padding: 20px 24px;
		min-height: 0;
	}
	.tene-entries__head-text.tene-entries__head-text {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 8px;
	}
	.tene-entries__code.tene-entries__code,
	.tene-entries__subtitle.tene-entries__subtitle,
	.tene-entries__teaser.tene-entries__teaser {
		grid-column: 1;
		grid-row: auto;
	}
	.tene-entries__subtitle.tene-entries__subtitle {
		margin-top: 0;
	}
	.tene-entries__meta.tene-entries__meta {
		grid-template-columns: minmax(0, 1fr);
	}
	.tene-entries__meta-cell.tene-entries__meta-cell + .tene-entries__meta-cell {
		border-left: 0;
		border-top: 1.5px solid #749CB2;
	}
	.tene-entries__row.tene-entries__row {
		flex-direction: column;
		gap: 4px;
	}
	.tene-entries__label.tene-entries__label {
		flex: 0 0 auto;
	}
	.tene-entries__note.tene-entries__note {
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tene-entries__chevron.tene-entries__chevron,
	.tene-faqs__toggle.tene-faqs__toggle,
	.tene-entries--anim.tene-entries--anim .tene-entries__body,
	.tene-faqs__a.tene-faqs__a {
		transition: none;
	}
}

/* ---------- FAQ page tabs ([tene_faq_tabs]) ----------
   Restyled to Figma 1144-2378 (2026-09-08). Tab per faq_topic term over an
   FAQ accordion panel; one shared pill slides between tabs (faq-tabs.js) with
   the nav indicator's motion: translate3d + width at 420ms
   cubic-bezier(.32,.72,0,1), opacity 220ms. The tab the pill sits behind
   carries .on-pill (white 600 label). Every accordion override below is
   scoped under .tene-faqtabs: the shared .tene-faqs styles used by the
   single-page FAQ sections are authoritative and stay untouched.
   Breakpoints are the site's active Elementor set: tablet max 1024,
   mobile max 767. */
.tene-faqtabs.tene-faqtabs {
	margin: 0;
	padding: 0;
}

/* Tab bar: 45px track, radius 30, labels centered with 64px between them
   (32px padding on each label). Track and panel widths are max-widths inside
   the page container, per the 1300px reference frame. */
.tene-faqtabs__tabs.tene-faqtabs__tabs {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
	gap: 0;
	width: fit-content;
	max-width: 1060px;
	height: 45px;
	background: #eff3f6;
	border-radius: 30px;
	padding: 0;
	margin: 0 0 32px;
}

.tene-faqtabs__tab.tene-faqtabs__tab {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 0;
	background: transparent;
	cursor: pointer;
	border-radius: 30px;
	height: 45px;
	padding: 0 32px;
	font-family: Inter, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
	color: #00253a;
	white-space: nowrap;
	transition: color .3s;
}
/* neutralize the child-theme button hover/focus (orange) on tab buttons */
.tene-faqtabs.tene-faqtabs .tene-faqtabs__tab:hover,
.tene-faqtabs.tene-faqtabs .tene-faqtabs__tab:focus {
	background: transparent;
	color: #00253a;
}
/* the tab behind the pill: Semi Bold white, tighter line height */
.tene-faqtabs__tab.tene-faqtabs__tab.on-pill,
.tene-faqtabs.tene-faqtabs .tene-faqtabs__tab.on-pill:hover,
.tene-faqtabs.tene-faqtabs .tene-faqtabs__tab.on-pill:focus {
	color: #ffffff;
	font-weight: 600;
	line-height: 1.09;
}
.tene-faqtabs__tab.tene-faqtabs__tab:focus-visible {
	outline: 2px solid #f8971d;
	outline-offset: 2px;
}

.tene-faqtabs__pill.tene-faqtabs__pill {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
	width: var(--pill-w, 0px);
	height: var(--pill-h, 45px);
	border-radius: 30px;
	background: #00446a;
	opacity: var(--pill-o, 0);
	transform: translate3d(var(--pill-x, 0px), var(--pill-y, 0px), 0);
	transition: transform .42s cubic-bezier(.32, .72, 0, 1),
	            width     .42s cubic-bezier(.32, .72, 0, 1),
	            opacity   .22s ease;
	will-change: transform, width;
}
.tene-faqtabs__pill.tene-faqtabs__pill.is-static {
	transition: none !important;
}

/* Panel: grey card, title 38px from the top, accordion inset 63px, 67px
   between title and first item. */
.tene-faqtabs__panel.tene-faqtabs__panel {
	display: none;
}
.tene-faqtabs__panel.tene-faqtabs__panel.is-active {
	display: block;
	max-width: 1500px;
	margin: 0 auto;
	background: #eff3f6;
	border-radius: 16px;
	padding: 38px 63px 63px;
}

.tene-faqtabs__panel-heading.tene-faqtabs__panel-heading {
	font-family: Inter, sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.45;
	color: #00253a;
	margin: 0 0 67px;
}

/* Accordion overrides, FAQ page only (.tene-faqtabs scope). The inner
   .tene-faqs__panel already paints the same grey; make it transparent so the
   outer panel owns the card. */
.tene-faqtabs .tene-faqs__panel.tene-faqs__panel {
	background: transparent;
	border-radius: 0;
}
/* collapsed item: 13/23/14/22 padding gives the 67px single-line height
   (40px toggle + 13 + 14) */
.tene-faqtabs .tene-faqs__q.tene-faqs__q {
	padding: 13px 23px 14px 22px;
}
/* expanded item: question drops to 18px; the toggle row's padding puts the
   box 23px from the top and right edges */
.tene-faqtabs .tene-faqs__item.is-open .tene-faqs__q.tene-faqs__q {
	padding-top: 23px;
}
.tene-faqtabs .tene-faqs__item.is-open .tene-faqs__q-text.tene-faqs__q-text {
	font-size: 18px;
}
/* toggle glyph: 12px plus, centered in the 40px box (box + rotation come
   from the shared styles) */
.tene-faqtabs .tene-faqs__toggle.tene-faqs__toggle svg {
	width: 12px;
	height: 12px;
}
/* answer body: 18px with 16px paragraph rhythm, none on the last */
.tene-faqtabs .tene-faqs__a-inner.tene-faqs__a-inner {
	font-size: 18px;
	line-height: 1.45;
	color: #00253a;
}
.tene-faqtabs .tene-faqs__a-inner.tene-faqs__a-inner p {
	margin: 0 0 16px;
}
.tene-faqtabs .tene-faqs__a-inner.tene-faqs__a-inner p:last-child {
	margin-bottom: 0;
}

/* tablet, site breakpoint max 1024 */
@media (max-width: 1024px) {
	.tene-faqtabs__tabs.tene-faqtabs__tabs {
		justify-content: flex-start;
		overflow-x: auto;
		scrollbar-width: none;
	}
	.tene-faqtabs__tabs.tene-faqtabs__tabs::-webkit-scrollbar {
		display: none;
	}
	.tene-faqtabs__tab.tene-faqtabs__tab {
		padding: 0 16px;
	}
	.tene-faqtabs__panel.tene-faqtabs__panel.is-active {
		padding: 32px 40px 40px;
	}
	.tene-faqtabs__panel-heading.tene-faqtabs__panel-heading {
		margin-bottom: 40px;
	}
}

/* mobile, site breakpoint max 767 */
@media (max-width: 767px) {
	.tene-faqtabs__tabs.tene-faqtabs__tabs {
		flex-wrap: wrap;
		height: auto;
		border-radius: 24px;
		padding: 6px;
		gap: 4px;
		overflow: visible;
	}
	.tene-faqtabs__tab.tene-faqtabs__tab {
		font-size: 16px;
		height: 40px;
		padding: 0 14px;
	}
	.tene-faqtabs__panel.tene-faqtabs__panel.is-active {
		padding: 24px 20px 24px;
		border-radius: 12px;
	}
	.tene-faqtabs__panel-heading.tene-faqtabs__panel-heading {
		font-size: 24px;
		margin-bottom: 24px;
	}
	.tene-faqtabs .tene-faqs__q-text.tene-faqs__q-text {
		font-size: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tene-faqtabs__pill.tene-faqtabs__pill {
		transition: opacity .2s ease !important;
	}
}

/* =====================================================================
   Imagify <picture> mode: the wrapper inherits the atomic image widget's
   classes (incl. border-radius and width), leaving the inner img as an
   unstyled child, so radius stopped clipping. Make the picture the
   visual box and let the img fill and inherit it. Scoped to atomic
   e-image widgets; classic widgets style their img by descendant and
   are unaffected.
   ===================================================================== */
picture.e-image-base.e-image-base { display: block; overflow: clip; }
picture.e-image-base.e-image-base > img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: inherit;
}


/* Carousel arrows animate via CSS scroll-behavior (JS smooth scrollBy is
   snap-cancelled in Chrome on mandatory-snap tracks). */
.tene-carousel__track.tene-carousel__track { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	.tene-carousel__track.tene-carousel__track { scroll-behavior: auto; }
}