/* OAF Explore dropdown + responsive global header.
   Breakpoint is content-derived: the full OAF nav remains intact until the
   actual logo/nav/search composition no longer has comfortable room. */

#brxe-gh0001 .oaf-header-inner {
	position:relative;
}

#brxe-gh0001 .oaf-explore-hover {
	position:static;
	display:flex;
	align-items:center;
}

#brxe-gh0001 .oaf-explore-hover > .oaf-explore-hover-link {
	position:relative;
	padding:38px 0 35px;
	color:#fff!important;
	font:600 14px/1 Arial,sans-serif;
	letter-spacing:.015em;
	white-space:nowrap;
	text-decoration:none!important;
}

#brxe-gh0001 .oaf-explore-hover > .oaf-explore-hover-link:after {
	content:"";
	position:absolute;
	left:0;
	right:100%;
	bottom:26px;
	height:2px;
	background:var(--oaf-red,#a54134);
	transition:right .18s ease;
}

#brxe-gh0001 .oaf-explore-hover:hover > .oaf-explore-hover-link:after,
#brxe-gh0001 .oaf-explore-hover:focus-within > .oaf-explore-hover-link:after {
	right:0;
}

#brxe-gh0001 .oaf-explore-hover-panel {
	position:absolute;
	top:calc(100% - 1px);
	right:0;
	left:auto;
	z-index:1400;
	width:min(960px,calc(100vw - 40px));
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	padding:30px 32px 32px;
	background:#fff;
	color:#192120;
	border:1px solid #dce1dc;
	border-top:3px solid #192120;
	box-shadow:0 14px 34px rgba(25,33,32,.14);
	white-space:normal;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translateY(8px);
	transition:opacity .14s ease,transform .14s ease,visibility 0s linear .14s;
}

#brxe-gh0001 .oaf-explore-hover-panel:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:-8px;
	height:8px;
}

#brxe-gh0001 .oaf-explore-hover:hover > .oaf-explore-hover-panel,
#brxe-gh0001 .oaf-explore-hover:focus-within > .oaf-explore-hover-panel {
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:translateY(0);
	transition-delay:0s;
}

#brxe-gh0001 .oaf-explore-hover-group {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	gap:0;
	min-width:0;
	padding:0 28px;
}

#brxe-gh0001 .oaf-explore-hover-group:first-child {
	padding-left:0;
}

#brxe-gh0001 .oaf-explore-hover-group:last-child {
	padding-right:0;
}

#brxe-gh0001 .oaf-explore-hover-group + .oaf-explore-hover-group {
	border-left:1px solid #e2ddd4;
}

#brxe-gh0001 .oaf-explore-hover-group > strong {
	margin:0 0 12px;
	padding:0 0 10px;
	border-bottom:1px solid #d7d0c4;
	color:#a82335;
	font:700 12px/1.35 Arial,sans-serif;
	letter-spacing:.09em;
	text-transform:uppercase;
}

#brxe-gh0001 .oaf-explore-hover-panel .oaf-explore-hover-group > a {
	display:flex!important;
	align-items:center;
	min-height:44px;
	margin:0!important;
	padding:8px 0!important;
	background:transparent!important;
	color:#192120!important;
	border:0!important;
	font:400 14px/1.4 Arial,sans-serif!important;
	letter-spacing:0!important;
	text-transform:none!important;
	text-decoration:none!important;
	white-space:normal;
}

#brxe-gh0001 .oaf-explore-hover-panel .oaf-explore-hover-group > a:after {
	display:none!important;
}

#brxe-gh0001 .oaf-explore-hover-panel .oaf-explore-hover-group > a.oaf-explore-subitem {
	min-height:36px;
	padding:3px 0 7px 18px!important;
	color:#625e56!important;
	font-size:13px!important;
	position:relative;
}

#brxe-gh0001 .oaf-explore-hover-panel .oaf-explore-hover-group > a.oaf-explore-subitem:before {
	content:"↳";
	position:absolute;
	left:0;
	color:#918a7f;
}

