/* BEEang site chrome 0.9.83: header kaca + footer "aurora". Dimuat paling akhir, menimpa gaya lama. */
:root {
	--bc-navy: #0b3343;
	--bc-navy-2: #124863;
	--bc-teal: #0e8a9a;
	--bc-teal-2: #19b8c9;
	--bc-gold: #f2bd18;
	--bc-gold-2: #ffd95a;
	--bc-header-w: 1360px;
	--bc-font: "Plus Jakarta Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ───────────── HEADER ───────────── */
body .beeang-site-header {
	font-family: var(--bc-font);
	border-bottom: 0 !important;
	background: rgba(255, 255, 255, .72) !important;
	-webkit-backdrop-filter: blur(18px) saturate(1.7);
	backdrop-filter: blur(18px) saturate(1.7);
	box-shadow: 0 1px 0 rgba(18, 72, 99, .06);
	transition: background .25s ease, box-shadow .25s ease;
}
body .beeang-site-header.is-scrolled {
	background: rgba(255, 255, 255, .9) !important;
	box-shadow: 0 10px 30px -12px rgba(11, 51, 67, .28);
}
body .beeang-site-header::after {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, var(--bc-teal) 22%, var(--bc-gold) 50%, var(--bc-teal-2) 78%, transparent 100%);
	background-size: 200% 100%;
	opacity: .65;
	animation: bc-flow 9s linear infinite;
	pointer-events: none;
}
@keyframes bc-flow { to { background-position: -200% 0; } }

body .beeang-site-header__brand { transition: transform .25s ease, filter .25s ease; }
body .beeang-site-header__brand:hover { transform: translateY(-1px) scale(1.03); filter: drop-shadow(0 6px 10px rgba(14, 138, 154, .28)); }

/* Menu utama */
body .beeang-site-header__nav > a {
	position: relative;
	padding: 9px 16px;
	border-radius: 999px;
	color: #35505f !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	letter-spacing: .005em;
	transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body .beeang-site-header__nav > a:hover {
	background: linear-gradient(135deg, rgba(14, 138, 154, .12), rgba(242, 189, 24, .16));
	color: var(--bc-navy-2) !important;
	transform: translateY(-1px);
}
body .beeang-site-header__nav > a.is-active,
body .beeang-site-header__nav > a[aria-current="page"] {
	background: linear-gradient(135deg, var(--bc-teal) 0%, var(--bc-navy-2) 100%) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px -6px rgba(14, 138, 154, .6), inset 0 1px 0 rgba(255, 255, 255, .25);
}

/* Pencarian */
body .beeang-site-header__search { transition: flex-basis .3s ease, max-width .3s ease; }
body .beeang-site-header__search label {
	border: 1px solid rgba(14, 138, 154, .22) !important;
	background: rgba(255, 255, 255, .8) !important;
	box-shadow: 0 2px 10px -4px rgba(11, 51, 67, .18);
	transition: border-color .25s ease, box-shadow .25s ease;
}
body .beeang-site-header__search:focus-within label {
	border-color: var(--bc-teal) !important;
	box-shadow: 0 0 0 4px rgba(14, 138, 154, .16), 0 10px 24px -10px rgba(14, 138, 154, .5);
}
body .beeang-site-header__search button {
	background: linear-gradient(135deg, var(--bc-teal-2), var(--bc-navy-2)) !important;
	box-shadow: 0 6px 14px -4px rgba(14, 138, 154, .6);
	transition: transform .25s ease, box-shadow .25s ease;
}
body .beeang-site-header__search button:hover { transform: scale(1.08) rotate(-8deg); }
@media (min-width: 901px) {
	body .beeang-site-header__search:focus-within { flex-basis: 320px; max-width: 340px; }
}

/* Notifikasi, masuk, daftar, profil */
body .beeang-site-header__notification {
	background: rgba(14, 138, 154, .1) !important;
	color: var(--bc-teal) !important;
	transition: background .2s ease, color .2s ease, transform .2s ease;
}
body .beeang-site-header__notification:hover { background: var(--bc-teal) !important; color: #fff !important; transform: rotate(12deg); }
body .beeang-site-header__actions > .beeang-site-header__login {
	color: var(--bc-navy-2) !important;
	background: transparent !important;
	font-weight: 700;
}
body .beeang-site-header__actions > .beeang-site-header__login:hover { color: var(--bc-teal) !important; }
body .beeang-site-header__actions > .beeang-site-header__register {
	position: relative;
	overflow: hidden;
	border: 0 !important;
	border-radius: 999px !important;
	background: linear-gradient(135deg, var(--bc-gold-2), var(--bc-gold)) !important;
	color: var(--bc-navy) !important;
	font-weight: 800;
	box-shadow: 0 10px 22px -8px rgba(242, 189, 24, .85);
	transition: transform .2s ease, box-shadow .2s ease;
}
body .beeang-site-header__actions > .beeang-site-header__register::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .7), transparent);
	transform: skewX(-20deg);
	transition: left .6s ease;
}
body .beeang-site-header__actions > .beeang-site-header__register:hover { transform: translateY(-2px); box-shadow: 0 14px 26px -8px rgba(242, 189, 24, .95); }
body .beeang-site-header__actions > .beeang-site-header__register:hover::after { left: 120%; }
body .beeang-site-profile__button {
	border: 1px solid rgba(14, 138, 154, .25) !important;
	background: rgba(255, 255, 255, .85) !important;
	transition: box-shadow .2s ease, border-color .2s ease;
}
body .beeang-site-profile__button:hover { border-color: var(--bc-teal) !important; box-shadow: 0 8px 20px -10px rgba(14, 138, 154, .6); }
body .beeang-site-profile__menu {
	border-radius: 18px !important;
	box-shadow: 0 24px 50px -18px rgba(11, 51, 67, .45) !important;
	animation: bc-pop .18s ease-out;
}
@keyframes bc-pop { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }


