/* MAJIFO Toolkit, page change "Trace": the panel and the outlined wordmark made by page-change.js. Always near-black,
   also over the light questionnaire (Majid, 2026-10-23), so the colours are fixed values, not theme variables. */
.mj-pc{position:fixed;inset:0;z-index:100000;background:#0A0A0A;display:grid;place-items:center;clip-path:inset(100% 0 0 0);visibility:hidden;pointer-events:none}
.mj-pc.is-in{visibility:visible;clip-path:inset(0 0 0 0);pointer-events:auto;transition:clip-path 300ms cubic-bezier(.76,0,.24,1)}
.mj-pc.is-cover{visibility:visible;clip-path:inset(0 0 0 0);pointer-events:auto}
.mj-pc.is-out{visibility:visible;clip-path:inset(0 0 100% 0);transition:clip-path 400ms cubic-bezier(.76,0,.24,1)}
.mj-pc svg{width:clamp(200px,32vw,440px);height:auto;overflow:visible}
.mj-pc .mj-pc__base *,.mj-pc .mj-pc__seg *{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.mj-pc .mj-pc__base *{stroke:#333333;transition:stroke 200ms linear}
.mj-pc .mj-pc__seg *{stroke:#F5F5F5;stroke-dasharray:14 86;stroke-dashoffset:0;opacity:0}
.mj-pc.is-tracing .mj-pc__seg *{opacity:1;animation:mj-pc-trace 800ms linear forwards}
.mj-pc.is-settled .mj-pc__base *{stroke:#F5F5F5}
@keyframes mj-pc-trace{to{stroke-dashoffset:-100}}
[data-mj-pc-focus]:focus{outline:none}
@media (prefers-reduced-motion:reduce){.mj-pc{display:none}}