#brxe-gh0001 .oaf-explore-hover-panel .oaf-explore-hover-group > a:hover,
#brxe-gh0001 .oaf-explore-hover-panel .oaf-explore-hover-group > a:focus-visible {
	color:#a82335!important;
	text-decoration:underline!important;
	text-underline-offset:3px;
}

#brxe-gh0001 .oaf-explore-hover > .oaf-explore-hover-link:focus-visible,
#brxe-gh0001 .oaf-explore-hover-panel a:focus-visible {
	outline:2px solid #a54134;
	outline-offset:3px;
}

/*
 * FULL NAVIGATION STATE
 * High specificity intentionally overrides the older Bricks <=1100px rule
 * that exposed only Forum beside the mobile button.
 */
html body #brxe-gh0001.oaf-global-header .oaf-header-inner {
	grid-template-columns:clamp(220px,22vw,278px) minmax(0,1fr) 44px!important;
	gap:clamp(14px,1.8vw,26px)!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-brand {
	width:clamp(220px,22vw,278px)!important;
	min-width:0!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav {
	display:flex!important;
	justify-self:end!important;
	align-items:center!important;
	gap:clamp(16px,1.7vw,24px)!important;
	min-width:0!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * {
	display:block!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * > a {
	position:relative!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-width:0!important;
	min-height:0!important;
	padding:38px 0 35px!important;
	color:#fff!important;
	font:600 14px/1 Arial,sans-serif!important;
	letter-spacing:.015em!important;
	white-space:nowrap!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * > a:after {
	bottom:26px!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * > a.oaf-join-link {
	margin-left:2px!important;
	padding:11px 14px!important;
	background:#fff!important;
	color:#111!important;
	-webkit-text-fill-color:#111!important;
	border-radius:999px!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * > a.oaf-join-link:hover,
html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * > a.oaf-join-link:focus-visible {
	background:#ece8df!important;
	color:#111!important;
	-webkit-text-fill-color:#111!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-main-nav > * > a.oaf-join-link:after {
	display:none!important;
}

html body #brxe-gh0001.oaf-global-header .oaf-mobile-menu {
	display:none!important;
}

/*
 * COMPACT STATE
 * The whole desktop navigation changes state together. No partial Forum-only
 * state is allowed. 800px is where the actual OAF composition loses comfortable
 * separation in measurement, not a device-category breakpoint.
 */
@media (max-width:800px) {
	html body #brxe-gh0001.oaf-global-header .oaf-header-inner {
		grid-template-columns:minmax(0,1fr) 44px 44px!important;
		gap:12px!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-brand {
		width:min(230px,72vw)!important;
		min-width:0!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-main-nav {
		display:none!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-mobile-menu {
		display:block!important;
		justify-self:end!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-explore-hover-panel {
		display:none!important;
	}
}

/* On touch-first devices without hover, use the disclosure navigation rather
   than depending on hover for the Explore dropdown. */
@media (hover:none) and (pointer:coarse) {
	html body #brxe-gh0001.oaf-global-header .oaf-header-inner {
		grid-template-columns:minmax(0,1fr) 44px 44px!important;
		gap:12px!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-main-nav {
		display:none!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-mobile-menu {
		display:block!important;
		justify-self:end!important;
	}

	html body #brxe-gh0001.oaf-global-header .oaf-explore-hover-panel {
		display:none!important;
	}
}

@media(max-width:520px) {
	html body #brxe-gh0001.oaf-global-header .oaf-header-inner {
		gap:8px!important;
	}
	html body #brxe-gh0001.oaf-global-header .oaf-brand {
		width:min(210px,68vw)!important;
	}
}

@media(prefers-reduced-motion:reduce) {
	#brxe-gh0001 .oaf-explore-hover > .oaf-explore-hover-link:after,
	#brxe-gh0001 .oaf-explore-hover-panel {
		transition:none;
	}
}