/**
 * Charta 2.3.5 — global header search and member actions.
 *
 * These controls are rendered on every public template, so their layout must
 * not depend on the enterprise homepage stylesheet being present.
 */

.site-header .charta-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	min-width: 0;
	margin-left: auto;
}

.site-header .charta-header-tools,
.site-header .wp-block-shortcode .charta-header-tools,
.site-header .wp-block-shortcode:has(.charta-header-tools) {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end;
	gap: .65rem !important;
	width: auto;
	min-width: max-content;
	margin: 0 !important;
	padding: 0 !important;
}

.site-header .wp-block-shortcode:has(.charta-header-tools),
.site-header .wp-block-shortcode .charta-header-tools {
	line-height: 1;
}

.site-header .charta-header-tools > * {
	box-sizing: border-box;
	margin: 0 !important;
}

.site-header .charta-header-search {
	position: relative;
	display: block;
	margin: 0;
}

.site-header .charta-header-search summary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .45rem;
	width: auto !important;
	min-width: 76px;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 .85rem !important;
	border: 1px solid rgba(255, 255, 255, .14) !important;
	border-radius: 6px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(255, 255, 255, .86) !important;
	font-size: .9rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer;
	list-style: none;
	white-space: nowrap;
	transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.site-header .charta-header-search summary::-webkit-details-marker,
.site-header .charta-header-search summary::marker {
	display: none;
	content: "";
}

.site-header .charta-header-search summary:hover,
.site-header .charta-header-search summary:focus-visible,
.site-header .charta-header-search[open] summary {
	border-color: rgba(255, 255, 255, .32) !important;
	background: rgba(255, 255, 255, .07) !important;
	color: #ffffff !important;
}

.site-header .charta-header-search summary svg,
.site-header .charta-header-member-button svg {
	display: block !important;
	flex: 0 0 17px !important;
	width: 17px !important;
	min-width: 17px !important;
	max-width: 17px !important;
	height: 17px !important;
	min-height: 17px !important;
	max-height: 17px !important;
	margin: 0 !important;
	padding: 0 !important;
	fill: currentColor !important;
	stroke: none !important;
}

.site-header .charta-header-search summary span,
.site-header .charta-header-member-button span {
	display: inline !important;
	margin: 0 !important;
	font: inherit !important;
	line-height: 1 !important;
	white-space: nowrap;
}

.site-header .charta-header-search form {
	position: absolute !important;
	top: calc(100% + 14px) !important;
	right: 0 !important;
	left: auto !important;
	z-index: 1000 !important;
	display: flex !important;
	align-items: stretch;
	width: min(440px, 88vw) !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 12px !important;
	border: 1px solid #d7e1ec !important;
	border-radius: 8px !important;
	background: #ffffff !important;
	box-shadow: 0 20px 55px rgba(3, 20, 38, .24) !important;
}

.site-header .charta-header-search form::before {
	position: absolute;
	top: -7px;
	right: 34px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #d7e1ec;
	border-left: 1px solid #d7e1ec;
	background: #ffffff;
	content: "";
	transform: rotate(45deg);
}

.site-header .charta-header-search form label {
	display: block;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 !important;
}

.site-header .charta-header-search form input[type="search"] {
	display: block;
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #d8e2ed !important;
	border-radius: 5px 0 0 5px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	color: #17263a !important;
	font-size: .94rem !important;
	line-height: 44px !important;
	outline: 0;
}

.site-header .charta-header-search form input[type="search"]:focus {
	position: relative;
	z-index: 1;
	border-color: #2463eb !important;
	box-shadow: 0 0 0 3px rgba(36, 99, 235, .12) !important;
}

.site-header .charta-header-search form button {
	flex: 0 0 auto;
	min-width: 74px;
	height: 44px !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 0 !important;
	border-radius: 0 5px 5px 0 !important;
	background: #2463eb !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-size: .9rem !important;
	font-weight: 700 !important;
	line-height: 44px !important;
	cursor: pointer;
}

.site-header .charta-header-search form button:hover,
.site-header .charta-header-search form button:focus-visible {
	background: #174ec7 !important;
}

.site-header .charta-header-member-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: .48rem;
	width: auto !important;
	min-width: 104px;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 1rem !important;
	border: 1px solid rgba(201, 168, 95, .62) !important;
	border-radius: 6px !important;
	background: rgba(201, 168, 95, .08) !important;
	box-shadow: none !important;
	color: #f0d99f !important;
	font-size: .9rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.site-header .charta-header-member-button:hover,
.site-header .charta-header-member-button:focus-visible {
	border-color: #d8bb77 !important;
	background: #c9a85f !important;
	color: #071a2e !important;
	text-decoration: none !important;
}

@media (max-width: 1180px) {
	.site-header .charta-header-tools {
		margin-left: auto !important;
	}
}

