/* BAI Academy UX 1.0.0 — styles for ux.js. Scoped to .bai-acux (set by ux.js on #bai-ac) so nothing
   here applies before the layer has started. Colours come from the academy engine's own variables
   (--g gold, --gl light gold, --ink, --mut, --line, --wash, --wash2, --ok); no gold-tinted surfaces
   (owner rule 02.10): gold is used for borders, rings, fills and small accents only. */

.bai-acux-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.bai-acux .bai-acux-i, .bai-acux-cel .bai-acux-i { width: 18px; height: 18px; flex: none; }
.bai-acux [hidden] { display: none !important; }

/* ---- the sign-in line: one quiet line at the top */
.bai-acux .bai-ac__who.bai-acux-who--top { width: fit-content; max-width: 100%; margin: 0 0 20px; padding: 8px 14px; border-radius: 999px; font-size: .88rem; gap: 9px; }
.bai-acux .bai-ac__who.bai-acux-who--top .bai-ac__i { width: 17px; height: 17px; }
.bai-acux-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -6px 0 22px; }
.bai-acux-bar__hub { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: .9rem; font-weight: 600; }
.bai-acux-bar__hub:hover { border-color: rgba(185, 138, 46, .6); color: var(--gl); }

/* ---- module bar */
.bai-acux-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 10px; margin: -4px 0 14px; padding: 8px; border: 1px solid var(--line); border-radius: 16px; background: var(--wash); }
.bai-acux-bar__l, .bai-acux-bar__r { display: flex; align-items: center; gap: 8px; min-width: 0; }
.bai-acux-bar__r { margin-left: auto; }
.bai-acux-bar__prev { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--line); color: var(--ink); text-decoration: none; transition: border-color .18s var(--e), color .18s var(--e); }
.bai-acux-bar__prev:hover { border-color: rgba(185, 138, 46, .6); color: var(--gl); }
.bai-acux-bar__map { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(185, 138, 46, .55); background: transparent; color: var(--ink); font: inherit; font-size: .92rem; font-weight: 600; cursor: pointer; transition: background-color .18s var(--e); }
.bai-acux-bar__map:hover, .bai-acux-bar__map[aria-expanded="true"] { background: var(--wash2); }
.bai-acux-bar__chev { transition: transform .22s var(--e); }
.bai-acux-bar__map[aria-expanded="true"] .bai-acux-bar__chev { transform: rotate(180deg); }
.bai-acux-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: .8rem; font-weight: 600; white-space: nowrap; }
.bai-acux-chip .bai-acux-i { width: 15px; height: 15px; }
.bai-acux-chip.is-done { color: var(--ok); border: 1px solid rgba(91, 211, 155, .45); }
.bai-acux .bai-acux-bar .bai-ac__who { margin: 0; min-width: 0; padding: 7px 12px; border-radius: 999px; font-size: .82rem; gap: 7px; }
.bai-acux .bai-acux-bar .bai-ac__who > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bai-acux .bai-acux-bar .bai-ac__who .bai-ac__i { width: 15px; height: 15px; }
.bai-acux-snd { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--line, rgba(232, 237, 247, .14)); background: transparent; color: var(--mut, #A6B6D0); font: inherit; font-size: .84rem; cursor: pointer; white-space: nowrap; }
.bai-acux-snd:hover { color: var(--ink, #E8EDF7); }
.bai-acux-snd[aria-pressed="false"] { opacity: .8; }
@media (max-width: 600px) {
  .bai-acux-bar__r { width: 100%; justify-content: space-between; }
  .bai-acux-snd__t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ---- module map */
.bai-acux-map { margin: 0 0 20px; padding: 16px; border-radius: 18px; border: 1px solid rgba(185, 138, 46, .45); background: #1B2A49; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); }
.bai-acux-map.is-in { animation: bai-acux-drop .26s var(--e); }
.bai-acux-map__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 12px; }
.bai-acux-map__k { margin: 0; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gl); }
.bai-acux-map__hub { display: inline-flex; align-items: center; gap: 6px; font-size: .88rem; color: var(--ink); text-decoration: none; padding: 6px 10px; border-radius: 10px; border: 1px solid var(--line); }
.bai-acux-map__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 8px; }
.bai-acux-map__list > li { margin: 0; }
.bai-acux-map__i { height: 100%; display: grid; grid-template-columns: 34px minmax(0, 1fr); column-gap: 11px; row-gap: 2px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line); background: var(--wash); color: var(--ink); text-decoration: none; transition: border-color .16s var(--e), background-color .16s var(--e); }
a.bai-acux-map__i:hover { border-color: rgba(185, 138, 46, .6); background: var(--wash2); }
.bai-acux-map__n { grid-row: 1 / span 2; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-size: .86rem; font-weight: 700; border: 1.5px solid var(--line); color: var(--mut); }
.bai-acux-map__n .bai-acux-i { width: 16px; height: 16px; }
.bai-acux-map__t { min-width: 0; font-size: .9rem; line-height: 1.3; }
.bai-acux-map__t b { display: block; font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--mut); }
.bai-acux-map__t span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bai-acux-map__s { grid-column: 2; font-size: .76rem; color: var(--mut); }
.bai-acux-map__i.is-done .bai-acux-map__n, .bai-acux-map__i.is-here-done .bai-acux-map__n { background: var(--ok); border-color: var(--ok); color: var(--navy); }
.bai-acux-map__i.is-here, .bai-acux-map__i.is-here-done { border-color: var(--gl); box-shadow: inset 0 0 0 1px var(--gl); }
.bai-acux-map__i.is-here .bai-acux-map__n { border-color: var(--gl); color: var(--gl); }
.bai-acux-map__i.is-open .bai-acux-map__n { border-color: rgba(185, 138, 46, .6); color: var(--gl); }
.bai-acux-map__i.is-locked { opacity: .55; cursor: not-allowed; }
.bai-acux-map__i.is-exam:not(.is-locked) .bai-acux-map__n { border-color: var(--gl); color: var(--gl); }
.bai-acux-map__toc { margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--line); }
.bai-acux-map__toc ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.bai-acux-map__toc a { display: inline-block; padding: 6px 11px; border-radius: 999px; border: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: .84rem; }
.bai-acux-map__toc a:hover { border-color: rgba(185, 138, 46, .6); color: var(--gl); }