/* Satu ukuran header di semua halaman (menimpa aturan lebar/jarak per halaman di auth.css dan eo-dashboard.css) */
@media (min-width: 651px) {
	body .beeang-site-header .beeang-site-header__inner {
		width: min(var(--bc-header-w), calc(100% - 48px)) !important;
		max-width: none !important;
		min-height: 88px !important;
		gap: 18px !important;
		margin: 0 auto !important;
	}
	body .beeang-site-header .beeang-site-header__brand { width: auto !important; min-width: 120px; height: 66px !important; margin-right: 12px !important; }
	body .beeang-site-header .beeang-site-header__brand img { width: auto !important; height: 100% !important; max-width: none !important; }
	body .beeang-site-header .beeang-site-header__nav { gap: 2px !important; justify-content: flex-start !important; flex: 0 1 auto !important; }
	body .beeang-site-header .beeang-site-header__nav > a {
		padding: 9px 13px !important;
		border-radius: 999px !important;
		font-size: 14px !important;
		font-weight: 650 !important;
		line-height: 1.4;
		white-space: nowrap;
		flex: 0 0 auto;
	}
	body .beeang-site-header .beeang-site-header__nav > a:hover {
		background: linear-gradient(135deg, rgba(14, 138, 154, .12), rgba(242, 189, 24, .16)) !important;
		color: var(--bc-navy-2) !important;
	}
	body .beeang-site-header .beeang-site-header__nav > a.is-active,
	body .beeang-site-header .beeang-site-header__nav > a[aria-current="page"] {
		background: linear-gradient(135deg, var(--bc-teal) 0%, var(--bc-navy-2) 100%) !important;
		color: #fff !important;
	}
	body .beeang-site-header .beeang-site-header__search { width: 220px; flex: 0 1 220px; max-width: 220px; min-width: 150px; margin-left: auto !important; }
	body .beeang-site-header .beeang-site-header__search:focus-within { flex-basis: 320px; max-width: 340px; }
	body .beeang-site-header .beeang-site-header__actions { gap: 10px !important; }
}

