/* x-site.sticky-cta (5 Nov 2026): a small ink card fixed to the bottom of the screen. No border, no
   shadow; it fades and lifts in and out with opacity and transform only, so nothing on the page moves. */
.hy-sticky{position:fixed;z-index:40;left:50%;bottom:calc(16px + env(safe-area-inset-bottom, 0px));display:flex;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 32px);padding:10px 10px 10px 22px;border-radius:var(--b-r-panel);background:var(--b-ink);color:var(--b-on-ink);font:400 15px/1.35 var(--b-font);opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}
.hy-sticky[hidden]{display:none}
.hy-sticky.is-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .3s ease,transform .3s ease,visibility 0s}
.hy-sticky__text{margin:0;color:var(--b-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hy-sticky__go{display:flex;align-items:center;gap:16px;flex:none}
.hy-sticky__link{color:var(--b-on-ink);font-weight:500;font-size:14px;text-decoration:none}
.hy-sticky__link:hover{text-decoration:underline;text-underline-offset:3px}
.hy-sticky__x{display:grid;place-items:center;width:32px;height:32px;flex:none;border:0;border-radius:var(--b-r-ctl);background:none;color:var(--b-ink-mute);cursor:pointer}
.hy-sticky__x:hover{background:var(--b-ink-fill);color:var(--b-on-ink)}
.hy-sticky__x:focus-visible,.hy-sticky__link:focus-visible{outline:2px solid var(--b-accent-light);outline-offset:2px}
@media (max-width:980px){.hy-sticky__text{display:none}}
@media (max-width:720px){
  .hy-sticky{left:12px;right:12px;width:auto;max-width:none;gap:10px;padding:8px 6px 8px 16px;border-radius:var(--b-r-card);transform:translateY(12px)}
  .hy-sticky.is-on{transform:none}
  .hy-sticky__text{display:none}
  .hy-sticky__go{flex:1;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){.hy-sticky,.hy-sticky.is-on{transition:none;transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce) and (max-width:720px){.hy-sticky,.hy-sticky.is-on{transform:none}}
/* the card's button stays the light one on ink, so it never competes with the accent button of a section */
.hy-sticky .hy-btn--primary{background:var(--b-paper);color:var(--b-ink)}
.hy-sticky .hy-btn--primary:hover{background:var(--b-card);color:var(--b-ink)}