@media (max-width: 900px) {
	.site-header .charta-header-actions {
		flex-wrap: wrap !important;
	}

	.site-header .charta-header-tools,
	.site-header .wp-block-shortcode:has(.charta-header-tools) {
		width: 100%;
		min-width: 0;
	}

	.site-header .charta-header-tools {
		justify-content: flex-end;
		padding: .65rem 0 .25rem !important;
		border-top: 1px solid rgba(255, 255, 255, .08);
	}
}

@media (max-width: 620px) {
	.site-header .charta-header-search summary span,
	.site-header .charta-header-member-button span {
		display: none !important;
	}

	.site-header .charta-header-search summary,
	.site-header .charta-header-member-button {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		padding: 0 !important;
	}

	.site-header .charta-header-search form {
		right: 0 !important;
		left: auto !important;
		width: min(360px, calc(100vw - 24px)) !important;
	}
}

@media (max-width: 420px) {
	.site-header .charta-header-search form {
		position: fixed !important;
		top: 78px !important;
		right: 12px !important;
		left: 12px !important;
		width: auto !important;
	}

	.site-header .charta-header-search form::before {
		display: none;
	}
}

/**
 * Charta 2.3.6 — keep the desktop header in one stable row.
 *
 * The header template nests navigation and tools inside .charta-header-actions.
 * display:contents lets the outer row become a true three-column layout:
 * brand | navigation | search/member tools.
 */
