.yw-live-page__inner { max-width: 1050px; }
.yw-page-heading { text-align: center; padding: 22px 0 26px; }
.yw-page-heading h1 { margin: 7px 0 12px; color: var(--yw-blue-deep); font-size: clamp(2rem,4vw,3.3rem); }
.yw-page-heading p { color: var(--yw-muted); }
.yw-live-stage { position: relative; overflow: hidden; border-radius: var(--yw-radius); background: #fff; box-shadow: var(--yw-shadow); border: 1px solid var(--yw-line); }
.yw-live-stage__badge { position: absolute; top: 16px; left: 16px; z-index: 4; background: var(--yw-red); color: #fff; border-radius: 7px; padding: 7px 12px; font-weight: 900; }
.yw-live-stage__screen { aspect-ratio: 16/9; background: linear-gradient(#71caf0,#e6f3f6 53%,#8297a3); display: grid; place-items: center; overflow: hidden; }
.yw-live-stage__screen > * { width: 100%; }
.yw-live-stage__screen iframe { width: 100%; aspect-ratio: 16/9; display: block; }
.yw-live-placeholder { width: min(90%,760px); min-height: 220px; display: grid; place-content: center; gap: 8px; text-align: center; color: #fff; background: rgba(11,59,90,.42); border: 1px solid rgba(255,255,255,.65); border-radius: 16px; backdrop-filter: blur(4px); }
.yw-live-placeholder strong { font-size: 1.35rem; }
.yw-live-stage__meta { display: grid; grid-template-columns: repeat(3,1fr); }
.yw-live-stage__meta div { padding: 16px 20px; border-top: 1px solid var(--yw-line); }
.yw-live-stage__meta div + div { border-left: 1px solid var(--yw-line); }
.yw-live-stage__meta span { display: block; color: var(--yw-blue); font-weight: 800; font-size: .78rem; margin-bottom: 4px; }
.yw-live-note { margin-top: 24px; padding: 20px 22px; background: #f3faff; border-radius: 14px; }
.yw-live-note h2 { margin-top: 0; color: var(--yw-blue-deep); }
@media (max-width: 640px) {
	.yw-live-stage__meta { grid-template-columns: 1fr; }
	.yw-live-stage__meta div + div { border-left: 0; }
	.yw-live-stage__screen { aspect-ratio: 16/10; }
}

/* WP-WEB-01 v0.3.0 LIVE skeleton finishing */
.yw-live-stage__screen {
	background-image: url("https://yokohama-window.com/wp-content/uploads/2026/09/LIVE.png");
	background-size: cover;
	background-position: center;
}

.yw-live-placeholder {
	padding: 28px;
	background: rgba(8,53,82,.56);
}

.yw-live-note {
	border: 1px solid var(--yw-line);
}