/* One-line contextual CTA (partials/hx-cta-line), Oct 27 (Amar's /pi to-do). A small text link with an arrow, closing the section it sits under.
   Brand only: ink #110A33, gold #FFC61E, mist #F6F4FF, white. Gold is the underline (never gold text on white). Transform and colour only. */
.hxcl { box-sizing: border-box; margin: 0; padding: 0 24px 40px; text-align: center; font: 500 16px/1.5 Manrope, "Manrope Fallback", Arial, sans-serif; color: #5B6478; text-wrap: pretty; }
.hxcl--white { background: #fff; }
.hxcl--mist { background: #F6F4FF; }
.hxcl--ink { background: #110A33; color: rgba(255, 255, 255, .72); }
.hxcl--bare { background: transparent; padding: 24px 0 0; }
.hxcl-lead { margin-inline-end: 8px; }
.hxcl-a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 800; color: #110A33; text-decoration: underline; text-decoration-color: #FFC61E; text-decoration-thickness: 2px; text-underline-offset: 6px; transition: text-decoration-color .15s ease; }
.hxcl-a svg { flex: none; transition: transform .2s cubic-bezier(.23, 1, .32, 1); }
.hxcl--ink .hxcl-a { color: #fff; }
.hxcl-a:hover { text-decoration-color: #110A33; }
.hxcl--ink .hxcl-a:hover { text-decoration-color: #fff; }
.hxcl-a:hover svg { transform: translateX(3px); }
.hxcl-a:active { transform: scale(.98); }
.hxcl-a:focus-visible { outline: 2px solid #341D99; outline-offset: 4px; border-radius: 6px; }
.hxcl--ink .hxcl-a:focus-visible { outline-color: #FFC61E; }
.hxcl-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 767px) { .hxcl { padding: 0 16px 32px; } }
@media (prefers-reduced-motion: reduce) { .hxcl-a, .hxcl-a svg { transition: none; } .hxcl-a:hover svg, .hxcl-a:active { transform: none; } }