@refrakt-md/lumina 0.21.0 → 0.23.0

package/styles/runes/xref.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* Xref — inline cross-reference link */
 
 .rf-xref {
@@ -13,7 +14,6 @@
 }
 .rf-xref--external::after {
 	content: '\2197'; /* ↗ */
-	display: inline-block;
 	margin-inline-start: 0.15em;
 	font-size: 0.85em;
 	vertical-align: 0.05em;
@@ -26,3 +26,5 @@
 	color: var(--rf-color-muted);
 	cursor: help;
 }
+
+}

package/tokens/base.css

@@ -1,37 +1,45 @@
-/* Lumina Theme — Design Tokens (Light Mode)
- *
- * Source of truth: packages/lumina/src/tokens.ts (`luminaTokens` export).
- * This file mirrors that export verbatim — a coverage test in
- * `packages/lumina/test/token-config-coverage.test.ts` keeps them in
- * lockstep; drift fails CI. Edit `tokens.ts` and update both, or run
- * a future build script that regenerates this file. */
+@layer skin {
+/* GENERATED from src/tokens.ts by scripts/generate-tokens.mjs — do not edit by hand.
+ * Edit the `luminaTokens` source and rebuild; a drift test guards this file. */
 
-:root {
-	/* Typography */
+:root, [data-color-scheme="light"] {
 	--rf-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
 	--rf-font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, 'Cascadia Code', monospace;
-
-	/* Core palette */
+	--rf-font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+	--rf-text-xs: 0.75rem;
+	--rf-text-sm: 0.875rem;
+	--rf-text: 1rem;
+	--rf-text-lg: 1.125rem;
+	--rf-text-xl: 1.25rem;
+	--rf-text-2xl: 1.5rem;
+	--rf-text-3xl: 1.875rem;
+	--rf-text-4xl: 2.5rem;
+	--rf-weight-light: 300;
+	--rf-weight-normal: 400;
+	--rf-weight-medium: 500;
+	--rf-weight-semibold: 600;
+	--rf-weight-bold: 700;
+	--rf-leading-tight: 1.2;
+	--rf-leading-snug: 1.35;
+	--rf-leading-normal: 1.5;
+	--rf-leading-relaxed: 1.65;
+	--rf-leading-loose: 2;
+	--rf-tracking-tight: -0.01em;
+	--rf-tracking-normal: 0;
+	--rf-tracking-wide: 0.03em;
+	--rf-tracking-wider: 0.06em;
 	--rf-color-text: #1c1a17;
 	--rf-color-muted: #6b6661;
 	--rf-color-border: #e2e0dd;
 	--rf-color-bg: #f5f4f1;
 	--rf-color-primary: #1c1a17;
 	--rf-color-primary-hover: #3a342d;
-	/* Derived subtle primary wash — tracks `primary` in both modes. */
 	--rf-color-primary-bg: color-mix(in oklch, var(--rf-color-primary) 10%, transparent);
 	--rf-color-on-primary: #ffffff;
-
-	/* Surfaces */
 	--rf-color-surface: #fbfaf7;
 	--rf-color-surface-hover: #ecebe8;
 	--rf-color-surface-active: #e2e0dd;
 	--rf-color-surface-raised: #ffffff;
-	/* SPEC-087 — lightness delta for the derived inset surface (applied at use-site
-	 * via relative-color — lower L, keep C+H — so it tracks a tinted --rf-color-surface). */
-	--rf-surface-inset-shift: 0.04;
-
-	/* Semantic — muted earthy band per SPEC-051 */
 	--rf-color-info: #34547a;
 	--rf-color-info-bg: #e8edf4;
 	--rf-color-info-border: #c5d2e0;
@@ -44,70 +52,37 @@
 	--rf-color-success: #2d6a3e;
 	--rf-color-success-bg: #e0eee4;
 	--rf-color-success-border: #b8d4be;
-
-	/* WORK-304 — neutral tint for line highlight (the third
-	 * `[data-line-status]` value that snippet / codegroup / diff share).
-	 * Subtle surface tint so highlighted rows read as emphasized but not
-	 * status-coloured (which would compete with diff's add/remove channel
-	 * and the semantic palette above). `*-rail` is the optional left-edge
-	 * border colour; falls back to the primary accent via the consuming
-	 * CSS for themes that don't override it.
-	 *
-	 * WORK-341 — these three (and `--rf-color-primary-bg` above) are
-	 * **intentionally shared**: each derives from a mode-aware token
-	 * (`text` / `primary` / `muted`), so they track dark mode automatically
-	 * and deliberately have no dark.css override (a fixed dark value would
-	 * break the derivation). */
+	--rf-color-code-bg: #ebeae8;
+	--rf-color-code-text: #1c1a17;
+	--rf-color-code-inline-bg: #e6e5e3;
 	--rf-color-line-highlight: color-mix(in srgb, var(--rf-color-text) 6%, transparent);
 	--rf-color-line-highlight-rail: var(--rf-color-primary, var(--rf-color-text));
-	/* Gutter colour for `pre[data-linenumbers]` line counter. Defers to
-	 * the existing muted text token by default; themes can pin a
-	 * dedicated hue without overriding muted. */
 	--rf-color-line-number: var(--rf-color-muted);
-
-	/* Radii */
 	--rf-radius-sm: 6px;
 	--rf-radius-md: 10px;
 	--rf-radius-lg: 16px;
 	--rf-radius-full: 9999px;
-
-	/* Spacing */
 	--rf-spacing-xs: 0.25rem;
 	--rf-spacing-sm: 0.5rem;
+	--rf-spacing-snug: 0.75rem;
+	--rf-spacing-cozy: 1rem;
 	--rf-spacing-md: 1.5rem;
 	--rf-spacing-lg: 2rem;
 	--rf-spacing-xl: 3rem;
 	--rf-spacing-2xl: 4rem;
-
-	/* Section spacing */
 	--rf-spacing-section: 4rem;
 	--rf-spacing-section-tight: 1.5rem;
 	--rf-spacing-section-loose: 6rem;
 	--rf-spacing-section-breathe: 8rem;
-
-	/* Inset (horizontal padding) */
 	--rf-inset-flush: 0;
 	--rf-inset-tight: 1rem;
 	--rf-inset-loose: 4rem;
 	--rf-inset-breathe: 8rem;
-
-	/* Shadows */
 	--rf-shadow-none: none;
 	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
 	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
 	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.04);
 	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
-
-	/* Code block */
-	--rf-color-code-bg: #ebeae8;
-	--rf-color-code-text: #1c1a17;
-	--rf-color-code-inline-bg: #e6e5e3;
-	/* Legacy alias — same value, kept for downstream CSS that reads the
-	 * older variable name. Will be removed once the rename is documented
-	 * widely enough that it's safe to drop. */
-	--rf-color-inline-code-bg: #e6e5e3;
-
-	/* Syntax — the quiet spectrum walk */
 	--rf-syntax-keyword: #2a5c63;
 	--rf-syntax-function: #4a3b6e;
 	--rf-syntax-string: #8a3a3a;
@@ -115,19 +90,34 @@
 	--rf-syntax-comment: #8a857d;
 	--rf-syntax-punctuation: #6b6661;
 	--rf-syntax-variable: #1c1a17;
-
-	/* Shiki aliases — Shiki's CSS-variables theme emits `--rf-syntax-token-*`
-	 * with `token-` hardcoded inside its theme builder. We bridge by emitting
-	 * literal hex values matching the contract surface above. */
-	--rf-syntax-foreground: #1c1a17;
-	--rf-syntax-background: #ebeae8;
 	--rf-syntax-token-keyword: #2a5c63;
+	--rf-syntax-token-tag: #2a5c63;
+	--rf-syntax-token-function: #4a3b6e;
+	--rf-syntax-token-link: #4a3b6e;
+	--rf-syntax-token-type: #4a3b6e;
+	--rf-syntax-token-attribute: #4a3b6e;
 	--rf-syntax-token-string: #8a3a3a;
 	--rf-syntax-token-string-expression: #8a3a3a;
+	--rf-syntax-token-regex: #8a3a3a;
 	--rf-syntax-token-constant: #876327;
+	--rf-syntax-token-number: #876327;
 	--rf-syntax-token-comment: #8a857d;
-	--rf-syntax-token-function: #4a3b6e;
-	--rf-syntax-token-parameter: #1c1a17;
 	--rf-syntax-token-punctuation: #6b6661;
-	--rf-syntax-token-link: #4a3b6e;
+	--rf-syntax-token-operator: #6b6661;
+	--rf-syntax-token-parameter: #1c1a17;
+	--rf-syntax-token-property: #1c1a17;
+	--rf-syntax-foreground: #1c1a17;
+	--rf-syntax-background: #ebeae8;
+	--rf-color-inline-code-bg: #e6e5e3;
+	--rf-surface-inset-shift: 0.04;
+}
+
+:root {
+	--rf-icon-hint-note: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-hint-warning: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.29%203.86L1.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%229%22%20x2%3D%2212%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2217%22%20x2%3D%2212.01%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-hint-caution: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2215%22%20y1%3D%229%22%20x2%3D%229%22%20y2%3D%2215%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%2215%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-hint-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%2F%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-accordion-chevron: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%2F%3E%3C%2Fsvg%3E");
+}
+
 }

