.institutional-navigation {
	border-top: 1px solid rgb(5 5 6 / 14%);
	border-bottom: 1px solid rgb(5 5 6 / 14%);
	background: var(--color-surface);
}

.institutional-navigation__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: var(--container-wide);
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.institutional-navigation__list > li { min-width: 0; flex: 1 1 20%; }

.institutional-navigation__list a,
.institutional-navigation__list button {
	display: flex;
	width: 100%;
	min-height: clamp(5.5rem, 8vw, 8rem);
	align-items: center;
	justify-content: center;
	gap: clamp(0.65rem, 1.3vw, 1.25rem);
	padding: 1rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--color-text);
	font-family: var(--font-family-body);
	font-size: clamp(1rem, 1.45vw, 1.45rem);
	font-weight: var(--font-weight-bold);
	text-decoration: none;
}

.institutional-navigation__list a:hover,
.institutional-navigation__list button:hover,
.institutional-navigation__list button[aria-expanded="true"] {
	background: var(--color-secondary);
	color: var(--color-on-secondary);
}

.institutional-navigation__list img {
	width: clamp(2rem, 3vw, 3.25rem);
	height: clamp(2rem, 3vw, 3.25rem);
	object-fit: contain;
}

/* The supplied annual-report asset is white; match the black default icon set. */
.institutional-navigation__icon--black { filter: brightness(0) saturate(100%); }

.institutional-navigation__list a:hover img,
.institutional-navigation__list button:hover img,
.institutional-navigation__list button[aria-expanded="true"] img { filter: invert(55%) sepia(96%) saturate(1988%) hue-rotate(345deg) brightness(102%); }

.institutional-panel { padding-block: clamp(2rem, 4vw, 4rem); }
.institutional-panel[hidden] { display: none; }
.institutional-panel > .container { opacity: 0; transform: translateY(0.5rem); transition: opacity var(--transition-base), transform var(--transition-base); }
.institutional-panel.is-open > .container { opacity: 1; transform: translateY(0); }

.institutional-panel__content {
	padding: clamp(1.5rem, 4vw, 4rem);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-surface);
}

.institutional-panel__header { max-width: 65rem; margin-bottom: var(--space-6); }
.institutional-panel__header h2 { margin: 0; font-size: clamp(2.25rem, 4vw, 4.75rem); font-weight: var(--font-weight-black); line-height: var(--line-height-tight); }
.institutional-panel__header p { margin: var(--space-4) 0 0; font-size: var(--font-size-lg); line-height: 1.3; }

.institutional-accordion + .institutional-accordion { margin-top: var(--space-5); }
.institutional-accordion h3 { margin: 0; }
.institutional-accordion__trigger {
	display: inline-flex;
	min-height: 3rem;
	align-items: center;
	gap: var(--space-3);
	padding: 0.5rem 1rem;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-pill);
	background: var(--color-surface);
	color: var(--color-text);
	font-family: var(--font-family-body);
	font-size: clamp(1.05rem, 1.5vw, 1.4rem);
	font-weight: var(--font-weight-regular);
	line-height: 1.1;
	text-align: left;
}

.institutional-accordion__trigger > span {
	width: 0.65rem;
	height: 0.65rem;
	margin-left: auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-0.14rem) rotate(45deg);
	transition: transform var(--transition-fast);
}

.institutional-accordion__trigger[aria-expanded="true"] > span { transform: translateY(0.12rem) rotate(225deg); }
.institutional-accordion__panel { padding: var(--space-4) var(--space-2) 0; }
.institutional-accordion__panel > p { max-width: 72rem; margin: 0; }

.institutional-bullets { display: grid; gap: var(--space-2); max-width: 74rem; margin: 0; padding: 0; list-style: none; }
.institutional-bullets li { position: relative; padding-left: 1.25rem; font-weight: var(--font-weight-semibold); line-height: 1.32; }
.institutional-bullets li::before { position: absolute; top: 0.44em; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--color-primary); content: ""; }

.institutional-dossier {
	display: inline-flex;
	min-height: 3.25rem;
	align-items: center;
	gap: var(--space-3);
	margin: var(--space-7) auto 0;
	padding: 0.6rem 1.25rem;
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-pill);
	background: var(--color-primary);
	font-weight: var(--font-weight-bold);
	line-height: 1.05;
	text-align: left;
	text-transform: uppercase;
}

.institutional-dossier img { width: 2rem; height: 2rem; object-fit: contain; }
.institutional-panel__content > .institutional-dossier { display: flex; width: fit-content; }

.institutional-document-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); max-width: 68rem; }
.institutional-document-card { display: flex; min-height: 5.5rem; align-items: center; gap: var(--space-4); padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--color-primary); color: var(--color-text); font-weight: var(--font-weight-bold); line-height: 1.16; }
.institutional-document-card img { width: 2.25rem; height: 2.25rem; flex: 0 0 auto; object-fit: contain; }

.institutional-table-wrap { overflow-x: auto; border: var(--border-width) solid var(--color-border); border-radius: var(--radius-md); }
.institutional-table { width: 100%; min-width: 44rem; border-collapse: collapse; background: var(--color-surface); }
.institutional-table th, .institutional-table td { padding: 0.7rem var(--space-4); text-align: left; vertical-align: top; line-height: 1.2; }
.institutional-table th { background: var(--color-secondary); color: var(--color-on-secondary); font-size: var(--font-size-lg); }
.institutional-table td { border-bottom: 1px solid rgb(5 5 6 / 50%); }
.institutional-table tbody tr:last-child td { border-bottom: 0; }

@media (max-width: 74.9375rem) {
	.institutional-navigation__list > li { flex: 0 1 33.333%; }
}

@media (max-width: 47.9375rem) {
	.institutional-navigation__list > li { flex-basis: 50%; }
	.institutional-navigation__list a,
	.institutional-navigation__list button { min-height: 5rem; justify-content: flex-start; }
	.institutional-panel__content { padding: 2rem 1rem; border-radius: var(--radius-md); }
	.institutional-panel__header h2 { font-size: clamp(2rem, 11vw, 3.25rem); }
	.institutional-accordion__trigger { width: 100%; }
	.institutional-document-grid { grid-template-columns: 1fr; }
	.institutional-table-wrap { margin-inline: -0.25rem; }
}

@media (max-width: 22rem) {
	.institutional-navigation__list > li { flex-basis: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.institutional-panel > .container,
	.institutional-accordion__trigger > span { transition: none; }
}