/* Whole-landing material trial; native DOM and hit targets remain intact. */
body[data-experiment="surface"] [data-surface-study]{position:relative}
.surface-material{position:absolute;left:-20px;top:-20px;z-index:4;pointer-events:none;display:block}
.surface-material[hidden]{display:none}
.surface-comparison{position:fixed;right:20px;bottom:12px;z-index:100;display:flex;align-items:center;gap:16px;padding:0 12px;background:#fff;color:#111;font:11px/1.3 var(--sans)}
.surface-comparison span{color:#777}
.surface-comparison a,.surface-comparison button{display:flex;align-items:center;min-height:44px;color:inherit;background:none;border:0;border-radius:0;padding:0;font:inherit;text-decoration:none;cursor:pointer}
.surface-comparison a:hover,.surface-comparison button:hover{text-decoration:underline;text-underline-offset:4px}
body:not([data-view="home"]) .surface-comparison,body:has(dialog[open]) .surface-comparison{display:none}
@media(prefers-reduced-motion:reduce){.surface-material{display:none!important}}
@media(max-width:700px){.surface-comparison{right:12px;bottom:8px;gap:14px}}