body.mesh-page main {
				width: calc(100% - 2em);
				max-width: 100%;
				margin: 0;
			}
			.hero-shell {
				width: min(1020px, 100%);
				margin: 0 auto;
				position: relative;
				box-sizing: border-box;
			}
			.hero-image {
				width: 100%;
				margin: 0;
				position: relative;
				box-sizing: border-box;
				border-radius: 0;
				overflow: hidden;
			}
			.hero-pane {
				position: relative;
				border-radius: 12px;
				overflow: hidden;
				border: 1px solid rgba(156, 192, 218, 0.36);
				box-shadow:
					0 0 0 1px rgba(186, 222, 246, 0.14),
					0 24px 48px rgba(8, 18, 30, 0.68),
					0 0 34px rgba(8, 18, 30, 0.64);
			}
			.hero-stack {
				position: relative;
				aspect-ratio: 1020 / 510;
				background: #0a1218;
			}
			.hero-canvas-wrap {
				position: absolute;
				inset: 0;
				z-index: 1;
				opacity: 0;
				transition: opacity 260ms ease;
			}
			.hero-canvas-wrap.ready { opacity: 1; }
			.hero-canvas {
				position: absolute;
				inset: 0;
				width: 100%;
				height: 100%;
				display: block;
			}
			.hero-frame {
				position: absolute;
				top: 0.65rem;
				left: 0.8rem;
				display: inline-flex;
				align-items: center;
				gap: 0.52rem;
				padding: 0.26rem 0.62rem;
				border: 1px solid rgba(164, 206, 232, 0.44);
				background: rgba(8, 18, 30, 0.8);
				border-radius: 6px;
				font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
				font-size: 0.65rem;
				letter-spacing: 0.14em;
				color: rgba(208, 236, 254, 0.9);
				text-transform: uppercase;
				pointer-events: none;
				z-index: 2;
				box-shadow:
					0 0 0 1px rgba(176, 216, 240, 0.14),
					0 0 14px rgba(20, 54, 84, 0.4);
			}
			.hero-frame-dot {
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: rgba(255, 64, 82, 0.98);
				box-shadow: 0 0 10px rgba(255, 72, 96, 0.72);
				animation: hero-frame-alert 1.1s ease-in-out infinite;
			}
			.hero-threat-bar {
				width: 100%;
				margin: 0;
				display: flex;
				justify-content: space-between;
				gap: 0.6rem;
				padding: 0.24rem 0.5rem;
				box-sizing: border-box;
				border-top: 1px solid rgba(164, 206, 232, 0.24);
				background: linear-gradient(90deg, rgba(10, 22, 38, 0.7), rgba(8, 16, 28, 0.76));
				border-radius: 0;
				font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
				font-size: 0.58rem;
				letter-spacing: 0.12em;
				color: rgba(188, 226, 248, 0.82);
				text-transform: uppercase;
				pointer-events: none;
				z-index: 1;
			}
			@keyframes hero-frame-alert {
				0%,
				100% {
					opacity: 1;
					transform: scale(1);
				}
				50% {
					opacity: 0.35;
					transform: scale(0.82);
				}
			}
			@media (max-width: 720px) {
				.hero-frame {
					font-size: 0.6rem;
					letter-spacing: 0.1em;
				}
				.hero-threat-bar {
					font-size: 0.52rem;
					letter-spacing: 0.08em;
				}
			}
			body.mesh-page .prose {
				width: 720px;
				max-width: calc(100% - 2em);
				margin: auto;
				padding: 1em;
				color: rgb(var(--text));
			}
			body.mesh-page .hero-shell + .prose {
				margin-top: 1.1rem;
			}
			.rq-tv {
				position: fixed;
				/* Layout-driven sizing: bind to left gutter, not raw screen resolution */
				--content-w: 720px;
				--gutter: max(0px, (100vw - var(--content-w)) / 2);
				left: max(1rem, calc(var(--gutter) * 0.18));
				top: 25vh;
				width: clamp(112px, calc(var(--gutter) * 0.42), 260px);
				aspect-ratio: 4 / 3;
				z-index: 22;
				border-radius: 10px;
				padding: 7px;
				box-sizing: border-box;
				background:
					linear-gradient(165deg, rgba(34, 58, 78, 0.95), rgba(10, 19, 30, 0.94)),
					radial-gradient(circle at 18% 8%, rgba(164, 214, 244, 0.24), rgba(164, 214, 244, 0));
				border: 1px solid rgba(130, 178, 208, 0.34);
				box-shadow:
					0 14px 30px rgba(4, 10, 18, 0.58),
					0 0 0 1px rgba(170, 214, 240, 0.16),
					inset 0 1px 0 rgba(220, 242, 255, 0.22);
				overflow: hidden;
				backdrop-filter: blur(1.5px);
				transition:
					width 360ms cubic-bezier(0.23, 1, 0.32, 1),
					top 320ms ease,
					padding 320ms ease,
					border-radius 320ms ease,
					box-shadow 320ms ease,
					background 320ms ease;
			}
			.rq-tv::before {
				content: "";
				position: absolute;
				inset: 0;
				pointer-events: none;
				background:
					repeating-linear-gradient(
						180deg,
						rgba(182, 232, 255, 0.14) 0 1px,
						rgba(182, 232, 255, 0) 1px 4px
					);
				mix-blend-mode: screen;
				opacity: 0.36;
				transition: opacity 240ms ease;
			}
			.rq-tv-screen {
				position: relative;
				width: 100%;
				height: 100%;
				border-radius: 7px;
				display: block;
				background: transparent;
				border: 1px solid rgba(132, 186, 218, 0.34);
				box-shadow:
					inset 0 0 0 1px rgba(162, 214, 242, 0.12),
					inset 0 0 18px rgba(86, 150, 196, 0.2);
				transition: opacity 190ms ease;
			}
			.rq-tv-stage {
				position: relative;
				width: 100%;
				height: 100%;
				transition: opacity 190ms ease;
			}
			.rq-tv-badge {
				position: absolute;
				left: 0.55rem;
				bottom: 0.42rem;
				font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
				font-size: 0.5rem;
				letter-spacing: 0.12em;
				text-transform: uppercase;
				color: rgba(174, 220, 246, 0.78);
				text-shadow: 0 0 8px rgba(110, 188, 236, 0.36);
				pointer-events: none;
				transition: opacity 180ms ease;
			}
				.rq-tv-toggle {
				position: absolute;
				inset: 0;
				display: grid;
				place-items: center;
				border: 1px solid rgba(132, 186, 218, 0.46);
				background: radial-gradient(circle at 35% 28%, rgba(174, 224, 248, 0.26), rgba(10, 19, 30, 0.94));
				color: rgba(194, 236, 255, 0.9);
				font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
				font-size: 0.75rem;
				letter-spacing: 0.05em;
				text-shadow: 0 0 9px rgba(122, 200, 240, 0.45);
				cursor: pointer;
				opacity: 0;
					pointer-events: none;
					transition: opacity 180ms ease;
				}
				.rq-tv-toggle::before { content: none; }
				.rq-tv.rq-tv-loading .rq-tv-toggle {
					opacity: 1;
					pointer-events: none;
					cursor: wait;
					color: transparent;
				}
				.rq-tv.rq-tv-loading .rq-tv-toggle::before {
					content: "";
					width: 12px;
					height: 12px;
					border-radius: 50%;
					border: 2px solid rgba(184, 230, 250, 0.86);
					border-top-color: rgba(184, 230, 250, 0.2);
					animation: rq-tv-spin 0.8s linear infinite;
				}
			.rq-tv-toggle:focus-visible {
				outline: 2px solid rgba(160, 224, 250, 0.78);
				outline-offset: -2px;
			}
			.rq-tv.rq-tv-collapsed {
				top: 27vh;
				width: 34px;
				padding: 0;
				border-radius: 6px;
				background: linear-gradient(165deg, rgba(34, 58, 78, 0.9), rgba(10, 19, 30, 0.92));
				box-shadow:
					0 10px 20px rgba(4, 10, 18, 0.42),
					0 0 0 1px rgba(168, 214, 240, 0.2);
			}
			.rq-tv.rq-tv-collapsed::before {
				opacity: 0;
			}
			.rq-tv.rq-tv-collapsed .rq-tv-screen,
			.rq-tv.rq-tv-collapsed .rq-tv-stage,
			.rq-tv.rq-tv-collapsed .rq-tv-badge {
				opacity: 0;
				pointer-events: none;
			}
			.rq-tv.rq-tv-collapsed .rq-tv-toggle {
				opacity: 1;
				pointer-events: auto;
			}
			.rq-tv-dot {
				display: inline-block;
				width: 5px;
				height: 5px;
				border-radius: 50%;
				margin-left: 0.35rem;
				background: rgba(254, 84, 108, 0.98);
				box-shadow: 0 0 8px rgba(254, 90, 120, 0.7);
				animation: rq-tv-dot-blink 1.3s ease-in-out infinite;
				vertical-align: middle;
			}
				@keyframes rq-tv-dot-blink {
					0%, 100% { opacity: 1; }
					50% { opacity: 0.28; }
				}
				@keyframes rq-tv-spin {
					to { transform: rotate(360deg); }
				}
			@media (max-width: 720px) {
				body.mesh-page .hero-shell + .prose {
					margin-top: 0.85rem;
				}
			}
			@media (max-width: 1300px) {
				.rq-tv { display: none; }
			}
			body.mesh-page .title {
				margin-bottom: 1em;
				padding: 1em 0;
				text-align: center;
				line-height: 1;
			}
			body.mesh-page .title h1 {
				margin: 0 0 0.5em 0;
			}
			.mesh-title-flow {
				position: relative;
				height: 3px;
				margin: 0.75rem 0 0.1rem;
				border-radius: 999px;
				overflow: hidden;
				background: linear-gradient(
					90deg,
					rgba(96, 176, 255, 0.22),
					rgba(132, 214, 255, 0.3),
					rgba(96, 176, 255, 0.22)
				);
				box-shadow:
					0 0 0 1px rgba(148, 216, 244, 0.08),
					0 0 14px rgba(124, 206, 246, 0.24);
			}
			.mesh-title-flow::before {
				content: "";
				position: absolute;
				inset: 0;
				background: repeating-linear-gradient(
					90deg,
					rgba(162, 224, 250, 0.18) 0 9px,
					rgba(162, 224, 250, 0) 9px 16px
				);
			}
			.mesh-title-flow::after {
				content: "";
				position: absolute;
				top: 0;
				bottom: 0;
				left: -35%;
				width: 35%;
				background: linear-gradient(
					90deg,
					rgba(132, 214, 255, 0),
					rgba(164, 228, 255, 0.88),
					rgba(132, 214, 255, 0)
				);
				animation: mesh-title-flow-run 3.8s linear infinite;
			}
			@keyframes mesh-title-flow-run {
				to {
					left: 100%;
				}
			}
			.mesh-stage-toast {
				position: fixed;
				right: 1rem;
				bottom: 1rem;
				z-index: 56;
				padding: 0.5rem 0.75rem;
				font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
				font-size: 0.7rem;
				letter-spacing: 0.08em;
				text-transform: uppercase;
				color: rgba(214, 246, 255, 0.98);
				background: rgba(6, 16, 28, 0.94);
				border: 1px solid rgba(132, 214, 255, 0.44);
				border-radius: 6px;
				box-shadow:
					0 0 0 1px rgba(132, 214, 255, 0.16),
					0 0 24px rgba(124, 206, 246, 0.32);
				opacity: 0;
				transform: translateY(8px);
				pointer-events: none;
				transition:
					opacity 0.18s ease,
					transform 0.18s ease;
			}
			.mesh-stage-toast.visible {
				opacity: 1;
				transform: translateY(0);
			}
			body.mesh-page .date {
				margin-bottom: 0.5em;
				color: rgb(var(--text-muted));
			}
			body.mesh-page .last-updated-on {
				font-style: italic;
			}