/* V1C only: frozen landing and Person rules are not changed. */
.signature-canvas{--selection:#f3c075;position:relative;isolation:isolate;min-width:0;background:linear-gradient(180deg,#031017,#03101766 22%,#031017bb 72%,#031017),url('assets/signature-capabilities-v1b.png') center 45%/cover}
.signature-canvas.canvas-entry{--selection:#7ae5ed}.signature-canvas.canvas-direction{--selection:#d6a1fc}
.signature-canvas .canvas-trail{padding:8px 3.5% 22px;align-items:center;min-height:56px;gap:14px;font-size:16px;max-width:100%;line-height:1.5}
.canvas-trail [aria-current]{color:#e6edf5;text-shadow:0 0 14px #72e3fc99}
.canvas-trail a{max-width:250px;overflow-wrap:anywhere}
.canvas-trail details{position:relative}.canvas-trail summary{cursor:pointer;color:var(--muted)}
.canvas-trail details[open]{padding:12px;background:#05121ef2;border:1px solid #334b58;border-radius:8px}
.canvas-trail details[open] a{display:block;margin-top:10px}
.canvas-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:30px;padding:0 3.5% 35px;align-items:start}
.canvas-main-entrance .canvas-layout{grid-template-columns:280px minmax(0,1fr) 355px;gap:22px}
.canvas-entrance-overview{min-width:0;position:relative;overflow:visible;background:linear-gradient(180deg,#081a25ed,#06131be8);border:1px solid #54728355;border-radius:8px;box-shadow:0 12px 35px #0005}
.canvas-entrance-overview>img{display:block;width:100%;height:105px;object-fit:cover;object-position:50% 35%;opacity:.65;mask-image:linear-gradient(#000 50%,transparent)}
.canvas-entrance-overview .entrance-intro{padding:0 17px 15px}
.canvas-entrance-overview .entrance-intro h1{font-size:25px;line-height:1.12;margin:7px 0 10px}
.canvas-entrance-overview .entrance-intro>p:not(.canvas-kind){font-size:13px;line-height:1.45;color:#b8cbd7;margin:9px 0}
.canvas-entrance-overview .entrance-intro .canvas-kind{display:flex;align-items:center;gap:9px;margin:0 0 8px}
.entrance-icon{font-size:19px;color:#f0c47c;line-height:1}
.canvas-entrance-overview .entrance-counters{margin:13px 0 0}
.canvas-entrance-overview .entrance-counter{padding:8px 9px}
.canvas-entrance-overview .entrance-counter strong{font-size:22px}
.canvas-entrance-overview .entrance-counter>span:not(.entrance-counter-popover){font-size:10px}
.canvas-main-entrance .canvas-world{min-width:0}
.canvas-world{min-width:0;position:relative}
.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b0c4ce;font-size:13px;letter-spacing:1px}
.canvas-toolbar nav{display:flex;border:1px solid #47657666;border-radius:7px;overflow:hidden;flex-shrink:0;letter-spacing:0}
.canvas-toolbar a{padding:10px 15px;color:#a6bac6;background:#04111bbb}
.canvas-toolbar a[aria-current=true]{background:#0c3142b8;color:#defbff}
.canvas-toolbar-controls{display:flex;align-items:center;gap:10px}.canvas-sort{position:relative}.canvas-sort summary{cursor:pointer;padding:9px 12px;border:1px solid #47657666;border-radius:7px;color:#d7c68f;list-style:none}.canvas-sort[open]{z-index:8}.canvas-sort[open] summary{background:#071a24}.canvas-sort a{display:block;background:#06151f;border-inline:1px solid #47657666;border-radius:0}.canvas-sort a[aria-current=true]{color:#e6cd83}.canvas-sort a:last-child{border-bottom:1px solid #47657666;border-radius:0 0 7px 7px}
.canvas-stage{position:relative;min-height:540px;height:clamp(540px,57vh,660px)}
.canvas-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.canvas-edges path{fill:none;stroke:#7de9fa;stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #6bdcef);opacity:.75}
.taxonomy-canvas .canvas-edges path{stroke:#7c929d;filter:none;opacity:.28}
.taxonomy-canvas .canvas-edges .canvas-active-edge{stroke:var(--active-color);opacity:.42;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--active-color) 35%,transparent))}
.taxonomy-canvas .canvas-edges .canvas-past-edge{stroke:var(--ancestor-color,var(--category-color));opacity:.38;filter:none}
.taxonomy-canvas .canvas-trail a[style]{color:var(--ancestry-color);opacity:.72}
.taxonomy-canvas .canvas-intelligence .canvas-kind{color:var(--active-color,var(--category-color))}
.canvas-edges .canvas-past-edge{stroke:#d7af6b;opacity:.3}
.canvas-selected,.canvas-option,.canvas-previous{position:absolute;left:var(--x);top:var(--y);text-align:center}
.canvas-selected{transform:translate(-50%,-50%)}
.canvas-selected{width:200px;height:200px;padding:23px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;border:2px solid #f3c075;background:radial-gradient(circle at 50% 20%,#18344bf2,#04111cf5 72%);box-shadow:0 0 12px #efb368aa,0 0 50px #eeb56430,inset 0 0 28px #f4bb6418;color:#f7f3e9;font-size:21px;line-height:1.2;z-index:2;overflow-wrap:anywhere}
.canvas-selected:before{content:"";position:absolute;inset:-12px;border:1px solid #ffc97633;border-radius:50%;pointer-events:none}
.signature-canvas .canvas-selected{border-color:var(--selection);box-shadow:0 0 12px color-mix(in srgb,var(--selection) 65%,transparent),0 0 50px color-mix(in srgb,var(--selection) 19%,transparent),inset 0 0 28px #ffffff10}
.signature-canvas .canvas-selected:before{border-color:color-mix(in srgb,var(--selection) 20%,transparent)}
.canvas-selected-mark{color:#f4c47c;font-size:37px;line-height:1;margin-bottom:12px}
.signature-canvas .canvas-selected-mark{color:var(--selection)}
.canvas-selected small{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin-top:12px;color:#bdcdd9}
.canvas-option{display:flex;align-items:center;gap:13px;text-align:left;width:235px;max-width:29%;color:#e3f5fa;font-size:17px;line-height:1.3;z-index:3;min-height:50px;padding:7px 6px;border-radius:10px;text-shadow:0 2px 6px #000;transform:translate(-7.5px,-50%)}
.canvas-option:hover,.canvas-option:focus-visible{color:white;background:#0c293abb;outline:1px solid #69e4f0;box-shadow:0 0 25px #3dbbd344}
.taxonomy-canvas .canvas-option:hover,.taxonomy-canvas .canvas-option:focus-visible{outline-color:color-mix(in srgb,var(--choice-color) 55%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--choice-color) 13%,transparent)}
.taxonomy-canvas .canvas-option .canvas-dot{border-color:color-mix(in srgb,var(--choice-color) 45%,#526570);background:color-mix(in srgb,var(--choice-color) 32%,#25343a);box-shadow:0 0 9px color-mix(in srgb,var(--choice-color) 18%,transparent)}
.canvas-option-copy{display:block;min-width:0}.canvas-option-label{color:#f4f7f7}.canvas-choice-count{color:#e6cd83;font-weight:550;margin-left:8px}.canvas-option-copy small{display:block;color:#91abb7;font-size:11px;margin-top:3px}
.canvas-dot{width:15px;height:15px;border-radius:50%;border:1px solid #b5faff;background:#82f2fa;box-shadow:0 0 10px #64e4fc,0 0 20px #5ce5fa;flex-shrink:0;display:grid;place-items:center}
.canvas-option.is-direction{color:#e8d6ff;text-align:left;width:215px;min-height:72px;border:1px solid #c397ea66;border-radius:38px;background:#0d1124e8;box-shadow:0 0 25px #a66fe022;transform:translate(-18.5px,-50%)}
.canvas-option.is-direction .canvas-dot{width:37px;height:37px;background:#171b35;border:1px solid #c397ea;color:#d6a1fc;font-size:20px;box-shadow:0 0 16px #a66fe044}
.canvas-previous{width:180px;max-width:22%;font-size:14px;line-height:1.4;opacity:var(--fade);color:#ccdfeb;display:flex;align-items:center;flex-direction:row;gap:12px;z-index:2;text-align:left;transform:translate(-13.5px,-50%)}
.canvas-previous .canvas-dot{width:24px;height:24px;background:#162a3e;border:1px solid #7ca1b5;box-shadow:0 0 13px #63819c66}
.canvas-previous:hover,.canvas-previous:focus-visible{opacity:1}
.canvas-paging{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:#b2c3cc;padding:14px 0;border-top:1px solid #57809444;position:relative;z-index:2}
.canvas-paging a{color:#a8e9ef;padding:8px}
.canvas-alternatives{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;position:relative;z-index:2;padding:15px 0}
.canvas-alternatives span{color:#879aa7}.canvas-alternatives a{color:#c3a6df}
.canvas-atmosphere{height:70px;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#67c6e528,transparent 50%);border-bottom:1px solid #bc975e55;transform:skewY(-1deg);opacity:.55}
.canvas-intelligence{background:#030e17ec;border:1px solid #54728377;border-radius:9px;overflow:auto;max-height:calc(100svh - 245px);min-width:0;box-shadow:0 12px 35px #0006;scrollbar-width:thin;scrollbar-color:#476071 #05111a}
.canvas-intelligence>img{width:100%;height:140px;object-fit:cover;object-position:50% 35%;display:block;mask-image:linear-gradient(#000 70%,transparent)}
.canvas-intelligence-copy{padding:6px 25px 25px}
.canvas-kind{font-size:11px;text-transform:uppercase;letter-spacing:2.5px;color:#abc1d0}
.canvas-intelligence h1{font-size:27px;line-height:1.18;font-weight:500;letter-spacing:-.5px;margin:12px 0 20px;overflow-wrap:anywhere}
.canvas-intelligence p{font-size:16px;line-height:1.55;color:#b8cbd7}
.canvas-intelligence .canvas-kind{font-size:11px}
.canvas-intelligence .canvas-qualification{font-size:13px;line-height:1.5;color:#9dafbd;border-left:2px solid #d7b17788;padding-left:12px}
.canvas-incoming{font-size:12px!important;color:#ebc887!important}.canvas-incoming span{color:#9dadbb}
.canvas-context{font-size:14px!important}
.canvas-fact{display:flex;gap:14px;align-items:center;margin:24px 0}.canvas-fact strong{font-size:37px;font-weight:400;color:#8fe7ee}.canvas-fact span{font-size:13px;color:#a4b6c2;max-width:165px}
.canvas-intelligence h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:400;margin:25px 0 8px;color:#b0c2cf}
.canvas-panel-exits a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #54728333;color:#d1e4ec;font-size:14px;line-height:1.4}.canvas-panel-exits a:hover{color:#91edfa}
.entrance-intro{padding:3px 24px 24px}.entrance-intro h1{font-size:34px;margin:9px 0 15px}.entrance-counters{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#6b849033;margin:22px 0}.entrance-counter{position:relative;display:flex;flex-direction:column;min-width:0;padding:14px 12px;background:#06131c;outline:none}.entrance-counter strong{font-size:28px;font-weight:400;color:#e8f3f4}.entrance-counter>span:not(.entrance-counter-popover){font-size:11px;color:#a7bac4;margin-top:4px}.entrance-counter:focus-visible{box-shadow:inset 0 0 0 1px #83e5ec}.entrance-counter-popover{display:none;position:absolute;z-index:20;left:0;top:calc(100% + 6px);width:245px;max-height:240px;overflow:auto;padding:10px;background:#061721f5;border:1px solid #82cfd680;border-radius:7px;box-shadow:0 15px 32px #0009}.entrance-counter-popover span{display:block;padding:6px 4px;border-bottom:1px solid #5b778333;color:#d9e9ec;font-size:12px}.entrance-counter:hover .entrance-counter-popover,.entrance-counter:focus .entrance-counter-popover,.entrance-counter:focus-within .entrance-counter-popover{display:block}.entrance-pending{display:block;color:#9aaeb8;line-height:1.5}
.entrance-counter:nth-child(even) .entrance-counter-popover{left:auto;right:0}
.canvas-dossier h2{margin-top:15px}.canvas-dossier p{font-size:13px;line-height:1.45;color:#c7d8de}
.canvas-identity{display:block;font-size:10px;color:#718591;overflow-wrap:anywhere;margin-top:23px}
.canvas-end{position:absolute;left:65%;top:40%;width:28%;font-size:15px;color:#a0b8c8}
.canvas-list .canvas-edges{display:none}.canvas-list .canvas-selected{left:32%;top:45%}.canvas-list .canvas-previous{display:none}
.canvas-list .canvas-options{position:absolute;left:54%;top:10%;width:43%}.canvas-list .canvas-option{position:relative;left:auto;top:auto;transform:none;max-width:none;width:100%;min-height:65px;border-radius:0;flex-direction:row;justify-content:flex-start;border:0;border-bottom:1px solid #5d8b9a44;background:#04111b99;box-shadow:none;padding:14px;font-size:16px}
.canvas-list .canvas-option .canvas-dot{width:12px;height:12px;font-size:14px}
@media(min-width:1800px){.canvas-layout{grid-template-columns:minmax(0,1fr) 390px;gap:40px}.canvas-main-entrance .canvas-layout{grid-template-columns:300px minmax(0,1fr) 390px;gap:28px}.canvas-intelligence>img{height:170px}.canvas-stage{min-height:600px}.canvas-option{width:260px;font-size:19px}.canvas-selected{width:220px;height:220px;font-size:23px}}
@media(max-height:950px) and (min-width:951px){.canvas-intelligence>img{height:95px}.canvas-intelligence-copy{padding:4px 20px 18px}.canvas-intelligence h1{font-size:24px;margin:10px 0 14px}.canvas-intelligence p{font-size:14px;line-height:1.45;margin:12px 0}.canvas-intelligence h2{margin-top:18px}.canvas-panel-exits a{font-size:13px;padding:8px 0}.canvas-identity{margin-top:16px}}
@media(max-width:1500px) and (min-width:951px){.canvas-main-entrance .canvas-layout{grid-template-columns:245px minmax(0,1fr) 295px;gap:16px}.canvas-entrance-overview .entrance-intro{padding-inline:13px}.canvas-entrance-overview .entrance-counter{padding:7px}.canvas-entrance-overview .entrance-counter strong{font-size:19px}}
@media(max-width:1250px){.canvas-layout{grid-template-columns:minmax(0,1fr) 295px;gap:16px}.canvas-selected{width:150px;height:150px;font-size:16px;padding:17px}.canvas-selected-mark{font-size:26px;margin-bottom:8px}.canvas-option{font-size:14px;gap:8px}.canvas-option.is-direction{width:100px;min-height:100px}.canvas-previous{font-size:12px}.canvas-intelligence-copy{padding:5px 18px 20px}.canvas-intelligence h1{font-size:23px}.canvas-toolbar{letter-spacing:0;font-size:11px}}
@media(max-width:950px){.canvas-layout,.canvas-main-entrance .canvas-layout{grid-template-columns:1fr}.canvas-entrance-overview{display:grid;grid-template-columns:25% 1fr}.canvas-entrance-overview>img{height:100%;min-height:180px}.canvas-entrance-overview .entrance-intro{padding:18px}.canvas-intelligence{display:grid;grid-template-columns:25% 1fr;max-height:none}.canvas-intelligence>img{height:100%;min-height:180px}.canvas-intelligence-copy{padding:22px}.canvas-stage{height:540px}.canvas-trail a{max-width:160px}}
@media(max-width:600px){.signature-canvas .canvas-trail{font-size:12px;gap:8px}.canvas-toolbar{flex-wrap:wrap}.canvas-stage{min-height:620px}.canvas-selected{width:135px;height:135px;font-size:14px;left:40%}.canvas-selected small{font-size:8px}.canvas-option{max-width:27%;font-size:12px;flex-direction:column;text-align:center}.canvas-option.is-direction{width:80px;min-height:80px}.canvas-previous{font-size:10px;max-width:19%}.canvas-previous .canvas-dot{width:14px;height:14px}.canvas-intelligence{display:block}.canvas-intelligence>img{height:110px;min-height:0}.canvas-paging{font-size:11px;gap:6px}.canvas-list .canvas-selected{left:24%;width:120px;height:120px}.canvas-list .canvas-options{left:48%;width:51%}.canvas-list .canvas-option{font-size:13px}.canvas-end{font-size:12px}}

/* V1D: keep the traveled route in the landscape and make its labels legible. */
.canvas-previous{width:164px;max-width:22%;font-size:15px;font-weight:450;line-height:1.32;gap:8px;color:#deebf1;opacity:var(--fade);text-shadow:0 2px 9px #00101c,0 0 15px #03121b;transition:opacity .2s ease}
.canvas-previous .canvas-dot{width:27px;height:27px;background:radial-gradient(circle,#35516a,#132a3b 70%);border-color:#9bc0ce;box-shadow:0 0 12px #85d7e477,0 0 26px #638da044}
.canvas-edges .canvas-past-edge{stroke:#c2dbe2;opacity:.5;stroke-width:1.3;filter:drop-shadow(0 0 5px #80b9ca88)}
.signature-canvas .canvas-trail a{color:#b7dce8}
.signature-canvas .canvas-trail [aria-current]{color:#f7f4ee}

/* The active node holds the visual center without increasing the neon palette. */
.signature-canvas .canvas-selected{border-width:2.5px;background:radial-gradient(circle at 48% 22%,#264258f5,#071824f9 72%);box-shadow:0 0 17px color-mix(in srgb,var(--selection) 64%,transparent),0 0 66px color-mix(in srgb,var(--selection) 24%,transparent),inset 0 0 38px #ffffff18;font-weight:450}
.signature-canvas .canvas-selected:before{inset:-15px;border-color:color-mix(in srgb,var(--selection) 30%,transparent)}
.canvas-selected>span:not(.canvas-selected-mark),.canvas-option>span:last-child{display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:break-word;hyphens:auto}
.canvas-project .canvas-selected{width:270px;height:270px;padding:26px;font-size:19px;line-height:1.17}
.canvas-project .canvas-selected-mark{font-size:34px;margin-bottom:9px}
.canvas-project .canvas-selected small{margin-top:9px}

/* Projects are small destinations with a sense of arrival, not extra selected nodes. */
.canvas-option.is-project{width:265px;max-width:31%;min-height:66px;padding:10px 14px 10px 12px;gap:12px;border:1px solid #75cbd152;border-left:2px solid #a7ebee9c;border-radius:5px 15px 15px 5px;background:linear-gradient(100deg,#0d3543db,#09212dbd 67%,#07192488);box-shadow:0 8px 22px #00121d70,0 0 19px #49a7b01e;font-size:16px;line-height:1.25;color:#edfaff}
.canvas-option.is-project .canvas-dot{width:10px;height:10px;background:#9cf4f4;box-shadow:0 0 9px #72e8ec,0 0 17px #54c5d6}
.canvas-option.is-project:hover,.canvas-option.is-project:focus-visible{border-color:#92edf0;background:linear-gradient(100deg,#174454f5,#0b2b39e8);box-shadow:0 10px 27px #00121d8c,0 0 21px #71dfe744}

/* Intelligence remains in the same place and order, with a softer edge. */
.canvas-intelligence{background:linear-gradient(90deg,#03131cd9,#04131ab8 68%,#04131a93);border:0;border-left:1px solid #9ed7db5c;border-radius:0;box-shadow:-22px 0 38px #00101a42,0 18px 38px #0003;backdrop-filter:blur(8px)}
.canvas-intelligence>img{height:105px;opacity:.6;mask-image:linear-gradient(#0008,transparent)}
.canvas-intelligence-copy{padding-top:0}
.canvas-kind{color:#b9d5dc;letter-spacing:2.2px}
.canvas-intelligence h1{color:#f5f3ec}
.canvas-intelligence h2{border-top:1px solid #9dc9cf40;padding-top:18px}
.canvas-panel-exits a{border-bottom-color:#8eb8be26}

@media(min-width:1800px){.canvas-project .canvas-selected{width:285px;height:285px;font-size:20px}.canvas-option.is-project{width:285px;font-size:17px}}
@media(max-width:1250px){.canvas-previous{font-size:12px;width:125px}.canvas-project .canvas-selected{width:192px;height:192px;font-size:14px;padding:17px}.canvas-option.is-project{font-size:13px;padding:8px;min-height:60px}}
@media(max-width:600px){.canvas-previous{font-size:10px;max-width:20%}.canvas-project .canvas-selected{width:150px;height:150px;font-size:11px;padding:13px}.canvas-project .canvas-selected-mark{font-size:20px}.canvas-option.is-project{font-size:11px;max-width:30%;padding:5px;min-height:65px}.canvas-option.is-project .canvas-dot{width:7px;height:7px}}

/* V1D.1: explicit overflow, deliberate detail, and modest short-desktop spacing. */
.canvas-paging a:has(.canvas-remaining){display:flex;align-items:center;gap:18px}
.canvas-remaining{font-size:15px;font-weight:500;color:#d1f5f8}
.canvas-description summary,.canvas-choice-details summary{padding:10px 0;color:#b9dce4;cursor:pointer;font-size:14px}
.canvas-description p{font-size:14px}
@media(max-height:950px) and (min-width:951px){
 body:has(.signature-canvas) .history{padding-top:8px;padding-bottom:8px}
 .signature-canvas .canvas-trail{padding-top:6px;padding-bottom:12px;min-height:44px}
 .canvas-toolbar a{padding-top:8px;padding-bottom:8px}
 .canvas-intelligence{max-height:calc(100svh - 205px)}
 .canvas-intelligence>img{height:68px}
 .canvas-intelligence p{margin:9px 0}
 .canvas-intelligence h1{margin-bottom:12px}
 .canvas-intelligence h2{margin-top:14px;padding-top:12px}
 .canvas-intelligence-copy{padding-bottom:15px}
 .canvas-fact{margin:18px 0}
}
@media(max-width:600px){.canvas-paging a:has(.canvas-remaining){flex-direction:column;gap:4px}.canvas-remaining{font-size:13px}}

/* V1J: path termination and cross-links share the frozen intelligence panel. */
.canvas-related small{display:block;margin-top:6px;color:#b0c4ce;font-size:12px;line-height:1.45}
.canvas-termination h2,.canvas-related h2{font-size:14px;letter-spacing:1px}
.canvas-termination>a{display:inline-block;padding:8px 0;color:#b9dce4}

/* V1J.1: transient presentation layer; the settled canvas remains unchanged. */
.canvas-motion-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
.canvas-motion-layer>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.canvas-motion-node{position:absolute;left:0;top:0;will-change:transform;pointer-events:none}
.signature-motion-running .canvas-stage>.canvas-selected,
.signature-motion-running .canvas-stage>.canvas-previous,
.signature-motion-running .canvas-stage>.canvas-options,
.signature-motion-running .canvas-stage>.canvas-edges{visibility:hidden}
.signature-motion-running a{pointer-events:none}
.signature-motion-running .canvas-paging,.signature-motion-running .canvas-alternatives{visibility:hidden}
@media(prefers-reduced-motion:reduce){.canvas-motion-node{will-change:auto}}

/* V1K: nine Person-derived Skill groups share one visible entrance canvas. */
.canvas-group-entrance .canvas-option{width:235px;max-width:22%;font-size:15px;min-height:58px}
.canvas-group-entrance .canvas-selected{width:180px;height:180px;font-size:19px}
@media(min-width:1800px){.canvas-group-entrance .canvas-option{width:250px;font-size:16px}}
@media(max-width:1250px){.canvas-group-entrance .canvas-option{width:180px;font-size:12px;max-width:23%}.canvas-group-entrance .canvas-selected{width:145px;height:145px;font-size:15px}}
@media(max-width:950px){.canvas-group-entrance .canvas-stage:not(.canvas-list){min-height:700px}.canvas-group-entrance .canvas-option{min-height:68px}}

/* Post V1M UX: keep the traveled route readable inside the same spatial field. */
.canvas-previous{color:#edf6f7;text-shadow:0 2px 10px #00121b,0 0 19px #021b28;font-weight:500}
.canvas-previous .canvas-dot{border-color:#b6dce2;background:radial-gradient(circle,#41647a,#173243 72%);box-shadow:0 0 12px #9bd8df8c,0 0 24px #72acba40}
.canvas-edges .canvas-past-edge{stroke:#d6e8e9;opacity:.62;stroke-width:1.45;filter:drop-shadow(0 0 6px #9dd8d975)}

/* Focus and destinations share an atmosphere while retaining a clear scale. */
.signature-canvas .canvas-selected{background:radial-gradient(circle at 46% 19%,#2b4b61f7,#071a27fa 73%);border-color:var(--selection);box-shadow:0 0 15px color-mix(in srgb,var(--selection) 62%,transparent),0 0 52px color-mix(in srgb,var(--selection) 21%,transparent),inset 0 0 0 1px #ffffff22,inset 0 0 43px #ffffff14}
.canvas-selected>span:not(.canvas-selected-mark){text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.canvas-option.is-project{border-color:#91dde391;border-left-color:#c3f8f7;background:linear-gradient(105deg,#143d4bdf,#0b2d3acb 65%,#09212caf);box-shadow:0 8px 23px #00131e70,inset 0 1px #e0ffff16,0 0 19px #5bcad02b}
.canvas-option.is-project .canvas-dot{width:12px;height:12px;border-color:#d7ffff;background:#a6f8f8}

/* One calm information surface; the canvas remains the primary destination map. */
.canvas-intelligence{background:linear-gradient(100deg,#03131bd9,#071923b8 73%,#091d28a0);border-left-color:#9ed7db40;box-shadow:-16px 0 30px #00101a33}
.canvas-intelligence>img{height:88px;opacity:.48}
.canvas-intelligence-copy{padding:2px 21px 17px}
.canvas-intelligence h1{margin:8px 0 13px;line-height:1.16}
.canvas-intelligence p{margin:9px 0;line-height:1.48}
.canvas-intelligence h2{margin:16px 0 7px;padding-top:12px}
.canvas-choice-details summary{padding:8px 0;border-bottom:1px solid #8eb8be30}
.canvas-choice-details[open] summary{margin-bottom:3px}
@media(max-height:950px) and (min-width:951px){
 .canvas-intelligence>img{height:54px}
 .canvas-intelligence-copy{padding:1px 18px 14px}
 .canvas-intelligence h1{margin:7px 0 11px}
 .canvas-intelligence p{margin:7px 0}
 .canvas-intelligence h2{margin:12px 0 6px;padding-top:10px}
}
@media(max-width:950px){.canvas-intelligence>img{height:100%;opacity:.4}.canvas-intelligence-copy{padding:18px}}
@media(max-width:600px){.canvas-intelligence>img{height:90px}.canvas-intelligence-copy{padding:15px}}

/* Taxonomy V2: orientation is deliberately stronger than inspection. */
.taxonomy-layout{grid-template-columns:minmax(340px,380px) minmax(0,1fr) minmax(270px,300px);gap:22px}
.taxonomy-orientation{min-width:0;padding:25px 24px 22px;background:linear-gradient(145deg,#0b2634f2,#06151fe8);border:1px solid #83cfd456;border-top:2px solid #e7bd73;border-radius:9px;box-shadow:0 18px 42px #0006,inset 0 1px #fff1;max-height:calc(100svh - 215px);overflow:auto}
.taxonomy-orientation{border-top-color:var(--category-color,#80909a)}
.taxonomy-orientation .canvas-kind{color:var(--active-color,var(--category-color,#80909a))}
.taxonomy-orientation.has-category-image{padding:0 0 18px;overflow:auto}
.taxonomy-category-image{height:136px;width:100%;border-radius:8px 8px 0 0;background-image:linear-gradient(180deg,#06151e00 48%,#06151ef2 100%),var(--category-image);background-position:center 38%;background-size:cover;border-bottom:1px solid #83cfd430}
.taxonomy-category-image{background-image:linear-gradient(180deg,color-mix(in srgb,var(--category-color) 9%,transparent) 0%,#06151e00 34%,#06151ef2 100%),var(--category-image);border-bottom-color:color-mix(in srgb,var(--category-color) 27%,transparent)}
.taxonomy-orientation-content{padding:18px 24px 0}
.taxonomy-orientation-content>p.canvas-kind{margin-top:0}
.taxonomy-orientation-content .taxonomy-stats{margin-top:14px}
.taxonomy-orientation-content .taxonomy-group-list{margin-top:10px}
.taxonomy-orientation h1{font-size:32px;line-height:1.08;margin:8px 0 12px;color:#f7f3e9;overflow-wrap:anywhere}
.taxonomy-orientation>p:not(.canvas-kind),.taxonomy-orientation-content>p:not(.canvas-kind){color:#bcd0da;line-height:1.5;margin:0 0 18px}
.taxonomy-stats{display:flex;gap:1px;margin:18px 0;background:#6b849033}.taxonomy-stats span{display:flex;flex:1;flex-direction:column;padding:12px 10px;background:#06141d;color:#9eb5c0;font-size:10px;text-transform:uppercase;letter-spacing:1px}.taxonomy-stats strong{font-size:25px;font-weight:450;color:#eef7f5;margin-bottom:4px}
.taxonomy-orientation .taxonomy-stats strong,.taxonomy-orientation .taxonomy-group-list small,.taxonomy-orientation .taxonomy-context-list small{color:var(--active-color,var(--category-color,#80909a))}
.taxonomy-orientation .taxonomy-group-list a[style],.taxonomy-orientation .taxonomy-context-list a[style]{border-left:2px solid color-mix(in srgb,var(--group-color,var(--theme-color)) 52%,transparent);padding-left:8px}
.taxonomy-orientation .taxonomy-context-list a[style]{border-left-color:color-mix(in srgb,var(--theme-color) 55%,transparent)}
.taxonomy-types{display:block;color:#e4c88c;line-height:1.5;margin-bottom:14px}.taxonomy-group-list,.taxonomy-context-list{display:block;border-top:1px solid #7aa1ad42}.taxonomy-group-list a,.taxonomy-context-list a,.taxonomy-context-list>span{display:flex;justify-content:space-between;gap:10px;padding:9px 2px;border-bottom:1px solid #67828d30;color:#d8eaed;font-size:14px}.taxonomy-group-list small,.taxonomy-context-list small{color:#e6c77e}
.taxonomy-canvas .canvas-intelligence{max-width:300px}.taxonomy-canvas .canvas-intelligence>img{display:none}
@media(max-width:1300px) and (min-width:951px){.taxonomy-layout{grid-template-columns:315px minmax(0,1fr) 270px;gap:15px}.taxonomy-orientation{padding:19px 17px}.taxonomy-orientation h1{font-size:26px}.taxonomy-canvas .canvas-selected{width:155px;height:155px;font-size:16px}.taxonomy-canvas .canvas-option{font-size:13px;max-width:27%}}
@media(max-width:1300px) and (min-width:951px){.taxonomy-orientation-content{padding:14px 17px 0}.taxonomy-category-image{height:126px}}
@media(max-width:950px){.taxonomy-layout{grid-template-columns:1fr}.taxonomy-orientation{max-height:none}.taxonomy-canvas .canvas-intelligence{max-width:none}}
/* Colour-only V2 hierarchy: all accents resolve from persisted taxonomy tokens. */
.taxonomy-canvas{--active-color:var(--selection);--choice-color:var(--selection)}
.taxonomy-canvas .canvas-selected{color:#fff;background:radial-gradient(circle at 46% 19%,color-mix(in srgb,var(--selection) 19%,#101820) 0%,#081219fa 73%);box-shadow:0 0 15px color-mix(in srgb,var(--selection) 75%,transparent),0 0 52px color-mix(in srgb,var(--selection) 28%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--selection) 40%,transparent),inset 0 0 43px color-mix(in srgb,var(--selection) 18%,transparent)}
.taxonomy-canvas .canvas-selected:before{border-color:color-mix(in srgb,var(--selection) 52%,transparent)}
.taxonomy-canvas .canvas-selected-mark{color:var(--selection);text-shadow:0 0 16px color-mix(in srgb,var(--selection) 55%,transparent)}
.taxonomy-canvas .canvas-option .canvas-dot{border-color:var(--choice-color);background:color-mix(in srgb,var(--choice-color) 78%,#142027);box-shadow:0 0 12px color-mix(in srgb,var(--choice-color) 42%,transparent)}
.taxonomy-canvas .canvas-choice-count{color:var(--choice-color)}
.taxonomy-canvas .canvas-previous[style*="--ancestor-color"] .canvas-dot{border-color:color-mix(in srgb,var(--ancestor-color) 65%,#25313a);background:radial-gradient(circle,color-mix(in srgb,var(--ancestor-color) 35%,#142027),#101a22 72%);box-shadow:0 0 12px color-mix(in srgb,var(--ancestor-color) 28%,transparent),0 0 24px color-mix(in srgb,var(--ancestor-color) 12%,transparent)}
.taxonomy-canvas .canvas-option.is-project,.taxonomy-canvas .canvas-option.is-direction{background:linear-gradient(105deg,#141c23ef,#0c151cdd 65%,#0a1219cc);border-color:color-mix(in srgb,var(--choice-color) 32%,transparent);border-left-color:color-mix(in srgb,var(--choice-color) 60%,transparent);box-shadow:0 8px 23px #0005,inset 0 1px #fff1,0 0 19px color-mix(in srgb,var(--choice-color) 9%,transparent)}
.taxonomy-canvas .canvas-option:hover,.taxonomy-canvas .canvas-option:focus-visible{background:#172129ed}
.taxonomy-canvas .canvas-option.is-direction .canvas-dot{color:var(--choice-color);background:#131b23}
.taxonomy-canvas .canvas-intelligence .canvas-fact strong{color:var(--selection)}
.taxonomy-orientation .taxonomy-group-list a[style] small{color:var(--group-color)}
.taxonomy-orientation .taxonomy-context-list a[style] small{color:var(--theme-color)}

/* Final spatial pass: the grid owns dossier width; every east card ends
   inside its remaining world column, including its padding and focus ring. */
.signature-canvas .taxonomy-orientation,.signature-canvas .canvas-intelligence,.signature-canvas .canvas-entrance-overview{scrollbar-width:none;-ms-overflow-style:none}
.signature-canvas .taxonomy-orientation::-webkit-scrollbar,.signature-canvas .canvas-intelligence::-webkit-scrollbar,.signature-canvas .canvas-entrance-overview::-webkit-scrollbar{display:none}
.canvas-world{container-type:inline-size}
.signature-canvas .canvas-stage:not(.canvas-list) .canvas-option{box-sizing:border-box;width:min(250px,calc(35cqw - 24px));max-width:none;transform:translate(0,-50%);overflow-wrap:anywhere}
.signature-canvas .canvas-stage:not(.canvas-list) .canvas-option.is-direction{min-height:76px;border-radius:18px}
.canvas-stage[data-choice-count="5"]{height:660px}
.canvas-stage[data-choice-count="6"]{height:780px}
.canvas-stage[data-choice-count="7"]{height:900px}
.canvas-stage[data-choice-count="8"]{height:1020px}
.signature-canvas .canvas-previous.is-older{font-size:.8em}
.signature-canvas .canvas-previous.is-older .canvas-dot{width:19px;height:19px}
.signature-canvas .canvas-list .canvas-options{width:calc(46% - 24px)}
@container(max-width:520px){
 .signature-canvas .canvas-stage:not(.canvas-list) .canvas-option{font-size:12px;padding:8px;gap:7px}
 .signature-canvas .canvas-stage:not(.canvas-list) .canvas-option.is-direction .canvas-dot{width:20px;height:20px;font-size:12px}
}

/* Career Signature local navigation shares the existing context row. */
body:has(.signature-history)>.history{display:none}
.signature-history{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;margin-right:8px}
.signature-history button{font:inherit;font-size:19px;line-height:1;background:none;border:0;color:var(--gold);padding:8px;cursor:pointer}
.signature-history button:disabled{opacity:.28;cursor:default}
.signature-history button:focus-visible{outline:1px solid currentColor;outline-offset:1px;border-radius:4px}
.signature-canvas .canvas-trail,.signature-context{min-height:42px;padding-top:4px;padding-bottom:10px;gap:10px;flex-wrap:wrap}
.signature-context{display:flex;align-items:center;padding-inline:3.5%}
@media(min-width:951px){.taxonomy-layout{grid-template-columns:clamp(300px,22vw,320px) minmax(0,1fr) minmax(270px,300px)}}

/* One quieter, canonical second generation; primary choices win at narrow widths. */
.canvas-forward-branch{display:contents}
.canvas-forward-preview,.canvas-preview-connector,.canvas-two-generation-edges{display:none}
@container(min-width:760px){
 .canvas-stage:not(.canvas-list):has(.canvas-forward-preview) .canvas-option{left:54%;width:min(180px,calc(20cqw - 18px));font-size:14px}
 .canvas-stage:not(.canvas-list):has(.canvas-forward-preview)>.canvas-edges>path:not(.canvas-past-edge){display:none}
 .canvas-stage:not(.canvas-list):has(.canvas-forward-preview) .canvas-two-generation-edges{display:initial}
 .canvas-stage:not(.canvas-list) .is-preview-active>.canvas-forward-preview{display:flex}
 .canvas-stage:not(.canvas-list) .is-preview-active>.canvas-preview-connector{display:block}
 .canvas-forward-preview{position:absolute;left:78%;top:var(--preview-y);transform:translateY(-50%);width:calc(22% - 24px);flex-direction:column;gap:10px;z-index:3;max-height:360px;overflow:auto;scrollbar-width:none}
 .canvas-preview-heading{color:#879ba4;font-size:11px;line-height:1.4;margin-bottom:2px}
 .canvas-preview-choice{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 5px;font-size:13px;line-height:1.35;color:#b5c4cb;overflow-wrap:anywhere;border-radius:5px;background:#07151b70}
 .canvas-preview-dot{width:7px;height:7px;flex-shrink:0;border:1px solid var(--preview-color);border-radius:50%;opacity:.65}
 .canvas-preview-choice>span:last-child{min-width:0}
 .canvas-preview-choice:focus-visible,.canvas-preview-choice:hover{outline:1px solid #a4bccb77;color:#e5f0f4;background:#10232be0}
 .canvas-preview-overflow{font-size:12px;line-height:1.45;color:#a4b7bf;padding:6px 5px;overflow-wrap:anywhere}
 .canvas-preview-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
 .canvas-preview-connector path{fill:none;stroke:#8dabb655;stroke-width:.7;vector-effect:non-scaling-stroke}
}
.signature-motion-running .canvas-forward-preview,.signature-motion-running .canvas-preview-connector{visibility:hidden}

.canvas-forward-preview::-webkit-scrollbar{display:none}
.signature-canvas{--signature-title-font:"Segoe UI",Arial,sans-serif}
.signature-canvas .taxonomy-orientation h1,.signature-canvas .canvas-intelligence h1,.signature-canvas .canvas-entrance-overview h1{font-family:var(--signature-title-font)}
.category-navigation{display:inline-flex;align-items:center;gap:12px}
.category-navigation a,.category-navigation button{font-size:22px;line-height:1;letter-spacing:0;padding:0 3px;color:inherit}
.category-navigation button:disabled{opacity:.25;cursor:default}
.signature-history button{padding:2px 8px}
.signature-canvas .canvas-trail,.signature-context{min-height:28px;padding-top:0;padding-bottom:0}
.signature-canvas .canvas-toolbar{min-height:42px}
/* Keep the current node stationary while dense option sets extend the scene. */
.signature-canvas .canvas-stage{height:var(--scene-height,540px);min-height:540px;--focal-y:270px}
.signature-canvas .canvas-stage .canvas-selected{top:var(--focal-y)}
.canvas-preview-heading{color:#b2c4cb}
/* Category landings borrow the unoccupied dossier column for parent-owned fans. */
.canvas-intelligence[hidden]{display:none}
.signature-canvas .canvas-layout{padding-inline:18px;column-gap:14px}
.signature-canvas .canvas-trail{padding-inline:18px}
.category-navigation{gap:12px;line-height:22px;vertical-align:middle}
.category-navigation>a,.category-navigation>button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;line-height:22px;flex:none}
.category-navigation>span{line-height:22px}
.canvas-inspection-label{color:var(--selection);font-size:11px;letter-spacing:1.8px;text-transform:uppercase;margin:12px 0}
.record-type{display:block;font-size:10px;line-height:1.2;color:#9eb3c0;margin-top:3px}
@media(min-width:951px){
 .category-landing-layout:not(:has(.organization-intelligence)){grid-template-columns:clamp(300px,22vw,320px) minmax(0,1fr)}
}
.category-landing-layout .canvas-stage:not(.canvas-list) .canvas-forward-preview{display:none}
@container(min-width:760px){
 .category-landing-layout .canvas-stage:not(.canvas-list){--category-branch-width:min(210px,20cqw)}
 .category-landing-layout .canvas-stage:not(.canvas-list) .canvas-forward-branch{display:block;position:absolute;left:var(--branch-x);top:var(--branch-y);width:var(--category-branch-width);height:0;z-index:2}
 .category-landing-layout .canvas-stage:not(.canvas-list) .canvas-forward-branch.is-preview-active{z-index:3}
 .category-landing-layout .canvas-stage:not(.canvas-list) .canvas-option{position:relative;left:0;top:0;width:100%;min-height:48px;padding:2px 8px;font-size:14px;line-height:16px;transform:translateY(-50%)}
 .category-landing-layout .canvas-stage:not(.canvas-list) .canvas-option-copy small{margin-top:1px;line-height:11px}
 .category-landing-layout .canvas-stage:not(.canvas-list) .is-preview-active>.canvas-option{background:#142631a8;border-radius:8px}
 .category-landing-layout .canvas-stage:not(.canvas-list) .is-preview-active>.canvas-forward-preview{display:flex}
 .category-landing-layout .canvas-stage:not(.canvas-list) .canvas-forward-preview{left:calc(100% + 44px);top:var(--fan-offset);width:min(260px,var(--fan-width));transform:none;gap:8px;max-height:none;overflow:visible}
 .category-landing-layout .canvas-preview-heading{height:16px;margin:0;line-height:16px;white-space:nowrap;font-size:11px}
 .category-landing-layout .canvas-preview-choice{height:48px;min-height:48px;font-size:12px;padding:5px 7px;background:#091b25c9;line-height:1.3}
 .category-landing-layout .canvas-preview-overflow{height:20px;line-height:16px;padding:2px 5px;font-size:11px}
 .category-fan-connectors{position:absolute;left:-44px;top:0;width:44px;height:100%;overflow:visible;pointer-events:none}
 .category-fan-connectors path{fill:none;stroke:var(--preview-color);opacity:.48;stroke-width:1;vector-effect:non-scaling-stroke}
 .category-landing-layout .canvas-stage:not(.canvas-list)>.canvas-edges>path:not(.canvas-past-edge){display:initial}
 .category-landing-layout .canvas-stage:not(.canvas-list) .canvas-two-generation-edges{display:none}
}
@container(min-width:760px){
 .canvas-stage:not(.canvas-list):has(.canvas-forward-preview) .signature-organizations{width:min(460px,32%);left:max(8px,calc(var(--organization-origin,34%) - min(230px,16cqw)))}
}

/* One visual grammar at every depth: structure, direction, canonical record. */
.signature-canvas :is(.canvas-option,.canvas-preview-choice)[data-visual-kind="structure"]{background:none;border:0;border-radius:0;box-shadow:none}
.signature-canvas .is-preview-active>.canvas-option[data-visual-kind="structure"]{background:none;box-shadow:none}
.signature-canvas :is(.canvas-option,.canvas-preview-choice)[data-visual-kind="structure"]:is(:hover,:focus-visible){background:#ffffff08;outline:1px solid #a4bccb66}
.signature-canvas :is(.canvas-option,.canvas-preview-choice)[data-visual-kind="direction"]{background:#10212acc;border:1px solid #91afc34d;border-radius:24px;box-shadow:none;min-height:38px;padding:7px 12px}
.signature-canvas .canvas-stage .canvas-option[data-visual-kind="direction"]{min-height:48px;border-radius:24px}
.signature-canvas .canvas-option[data-visual-kind="direction"] .canvas-dot{width:18px;height:18px;font-size:12px;box-shadow:none}
.signature-canvas :is(.canvas-option,.canvas-preview-choice)[data-visual-kind="record"],.signature-canvas .organization-choice{background:linear-gradient(135deg,#102733eb,#07141deb);border:1px solid #7896aa55;border-radius:10px;box-shadow:0 4px 12px #0003;padding:9px 10px}
.signature-canvas :is(.canvas-option,.canvas-preview-choice)[data-visual-kind="record"]:is(:hover,:focus-visible),.signature-canvas .organization-choice:is(:hover,:focus-visible,[aria-current="true"]){background:#183342ed;border-color:#a0bdce99}
.signature-canvas .canvas-preview-choice[data-visual-kind="record"]{font-size:12px;padding:5px 7px}
.signature-canvas .canvas-selected[data-visual-kind="record"]{border-radius:16px;background:linear-gradient(135deg,#15303dee,#07141df5);border-width:1px;box-shadow:0 10px 32px #0005}
.signature-canvas .canvas-selected[data-visual-kind="record"]::before{border-radius:22px}
.signature-canvas .canvas-selected[data-visual-kind="direction"]{border-radius:35px}
.signature-canvas .canvas-selected[data-visual-kind="direction"]::before{border-radius:42px}
.signature-canvas .organization-choice{padding:5px 7px;gap:4px}
.signature-canvas .organization-choice>span:last-child{background:none;border-radius:0}

.signature-canvas .canvas-preview-choice[data-visual-kind="structure"] .record-type,.signature-canvas .canvas-preview-choice[data-visual-kind="direction"] .record-type{display:none}

.signature-canvas .canvas-stage .canvas-option[data-visual-kind="record"]{font-size:14px;line-height:18px}.signature-canvas .canvas-option[data-visual-kind="record"] small{font-size:10px;line-height:13px;margin-top:3px}

@keyframes signature-arrival{from{outline:2px solid var(--selection);outline-offset:4px}to{outline:2px solid transparent;outline-offset:4px}}
.signature-canvas:not(.signature-motion-running) .canvas-selected[data-inspection="map-stop"]{animation:signature-arrival 180ms ease-out}
@media(prefers-reduced-motion:reduce){.signature-canvas .canvas-selected[data-inspection="map-stop"]{animation:none}}
.canvas-stage.is-organization-map-stop .canvas-options,.canvas-stage.is-organization-map-stop>.canvas-edges{display:none}

/* Reclaim only the empty desktop header footroom; header dimensions stay fixed. */
@media(min-width:951px){
 #content:has(.signature-canvas){position:relative;margin-top:-22px}
}

/* Page navigation uses the header's horizontal rhythm, independent of panel chrome. */
.signature-canvas .canvas-trail{padding-inline:3.5%;column-gap:12px}
.signature-canvas .canvas-toolbar>span{font-size:11px;letter-spacing:.5px;color:#91a5af}
.signature-canvas .taxonomy-orientation{border-top:1px solid #83cfd426;box-shadow:0 18px 42px #0006}

/* One workspace layer below the fixed breadcrumb rhythm. */
.signature-canvas .canvas-layout{padding-top:clamp(14px,1vw,16px)}
.signature-canvas .canvas-toolbar-controls{margin-left:auto}