/* Shared link feedback; each component retains its resting opacity. */
:root{--link-fade:200ms ease;--site-edge:16px;}
:where(a[href]){opacity:var(--link-rest-opacity,1);transition:opacity var(--link-fade);}
a[href]:is(:active,:focus-visible){opacity:1;}
@media(hover:hover){a[href]:hover{opacity:1;}}
@media(prefers-reduced-motion:reduce){a[href]{transition:none;}}

/* One quiet route home, shared by pages and homepage answers. */
.site-home{position:absolute;z-index:10;top:max(8px,env(safe-area-inset-top));left:var(--site-home-center,50%);scroll-margin-left:max(var(--site-edge,16px),env(safe-area-inset-left));scroll-margin-right:max(var(--site-edge,16px),env(safe-area-inset-right));transform:translateX(-50%);display:grid;place-items:center;width:var(--site-home-width,max-content);min-height:44px;padding:0;border:0;font-family:"neue-haas-grotesk-text",sans-serif;font-size:12px;font-weight:400;line-height:1.4;white-space:nowrap;text-decoration:none;color:var(--ink);opacity:.33;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity var(--link-fade),left 360ms cubic-bezier(.37,0,.63,1),width 360ms cubic-bezier(.37,0,.63,1);}
.site-home-full,.site-home-short{grid-area:1/1;width:max-content;transition:opacity 180ms ease;}
.site-home-short{opacity:0;}
.site-home[data-compact] .site-home-full{opacity:0;pointer-events:none;}
.site-home[data-compact] .site-home-short{opacity:1;}
@media(prefers-reduced-motion:reduce){.site-home,.site-home-full,.site-home-short{transition:none;}}
/* Homepage answers share the footer's 180ms ease; the asking screen stays clear. */
.site-home[data-response-home]{position:fixed;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--link-fade),visibility 0s 180ms,left 360ms cubic-bezier(.37,0,.63,1),width 360ms cubic-bezier(.37,0,.63,1);}
.site-home[data-response-home][data-showing]{opacity:.33;visibility:visible;pointer-events:auto;transition-delay:0s;}
.site-home[data-response-home][data-showing]:is(:active,:focus-visible){opacity:1;}
@media(hover:hover){.site-home[data-response-home][data-showing]:hover{opacity:1;}}
@media(prefers-reduced-motion:reduce){.site-home[data-response-home]{transition:none;}}