/* YXY-Academic public site: additions to the reused legacy-site.css (old compiled Tailwind CSS).
   The site is served under CSP "default-src 'self'; img-src 'self' data:", which blocks inline
   style attributes. The old pre-rendered pages carried three kinds of inline styles; their exact
   declarations are moved here. Nothing else is restyled. */

/* 1. journey tab underline position: old  <div class="journey-tabs" style="--stage-index:N"> */
.journey-tabs[data-stage-index="0"]{--stage-index:0}
.journey-tabs[data-stage-index="1"]{--stage-index:1}
.journey-tabs[data-stage-index="2"]{--stage-index:2}
.journey-tabs[data-stage-index="3"]{--stage-index:3}
.journey-tabs[data-stage-index="4"]{--stage-index:4}

/* 2. Radix accordion content: old style="--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)"
   (the measured --radix-collapsible-content-* values are set by js/accordion.js through the CSSOM, which CSP allows) */
[data-slot=accordion-content]{--radix-accordion-content-height:var(--radix-collapsible-content-height);--radix-accordion-content-width:var(--radix-collapsible-content-width)}

/* 3. Radix checkbox: hidden bubble input, old style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)",
   and the checked indicator, old style="pointer-events:none" */
.brochure-checklist label>input[type=checkbox][aria-hidden=true]{position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)}
[data-slot=checkbox-indicator]{pointer-events:none}

/* 4. ICP filing number (added 2026-11-07, not in the old site): muted like the footer text around it. */
.yxy-icp{color:#8d97b1;font-size:12px;text-decoration:none}
.yxy-icp:hover,.yxy-icp:focus-visible{color:#34329a;text-decoration:underline}
.home-footer>.yxy-icp{margin-left:auto;margin-top:-12px}
.yxy-icp-footer{display:flex;justify-content:center;padding:20px 16px 28px}