:root {
	--yw-blue: #1686d9;
	--yw-blue-deep: #07599e;
	--yw-sky: #eaf8ff;
	--yw-red: #e7333f;
	--yw-ink: #16324a;
	--yw-muted: #678096;
	--yw-line: #d7e8f3;
	--yw-radius: 18px;
	--yw-shadow: 0 10px 30px rgba( 12, 74, 120, .10 );

	/* Bridge Arkhe standard components to the YOKOHAMA WINDOW brand source. */
	--ark-color--main: var(--yw-blue);
}

body.yw-site {
	background: #fff;
	color: var(--yw-ink);
}

.yw-container {
	width: min(1120px, calc(100% - 32px));
	margin-inline: auto;
}

.yw-main {
	background:
		linear-gradient(180deg, rgba(232,247,255,.9) 0, rgba(255,255,255,0) 320px),
		#fff;
	padding: 24px 0 64px;
}

.yw-main h1,
.yw-main h2,
.yw-main h3,
.yw-masthead,
.yw-footer-brand {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif;
}

.yw-kicker,
.yw-label {
	font-weight: 800;
	letter-spacing: .08em;
	color: var(--yw-blue);
}

.yw-label {
	display: inline-flex;
	align-items: center;
	padding: 4px 9px;
	border-radius: 7px;
	background: #dff2ff;
	font-size: .75rem;
}

.yw-label--green { background: #dff8e8; color: #168846; }

.yw-button,
.yw-outline-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none !important;
}

.yw-button {
	background: var(--yw-blue);
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(8,120,215,.24);
}

.yw-outline-button {
	border: 1.5px solid var(--yw-blue);
	color: var(--yw-blue) !important;
	background: #fff;
}

.yw-outline-button--disabled { opacity: .65; cursor: default; }

.yw-phase-note {
	margin: 14px 0 0;
	color: var(--yw-muted);
	font-size: .76rem;
}

.yw-gutenberg-zone {
	margin-top: 40px;
}

@media (max-width: 640px) {
	.yw-container { width: min(100% - 22px, 1120px); }
	.yw-main { padding-top: 14px; }
}