/* Xenyra AI ring (H62 -> T2): rotating gradient border on the two space cards, plus one clear focus frame.
   The button ring moved to the shared module css/xh-btn.css. Uses --ring and @keyframes xh-ring from hub.css. Pure decoration, no logic. */
.xh-card{position:relative;isolation:isolate}
.xh-card::before{content:"";position:absolute;inset:-2px;padding:2px;border-radius:24px;background:var(--ring);pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  opacity:0;transition:opacity .25s,inset .25s;animation:xh-ring 4s linear infinite}
.xh-card:hover::before,.xh-card:focus-visible::before{opacity:1}

/* one clear focus frame for every control on the public page */
.xh-main a:focus-visible,.xh-main button:focus-visible,.xh-main summary:focus-visible,.xg a:focus-visible,.xg button:focus-visible,.xg summary:focus-visible{outline:3px solid var(--xt-focus);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.xh-card::before{animation:none}}