/* ---- previous / overview / next */
.bai-acux-pn { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 10px; margin: 30px 0 0; }
.bai-acux-pn__a { display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 14px 16px; border-radius: 16px; border: 1px solid var(--line); background: var(--wash); color: var(--ink); text-decoration: none; transition: border-color .18s var(--e), transform .18s var(--e), background-color .18s var(--e); }
a.bai-acux-pn__a:hover { border-color: rgba(185, 138, 46, .6); background: var(--wash2); transform: translateY(-2px); }
.bai-acux-pn__a > span { min-width: 0; }
.bai-acux-pn__a small { display: block; font-size: .76rem; letter-spacing: .04em; color: var(--mut); }
.bai-acux-pn__a b { display: block; font-size: .95rem; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bai-acux-pn__a.is-next { justify-content: flex-end; text-align: right; }
.bai-acux-pn__a.is-next:not(.is-locked) { border-color: rgba(185, 138, 46, .55); }
.bai-acux-pn__a.is-next:not(.is-locked) .bai-acux-i { color: var(--gl); }
.bai-acux-pn__a.is-locked { opacity: .6; cursor: not-allowed; }
.bai-acux-pn__hub { display: grid; place-items: center; align-content: center; gap: 4px; padding: 10px 16px; border-radius: 16px; border: 1px solid var(--line); color: var(--gl); text-decoration: none; font-size: .82rem; font-weight: 600; }
.bai-acux-pn__hub:hover { background: var(--wash2); }
@media (max-width: 640px) {
  .bai-acux-pn { grid-template-columns: 1fr 1fr; }
  .bai-acux-pn__hub { grid-column: 1 / -1; grid-row: 2; grid-auto-flow: column; min-height: 48px; }
  .bai-acux-pn__a { padding: 12px; gap: 8px; }
  .bai-acux-pn__a b { font-size: .88rem; }
}

/* ---- reading progress along the top of the window */
.bai-acux-read { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 99990; pointer-events: none; }
.bai-acux-read.has-adminbar { top: 32px; }
@media (max-width: 782px) { .bai-acux-read.has-adminbar { top: 46px; } }
.bai-acux-read i { display: block; height: 100%; background: linear-gradient(90deg, #B98A2E, #E7C77E); transform-origin: left; transform: scaleX(0); }

/* ---- review note (a finished module's check is practice) */
.bai-acux-review { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(91, 211, 155, .35); background: rgba(91, 211, 155, .07); color: var(--mut); font-size: .94rem; line-height: 1.55; }
.bai-acux-review p { margin: 0; }
.bai-acux-review b { color: var(--ok); }
.bai-acux-review .bai-acux-i { color: var(--ok); margin-top: 2px; }

/* ---- interactive figures */
.bai-acux-ftools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 0 0 12px; }
.bai-acux-fhint { display: flex; align-items: center; gap: 7px; margin: 0; font-size: .86rem; color: var(--mut); }
.bai-acux-fhint .bai-acux-i { color: var(--gl); width: 16px; height: 16px; }
.bai-acux-ftools > .bai-acux-fbtn:first-of-type { margin-left: auto; }
.bai-acux-fbtn, .bai-acux-termsall { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(185, 138, 46, .6); background: transparent; color: var(--gl); font: inherit; font-size: .86rem; font-weight: 600; cursor: pointer; transition: background-color .16s var(--e); }
.bai-acux-fbtn:hover, .bai-acux-fbtn[aria-pressed="true"] { background: var(--wash2); }
.bai-acux-fbtn.is-ghost { border-color: var(--line); color: var(--ink); }
.bai-acux-fbtn .bai-acux-i { width: 15px; height: 15px; }
.bai-acux-fbtn:focus-visible, .bai-acux-seg:focus-visible, .bai-acux-node:focus-visible, .bai-acux-bar__map:focus-visible, .bai-acux-snd:focus-visible, .bai-acux-pn__a:focus-visible, .bai-acux-map__i:focus-visible { outline: 3px solid #7FB0FF; outline-offset: 2px; }

.bai-acux-seg { cursor: pointer; transition: flex-grow .9s var(--e), transform .2s var(--e), box-shadow .2s var(--e), opacity .2s var(--e); }
.bai-acux-seg:hover { transform: translateY(-2px); }
.bai-acux-fig.has-sel .bai-acux-seg:not(.is-sel) { opacity: .42; }
.bai-acux-seg.is-sel { transform: translateY(-3px); box-shadow: 0 0 0 2px var(--navy), 0 0 0 4px var(--gl); }
.bai-acux-x .bai-ac__cloadn { display: none; }
.bai-acux-x.is-all .bai-ac__cloadn { display: grid; }
.bai-acux-fig .bai-ac__cloadn li.is-sel, .bai-acux-fig .bai-ac__ckey li.is-sel { color: var(--ink); }
.bai-acux-fig.has-sel .bai-ac__ckey li:not(.is-sel) { opacity: .5; }
.bai-acux-callout { position: relative; margin: 4px 0 14px; padding: 13px 15px; border-radius: 12px; border: 1px solid rgba(185, 138, 46, .55); background: var(--wash2); font-size: .95rem; line-height: 1.55; color: var(--ink); }
.bai-acux-callout::before { content: ""; position: absolute; top: -7px; left: var(--x, 50%); width: 12px; height: 12px; margin-left: -6px; transform: rotate(45deg); background: #22314F; border-left: 1px solid rgba(185, 138, 46, .55); border-top: 1px solid rgba(185, 138, 46, .55); }
.bai-acux-callout b { color: var(--gl); }
.bai-acux-callout .bai-ac__cdot { display: inline-block; vertical-align: middle; margin-right: 8px; }
.bai-acux-callout.is-in { animation: bai-acux-pop .3s var(--e); }
.bai-ac__cstack { position: relative; }
.bai-acux-playhead { position: absolute; top: -6px; bottom: -6px; left: 0; width: 3px; margin-left: -2px; border-radius: 2px; background: var(--ink); box-shadow: 0 0 10px rgba(232, 237, 247, .6); opacity: 0; transition: left 1.5s linear, opacity .2s; pointer-events: none; font-style: normal; }
.bai-acux-fig.is-playing .bai-acux-playhead { opacity: 1; }
.bai-acux-node { cursor: pointer; transition: transform .2s var(--e), opacity .2s var(--e), border-color .2s var(--e), box-shadow .2s var(--e); }
.bai-acux-node:hover { border-color: rgba(185, 138, 46, .7) !important; }
.bai-acux-fig.has-sel .bai-acux-node:not(.is-sel) { opacity: .5; }
.bai-acux-node.is-sel { border-color: var(--gl) !important; transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0, 0, 0, .28); }
.bai-acux-node.is-sel .bai-ac__cloopn, .bai-acux-node.is-sel .bai-ac__cpiln { background: var(--g); color: var(--og); }
.bai-acux-fig.is-looped .bai-ac__cloop li:first-child { animation: bai-acux-ring 1.2s var(--e); }

/* ---- key terms and the practice checklist */
.bai-acux-termsbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 0 0 10px; }
.bai-acux-termsbar p { margin: 0; font-size: .9rem; color: var(--mut); }
.bai-acux-terms .bai-ac__term summary:after { transition: transform .2s var(--e); }
.bai-acux-terms .bai-ac__term[open] > :not(summary) { animation: bai-acux-fade .35s var(--e); }
.bai-acux-checkp { display: flex; align-items: center; gap: 12px; margin: 12px 0 0; font-size: .9rem; color: var(--mut); }
.bai-acux-checkp__b { flex: 1; max-width: 240px; height: 6px; border-radius: 9px; background: rgba(232, 237, 247, .12); overflow: hidden; }
.bai-acux-checkp__b i { display: block; height: 100%; width: 0; background: var(--g); border-radius: 9px; transition: width .4s var(--e); }
.bai-acux-checkp.is-full { color: var(--ok); }
.bai-acux-checkp.is-full .bai-acux-checkp__b i { background: var(--ok); }

/* ---- scroll reveals (only ever on elements ux.js marked .bai-acux-pre) */
.bai-acux-pre { transition: opacity .6s var(--e), transform .6s var(--e); }
.bai-acux-pre:not(.bai-acux-in) { opacity: 0; transform: translateY(18px); }
.bai-acux-pre .bai-ac__cbandt i, .bai-acux-pre .bai-ac__cbart i, .bai-acux-pre .bai-ac__cload > *, .bai-acux-pre .bai-ac__cstack > .bai-acux-seg { transition: transform .9s var(--e) .15s, flex-grow .9s var(--e), box-shadow .2s, opacity .2s; transform-origin: left center; }
.bai-acux-pre:not(.bai-acux-in) .bai-ac__cbandt i, .bai-acux-pre:not(.bai-acux-in) .bai-ac__cbart i, .bai-acux-pre:not(.bai-acux-in) .bai-ac__cload > *, .bai-acux-pre:not(.bai-acux-in) .bai-ac__cstack > .bai-acux-seg { transform: scaleX(0); }
.bai-acux-pre .bai-ac__cpil > li, .bai-acux-pre .bai-ac__cloop > li { transition: opacity .5s var(--e), transform .5s var(--e); }
.bai-acux-pre:not(.bai-acux-in) .bai-ac__cpil > li, .bai-acux-pre:not(.bai-acux-in) .bai-ac__cloop > li { opacity: 0; transform: translateY(16px); }
.bai-acux-pre .bai-ac__cpil > li:nth-child(2), .bai-acux-pre .bai-ac__cloop > li:nth-child(2) { transition-delay: .1s; }
.bai-acux-pre .bai-ac__cpil > li:nth-child(3), .bai-acux-pre .bai-ac__cloop > li:nth-child(3) { transition-delay: .2s; }
.bai-acux-pre .bai-ac__cpil > li:nth-child(4), .bai-acux-pre .bai-ac__cloop > li:nth-child(4) { transition-delay: .3s; }

@keyframes bai-acux-drop { from { opacity: 0; transform: translateY(-8px); } }
@keyframes bai-acux-pop { from { opacity: 0; transform: translateY(6px) scale(.98); } }
@keyframes bai-acux-fade { from { opacity: 0; transform: translateY(-4px); } }
@keyframes bai-acux-ring { 0% { box-shadow: 0 0 0 0 rgba(231, 199, 126, .6); } 100% { box-shadow: 0 0 0 14px rgba(231, 199, 126, 0); } }

/* ---- the completion moment (appended to <body>, so no academy variables here) */
.bai-acux-cel { padding: 0; border: 0; background: transparent; width: min(92vw, 520px); max-width: none; max-height: 92vh; overflow: visible; color: #E8EDF7; }
.bai-acux-cel[open] { display: block; }
.bai-acux-cel::backdrop { background: rgba(8, 14, 28, .74); }
.bai-acux-cel__card { position: relative; z-index: 3; max-height: 92vh; overflow: auto; padding: clamp(24px, 5vw, 38px) clamp(20px, 4vw, 34px) 22px; border-radius: 24px; text-align: center;
  background: linear-gradient(180deg, #1D2D4D, #16233F); border: 1px solid rgba(185, 138, 46, .6); box-shadow: 0 30px 80px rgba(0, 0, 0, .5); animation: bai-acux-celin .42s cubic-bezier(.22, .61, .36, 1); }
.bai-acux-confetti { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 4; pointer-events: none; }
.bai-acux-cel__x { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(232, 237, 247, .16); background: transparent; color: #A6B6D0; cursor: pointer; }
.bai-acux-cel__x:hover { color: #fff; }
.bai-acux-cel__badge { width: 88px; height: 88px; margin: 0 auto 14px; }
.bai-acux-cel__badge svg { width: 100%; height: 100%; }
.bai-acux-cel__rt { fill: none; stroke: rgba(232, 237, 247, .12); stroke-width: 5; }
.bai-acux-cel__rf { fill: none; stroke: #E7C77E; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 214; stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: 40px 40px; animation: bai-acux-rf .9s cubic-bezier(.22, .61, .36, 1) both; }
.bai-acux-cel__ck { fill: none; stroke: #4FCB9A; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 48; stroke-dashoffset: 0; animation: bai-acux-ck .5s .55s cubic-bezier(.22, .61, .36, 1) both; }
.bai-acux-cel__k { margin: 0 0 6px; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #E7C77E; }
.bai-acux-cel__h { margin: 0 0 10px; font-family: "Fraunces", ui-serif, Georgia, serif; font-weight: 600; font-size: clamp(1.45rem, 1.1rem + 1.6vw, 1.95rem); line-height: 1.2; color: #fff; }
.bai-acux-cel__p { margin: 0 auto 14px; max-width: 40ch; font-size: 1rem; line-height: 1.55; color: #D7DEEC; }
.bai-acux-cel__score { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 16px; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(79, 203, 154, .5); color: #4FCB9A; font-weight: 600; font-size: .92rem; }
.bai-acux-cel__prog { margin: 0 0 12px; }
.bai-acux-cel__prog p { margin: 8px 0 0; font-size: .9rem; color: #A6B6D0; }
.bai-acux-cel__dots { list-style: none; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 360px; }
.bai-acux-cel__dots li { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: .68rem; font-weight: 700; color: #A6B6D0; border: 1.5px solid rgba(232, 237, 247, .2); }
.bai-acux-cel__dots li.is-done { background: #B98A2E; border-color: #B98A2E; color: #1A1206; }
.bai-acux-cel__dots li.is-new { animation: bai-acux-dot .6s .5s cubic-bezier(.34, 1.56, .64, 1) both; box-shadow: 0 0 0 3px rgba(231, 199, 126, .35); }
.bai-acux-cel__ms { margin: 0 0 14px; font-size: .95rem; font-weight: 600; color: #E7C77E; }
.bai-acux-cel__acts { display: grid; gap: 10px; margin: 6px 0 0; }
.bai-acux-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 22px; border-radius: 14px; border: 0; background: #B98A2E; color: #1A1206; font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none; cursor: pointer; transition: background-color .16s; }
.bai-acux-btn:hover { background: #C99A3C; color: #1A1206; }
.bai-acux-btn.is-ghost { background: transparent; color: #E8EDF7; border: 1px solid rgba(232, 237, 247, .2); font-weight: 600; }
.bai-acux-btn.is-ghost:hover { background: rgba(255, 255, 255, .06); }
.bai-acux-btn:focus-visible, .bai-acux-cel__x:focus-visible { outline: 3px solid #7FB0FF; outline-offset: 2px; }
.bai-acux-cel__foot { display: flex; justify-content: center; margin: 14px 0 0; }
@keyframes bai-acux-celin { from { opacity: 0; transform: translateY(14px) scale(.96); } }
@keyframes bai-acux-rf { from { stroke-dashoffset: 214; } }
@keyframes bai-acux-ck { from { stroke-dashoffset: 48; } }
@keyframes bai-acux-dot { from { transform: scale(.3); } }

@media (prefers-reduced-motion: reduce) {
  .bai-acux *, .bai-acux-cel, .bai-acux-cel * { animation: none !important; transition: none !important; }
}
@media print {
  .bai-acux-bar, .bai-acux-map, .bai-acux-pn, .bai-acux-read, .bai-acux-ftools, .bai-acux-callout, .bai-acux-termsbar, .bai-acux-checkp, .bai-acux-top, .bai-acux-cel { display: none !important; }
  .bai-acux-x .bai-ac__cloadn { display: grid !important; }
  .bai-acux-pre { opacity: 1 !important; transform: none !important; }
  .bai-acux-pre * { transform: none !important; opacity: 1 !important; }
  .bai-acux-fig.has-sel * { opacity: 1 !important; }
}
/* the site underlines links inside content; these are cards, not running-text links */
.bai-acux .bai-acux-map__i, .bai-acux .bai-acux-map__i *, .bai-acux .bai-acux-pn__a, .bai-acux .bai-acux-pn__a *, .bai-acux .bai-acux-pn__hub, .bai-acux .bai-acux-pn__hub *, .bai-acux .bai-acux-map__hub, .bai-acux .bai-acux-bar__prev, .bai-acux .bai-acux-bar__hub, .bai-acux .bai-acux-map__toc a, .bai-acux-cel a.bai-acux-btn, .bai-acux-cel a.bai-acux-btn * { text-decoration: none !important; }
.bai-acux button:focus:not(:focus-visible), .bai-acux a:focus:not(:focus-visible), .bai-acux [role="button"]:focus:not(:focus-visible) { outline: none; }
.bai-acux-bar__mt { white-space: nowrap; }
@media (max-width: 600px) { .bai-acux-bar__map { padding: 0 10px; gap: 6px; } .bai-acux-chip { padding: 5px 9px; } }
