/* BRANCOトークンの定義は chrome.css（全ページ共通層）に移設済み */

body.branco-home-template,
#body_wrap.branco-home-template {
	background: var(--branco-surface);
	color: var(--color_text, var(--branco-zinc-950));
}

body.branco-home-template :where(#main_visual, #post_slider, #sidebar, .l-sidebar, .p-mainVisual, .p-postSlider, .p-breadcrumb, .l-topTitleArea, .p-articleHead, .p-articleMetas, .c-pageTitle, .c-shareBtns, .p-fixBtnWrap),
#body_wrap.branco-home-template :where(#main_visual, #post_slider, #sidebar, .l-sidebar, .p-mainVisual, .p-postSlider, .p-breadcrumb, .l-topTitleArea, .p-articleHead, .p-articleMetas, .c-pageTitle, .c-shareBtns, .p-fixBtnWrap) {
	display: none !important;
}

body.branco-home-template :where(#content, #main_content),
#body_wrap.branco-home-template :where(#content, #main_content) {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 !important;
}

body.branco-home-template .post_content,
#body_wrap.branco-home-template .post_content {
	margin: 0;
	padding: 0;
}

body.branco-home-template .branco-home > .wp-block-group__inner-container,
#body_wrap.branco-home-template .branco-home > .wp-block-group__inner-container,
body.branco-home-template .branco-home .p-blogParts,
#body_wrap.branco-home-template .branco-home .p-blogParts {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.branco-home,
.branco-home * {
	box-sizing: border-box;
}

.branco-home {
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(24, 24, 27, 0.035) 1px, transparent 1px),
		linear-gradient(180deg, rgba(24, 24, 27, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 82% 18%, var(--branco-glow), transparent 32vw),
		var(--branco-surface);
	background-size: 84px 84px;
	color: var(--color_text, var(--branco-zinc-950));
	font-family: var(--swl-font_family);
	font-weight: var(--swl-font_weight);
	letter-spacing: var(--swl-letter_spacing, 0);
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

.branco-home a {
	text-decoration: none;
}

.branco-home a:where(:not(.branco-button, .swell-block-button__link)) {
	color: inherit;
}

.branco-home :where(h1, h2, h3, p, a, strong, span) {
	overflow-wrap: break-word;
}

.branco-home :where(h1, h2, h3, h4) {
	font-family: var(--branco-font-en);
}

.branco-home :where(.wp-block-group, .wp-block-columns, .wp-block-column) {
	margin-block-start: 0;
	margin-block-end: 0;
}