/* 0.9.114: menu bertambah satu (Voting). Di layar desktop sempit kolom cari menciut jadi tombol ikon
   dan melebar saat disentuh/diketik, supaya menu tidak berdesakan atau terbungkus. */
@media (min-width: 901px) and (max-width: 1279px) {
	body .beeang-site-header .beeang-site-header__search { width: 46px; flex: 0 0 46px; max-width: 46px; min-width: 46px; }
	body .beeang-site-header .beeang-site-header__search label { overflow: hidden; }
	body .beeang-site-header .beeang-site-header__search input[type="search"] { width: 0; min-width: 0; padding-left: 0; padding-right: 0; opacity: 0; transition: width .3s ease, opacity .2s ease; }
	body .beeang-site-header .beeang-site-header__search:focus-within { width: 260px; flex: 0 0 260px; max-width: 260px; }
	body .beeang-site-header .beeang-site-header__search:focus-within input[type="search"] { width: 100%; padding-left: 16px; opacity: 1; }
}

/* ───────────── FOOTER ───────────── */
body .beeang-site-footer {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	margin-top: 72px;
	padding: 0;
	font-family: var(--bc-font);
	color: rgba(255, 255, 255, .78);
	background: linear-gradient(160deg, var(--bc-navy-2) 0%, var(--bc-navy) 60%, #072330 100%);
}
body .beeang-site-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		radial-gradient(520px 320px at 12% 0%, rgba(25, 184, 201, .38), transparent 70%),
		radial-gradient(460px 300px at 88% 100%, rgba(242, 189, 24, .26), transparent 70%);
	animation: bc-drift 16s ease-in-out infinite alternate;
}
body .beeang-site-footer::after {
	content: "BEEang";
	position: absolute;
	right: -2%;
	bottom: -.22em;
	z-index: -1;
	font-size: clamp(110px, 20vw, 280px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.04em;
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .08);
	pointer-events: none;
	user-select: none;
}
@keyframes bc-drift { from { transform: translate3d(-2%, -1%, 0) scale(1); } to { transform: translate3d(2%, 2%, 0) scale(1.08); } }
.beeang-site-footer__glow {
	position: absolute;
	inset: 0 0 auto 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--bc-teal-2), var(--bc-gold), var(--bc-teal-2), transparent);
	background-size: 200% 100%;
	animation: bc-flow 9s linear infinite;
}
body .beeang-site-footer .beeang-site-footer__inner {
	display: block;
	width: min(1360px, calc(100% - 44px));
	min-height: 0;
	margin: 0 auto;
	padding: 56px 0 24px;
}
.beeang-site-footer__top {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr;
	gap: 40px 32px;
	align-items: start;
}
.beeang-site-footer__brand-col { display: grid; gap: 16px; max-width: 340px; }
.beeang-site-footer__logo { display: inline-flex; width: fit-content; }
.beeang-site-footer__logo img {
	display: block;
	width: auto;
	height: 64px;
	filter: brightness(0) invert(1) drop-shadow(0 6px 18px rgba(25, 184, 201, .55));
	transition: transform .3s ease;
}
.beeang-site-footer__logo:hover img { transform: scale(1.05) rotate(-1.5deg); }
.beeang-site-footer__tagline { margin: 0; font-size: 14px; line-height: 1.7; color: rgba(255, 255, 255, .72); }
.beeang-site-footer__col h2 {
	margin: 0 0 14px;
	font-family: var(--bc-font);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--bc-gold);
}
.beeang-site-footer__col ul { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.beeang-site-footer__col a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 0;
	color: rgba(255, 255, 255, .86);
	font-size: 14px;
	font-weight: 550;
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}
.beeang-site-footer__col a::before {
	content: "";
	width: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--bc-gold);
	transition: width .2s ease;
}
.beeang-site-footer__col a:hover,
.beeang-site-footer__col a:focus-visible { color: var(--bc-gold-2); transform: translateX(2px); }
.beeang-site-footer__col a:hover::before,
.beeang-site-footer__col a:focus-visible::before { width: 12px; }
.beeang-site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	margin-top: 44px;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, .12);
}
.beeang-site-footer__bottom p { margin: 0; font-size: 13px; color: rgba(255, 255, 255, .6); }
.beeang-site-footer__top-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	color: #fff;
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
	background: rgba(255, 255, 255, .06);
	transition: background .2s ease, color .2s ease, transform .2s ease;
}
.beeang-site-footer__top-link:hover { background: var(--bc-gold); color: var(--bc-navy); transform: translateY(-2px); }