@media (min-width: 981px) {
	.site-header .charta-header-row {
		display: grid !important;
		grid-template-columns: max-content minmax(0, 1fr) max-content !important;
		align-items: center !important;
		column-gap: clamp(.8rem, 1.8vw, 1.75rem) !important;
		width: min(var(--charta-enterprise-width, 1360px), 100%) !important;
		min-height: 92px !important;
		padding: 0 !important;
		flex-wrap: nowrap !important;
	}

	.site-header .charta-header-brand {
		grid-column: 1 !important;
		min-width: 0 !important;
		max-width: 390px;
		margin: 0 !important;
	}

	.site-header .charta-header-actions {
		display: contents !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

	.site-header .wp-block-navigation {
		grid-column: 2 !important;
		justify-self: center !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.site-header .wp-block-navigation .wp-block-navigation__responsive-container,
	.site-header .wp-block-navigation .wp-block-navigation__responsive-container-content {
		width: 100%;
		min-width: 0;
	}

	.site-header .wp-block-navigation .wp-block-navigation__container {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-width: 0 !important;
		gap: clamp(.05rem, .32vw, .3rem) !important;
	}

	.site-header .wp-block-navigation .wp-block-navigation-item {
		flex: 0 0 auto !important;
		white-space: nowrap !important;
	}

	.site-header .wp-block-shortcode:has(.charta-header-tools),
	.site-header .charta-header-tools {
		grid-column: 3 !important;
		justify-self: end !important;
		flex-wrap: nowrap !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}
}

/* Compress only the medium desktop range instead of sending menu items to row two. */
@media (min-width: 981px) and (max-width: 1280px) {
	.site-header .charta-header-row {
		column-gap: .7rem !important;
	}

	.site-header .charta-header-brand {
		gap: .65rem !important;
	}

	.site-header .charta-header-brand:has(.wp-block-site-logo img) .charta-header-brand-text {
		display: none !important;
	}

	.site-header .wp-block-navigation {
		font-size: .84rem !important;
		letter-spacing: 0 !important;
	}

	.site-header .wp-block-navigation .wp-block-navigation__container {
		gap: 0 !important;
	}

	.site-header .wp-block-navigation .wp-block-navigation-item__content {
		padding-right: .5rem !important;
		padding-left: .5rem !important;
	}

	.site-header .charta-header-tools,
	.site-header .wp-block-shortcode:has(.charta-header-tools) {
		gap: .45rem !important;
	}

	.site-header .charta-header-search summary {
		min-width: 68px !important;
		padding-right: .65rem !important;
		padding-left: .65rem !important;
	}

	.site-header .charta-header-member-button {
		min-width: 96px !important;
		padding-right: .72rem !important;
		padding-left: .72rem !important;
	}
}

/* Below tablet/compact-desktop width, use the theme's deliberate responsive layout. */
@media (max-width: 980px) {
	.site-header .charta-header-row {
		display: flex !important;
	}
}

/*--------------------------------------------------------------
# Charta 2.4.1 Text Logo Fallback
--------------------------------------------------------------*/
/* When no image Logo is configured, the site name becomes the main Logo. */
.site-header .charta-header-brand--text-logo {
	gap: 0 !important;
	max-width: min(460px, 100%) !important;
}

.site-header .charta-header-brand--text-logo .wp-block-site-logo {
	display: none !important;
}

.site-header .charta-header-brand--text-logo .charta-header-brand-text {
	display: grid !important;
	padding-left: 0 !important;
	border-left: 0 !important;
	gap: .2rem !important;
}

.site-header .charta-header-brand--text-logo .wp-block-site-title,
.site-header .charta-header-brand--text-logo .charta-header-site-title {
	font-size: clamp(1.55rem, 2vw, 1.9rem) !important;
	font-weight: 800 !important;
	line-height: 1.12 !important;
	letter-spacing: .025em !important;
}

.site-header .charta-header-brand--text-logo .charta-header-tagline {
	font-size: .78rem !important;
	line-height: 1.35 !important;
}

@media (max-width: 620px) {
	.site-header .charta-header-brand--text-logo {
		width: calc(100% - 44px) !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
	}

	.site-header .charta-header-brand--text-logo .charta-header-brand-text {
		display: grid !important;
		min-width: 0;
	}

	.site-header .charta-header-brand--text-logo .wp-block-site-title,
	.site-header .charta-header-brand--text-logo .charta-header-site-title {
		font-size: clamp(1.42rem, 6.5vw, 1.68rem) !important;
		line-height: 1.15 !important;
		white-space: normal;
	}
}

/* Charta 2.5.4 — move the text-only Logo slightly farther left. */
@media (min-width: 1281px) {
	.site-header .charta-header-brand--text-logo {
		transform: translateX(-30px);
	}
}

@media (min-width: 981px) and (max-width: 1280px) {
	.site-header .charta-header-brand--text-logo {
		transform: translateX(-18px);
	}
}



/*--------------------------------------------------------------
# Charta 2.4.3 Header Action Alignment
--------------------------------------------------------------*/
/* Move only the search/member action group closer to the right edge on
 * desktop. Navigation, Logo and the responsive mobile layout stay unchanged. */
@media (min-width: 1281px) {
	.site-header .charta-header-actions > .wp-block-shortcode,
	.site-header .charta-header-actions > .charta-header-tools {
		transform: translateX(30px);
	}
}

@media (min-width: 981px) and (max-width: 1280px) {
	.site-header .charta-header-actions > .wp-block-shortcode,
	.site-header .charta-header-actions > .charta-header-tools {
		transform: translateX(14px);
	}
}


/* Charta 4.0.5 — text-only header logo, larger and aligned with page content */
.site-header .wp-block-site-logo,
.site-header .wp-block-site-logo.charta-header-logo,
.site-header img.custom-logo{display:none!important}
.site-header .charta-header-row{
	box-sizing:border-box!important;
	width:min(calc(100% - 72px),1680px)!important;
	margin-inline:auto!important;
}
.site-header .charta-header-brand,
.site-header .charta-header-brand--text-logo{
	display:flex!important;
	flex:0 0 auto!important;
	justify-content:flex-start!important;
	align-items:center!important;
	min-width:280px!important;
	max-width:520px!important;
	margin:0!important;
	padding:0!important;
	transform:none!important;
}
.site-header .charta-header-brand-text,
.site-header .charta-header-brand--text-logo .charta-header-brand-text{
	display:block!important;
	width:100%!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	text-align:left!important;
}
.site-header .charta-header-brand-text:before,
.site-header .charta-header-tagline{display:none!important}
.site-header .wp-block-site-title,
.site-header .charta-header-site-title,
.site-header .charta-header-brand--text-logo .wp-block-site-title,
.site-header .charta-header-brand--text-logo .charta-header-site-title{
	margin:0!important;
	font-size:clamp(29px,2.05vw,36px)!important;
	font-weight:900!important;
	line-height:1.08!important;
	letter-spacing:-.035em!important;
	white-space:nowrap!important;
}
.site-header .wp-block-site-title a,
.site-header .charta-header-site-title a{
	display:block!important;
	color:#fff!important;
	text-align:left!important;
	text-decoration:none!important;
}
@media(max-width:980px){
	.site-header .charta-header-row{width:calc(100% - 36px)!important}
	.site-header .charta-header-brand,.site-header .charta-header-brand--text-logo{min-width:220px!important}
	.site-header .wp-block-site-title,.site-header .charta-header-site-title{font-size:clamp(24px,4vw,30px)!important}
}
@media(max-width:620px){
	.site-header .charta-header-row{width:calc(100% - 24px)!important}
	.site-header .charta-header-brand,.site-header .charta-header-brand--text-logo{width:auto!important;min-width:0!important;max-width:calc(100% - 52px)!important}
	.site-header .wp-block-site-title,.site-header .charta-header-site-title{font-size:23px!important;white-space:normal!important}
}


/* Charta 4.1.8 — explicit Login/Register and role center actions. */
.site-header .charta-header-account-nav {
	display: flex !important;
	align-items: center !important;
	gap: .52rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

.site-header .charta-header-account-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin: 0 !important;
	padding: 0 .95rem !important;
	border: 1px solid rgba(255,255,255,.18) !important;
	border-radius: 8px !important;
	background: rgba(255,255,255,.045) !important;
	color: rgba(240,247,255,.9) !important;
	font-size: .88rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	white-space: nowrap;
	transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.site-header .charta-header-account-link.is-register {
	border-color: rgba(70,145,255,.72) !important;
	background: linear-gradient(135deg,#2767ed,#6548e8) !important;
	box-shadow: 0 8px 22px rgba(42,94,225,.24) !important;
	color: #fff !important;
}

.site-header .charta-header-account-link:hover,
.site-header .charta-header-account-link:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(109,183,255,.72) !important;
	background: rgba(62,116,222,.22) !important;
	color: #fff !important;
}

.site-header .charta-header-account-link.is-register:hover,
.site-header .charta-header-account-link.is-register:focus-visible {
	background: linear-gradient(135deg,#3678ff,#7957f3) !important;
}

.site-header .charta-header-account-link.is-logout {
	min-width: 58px;
	padding-inline: .75rem !important;
	color: rgba(220,231,244,.74) !important;
}

@media (min-width: 981px) and (max-width: 1380px) {
	.site-header .charta-header-tools--account {
		gap: .4rem !important;
	}
	.site-header .charta-header-account-nav {
		gap: .38rem !important;
	}
	.site-header .charta-header-account-link,
	.site-header .charta-header-member-button {
		min-width: 0 !important;
		padding-inline: .7rem !important;
		font-size: .82rem !important;
	}
	.site-header .charta-header-search summary {
		min-width: 42px !important;
		padding-inline: .65rem !important;
	}
	.site-header .charta-header-search summary span {
		display: none !important;
	}
}

@media (max-width: 620px) {
	.site-header .charta-header-tools--account {
		width: auto !important;
	}
	.site-header .charta-header-account-nav {
		gap: .35rem !important;
	}
	.site-header .charta-header-account-link,
	.site-header .charta-header-member-button {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		padding-inline: .62rem !important;
		font-size: .76rem !important;
	}
	.site-header .charta-header-member-button svg,
	.site-header .charta-header-member-button .charta-header-task-count {
		display: none !important;
	}
	.site-header .charta-header-member-button span {
		display: inline !important;
	}
	.site-header .charta-header-account-link.is-logout {
		display: none !important;
	}
}


/*--------------------------------------------------------------
# Charta 4.1.10 Header Spacing Refinement
--------------------------------------------------------------*/
/* Keep the primary menu and account actions visually separated while using
 * the full desktop header width. This override is intentionally limited to
 * the header and does not change the homepage body layout. */
@media (min-width: 981px) {
	.site-header .charta-header-row {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: clamp(18px, 2vw, 34px) !important;
		width: min(calc(100% - 56px), 1680px) !important;
	}

	.site-header .charta-header-brand {
		flex: 0 0 auto !important;
	}

	.site-header .charta-header-actions {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex: 1 1 auto !important;
		gap: clamp(24px, 3vw, 52px) !important;
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	.site-header .charta-header-actions > .wp-block-navigation,
	.site-header .charta-header-actions > nav.wp-block-navigation {
		display: flex !important;
		justify-content: flex-start !important;
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
	}

	.site-header .charta-header-actions .wp-block-navigation__responsive-container,
	.site-header .charta-header-actions .wp-block-navigation__responsive-container-content {
		width: 100% !important;
		min-width: 0 !important;
	}

	.site-header .charta-header-actions .wp-block-navigation__container {
		justify-content: flex-start !important;
		flex-wrap: nowrap !important;
		gap: clamp(8px, .95vw, 18px) !important;
		width: auto !important;
		min-width: 0 !important;
	}

	.site-header .charta-header-actions .wp-block-navigation-item__content {
		padding-right: 2px !important;
		padding-left: 2px !important;
	}

	.site-header .charta-header-actions > .wp-block-shortcode,
	.site-header .charta-header-actions > .charta-header-tools,
	.site-header .wp-block-shortcode:has(.charta-header-tools),
	.site-header .charta-header-tools--account {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 0 0 auto !important;
		padding-left: clamp(14px, 1.5vw, 24px) !important;
		border-left: 1px solid rgba(255,255,255,.10) !important;
		transform: none !important;
	}

	.site-header .charta-header-tools--account {
		gap: .55rem !important;
	}

	.site-header .charta-header-account-nav {
		gap: .48rem !important;
	}

	.site-header .charta-header-search summary,
	.site-header .charta-header-member-button,
	.site-header .charta-header-account-link {
		min-height: 40px !important;
		border-radius: 9px !important;
	}

	.site-header .charta-header-search summary {
		min-width: 72px !important;
		padding-inline: .75rem !important;
	}

	.site-header .charta-header-member-button {
		min-width: 0 !important;
		padding-inline: .85rem !important;
	}

	.site-header .charta-header-account-link {
		min-width: 0 !important;
		padding-inline: .78rem !important;
	}
}

/* Compact desktop: preserve readable menu labels, but reduce controls before
 * allowing the navigation to collide with the account area. */
@media (min-width: 981px) and (max-width: 1450px) {
	.site-header .charta-header-row {
		gap: 16px !important;
		width: min(calc(100% - 40px), 1680px) !important;
	}

	.site-header .charta-header-actions {
		gap: clamp(18px, 2vw, 30px) !important;
	}

	.site-header .charta-header-actions .wp-block-navigation__container {
		gap: clamp(5px, .55vw, 10px) !important;
	}

	.site-header .charta-header-actions .wp-block-navigation-item__content {
		font-size: 12.5px !important;
		letter-spacing: 0 !important;
	}

	.site-header .charta-header-actions > .wp-block-shortcode,
	.site-header .charta-header-actions > .charta-header-tools,
	.site-header .wp-block-shortcode:has(.charta-header-tools),
	.site-header .charta-header-tools--account {
		padding-left: 14px !important;
	}

	.site-header .charta-header-search summary {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		padding: 0 !important;
	}

	.site-header .charta-header-search summary span {
		display: none !important;
	}

	.site-header .charta-header-member-button,
	.site-header .charta-header-account-link {
		padding-inline: .68rem !important;
		font-size: .8rem !important;
	}

	.site-header .charta-header-account-link.is-logout {
		min-width: 52px !important;
	}
}

/* Very narrow desktop switches to the existing responsive menu before labels
 * are squeezed into one another. */
@media (min-width: 981px) and (max-width: 1120px) {
	.site-header .charta-header-actions {
		gap: 14px !important;
	}

	.site-header .charta-header-actions .wp-block-navigation-item__content {
		font-size: 12px !important;
	}

	.site-header .charta-header-member-button span {
		max-width: 92px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/*--------------------------------------------------------------
# Charta 4.1.11 — hard separation between navigation and tools
--------------------------------------------------------------*/
/* Some Site Editor-saved headers keep .charta-header-shell but omit the
 * utility .site-header class. Target both so the final menu item can never
 * touch the search button. */
@media (min-width: 981px) {
	:is(.site-header, .charta-header-shell) .charta-header-actions {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) max-content !important;
		align-items: center !important;
		column-gap: clamp(28px, 3vw, 48px) !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-actions > .wp-block-navigation,
	:is(.site-header, .charta-header-shell) .charta-header-actions > nav.wp-block-navigation {
		grid-column: 1 !important;
		min-width: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding-right: 8px !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-actions > .wp-block-shortcode,
	:is(.site-header, .charta-header-shell) .charta-header-actions > .charta-header-tools {
		grid-column: 2 !important;
		justify-self: end !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 0 0 clamp(20px, 2vw, 30px) !important;
		border-left: 1px solid rgba(255, 255, 255, .14) !important;
		transform: none !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-tools--account {
		display: flex !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		transform: none !important;
	}

	:is(.site-header, .charta-header-shell) .wp-block-navigation__container {
		justify-content: flex-start !important;
	}
}

@media (min-width: 981px) and (max-width: 1200px) {
	:is(.site-header, .charta-header-shell) .charta-header-actions {
		column-gap: 26px !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-actions > .wp-block-shortcode,
	:is(.site-header, .charta-header-shell) .charta-header-actions > .charta-header-tools {
		padding-left: 20px !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-search summary {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		padding: 0 !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-search summary span {
		display: none !important;
	}
}


/*--------------------------------------------------------------
# Charta 4.1.12 — component-level navigation/tools separation
--------------------------------------------------------------*/
/* Database-saved Site Editor headers may omit every theme wrapper class.
 * The tools slot is emitted by the shortcode itself, so this rule works
 * regardless of the surrounding header markup. */
@media (min-width: 981px) {
	body [data-charta-header-tools-slot] {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 0 0 clamp(34px, 3.2vw, 52px) !important;
		padding: 0 !important;
		transform: none !important;
	}

	body [data-charta-header-tools-slot]::before {
		position: absolute;
		top: 50%;
		left: clamp(-27px, -1.9vw, -18px);
		width: 1px;
		height: 34px;
		background: rgba(255,255,255,.16);
		content: "";
		transform: translateY(-50%);
		pointer-events: none;
	}

	body [data-charta-header-tools-slot] > [data-charta-header-tools] {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		flex-wrap: nowrap !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		transform: none !important;
	}

	/* Prevent older wrapper rules from consuming the slot's deliberate gap. */
	body .wp-block-shortcode:has([data-charta-header-tools-slot]) {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		transform: none !important;
	}
}

@media (min-width: 981px) and (max-width: 1200px) {
	body [data-charta-header-tools-slot] {
		margin-left: 30px !important;
	}

	body [data-charta-header-tools-slot]::before {
		left: -16px;
		height: 30px;
	}
}

@media (max-width: 980px) {
	body [data-charta-header-tools-slot] {
		display: flex !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body [data-charta-header-tools-slot]::before {
		display: none !important;
	}
}


/*--------------------------------------------------------------
# Charta 4.1.13 — remove navigation/account divider line
--------------------------------------------------------------*/
@media (min-width: 981px) {
	body [data-charta-header-tools-slot]::before,
	:is(.site-header, .charta-header-shell) .charta-header-actions > .wp-block-shortcode::before,
	:is(.site-header, .charta-header-shell) .charta-header-actions > .charta-header-tools::before {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
		background: transparent !important;
		content: none !important;
	}

	body [data-charta-header-tools-slot],
	body [data-charta-header-tools-slot] > [data-charta-header-tools],
	.site-header .charta-header-actions > .wp-block-shortcode,
	.site-header .charta-header-actions > .charta-header-tools,
	.site-header .wp-block-shortcode:has(.charta-header-tools),
	.site-header .charta-header-tools--account,
	:is(.site-header, .charta-header-shell) .charta-header-actions > .wp-block-shortcode,
	:is(.site-header, .charta-header-shell) .charta-header-actions > .charta-header-tools {
		border-left: 0 !important;
	}
}

/* 4.2.1 — packaged image logo for the public header */
.site-header .charta-header-brand.charta-header-brand--with-custom-image,
.charta-header-shell .charta-header-brand.charta-header-brand--with-custom-image{
	gap:14px!important;
	align-items:center!important;
	min-width:0!important;
}
.site-header .charta-header-custom-logo,
.charta-header-shell .charta-header-custom-logo{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	flex:0 0 auto!important;
	text-decoration:none!important;
	line-height:0!important;
}
.site-header .charta-header-custom-logo img,
.charta-header-shell .charta-header-custom-logo img{
	display:block!important;
	width:auto!important;
	height:58px!important;
	max-width:min(27vw,300px)!important;
	object-fit:contain!important;
	filter:drop-shadow(0 6px 18px rgba(8,24,55,.16));
}
.site-header .charta-header-brand.charta-header-brand--with-custom-image .charta-header-brand-text,
.charta-header-shell .charta-header-brand.charta-header-brand--with-custom-image .charta-header-brand-text{
	display:none!important;
}
@media(max-width:1024px){
	.site-header .charta-header-custom-logo img,
	.charta-header-shell .charta-header-custom-logo img{
		height:50px!important;
		max-width:240px!important;
	}
}
@media(max-width:782px){
	.site-header .charta-header-custom-logo img,
	.charta-header-shell .charta-header-custom-logo img{
		height:44px!important;
		max-width:210px!important;
	}
}

/*--------------------------------------------------------------
# Charta 4.2.2 — structural three-zone header, permanent collision fix
--------------------------------------------------------------*/
@media (min-width: 981px) {
	:is(.site-header, .charta-header-shell) .charta-header-row {
		display: grid !important;
		grid-template-columns: max-content minmax(0, 1fr) !important;
		align-items: center !important;
		column-gap: clamp(24px, 3vw, 52px) !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-actions--structured {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) max-content !important;
		align-items: center !important;
		column-gap: clamp(34px, 4vw, 66px) !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone] {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		min-width: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone] > .wp-block-navigation,
	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone] nav.wp-block-navigation {
		display: flex !important;
		justify-content: flex-end !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone] .wp-block-navigation__container {
		justify-content: flex-end !important;
		flex-wrap: nowrap !important;
		gap: clamp(12px, 1.35vw, 22px) !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-account-zone] {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		justify-self: end !important;
		flex: 0 0 auto !important;
		width: max-content !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
		isolation: isolate !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-account-zone] .wp-block-shortcode,
	:is(.site-header, .charta-header-shell) [data-charta-header-account-zone] [data-charta-header-tools-slot],
	:is(.site-header, .charta-header-shell) [data-charta-header-account-zone] [data-charta-header-tools] {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		width: auto !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		transform: none !important;
	}

	/* Remove all historical margins that previously attempted to create the gap. */
	body [data-charta-header-tools-slot] {
		margin: 0 !important;
	}
}

@media (min-width: 981px) and (max-width: 1380px) {
	:is(.site-header, .charta-header-shell) .charta-header-actions--structured {
		column-gap: 34px !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-search summary {
		width: 42px !important;
		min-width: 42px !important;
		max-width: 42px !important;
		padding: 0 !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-search summary span {
		display: none !important;
	}
}

@media (min-width: 981px) and (max-width: 1240px) {
	:is(.site-header, .charta-header-shell) .charta-header-row {
		column-gap: 20px !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-actions--structured {
		column-gap: 28px !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone] .wp-block-navigation__container {
		gap: 11px !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone] .wp-block-navigation-item__content {
		font-size: 12px !important;
		white-space: nowrap !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-account-zone] .charta-header-tools--account {
		gap: 7px !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-member-button,
	:is(.site-header, .charta-header-shell) .charta-header-account-link {
		padding-inline: 11px !important;
	}
}

@media (max-width: 980px) {
	:is(.site-header, .charta-header-shell) .charta-header-actions--structured {
		display: flex !important;
		flex-wrap: wrap !important;
		width: 100% !important;
	}

	:is(.site-header, .charta-header-shell) [data-charta-header-nav-zone],
	:is(.site-header, .charta-header-shell) [data-charta-header-account-zone] {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/* 4.2.3 — configurable platform logo component */
:is(.site-header,.charta-header-shell) .charta-header-brand:has([data-charta-brand-logo]){
	display:flex!important;
	align-items:center!important;
	gap:0!important;
	flex:0 0 auto!important;
	min-width:0!important;
	max-width:min(34vw,480px)!important;
}
:is(.site-header,.charta-header-shell) [data-charta-brand-logo]{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:flex-start!important;
	gap:var(--charta-brand-gap,12px)!important;
	max-width:100%!important;
	min-width:0!important;
	color:#fff!important;
	line-height:1!important;
	text-decoration:none!important;
	white-space:nowrap!important;
}
:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__image{
	display:block!important;
	flex:0 1 auto!important;
	width:auto!important;
	height:var(--charta-brand-desktop-height,58px)!important;
	max-width:min(var(--charta-brand-max-width,300px),100%)!important;
	object-fit:contain!important;
	object-position:left center!important;
	filter:drop-shadow(0 5px 14px rgba(2,16,38,.18));
}
:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy{
	display:flex!important;
	flex-direction:column!important;
	justify-content:center!important;
	min-width:0!important;
}
:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy strong{
	dis:block!important;
	overflow:hidden!important;
	max-width:250px!important;
	color:#fff!important;
	font-size:clamp(18px,1.65vw,25px)!important;
	font-weight:850!important;
	line-height:1.12!important;
	letter-spacing:-.025em!important;
	text-overflow:ellipsis!important;
}
:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy small{
	dis:block!important;
	overflow:hidden!important;
	max-width:250px!important;
	margin-top:5px!important;
	color:rgba(226,236,248,.68)!important;
	font-size:10px!important;
	font-weight:650!important;
	line-height:1.2!important;
	letter-spacing:.08em!important;
	text-overflow:ellipsis!important;
}
:is(.site-header,.charta-header-shell) .charta-header-brand:has([data-charta-brand-logo]) .charta-header-brand-text{
	dis:none!important;
}
:is(.site-header,.charta-header-shell) [data-charta-brand-logo].charta-header-custom-logo--text{
	min-height:var(--charta-brand-desktop-height,58px)!important;
}
@media(max-width:1180px){
	:is(.site-header,.charta-header-shell) .charta-header-brand:has([data-charta-brand-logo]){max-width:min(29vw,330px)!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__image{height:var(--charta-brand-tablet-height,50px)!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo].charta-header-custom-logo--text{min-height:var(--charta-brand-tablet-height,50px)!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy strong{font-size:19px!important;max-width:190px!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy small{max-width:190px!important;}
}
@media(max-width:782px){
	:is(.site-header,.charta-header-shell) .charta-header-brand:has([data-charta-brand-logo]){max-width:min(68vw,320px)!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__image{height:var(--charta-brand-mobile-height,42px)!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo].charta-header-custom-logo--text{min-height:var(--charta-brand-mobile-height,42px)!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy strong{font-size:17px!important;max-width:170px!important;}
	:is(.site-header,.charta-header-shell) [data-charta-brand-logo] .charta-header-custom-logo__copy small{display:none!important;}
	body.charta-logo-hidden-mobile :is(.site-header,.charta-header-shell) [data-charta-brand-logo]{display:none!important;}
}


/* 4.3.2 — compact enterprise introduction menu before account tools */
@media (min-width: 981px) {
	:is(.site-header, .charta-header-shell) .charta-header-actions--structured {
		grid-template-columns: minmax(0, 1fr) max-content max-content !important;
		column-gap: clamp(14px, 1.6vw, 24px) !important;
	}
	:is(.site-header, .charta-header-shell) .charta-header-actions--structured > .wp-block-shortcode:has(.charta-company-header-menu) {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: max-content !important;
		min-width: max-content !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

:is(.site-header, .charta-header-shell) .charta-company-header-menu {
	position: relative;
	z-index: 80;
	margin: 0;
	color: #fff;
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 42px;
	padding: 0 13px;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 8px;
	background: rgba(255,255,255,.035);
	color: rgba(255,255,255,.9);
	font-size: 13px;
	font-weight: 750;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	list-style: none;
	transition: background-color .18s ease,border-color .18s ease,color .18s ease;
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary::-webkit-details-marker,
:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary::marker { display:none; content:""; }
:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary::after {
	content:"";
	width: 7px;
	height: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
	transition: transform .18s ease;
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu[open] > summary::after { transform: rotate(225deg) translate(-1px,-1px); }
:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary:hover,
:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary:focus-visible,
:is(.site-header, .charta-header-shell) .charta-company-header-menu[open] > summary,
:is(.site-header, .charta-header-shell) .charta-company-header-menu.is-current > summary {
	border-color: rgba(91,184,255,.6);
	background: rgba(42,111,221,.28);
	color: #fff;
	outline: none;
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel {
	position: absolute;
	top: calc(100% + 12px);
	right: 0;
	display: grid;
	gap: 5px;
	width: 190px;
	padding: 9px;
	border: 1px solid #d7e2ef;
	border-radius: 14px;
	background: rgba(255,255,255,.98);
	box-shadow: 0 22px 55px rgba(4,22,48,.25);
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu:not([open]) .charta-company-header-menu__panel { display:none; }
:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel::before {
	position:absolute;
	top:-6px;
	right:26px;
	width:11px;
	height:11px;
	border-top:1px solid #d7e2ef;
	border-left:1px solid #d7e2ef;
	background:#fff;
	content:"";
	transform:rotate(45deg);
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel a {
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	min-height:40px;
	padding:0 12px;
	border-radius:9px;
	color:#334861 !important;
	font-size:13px;
	font-weight:720;
	text-decoration:none !important;
}
:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel a:hover,
:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel a:focus-visible,
:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel a.is-active {
	background:#edf4ff;
	color:#1f5cc4 !important;
	outline:none;
}

@media (min-width:981px) and (max-width:1240px) {
	:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary {
		font-size:0;
		min-width:50px;
		padding-inline:10px;
	}
	:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary::before { content:"企业"; font-size:12px; }
}

@media (max-width:980px) {
	:is(.site-header, .charta-header-shell) .charta-header-actions--structured > .wp-block-shortcode:has(.charta-company-header-menu) {
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	:is(.site-header, .charta-header-shell) .charta-company-header-menu,
	:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary { width:100%; }
	:is(.site-header, .charta-header-shell) .charta-company-header-menu > summary { justify-content:space-between; padding-inline:14px; }
	:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel {
		position:static;
		width:100%;
		margin-top:8px;
		box-sizing:border-box;
		box-shadow:none;
	}
	:is(.site-header, .charta-header-shell) .charta-company-header-menu__panel::before { display:none; }
}

/*--------------------------------------------------------------
# Charta 4.3.3 — BBS community header button
--------------------------------------------------------------*/
:is(.site-header, .charta-header-shell) .charta-header-bbs-slot {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: max-content !important;
	min-width: max-content !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 44px;
	padding: 0 15px 0 8px;
	border: 1px solid rgba(57, 196, 245, .52);
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(37, 99, 235, .24), rgba(24, 188, 210, .18));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 9px 24px rgba(12, 103, 170, .19);
	color: #fff !important;
	font-size: 13px;
	font-weight: 850;
	letter-spacing: .02em;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
	overflow: hidden;
	transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 14%, rgba(255,255,255,.16) 46%, transparent 72%);
	transform: translateX(-115%);
	transition: transform .45s ease;
	pointer-events: none;
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button:hover,
:is(.site-header, .charta-header-shell) .charta-header-bbs-button:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(95, 221, 255, .92);
	background: linear-gradient(135deg, #2868e8, #18aeba);
	box-shadow: 0 12px 28px rgba(20, 143, 210, .29), 0 0 0 3px rgba(49, 195, 237, .10);
	outline: 0;
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button:hover::before,
:is(.site-header, .charta-header-shell) .charta-header-bbs-button:focus-visible::before {
	transform: translateX(115%);
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button__mark {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	border-radius: 10px;
	background: linear-gradient(145deg, #5a79ff, #21c6dc);
	box-shadow: 0 5px 15px rgba(35, 161, 217, .27);
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .05em;
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button__label,
:is(.site-header, .charta-header-shell) .charta-header-bbs-button__arrow {
	position: relative;
}

:is(.site-header, .charta-header-shell) .charta-header-bbs-button__arrow {
	font-size: 13px;
	color: #7cecff;
}

@media (min-width: 981px) {
	:is(.site-header, .charta-header-shell) .charta-header-row {
		grid-template-columns: max-content max-content minmax(0, 1fr) !important;
		column-gap: clamp(18px, 2.2vw, 38px) !important;
	}

	:is(.site-header, .charta-header-shell) .charta-header-bbs-slot {
		justify-self: start !important;
	}
}

@media (min-width: 981px) and (max-width: 1280px) {
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button {
		min-height: 41px;
		padding-right: 11px;
		gap: 7px;
	}
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button__mark {
		width: 28px;
		height: 28px;
	}
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button__arrow {
		display: none;
	}
}

@media (max-width: 980px) {
	:is(.site-header, .charta-header-shell) .charta-header-bbs-slot {
		order: 2 !important;
		margin-left: auto !important;
	}
	:is(.site-header, .charta-header-shell) .charta-header-actions--structured {
		order: 3 !important;
	}
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button {
		min-height: 40px;
		padding-right: 12px;
	}
}

@media (max-width: 560px) {
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button {
		width: 42px;
		min-width: 42px;
		height: 42px;
		padding: 0;
		border-radius: 12px;
	}
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button__mark {
		width: 30px;
		height: 30px;
	}
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button__label,
	:is(.site-header, .charta-header-shell) .charta-header-bbs-button__arrow {
		display: none;
	}
}