package/tokens/dark.css

@@ -1,12 +1,8 @@
-/* Lumina Theme — Dark Mode Token Overrides
- *
- * Source of truth: packages/lumina/src/tokens.ts (`luminaTokens.modes.dark`).
- * This file mirrors that overlay verbatim under both selectors
- * (`[data-theme="dark"]` for user toggles and the `prefers-color-scheme`
- * media query for system preference). A coverage test keeps the two in
- * lockstep; drift fails CI. */
+@layer skin {
+/* GENERATED from src/tokens.ts by scripts/generate-tokens.mjs — do not edit by hand.
+ * Edit the `luminaTokens` source and rebuild; a drift test guards this file. */
 
-[data-theme="dark"] {
+[data-theme="dark"], [data-color-scheme="dark"] {
 	--rf-color-text: #f6f4ef;
 	--rf-color-muted: #94908a;
 	--rf-color-border: #282825;
@@ -14,13 +10,10 @@
 	--rf-color-primary: #f6f4ef;
 	--rf-color-primary-hover: #d4cfc5;
 	--rf-color-on-primary: #1a1a17;
-
 	--rf-color-surface: #1f1f1c;
 	--rf-color-surface-hover: #282825;
 	--rf-color-surface-active: #333330;
 	--rf-color-surface-raised: #272723;
-	--rf-surface-inset-shift: 0.06;
-
 	--rf-color-info: #9bb4c7;
 	--rf-color-info-bg: #1f2530;
 	--rf-color-info-border: #3d4655;
@@ -33,12 +26,13 @@
 	--rf-color-success: #7eb398;
 	--rf-color-success-bg: #1a2a1f;
 	--rf-color-success-border: #2a4a35;
-
 	--rf-color-code-bg: #1c1c19;
 	--rf-color-code-text: #f6f4ef;
 	--rf-color-code-inline-bg: #2b2b29;
-	--rf-color-inline-code-bg: #2b2b29;
-
+	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
+	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
 	--rf-syntax-keyword: #7eb6bc;
 	--rf-syntax-function: #a89bc7;
 	--rf-syntax-string: #c79a9a;
@@ -46,83 +40,88 @@
 	--rf-syntax-comment: #6b6661;
 	--rf-syntax-punctuation: #94908a;
 	--rf-syntax-variable: #f6f4ef;
-
-	--rf-syntax-foreground: #f6f4ef;
-	--rf-syntax-background: #1c1c19;
 	--rf-syntax-token-keyword: #7eb6bc;
+	--rf-syntax-token-tag: #7eb6bc;
+	--rf-syntax-token-function: #a89bc7;
+	--rf-syntax-token-link: #a89bc7;
+	--rf-syntax-token-type: #a89bc7;
+	--rf-syntax-token-attribute: #a89bc7;
 	--rf-syntax-token-string: #c79a9a;
 	--rf-syntax-token-string-expression: #c79a9a;
+	--rf-syntax-token-regex: #c79a9a;
 	--rf-syntax-token-constant: #d4b07e;
+	--rf-syntax-token-number: #d4b07e;
 	--rf-syntax-token-comment: #6b6661;
-	--rf-syntax-token-function: #a89bc7;
-	--rf-syntax-token-parameter: #f6f4ef;
 	--rf-syntax-token-punctuation: #94908a;
-	--rf-syntax-token-link: #a89bc7;
-
-	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
-	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
-	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
-	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
+	--rf-syntax-token-operator: #94908a;
+	--rf-syntax-token-parameter: #f6f4ef;
+	--rf-syntax-token-property: #f6f4ef;
+	--rf-syntax-foreground: #f6f4ef;
+	--rf-syntax-background: #1c1c19;
+	--rf-color-inline-code-bg: #2b2b29;
+	--rf-surface-inset-shift: 0.06;
 }
 
-/* Auto dark mode via system preference */
 @media (prefers-color-scheme: dark) {
 	:root:not([data-theme="light"]) {
-		--rf-color-text: #f6f4ef;
-		--rf-color-muted: #94908a;
-		--rf-color-border: #282825;
-		--rf-color-bg: #1a1a17;
-		--rf-color-primary: #f6f4ef;
-		--rf-color-primary-hover: #d4cfc5;
+	--rf-color-text: #f6f4ef;
+	--rf-color-muted: #94908a;
+	--rf-color-border: #282825;
+	--rf-color-bg: #1a1a17;
+	--rf-color-primary: #f6f4ef;
+	--rf-color-primary-hover: #d4cfc5;
 	--rf-color-on-primary: #1a1a17;
-
-		--rf-color-surface: #1f1f1c;
-		--rf-color-surface-hover: #282825;
-		--rf-color-surface-active: #333330;
-		--rf-color-surface-raised: #272723;
+	--rf-color-surface: #1f1f1c;
+	--rf-color-surface-hover: #282825;
+	--rf-color-surface-active: #333330;
+	--rf-color-surface-raised: #272723;
+	--rf-color-info: #9bb4c7;
+	--rf-color-info-bg: #1f2530;
+	--rf-color-info-border: #3d4655;
+	--rf-color-warning: #d4a868;
+	--rf-color-warning-bg: #2a2519;
+	--rf-color-warning-border: #4a3f2a;
+	--rf-color-danger: #d48888;
+	--rf-color-danger-bg: #2a1818;
+	--rf-color-danger-border: #4a2a2a;
+	--rf-color-success: #7eb398;
+	--rf-color-success-bg: #1a2a1f;
+	--rf-color-success-border: #2a4a35;
+	--rf-color-code-bg: #1c1c19;
+	--rf-color-code-text: #f6f4ef;
+	--rf-color-code-inline-bg: #2b2b29;
+	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
+	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
+	--rf-syntax-keyword: #7eb6bc;
+	--rf-syntax-function: #a89bc7;
+	--rf-syntax-string: #c79a9a;
+	--rf-syntax-constant: #d4b07e;
+	--rf-syntax-comment: #6b6661;
+	--rf-syntax-punctuation: #94908a;
+	--rf-syntax-variable: #f6f4ef;
+	--rf-syntax-token-keyword: #7eb6bc;
+	--rf-syntax-token-tag: #7eb6bc;
+	--rf-syntax-token-function: #a89bc7;
+	--rf-syntax-token-link: #a89bc7;
+	--rf-syntax-token-type: #a89bc7;
+	--rf-syntax-token-attribute: #a89bc7;
+	--rf-syntax-token-string: #c79a9a;
+	--rf-syntax-token-string-expression: #c79a9a;
+	--rf-syntax-token-regex: #c79a9a;
+	--rf-syntax-token-constant: #d4b07e;
+	--rf-syntax-token-number: #d4b07e;
+	--rf-syntax-token-comment: #6b6661;
+	--rf-syntax-token-punctuation: #94908a;
+	--rf-syntax-token-operator: #94908a;
+	--rf-syntax-token-parameter: #f6f4ef;
+	--rf-syntax-token-property: #f6f4ef;
+	--rf-syntax-foreground: #f6f4ef;
+	--rf-syntax-background: #1c1c19;
+	--rf-color-inline-code-bg: #2b2b29;
 	--rf-surface-inset-shift: 0.06;
-
-		--rf-color-info: #9bb4c7;
-		--rf-color-info-bg: #1f2530;
-		--rf-color-info-border: #3d4655;
-		--rf-color-warning: #d4a868;
-		--rf-color-warning-bg: #2a2519;
-		--rf-color-warning-border: #4a3f2a;
-		--rf-color-danger: #d48888;
-		--rf-color-danger-bg: #2a1818;
-		--rf-color-danger-border: #4a2a2a;
-		--rf-color-success: #7eb398;
-		--rf-color-success-bg: #1a2a1f;
-		--rf-color-success-border: #2a4a35;
-
-		--rf-color-code-bg: #1c1c19;
-		--rf-color-code-text: #f6f4ef;
-		--rf-color-code-inline-bg: #2b2b29;
-		--rf-color-inline-code-bg: #2b2b29;
-
-		--rf-syntax-keyword: #7eb6bc;
-		--rf-syntax-function: #a89bc7;
-		--rf-syntax-string: #c79a9a;
-		--rf-syntax-constant: #d4b07e;
-		--rf-syntax-comment: #6b6661;
-		--rf-syntax-punctuation: #94908a;
-		--rf-syntax-variable: #f6f4ef;
-
-		--rf-syntax-foreground: #f6f4ef;
-		--rf-syntax-background: #1c1c19;
-		--rf-syntax-token-keyword: #7eb6bc;
-		--rf-syntax-token-string: #c79a9a;
-		--rf-syntax-token-string-expression: #c79a9a;
-		--rf-syntax-token-constant: #d4b07e;
-		--rf-syntax-token-comment: #6b6661;
-		--rf-syntax-token-function: #a89bc7;
-		--rf-syntax-token-parameter: #f6f4ef;
-		--rf-syntax-token-punctuation: #94908a;
-		--rf-syntax-token-link: #a89bc7;
-
-		--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
-		--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
-		--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
-		--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
 	}
 }
+
+}

package/styles/dimensions/guest-posture.css

@@ -1,27 +0,0 @@
-/* Media-guest interaction posture (SPEC-090).
- *
- * A media-slot guest is presentational by default. When its container is itself
- * an interaction target — a `card` / `bento-cell` with a stretched whole-tile
- * `href` link — or the guest is a `cover` backdrop (SPEC-089), the engine marks
- * the media zone `data-guest-posture="presentational"`. That makes the guest
- * non-interactive at the pointer level, so:
- *   • a linked tile links reliably — clicks over the media fall through to the
- *     stretched link beneath it instead of being eaten by the guest's controls;
- *   • a cover backdrop never steals interaction from the overlaid content.
- *
- * The behaviours layer additionally skips JS enhancement for a presentational
- * guest (see @refrakt-md/behaviors), so it renders its static fallback. The
- * posture is scoped to the media zone only — content-overlay controls
- * (body/footer links & buttons) are outside it and stay fully interactive. */
-[data-section="media"][data-guest-posture="presentational"] {
-	pointer-events: none;
-}
-
-/* Static fallback for demoted tabbed guests (`codegroup`, `tabs`): their tab
- * strip is rendered statically but the behaviour that wires it is skipped, so
- * it would sit there inert. Hide it and let the panels read as plain stacked
- * content — the non-enhanced render is the fallback. (Guests whose chrome is
- * JS-injected — datatable toolbars, map controls — simply never appear.) */
-[data-section="media"][data-guest-posture="presentational"] :is(.rf-tabs__tabs, .rf-codegroup__tabs) {
-	display: none;
-}