.site-header {
				--navy: #08213d;
				--soft-blue: #eaf2ff;
				--ease: cubic-bezier(0.22, 1, 0.36, 1);
				position: fixed;
				z-index: 50;
				inset: 14px 0 auto;
				pointer-events: none;
			}
			.site-header .wrap {
				width: min(1200px, calc(100% - 48px));
				margin-inline: auto;
			}
			.nav {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 20px;
				min-height: 68px;
				padding: 9px 12px 9px 16px;
				border: 1px solid rgba(207, 220, 234, 0.9);
				border-radius: 18px;
				background: rgba(255, 255, 255, 0.92);
				box-shadow: 0 12px 34px rgba(8, 33, 61, 0.09);
				backdrop-filter: blur(16px);
				pointer-events: auto;
			}
			.brand {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding-inline: 4px;
				color: var(--ink);
				font-weight: 900;
			}
			.brand img {
				width: 68px;
				height: 68px;
				object-fit: contain;
			}
			.brand small {
				display: block;
				margin-top: -4px;
				color: #657d95;
				font-size: 0.64rem;
				font-weight: 600;
			}
			.nav-links {
				display: flex;
				align-items: center;
				gap: 24px;
				color: #3f556e;
				font-size: 0.79rem;
				font-weight: 700;
			}
			.nav-links a {
				position: relative;
			}
			.nav-links a::after {
				position: absolute;
				right: 0;
				bottom: -7px;
				width: 100%;
				height: 2px;
				border-radius: 2px;
				background: var(--blue);
				content: "";
				transform: scaleX(0);
				transform-origin: right;
				transition: transform 0.25s var(--ease);
			}
			.nav-links a:hover {
				color: var(--blue);
			}
			.nav-links a:hover::after {
				transform: scaleX(1);
			}
			.nav-cta {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 44px;
				padding-inline: 17px;
				border-radius: 12px;
				color: #fff;
				background: var(--ink);
				font-size: 0.78rem;
				font-weight: 800;
			}
			.menu-toggle {
				display: none;
				border: 0;
				border-radius: 11px;
				color: var(--navy);
				background: var(--soft-blue);
				padding: 9px 13px;
				font: inherit;
				font-size: 0.8rem;
				font-weight: 800;
			}

@media (min-width: 781px) {
				.site-header { position: static; inset: auto; width: 100%; padding-top: 14px; pointer-events: auto; scroll-snap-align: start; scroll-snap-stop: always; }
				.site-header .wrap { width: calc(100% - 48px); }
				.site-header .nav { width: 100%; border-color: rgba(184, 202, 221, .18); border-radius: 18px; background: var(--navy); box-shadow: 0 14px 34px rgba(8, 33, 61, .24); }
				.site-header .brand { color: #fff; }
				.site-header .brand > span { font-size: 1.35rem; font-weight: 900; }
				.site-header .nav-links { color: #d7e5f1; }
				.site-header .brand small { color: #b8cadd; }
				.site-header .nav-links a:hover { color: #8ee0d5; }
				.site-header .nav { position: relative; justify-content: flex-start; }
				.site-header .nav-links { position: absolute; right: auto; left: 50%; transform: translateX(-50%); }
				.site-header .nav-cta { margin-inline-start: auto; }
}
@media (max-width: 1024px) {
				.nav-links {
					gap: 15px;
				}
}
@media (max-width: 780px) {
.site-header .wrap { width: calc(100% - 32px); }
				.site-header {
					inset: 9px 0 auto;
				}
				.nav {
					min-height: 60px;
					padding: 7px 9px;
					border-radius: 16px;
					gap: 8px;
				}
				.brand img {
					width: 54px;
					height: 54px;
				}
				.brand > span {
					font-size: 0.88rem;
					white-space: nowrap;
				}
				.brand small,
				.nav-links,
				.nav-cta {
					display: none;
				}
				.menu-toggle {
					display: inline-flex;
				}
				.nav.mobile-open {
					align-items: flex-start;
					flex-wrap: wrap;
				}
				.nav.mobile-open .nav-links {
					display: grid;
					order: 3;
					width: 100%;
					gap: 0;
					padding: 7px 5px 4px;
				}
				.nav.mobile-open .nav-links a {
					padding: 10px;
				}
				.nav.mobile-open .nav-links a::after {
					display: none;
				}
}
@media (max-width: 480px) { .site-header .wrap { width: calc(100% - 28px); } }

.site-header--article .nav-links form { margin: 0; }
.site-header--article .nav-links button { padding: 0; border: 0; color: inherit; background: none; font: inherit; cursor: pointer; }
.site-header--article :is(a, button):focus-visible { outline: 3px solid #2563eb; outline-offset: 4px; border-radius: 8px; }
@media (max-width: 1100px) {
  .site-header--article .nav-links, .site-header--article .nav-cta { display: none; }
  .site-header--article .menu-toggle { display: inline-flex; }
  .site-header--article .nav.mobile-open { align-items: flex-start; flex-wrap: wrap; }
  .site-header--article .nav.mobile-open .nav-links { position: static; display: grid; order: 3; width: 100%; max-height: calc(100dvh - 110px); overflow-y: auto; gap: 0; padding: 7px 5px 4px; transform: none; }
  .site-header--article .nav.mobile-open .nav-links a, .site-header--article .nav.mobile-open .nav-links button { display: block; width: 100%; padding: 10px; text-align: start; }
  .site-header--article .nav.mobile-open .nav-links a::after { display: none; }
}
@media (min-width: 781px) and (max-width: 1100px) {
  .site-header--article .nav { justify-content: space-between; }
}
@media (max-width: 780px) {
  .site-header--article ~ .page-shell { margin-top: 112px; }
}