/* Reset aturan footer lama (kotak putih di logo, teks rata tengah) bila masih termuat dari cache */
body .beeang-site-footer,
body .beeang-site-footer .beeang-site-footer__inner { text-align: left !important; }
body .beeang-site-footer .beeang-site-footer__logo {
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body .beeang-site-footer .beeang-site-footer__logo img { height: 64px !important; width: auto !important; max-width: 280px !important; opacity: 1 !important; filter: none !important; }
body .beeang-site-footer p { max-width: none !important; }
body .beeang-site-footer .beeang-site-footer__tagline { max-width: 340px !important; font-size: 14px !important; line-height: 1.7 !important; color: rgba(255, 255, 255, .72) !important; }
body .beeang-site-footer .beeang-site-footer__bottom p { font-size: 13px !important; color: rgba(255, 255, 255, .6) !important; }
body .beeang-site-footer .beeang-site-footer__col a { justify-content: flex-start; }

@media (max-width: 900px) {
	.beeang-site-footer__top { grid-template-columns: 1fr 1fr; }
	.beeang-site-footer__brand-col { grid-column: 1 / -1; max-width: none; }
}
@media (max-width: 520px) {
	body .beeang-site-footer .beeang-site-footer__inner { width: calc(100% - 32px); padding-top: 44px; }
	.beeang-site-footer__top { grid-template-columns: 1fr; gap: 28px; }
}
@media (prefers-reduced-motion: reduce) {
	body .beeang-site-header::after, .beeang-site-footer__glow, body .beeang-site-footer::before { animation: none; }
	body .beeang-site-header *, .beeang-site-footer * { transition: none !important; }
}

/* ───────────── HALAMAN HUKUM (Kebijakan Privasi, Ketentuan Layanan) 0.9.86 ───────────── */
body.beeang-legal-page .beeang-page-wrap {
	width: min(1180px, calc(100% - 48px));
	margin: 40px auto 72px;
	padding: 56px clamp(24px, 5vw, 64px) 64px;
	border: 1px solid rgba(14, 138, 154, .14);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 30px 70px -30px rgba(11, 51, 67, .28);
	font-family: var(--bc-font);
}
body.beeang-legal-page .beeang-page-content { font-family: var(--bc-font); color: #2b4358; font-size: 16px; line-height: 1.85; }
body.beeang-legal-page .beeang-page-content.has-toc {
	display: grid;
	grid-template-columns: 272px minmax(0, 1fr);
	column-gap: 56px;
	row-gap: 0;
}
body.beeang-legal-page .beeang-page-content.has-toc > *:not(.beeang-legal-toc) { grid-column: 2; min-width: 0; }

/* Judul halaman */
body.beeang-legal-page .beeang-page-content .beeang-legal-title {
	margin: 0 0 14px;
	padding: 0;
	border: 0;
	font-size: clamp(30px, 4.6vw, 50px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.12;
	text-transform: none;
	background: linear-gradient(120deg, var(--bc-navy-2) 0%, var(--bc-teal) 60%, #19b8c9 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
body.beeang-legal-page .beeang-page-content .beeang-legal-meta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	margin: 0 0 18px;
	padding: 7px 16px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(14, 138, 154, .12), rgba(242, 189, 24, .2));
	color: var(--bc-navy-2);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}
body.beeang-legal-page .beeang-page-content .beeang-legal-meta strong { color: inherit; }
body.beeang-legal-page .beeang-page-content hr { display: none; }

/* Judul bagian */
body.beeang-legal-page .beeang-page-content h2:not(.beeang-legal-title) {
	position: relative;
	margin: 44px 0 14px;
	padding: 26px 0 0 18px;
	border-top: 1px solid #e3edf1;
	color: var(--bc-navy-2);
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.3;
	scroll-margin-top: 110px;
}
body.beeang-legal-page .beeang-page-content h2:not(.beeang-legal-title)::before {
	content: "";
	position: absolute;
	left: 0;
	top: 30px;
	width: 5px;
	height: 1.1em;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--bc-gold), var(--bc-teal));
}
body.beeang-legal-page .beeang-page-content h3 { color: var(--bc-navy-2); }
body.beeang-legal-page .beeang-page-content a { color: var(--bc-teal); }

/* Daftar isi lengket */
body.beeang-legal-page .beeang-legal-toc {
	grid-column: 1;
	grid-row: 1 / span 400;
	position: sticky;
	top: 108px;
	align-self: start;
	max-height: calc(100vh - 132px);
	overflow-y: auto;
	margin: 0;
	padding: 20px 14px 14px;
	border: 1px solid #e3edf1;
	border-radius: 20px;
	background: linear-gradient(180deg, #f6fbfc, #fff);
	scrollbar-width: thin;
}
body.beeang-legal-page .beeang-legal-toc > strong {
	display: block;
	margin: 0 8px 12px;
	color: var(--bc-teal);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
body.beeang-legal-page .beeang-legal-toc ol { columns: 1; margin: 0; padding: 0; list-style: none; }
body.beeang-legal-page .beeang-legal-toc li { margin: 0 0 2px; padding: 0; font-size: 13.5px; line-height: 1.45; }
body.beeang-legal-page .beeang-legal-toc a {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 12px;
	color: #3b5568 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease;
}
body.beeang-legal-page .beeang-legal-toc a:hover { background: rgba(14, 138, 154, .09); color: var(--bc-navy-2) !important; }
body.beeang-legal-page .beeang-legal-toc a.is-active {
	background: linear-gradient(135deg, var(--bc-teal), var(--bc-navy-2));
	color: #fff !important;
	box-shadow: 0 8px 18px -8px rgba(14, 138, 154, .7);
}
.beeang-legal-toc__num {
	flex: 0 0 22px;
	height: 22px;
	display: inline-grid;
	place-items: center;
	border-radius: 7px;
	background: rgba(14, 138, 154, .12);
	color: var(--bc-teal);
	font-size: 11px;
	font-weight: 800;
}
body.beeang-legal-page .beeang-legal-toc a.is-active .beeang-legal-toc__num { background: rgba(255, 255, 255, .22); color: #fff; }

/* Bilah progres baca */
.beeang-read-progress {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 120;
	height: 3px;
	background: linear-gradient(90deg, var(--bc-teal), var(--bc-gold));
	transform: scaleX(0);
	transform-origin: 0 50%;
	pointer-events: none;
}

@media (max-width: 960px) {
	body.beeang-legal-page .beeang-page-content.has-toc { display: block; }
	body.beeang-legal-page .beeang-legal-toc { position: static; max-height: none; margin: 0 0 24px; }
	body.beeang-legal-page .beeang-legal-toc ol { columns: 2; column-gap: 12px; }
}
@media (max-width: 560px) {
	body.beeang-legal-page .beeang-page-wrap { width: calc(100% - 24px); padding: 32px 18px 40px; border-radius: 20px; }
	body.beeang-legal-page .beeang-legal-toc ol { columns: 1; }
}

/* 0.9.88: tombol "Jadi Penyelenggara" untuk tamu (outline, di sebelah Daftar) */
body .beeang-site-header__actions > .beeang-site-header__organizer {
	display: inline-flex;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	border: 1.5px solid var(--bc-teal) !important;
	border-radius: 999px;
	background: transparent !important;
	color: var(--bc-teal) !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background .2s ease, color .2s ease;
}
body .beeang-site-header__actions > .beeang-site-header__organizer:hover,
body .beeang-site-header__actions > .beeang-site-header__organizer:focus-visible {
	background: var(--bc-teal) !important;
	color: #fff !important;
}
/* Di layar sempit tombol ini disembunyikan; jalurnya tetap ada di halaman Daftar. */
@media (max-width: 1180px) {
	body .beeang-site-header__actions > .beeang-site-header__organizer { display: none; }
}

/* 0.9.89: menu utama di tengah ruang antara logo dan pencarian, jadi celah kiri dan kanan seimbang */
@media (min-width: 901px) {
	body .beeang-site-header .beeang-site-header__nav { justify-content: center; }
}

/* 0.9.98 · Header Dashboard EO: lebar header mengikuti kerangka EO (1560px) agar logo lurus dengan sidebar dan menu profil lurus dengan tepi kanan konten.
   Khusus EO: kerangka Peserta memakai kelas beeang-participant-dashboard-page dan tidak berubah. */
@media (min-width: 651px) {
	body.beeang-eo-dashboard-page .beeang-site-header .beeang-site-header__inner {
		width: min(1360px, calc(100% - 48px)) !important;
	}
}

/* 0.9.98 · Chip peran di menu profil EO */
body .beeang-site-profile__summary .beeang-site-profile__role {
	display: inline-block;
	justify-self: start;
	margin-top: 3px;
	padding: 2px 9px;
	border-radius: 999px;
	background: #fff4c7;
	color: #124863;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.5;
}

/* 0.9.108 · Lebar seragam: header, isi halaman publik (Home, Event, Kelas, E-Book, Kompetisi), dan footer memakai satu lebar (sejak 0.9.117: 1360px, sama dengan dashboard EO/Peserta/Profil).
   Dashboard EO tetap 1560px (header, isi, dan footer).
   0.9.111: tidak berlaku di dalam kerangka dashboard (body.beeang-hub-workspace-page); lebar di sana diatur kerangka itu sendiri. */
:root { --bc-header-w: 1360px; }
body.beeang-event-catalog-page:not(.beeang-hub-workspace-page) .beeang-event-public,
body.beeang-event-catalog-page:not(.beeang-hub-workspace-page) .beeang-event-public--detail,
body.beeang-competition-catalog-page:not(.beeang-hub-workspace-page) .beeang-event-public,
body.beeang-learning-page:not(.beeang-hub-workspace-page) .beeang-learning,
body.beeang-learning-page:not(.beeang-hub-workspace-page) .wp-block-post-content > .beeang-learning {
	width: min(1360px, calc(100% - 44px)) !important;
	max-width: 1360px !important;
}
/* 0.9.526: katalog Kompetisi di tengah (sebelumnya menempel kiri karena tanpa margin auto). */
body.beeang-competition-catalog-page:not(.beeang-hub-workspace-page) .beeang-event-public { margin-left: auto !important; margin-right: auto !important; }
body .beeang-site-footer .beeang-site-footer__inner { width: min(1360px, calc(100% - 44px)); }
body.beeang-eo-dashboard-page .beeang-site-footer .beeang-site-footer__inner { width: min(1360px, calc(100% - 48px)); }

/* 0.9.108 · Footer simetris: kolom merek di kiri, tiga kolom menu berjarak sama dan sejajar di atas. */
body .beeang-site-footer .beeang-site-footer__top {
	grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: 40px;
	align-items: start;
}
body .beeang-site-footer .beeang-site-footer__brand-col { align-content: start; justify-items: start; }
body .beeang-site-footer .beeang-site-footer__col { justify-self: stretch; }
body .beeang-site-footer .beeang-site-footer__col h2 { margin-top: 0; }
body .beeang-site-footer .beeang-site-footer__bottom { justify-content: space-between; align-items: center; }
@media (max-width: 900px) {
	body .beeang-site-footer .beeang-site-footer__top { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body .beeang-site-footer .beeang-site-footer__brand-col { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
	body .beeang-site-footer .beeang-site-footer__top { grid-template-columns: 1fr; }
}

/* 0.9.116 · Dashboard Peserta memakai kerangka yang sama dengan Dashboard EO (sidebar + konten 1560px), jadi header dan footer-nya
   juga 1560px. Sebelumnya dua aturan di atas mengecualikan Peserta sehingga header/footer tertahan di 1200px sementara isinya 1560px.
   Halaman publik tetap 1200px; halaman Profil tidak memakai kelas beeang-eo-dashboard-page sehingga tidak berubah. */

/* 0.9.200: halaman Learning yang dibuka dari Dashboard EO (?dashboard=eo) di HP.
   Sidebar akun di sana berada di dalam .beeang-learning-shell, bukan .beeang-account-layout, dan body-nya tidak
   mendapat beeang-hub-auth-page, jadi laci dan hamburger /akun/ tidak berlaku. Body class beeang-learning-eo-page
   (dipasang Hub hanya untuk kasus itu) memberi laci yang sama. Desktop (>900px) tidak disentuh. */
body.beeang-learning-eo-page .beeang-site-header__menu-toggle {
	display: none;
}
@media (max-width: 900px) {
	body.beeang-learning-eo-page .beeang-site-header__menu-toggle {
		display: inline-grid;
		width: 34px;
		height: 34px;
		flex: 0 0 34px;
		padding: 0;
		place-items: center;
		border: 1px solid #e5ebf3;
		border-radius: 8px;
		background: #fff;
		color: #114960;
		cursor: pointer;
	}
	body.beeang-learning-eo-page .beeang-site-header__menu-toggle > .dashicons {
		width: 18px;
		height: 18px;
		font-size: 18px;
	}
	body.beeang-learning-eo-page .beeang-learning-shell__layout {
		display: block !important;
		width: calc(100% - 28px) !important;
		max-width: 100%;
		margin: 0 auto;
	}
	body.beeang-learning-eo-page .beeang-learning-shell__main {
		width: 100%;
		min-width: 0;
	}
	body.beeang-learning-eo-page .beeang-learning-shell .beeang-account-sidebar {
		position: fixed !important;
		z-index: 101;
		top: 0 !important;
		bottom: 0;
		left: 0;
		width: min(280px, calc(100vw - 52px));
		max-height: 100dvh;
		overflow-y: auto;
		scrollbar-width: none;
		padding: 18px 13px 14px;
		border-radius: 0 !important;
		transform: translateX(-100%);
		visibility: hidden;
		transition: transform .2s ease, visibility 0s linear .2s;
	}
	body.beeang-learning-eo-page .beeang-learning-shell .beeang-account-sidebar::-webkit-scrollbar {
		display: none;
	}
	body.beeang-learning-eo-page.is-account-menu-open .beeang-learning-shell .beeang-account-sidebar {
		transform: translateX(0);
		visibility: visible;
		transition-delay: 0s;
	}
	body.beeang-learning-eo-page.is-account-menu-open {
		overflow: hidden;
	}
	body.beeang-learning-eo-page .beeang-account-sidebar__backdrop {
		position: fixed;
		z-index: 100;
		inset: 0;
		display: none;
		border: 0;
		background: rgba(12, 24, 40, .48);
	}
	body.beeang-learning-eo-page.is-account-menu-open .beeang-account-sidebar__backdrop {
		display: block;
	}
}
@media (max-width: 650px) {
	body.beeang-learning-eo-page .beeang-site-header__inner.has-account-menu {
		width: calc(100% - 28px);
		min-height: 64px;
		display: grid;
		grid-template-columns: 34px minmax(0, 1fr) auto;
		grid-template-areas: "toggle brand actions";
		gap: 8px;
		padding: 6px 0;
	}
	body.beeang-learning-eo-page .beeang-site-header__inner.has-account-menu .beeang-site-header__menu-toggle {
		grid-area: toggle;
	}
	body.beeang-learning-eo-page .beeang-site-header__inner.has-account-menu .beeang-site-header__brand {
		grid-area: brand;
	}
	body.beeang-learning-eo-page .beeang-site-header__inner.has-account-menu .beeang-site-header__nav,
	body.beeang-learning-eo-page .beeang-site-header__inner.has-account-menu .beeang-site-header__search {
		display: none;
	}
	body.beeang-learning-eo-page .beeang-site-header__inner.has-account-menu .beeang-site-header__actions {
		grid-area: actions;
		gap: 7px;
	}
	body.beeang-learning-eo-page .beeang-site-profile__name,
	body.beeang-learning-eo-page .beeang-site-profile__email {
		display: none;
	}
}

/* 0.9.203: pembungkus fold "Transaksi" di halaman Learning mode EO (section.beeang-learning__sales--fold) tampil
   sebagai kartu kosong karena aturan kartu EMS (learning-manager-redesign.css, padding 30px, border, background,
   shadow) lebih spesifik daripada reset di workspace-themefix.css. Reset ditulis ulang di sini hanya untuk halaman
   Learning mode EO. Konten fold di dalamnya tetap apa adanya. */
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .beeang-learning__sales--fold {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

/* 0.9.204: jarak besar antara label "Pilih event" dan dropdown di halaman Sertifikat Learning mode EO.
   Label (display:grid di dalam flex wrap) meregang mengikuti tinggi baris form. Label dan select dibuat
   bertumpuk rapat dari atas, dan form diratakan ke atas. Hanya untuk halaman Learning mode EO. */
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .beeang-learning__certificates .beeang-event-module__selector {
	align-items: flex-start;
}
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .beeang-learning__certificates .beeang-event-module__selector label {
	display: flex;
	flex-direction: column;
	align-self: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
	gap: 7px;
}
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .beeang-learning__certificates .beeang-event-module__selector select {
	align-self: stretch;
	height: auto;
	margin: 0;
}

/* 0.9.205: (1) baris flex form pemilih event di halaman Sertifikat ikut meregang (align-content: stretch) sehingga
   ada ruang kosong antara dropdown dan tombol Tampilkan. Baris dipaksa rapat ke atas. (2) Kartu "Perlu tindakan"
   di Ringkasan Learning meregang mengikuti tinggi kartu Pendapatan pada baris grid yang sama. Kartu dibiarkan
   sesuai isinya. Hanya untuk halaman Learning mode EO. */
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .beeang-learning__certificates .beeang-event-module__selector {
	align-content: flex-start;
}
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .bl-card--alerts {
	align-self: start;
}

/* 0.9.206: di HP, workspace.css membuat .beeang-event-module__selector menjadi kolom, dan label memakai flex: 1.
   Dalam kolom, label ikut meregang mengisi sisa tinggi form, sehingga muncul ruang kosong antara dropdown dan tombol
   Tampilkan. Label dibuat berukuran sesuai isinya. Hanya untuk halaman Learning mode EO. */
body.beeang-learning-eo-page.beeang-learning-page .beeang-learning--manager .beeang-learning__certificates .beeang-event-module__selector label {
	flex: 0 0 auto;
}