body.bnr-relaunch {
	--bnr-ink: #17232b;
	--bnr-muted: #43565b;
	--bnr-green: #285c49;
	--bnr-lime: #c3f28c;
	--bnr-surface: #f2f6f3;
	--bnr-line: #dce5e1;
	--bnr-font: system-ui, -apple-system, "Segoe UI", sans-serif;
	background: #fff;
	color: var(--bnr-ink);
}

.bnr-site-header, .bnr-site-footer, .bnr-site-skip, .bnr-guide-intro {
	font-family: var(--bnr-font);
}
.bnr-site-header, .bnr-site-footer {
	width: min(1200px, calc(100% - 36px));
	margin-inline: auto;
	background: var(--bnr-ink);
	color: #fff;
	border-radius: 22px;
}
.bnr-site-header {
	position: relative;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	min-height: 94px;
	margin-block: 22px 32px;
	padding: 18px 30px;
	box-shadow: 0 16px 40px rgb(18 35 43 / 13%);
}
.bnr-site-header a, .bnr-site-footer a { text-decoration: none; }
.bnr-site-brand {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	min-width: 0;
	color: #fff;
}
.bnr-site-brand:hover { color: #fff; }
.bnr-site-mark-number { display: block; line-height: 1; transform: translateY(-.08em); }
.bnr-site-mark {
	display: grid;
	place-items: center;
	flex: 0 0 49px;
	width: 49px;
	height: 49px;
	border-radius: 15px;
	transform: rotate(-6deg);
	background: var(--bnr-lime);
	color: var(--bnr-ink);
	font-size: 25px;
	font-weight: 900;
	letter-spacing: -1px;
}
.bnr-site-brand strong, .bnr-site-brand small { display: block; }
.bnr-site-brand strong { font-size: 24px; line-height: 1.05; letter-spacing: -1.2px; }
.bnr-site-brand strong span, .bnr-site-footer-brand span { color: var(--bnr-lime); }
.bnr-site-brand small {
	margin-top: 7px;
	color: #b8c9cc;
	font-size: 10px;
	font-weight: 650;
	letter-spacing: .14em;
	line-height: 1.25;
	text-transform: uppercase;
}

.bnr-site-nav { display: flex; align-items: center; gap: 6px; font-size: 14px; line-height: 1.35; }
.bnr-site-nav > a, .bnr-site-group > summary, .bnr-site-mobile > summary {
	display: flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 10px 13px;
	border-radius: 100px;
	color: #e1ecee;
	font-weight: 650;
	white-space: nowrap;
}
.bnr-site-nav > a:hover, .bnr-site-nav > a[aria-current], .bnr-site-group > summary:hover, .bnr-site-group[open] > summary {
	background: #30434d;
	color: #fff;
}
.bnr-site-nav .bnr-site-cta { margin-left: 8px; padding-inline: 18px; background: var(--bnr-lime); color: var(--bnr-ink); font-weight: 800; }
.bnr-site-nav .bnr-site-cta:hover { background: #d7ffad; color: var(--bnr-ink); }
.bnr-site-group { position: relative; margin: 0; }
.bnr-site-group > summary, .bnr-site-mobile > summary { cursor: pointer; list-style: none; }
.bnr-site-header summary::-webkit-details-marker { display: none; }
.bnr-site-header summary::after {
	content: "";
	width: 7px;
	height: 7px;
	border: solid currentColor;
	border-width: 0 2px 2px 0;
	transform: translateY(-2px) rotate(45deg);
}
.bnr-site-header details[open] > summary::after { transform: translateY(2px) rotate(225deg); }
.bnr-site-links {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	width: max-content;
	min-width: 210px;
	padding: 7px;
	border: 1px solid #465c65;
	border-radius: 15px;
	background: #24353e;
	box-shadow: 0 14px 28px rgb(18 35 43 / 20%);
}
.bnr-site-links a { display: block; padding: 12px; border-radius: 9px; color: #f2f7f5; }
.bnr-site-links a:hover { background: #344953; color: var(--bnr-lime); }
.bnr-site-mobile { display: none; }
.bnr-site-header :focus-visible, .bnr-site-footer :focus-visible { outline: 2px solid var(--bnr-lime); outline-offset: 3px; }
.bnr-site-skip {
	position: fixed;
	top: 14px;
	left: 14px;
	z-index: 100001;
	padding: 12px 18px;
	border-radius: 8px;
	transform: translateY(-150%);
	background: var(--bnr-ink);
	color: #fff;
}
.bnr-site-skip:focus { transform: none; color: #fff; outline: 3px solid var(--bnr-green); outline-offset: 2px; }

.bnr-site-footer { margin-block: 36px 24px; padding: 36px clamp(20px, 4vw, 46px) 20px; }
.bnr-site-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 20px 34px; }
.bnr-site-footer-grid nav > strong { display: block; margin-bottom: 10px; font-size: 15px; }
.bnr-site-footer .bnr-site-brand { display: inline-flex; padding: 0; color: #fff; }
.bnr-site-footer .bnr-site-brand:hover { color: #fff; text-decoration: none; }
.bnr-site-footer p { color: #bfcdd0; }
.bnr-site-footer a { display: block; padding-block: 4px; color: #e3eeeb; }
.bnr-site-footer a:hover { text-decoration: underline; color: var(--bnr-lime); }
.bnr-site-footer .bnr-site-copyright { margin: 20px 0 0; padding-top: 15px; border-top: 1px solid #43565b; font-size: 13px; }

.bnr-relaunch #content > .herald-section { width: min(1200px, calc(100% - 36px)); }
.bnr-guide-intro {
	margin: 0 0 25px;
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid var(--bnr-line);
	border-radius: 22px;
	background: var(--bnr-surface);
}
.bnr-guide-intro h1 {
	margin: 8px 0 12px;
	color: var(--bnr-ink);
	font: 780 clamp(31px, 4vw, 49px)/1.08 var(--bnr-font);
	letter-spacing: -.035em;
}
.bnr-guide-intro p { max-width: 55ch; margin: 0; color: var(--bnr-muted); font-size: 17px; line-height: 1.6; }
.bnr-guide-kicker { color: var(--bnr-green); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.bnr-relaunch .herald-posts > article.herald-lay-b {
	width: calc(100% - 30px);
	margin: 0 15px 16px;
	padding: 17px;
	border: 1px solid var(--bnr-line);
	border-radius: 16px;
	background: #fff;
}
.bnr-relaunch .herald-posts > article.herald-lay-b:hover { border-color: #9bb7a6; }
.bnr-relaunch .herald-lay-b .herald-post-thumbnail { overflow: hidden; border-radius: 10px; }
.bnr-relaunch .herald-lay-b .entry-title a { color: var(--bnr-ink); }
.bnr-relaunch .herald-lay-b .entry-title a:hover { color: var(--bnr-green); text-decoration: underline; }
.bnr-relaunch .herald-lay-b .entry-title, .bnr-relaunch .herald-page h1.entry-title, .bnr-relaunch .herald-single h1.entry-title {
	font-family: var(--bnr-font);
	letter-spacing: -.025em;
}
.bnr-relaunch .herald-page h1.entry-title, .bnr-relaunch .herald-single h1.entry-title {
	font-size: clamp(29px, 4vw, 47px);
	line-height: 1.15;
	overflow-wrap: break-word;
}
.bnr-relaunch .herald-ovrld { overflow: hidden; border-radius: 18px; }
.bnr-relaunch .herald-entry-content { color: var(--bnr-ink); line-height: 1.72; }
.bnr-relaunch .herald-entry-content :is(h2, h3) { font-family: var(--bnr-font); line-height: 1.28; }
.bnr-relaunch .herald-entry-content :is(p, li) > a { color: var(--bnr-green); text-underline-offset: .18em; }
.bnr-relaunch .herald-entry-content :is(img, iframe) { max-width: 100%; }
.bnr-relaunch .herald-sidebar .widget {
	padding: 16px;
	border: 1px solid var(--bnr-line);
	border-radius: 14px;
	background: var(--bnr-surface);
	overflow: hidden;
}
.bnr-relaunch .herald-sidebar .widget-title {
	margin: 0 0 12px;
	padding: 0 0 10px;
	border: 0;
	border-bottom: 1px solid var(--bnr-line);
	background: none;
	color: var(--bnr-ink);
	font: 750 15px/1.35 var(--bnr-font);
}
.bnr-relaunch .herald-sidebar .widget-title span {
	display: inline;
	padding: 0;
	background: none;
	color: inherit;
}
.bnr-relaunch .herald-sidebar .widget :is(.widget-inner, .widget-inner a), .bnr-relaunch .herald-lay-b .meta-category a {
	color: var(--bnr-green);
}
.bnr-relaunch .herald-sidebar .widget .widget-inner {
	margin: 0;
	color: var(--bnr-muted);
}
.bnr-relaunch #content :focus-visible { outline: 2px solid var(--bnr-green); outline-offset: 2px; }

.bnr-relaunch .bnr-concept { font-family: var(--bnr-font); color: var(--bnr-ink); background: #fff; }
.bnr-relaunch .bnr-concept .bnr-hero {
	width: min(1200px, calc(100% - 36px));
	margin-inline: auto;
	padding: clamp(28px, 5vw, 65px);
	border-radius: 24px;
	background: var(--bnr-surface);
}
.bnr-relaunch .bnr-hero .bnr-shell { width: 100%; }
.bnr-relaunch .bnr-hero h1 { color: var(--bnr-ink); font-family: var(--bnr-font); }
.bnr-relaunch .bnr-hero h1 span, .bnr-relaunch .bnr-eyebrow { color: var(--bnr-green); }
.bnr-relaunch .bnr-preview { background: var(--bnr-ink); border-color: var(--bnr-ink); color: #fff; }
.bnr-relaunch .bnr-preview :is(.bnr-preview-label, small, .bnr-preview-foot) { color: #cbd8d9; }
.bnr-relaunch .bnr-preview :is(.bnr-preview-link, .bnr-dot) { color: var(--bnr-lime); }
.bnr-relaunch .bnr-meter { background: #43565b; }
.bnr-relaunch .bnr-meter span { background: var(--bnr-lime); }
.bnr-relaunch .bnr-actions .bnr-primary { background: var(--bnr-ink); border-radius: 100px; }
.bnr-relaunch .bnr-actions .bnr-secondary { border-radius: 100px; }
.bnr-relaunch .bnr-shortcuts a, .bnr-relaunch .bnr-explain-grid > div { background: var(--bnr-surface); }

@media (max-width: 1050px) {
	body.bnr-relaunch { overflow-x: clip; }
	.bnr-site-header { min-height: 76px; margin-block: 12px 22px; padding: 12px 15px; border-radius: 16px; }
	.bnr-site-mark { flex-basis: 42px; width: 42px; height: 42px; font-size: 22px; border-radius: 13px; }
	.bnr-site-brand strong { font-size: 21px; }
	.bnr-site-brand small { font-size: 9px; }
	.bnr-site-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bnr-site-footer-grid > div { grid-column: 1 / -1; }
	.bnr-site-desktop { display: none; }
	.bnr-site-mobile { display: block; }
	.bnr-site-mobile > summary { background: #30434d; }
	.bnr-site-mobile > .bnr-site-nav {
		position: absolute;
		inset: calc(100% + 6px) 0 auto;
		display: grid;
		gap: 4px;
		max-height: min(65vh, 470px);
		overflow: auto;
		padding: 12px;
		border: 1px solid #465c65;
		border-radius: 16px;
		background: var(--bnr-ink);
		box-shadow: 0 14px 30px rgb(18 35 43 / 20%);
	}
	.bnr-site-mobile .bnr-site-links { position: static; width: auto; margin: 4px 0; box-shadow: none; }
	.bnr-site-mobile .bnr-site-cta { justify-content: space-between; margin: 4px 0 0; }
}
@media (max-width: 600px) {
	.bnr-site-header, .bnr-site-footer, .bnr-relaunch .bnr-concept .bnr-hero { width: calc(100% - 22px); }
	.bnr-relaunch #content > .herald-section { width: calc(100% - 22px); }
	.bnr-site-brand strong { font-size: clamp(15px, 4.4vw, 21px); letter-spacing: -.045em; }
	.bnr-site-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bnr-site-footer-grid > div { grid-column: 1 / -1; }
	.bnr-site-footer a { min-height: 38px; }
	.bnr-relaunch .herald-posts > article.herald-lay-b { padding: 13px; }
	.bnr-relaunch .bnr-concept .bnr-hero { padding: 24px 18px; border-radius: 18px; }
	.bnr-relaunch .bnr-preview { padding: 20px; }
}
@media (max-width: 360px) {
	.bnr-site-header { gap: 8px; padding-inline: 11px; }
	.bnr-site-brand { gap: 9px; }
	.bnr-site-brand small { letter-spacing: .07em; }
	.bnr-site-mobile > summary { padding-inline: 10px; }
}

/* Consent controls use the same palette as the relaunch. */
body.bnr-relaunch {
 --cmplz_banner_background_color: #ffffff;
 --cmplz_banner_border_color: var(--bnr-line);
 --cmplz_text_color: var(--bnr-ink);
 --cmplz_hyperlink_color: var(--bnr-green);
 --cmplz_button_accept_background_color: var(--bnr-green);
 --cmplz_button_accept_border_color: var(--bnr-green);
 --cmplz_button_accept_text_color: #ffffff;
 --cmplz_button_deny_background_color: var(--bnr-surface);
 --cmplz_button_deny_border_color: var(--bnr-green);
 --cmplz_button_deny_text_color: var(--bnr-ink);
 --cmplz_button_settings_background_color: var(--bnr-surface);
 --cmplz_button_settings_border_color: var(--bnr-green);
 --cmplz_button_settings_text_color: var(--bnr-ink);
 --cmplz_category_header_always_active_color: var(--bnr-green);
 --cmplz_slider_active_color: var(--bnr-green);
 --cmplz_slider_inactive_color: #667a70;
 --cmplz_slider_bullet_color: #ffffff;
}
body.bnr-relaunch .cmplz-cookiebanner {
 border: 1px solid var(--bnr-line);
 box-shadow: 0 14px 40px rgb(23 35 43 / 18%);
 font-family: var(--bnr-font);
}
body.bnr-relaunch .cmplz-cookiebanner .cmplz-categories .cmplz-category {
 background-color: var(--bnr-surface);
}
body.bnr-relaunch #cmplz-manage-consent .cmplz-manage-consent {
 background-color: var(--bnr-ink);
 color: #ffffff;
 border: 1px solid var(--bnr-line);
 font-family: var(--bnr-font);
}
body.bnr-relaunch #cmplz-manage-consent .cmplz-manage-consent:hover,
body.bnr-relaunch .cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover {
 background-color: var(--bnr-lime);
 border-color: var(--bnr-green);
 color: var(--bnr-ink);
}
body.bnr-relaunch .cmplz-cookiebanner :is(button, a, input):focus-visible,
body.bnr-relaunch #cmplz-manage-consent button:focus-visible {
 outline: 3px solid var(--bnr-green);
 outline-offset: 3px;
}
