/* Generated by scripts/build.mjs for placeholder windows and pages. Disappears once every station ships its own partials. */
@layer placeholder {
	body[data-station="ember"]:has(> main > [data-placeholder]) { --st-bg: oklch(94% 0.03 80); --st-ink: oklch(22% 0.03 40); --st-dim: oklch(38% 0.05 50); --st-accent: oklch(48% 0.19 38); }
	body[data-station="weather"]:has(> main > [data-placeholder]) { --st-bg: oklch(90% 0.01 95); --st-ink: oklch(16% 0 0); --st-dim: oklch(40% 0.01 250); --st-accent: oklch(44% 0.12 60); }
	body[data-station="calls"]:has(> main > [data-placeholder]) { --st-bg: oklch(12% 0.02 150); --st-ink: oklch(85% 0.2 145); --st-dim: oklch(66% 0.14 145); --st-accent: oklch(90% 0.19 145); }
	body[data-station="machine"]:has(> main > [data-placeholder]) { --st-bg: oklch(16% 0.01 230); --st-ink: oklch(90% 0.01 230); --st-dim: oklch(68% 0.02 230); --st-accent: oklch(82% 0.14 200); }
	body[data-station="water"]:has(> main > [data-placeholder]) { --st-bg: oklch(26% 0.07 245); --st-ink: oklch(88% 0.03 225); --st-dim: oklch(82% 0.04 230); --st-accent: oklch(82% 0.09 205); }
	body[data-station="hours"]:has(> main > [data-placeholder]) { --st-bg: oklch(13% 0.01 350); --st-ink: oklch(93% 0.03 85); --st-dim: oklch(74% 0.03 85); --st-accent: oklch(70% 0.23 350); }
	body[data-station="signoff"]:has(> main > [data-placeholder]) { --st-bg: oklch(0% 0 0); --st-ink: oklch(100% 0 0); --st-dim: oklch(76% 0 0); --st-accent: oklch(100% 0 0); }

	.window[data-placeholder],
	body[data-page="station"]:has(> main > [data-placeholder]) {
		background: var(--st-bg);
		color: var(--st-ink);

		& a {
			color: var(--st-accent);
		}
	}

	.window[data-placeholder] {
		display: grid;
		align-content: center;
		gap: 1rem;
		min-block-size: 100svh;
		padding: 2rem clamp(1.5rem, 8vw, 8rem);

		& .window__name {
			margin: 0;
			font-family: var(--st-font-display, ui-serif, Georgia, serif);
			font-size: clamp(2.5rem, 9vw, 7rem);
			line-height: 1;
		}

		& :is(.window__freq, .window__tagline) {
			margin: 0;
			color: var(--st-dim);
		}
	}

	.static[data-placeholder] {
		block-size: 8px;
		background: repeating-linear-gradient(90deg, oklch(50% 0 0) 0 2px, oklch(30% 0 0) 2px 5px);
	}

	body[data-page="station"]:has(> main > [data-placeholder]) {
		& :is(#station-header, main, .pager) {
			max-inline-size: 64rem;
			margin-inline: auto;
			padding-inline: clamp(1.25rem, 5vw, 3rem);
		}

		& #station-header {
			padding-block: 4rem 2rem;
		}

		& .station-header__name {
			margin: 0;
			font-family: var(--st-font-display, ui-serif, Georgia, serif);
			font-size: clamp(2.5rem, 8vw, 6rem);
			line-height: 1;
		}

		& table {
			border-collapse: collapse;
			inline-size: 100%;
		}

		& :is(td, th) {
			padding: 0.5rem 0.75rem 0.5rem 0;
			border-block-end: 1px solid var(--st-dim);
			text-align: start;
		}

		& :is(.shows__list, .pager ul) {
			display: grid;
			gap: 1.5rem;
			padding: 0;
			list-style: none;
		}

		& .pager {
			padding-block: 2rem 8rem;
		}

		& .pager ul {
			grid-template-columns: 1fr 1fr;
		}

		& .pager__next {
			text-align: end;
		}
	}
}