/* ============================================================
   MY POSITION — loaded on /my-position/ only, after home.css
   (which supplies .aks-sec, .aks-h2, .aks-eyebrow, .aks-door, .aks-dawn).
   ============================================================ */
.aks-position{--disp:var(--f-display);--bodyf:var(--f-body);--mono:var(--f-mono);}
.aks-position .zone-dark{--warm:var(--ember-accent);--cool:#5B8FB9;}
.aks-position .zone-light{--warm:var(--clay);--cool:var(--indigo);}

/* buttons: undo the sitewide button colours inside this page */
.aks-position button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;cursor:pointer;line-height:inherit;}
.aks-position button:hover,.aks-position button:focus{background:none;color:inherit;}
.aks-position :focus-visible{outline:2px solid var(--warm);outline-offset:3px;border-radius:2px;}
.aks-position .aks-sec-note a{color:var(--link);text-decoration:underline;text-underline-offset:3px;}

/* ---------- intro ---------- */
.aks-position .pos-hero{padding:clamp(56px,9vw,112px) 0 clamp(36px,5vw,56px);}
.aks-position .pos-h1{font-family:var(--disp);font-weight:200;font-size:clamp(40px,6.4vw,80px);line-height:1.02;letter-spacing:-.026em;margin-top:18px;}
.aks-position .pos-h1 em{font-style:italic;font-weight:300;color:var(--warm);}
.aks-position .pos-lede{margin-top:24px;max-width:58ch;font-size:clamp(16px,1.7vw,19px);line-height:1.62;color:var(--muted);}
.aks-position .pos-jump{margin-top:34px;display:flex;flex-wrap:wrap;gap:8px;}
.aks-position .pos-jump a{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:8px 15px;transition:.2s;}
.aks-position .pos-jump a:hover{color:var(--text);border-color:var(--muted);}

/* ---------- four claims ---------- */
.aks-position .pos-rail{background:var(--ember-bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.aks-position .pos-rail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);}
@media(max-width:900px){.aks-position .pos-rail-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.aks-position .pos-rail-grid{grid-template-columns:1fr;}}
.aks-position .pos-prop{background:var(--ember-bg2);padding:28px clamp(16px,2.2vw,26px);}
.aks-position .pos-prop-n{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--warm);}
.aks-position .pos-prop-t{margin-top:12px;font-family:var(--disp);font-size:clamp(18px,1.9vw,21px);font-weight:300;line-height:1.32;color:var(--text);}
.aks-position .pos-prop-b{margin-top:9px;font-size:14px;color:var(--muted);line-height:1.6;}

/* ---------- the lab ---------- */
.aks-position .lab{max-width:780px;}
.aks-position .tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;}
.aks-position .tabs::-webkit-scrollbar{display:none;}
.aks-position .tab{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--line);border-bottom:0;border-radius:4px 4px 0 0;padding:11px 17px;color:var(--muted);background:var(--bg);transition:.2s;white-space:nowrap;text-align:left;}
.aks-position .tab:hover{color:var(--text);background:var(--bg);}
.aks-position .tab[aria-selected="true"]{background:var(--bg2);color:var(--warm);}
.aks-position .lab-e{display:block;margin-top:3px;font-family:var(--bodyf);font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--muted);font-weight:300;}
.aks-position .panel[hidden]{display:none;}
.aks-position .demo{background:var(--bg2);border:1px solid var(--line);border-radius:0 4px 4px 4px;padding:clamp(20px,3.4vw,36px);}
.aks-position .demo-step{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--warm);}
.aks-position .demo-q{margin-top:12px;font-family:var(--disp);font-size:clamp(18px,2.3vw,24px);font-weight:300;line-height:1.34;color:var(--text);}
.aks-position .demo-q strong{font-weight:500;color:var(--gold);}
.aks-position .demo-ctrl{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;min-height:44px;}
.aks-position .dbtn{font-size:14px;border:1px solid var(--line);border-radius:3px;padding:10px 18px;transition:.2s;color:var(--text);}
.aks-position .dbtn:hover{border-color:var(--muted);background:var(--bg3);}
.aks-position .dbtn.pri{background:var(--warm);border-color:var(--warm);color:#14100D;font-weight:500;}
.aks-position .dbtn.pri:hover{filter:brightness(1.08);background:var(--warm);}
.aks-position .dhint{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.aks-position .demo-out{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--muted);line-height:1.65;}
.aks-position .demo-out strong{color:var(--text);font-weight:500;}
.aks-position .demo-out em{color:var(--gold);font-style:italic;}
.aks-position .demo-out .warn{color:var(--warm);}
.aks-position .demo-out p + p{margin-top:12px;}
.aks-position .demo-cite{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;line-height:1.8;opacity:.85;}
.aks-position .demo-cite a{color:var(--cool);border-bottom:1px solid currentColor;}
.aks-position .demo-out[hidden]{display:none;}

.aks-position .kh-stage{position:relative;margin-top:22px;border:1px solid var(--line);border-radius:4px;background:var(--bg3);overflow:hidden;touch-action:none;cursor:crosshair;aspect-ratio:16/10;color:var(--text);}
.aks-position .kh-art{position:absolute;inset:0;width:100%;height:100%;}
.aks-position .kh-cover{position:absolute;inset:0;background:var(--bg3);transition:opacity .5s ease;
  -webkit-mask-image:radial-gradient(circle at var(--kx,50%) var(--ky,50%),transparent 0 46px,#000 78px);
  mask-image:radial-gradient(circle at var(--kx,50%) var(--ky,50%),transparent 0 46px,#000 78px);}
.aks-position .kh-stage.open .kh-cover{opacity:0;}
.aks-position .kh-line{fill:none;stroke:var(--warm);stroke-width:1.6;stroke-linecap:round;}
.aks-position .kh-line2{fill:none;stroke:var(--cool);stroke-width:1.2;stroke-linecap:round;opacity:.8;}

.aks-position .vb-grid{display:grid;grid-template-columns:repeat(5,var(--vc));--vc:clamp(34px,8vw,54px);gap:5px;margin-top:22px;}
.aks-position .vb-c{aspect-ratio:1;border:1px solid var(--line);border-radius:3px;background:var(--bg3);transition:background .16s,border-color .16s;padding:0;}
.aks-position .vb-c:hover{background:var(--bg3);}
.aks-position .vb-c.lit,.aks-position .vb-c.lit:hover{background:var(--warm);border-color:var(--warm);}
.aks-position .vb-c.picked,.aks-position .vb-c.picked:hover{background:color-mix(in srgb,var(--cool) 55%,transparent);border-color:var(--cool);}
.aks-position .vb-c.hitm,.aks-position .vb-c.hitm:hover{background:var(--warm);border-color:var(--warm);}
.aks-position .vb-c.miss,.aks-position .vb-c.miss:hover{background:transparent;border-color:var(--warm);border-style:dashed;}

.aks-position .ls-sum{font-family:var(--disp);font-size:clamp(30px,5vw,52px);font-weight:200;margin-top:20px;color:var(--text);}
.aks-position .ls-in{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.aks-position .ls-field{font-family:var(--mono);font-size:16px;background:var(--bg3);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:11px 14px;width:190px;}
.aks-position .ls-pad{margin-top:14px;width:100%;max-width:420px;min-height:130px;resize:vertical;font-family:var(--mono);font-size:14px;line-height:1.7;background:var(--bg3);color:var(--text);border:1px solid var(--line);border-radius:3px;padding:12px 14px;}
.aks-position .ls-padlab{margin-top:14px;width:100%;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);}

/* ---------- 4E figure ---------- */
.aks-position .e1{--c:#E8873F}.aks-position .e2{--c:#86B36A}.aks-position .e3{--c:#3FC2BC}.aks-position .e4{--c:#9184FF}
.aks-position .fig-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,52px);align-items:center;}
@media(max-width:880px){.aks-position .fig-grid{grid-template-columns:1fr;}}
.aks-position .fig-svg{width:100%;height:auto;display:block;overflow:visible;}
.aks-position .layer{cursor:pointer;transition:opacity .3s ease;}
.aks-position .layer .blob{fill:var(--c);fill-opacity:.13;transition:fill-opacity .3s;}
.aks-position .layer .edge{fill:none;stroke:var(--c);stroke-opacity:.4;stroke-width:1.4;transition:stroke-opacity .3s;}
.aks-position .layer .lab{fill:var(--text);font-family:var(--disp);font-size:17px;font-weight:300;}
.aks-position .layer:hover .blob,.aks-position .layer.on .blob{fill-opacity:.3;}
.aks-position .layer:hover .edge,.aks-position .layer.on .edge{stroke-opacity:.95;}
.aks-position .layer.on .lab{fill:var(--c);}
.aks-position .fig-svg.picked .layer:not(.on){opacity:.3;}
.aks-position .figure-h{fill:var(--text);fill-opacity:.1;stroke:var(--text);stroke-opacity:.4;stroke-width:1.4;stroke-linejoin:round;}
.aks-position .figure-l{fill:none;stroke:var(--text);stroke-opacity:.4;stroke-width:1.4;stroke-linecap:round;}
.aks-position .brainy{fill:none;stroke:var(--text);stroke-opacity:.55;stroke-width:1.2;}
.aks-position .toolz{fill:var(--bg3);stroke:#9184FF;stroke-opacity:.6;stroke-width:1.3;}
.aks-position .tool-t{fill:#9184FF;font-family:var(--bodyf);font-size:11.5px;text-anchor:middle;}
.aks-position .actarc{fill:none;stroke:#3FC2BC;stroke-width:2;stroke-linecap:round;stroke-dasharray:3 8;animation:pos-drift 2.6s linear infinite;}
.aks-position .chips{display:flex;flex-wrap:wrap;gap:8px;}
.aks-position .chip{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:100px;padding:8px 15px;color:var(--muted);display:inline-flex;align-items:center;gap:9px;transition:.2s;}
.aks-position .chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none;}
.aks-position .chip:hover{color:var(--text);border-color:var(--muted);}
.aks-position .chip[aria-pressed="true"]{color:var(--text);border-color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);}
.aks-position .e-read{margin-top:22px;min-height:150px;}
.aks-position .er-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c);}
.aks-position .er-t{font-family:var(--disp);font-size:clamp(20px,2.3vw,26px);font-weight:300;margin-top:8px;line-height:1.28;color:var(--text);}
.aks-position .er-b{margin-top:10px;font-size:15px;color:var(--muted);line-height:1.64;}
.aks-position .fig-cap{margin-top:22px;font-size:13.5px;color:var(--muted);max-width:64ch;line-height:1.62;opacity:.85;}

/* ---------- two models ---------- */
.aks-position .cpl-modes{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;}
.aks-position .filt{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);border-radius:100px;padding:8px 16px;color:var(--muted);transition:.2s;}
.aks-position .filt:hover{color:var(--text);border-color:var(--muted);}
.aks-position .filt[aria-pressed="true"],.aks-position .filt[aria-pressed="true"]:hover{background:var(--warm);border-color:var(--warm);color:#14100D;}
.aks-position .zone-light .filt[aria-pressed="true"],.aks-position .zone-light .filt[aria-pressed="true"]:hover{color:#FFF8F0;}
.aks-position .cpl-svg{width:100%;height:auto;display:block;overflow:visible;max-width:860px;}
.aks-position .cnode circle{fill:var(--bg3);stroke:var(--line);stroke-width:1.4;}
.aks-position .cnode text{fill:var(--text);font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;text-anchor:middle;}
.aks-position .cnode .csub{fill:var(--muted);font-family:var(--bodyf);font-size:11.5px;letter-spacing:0;text-transform:none;}
.aks-position .cnode.m circle{stroke:#9184FF;}.aks-position .cnode.b circle{stroke:#E8873F;}.aks-position .cnode.w circle{stroke:#3FC2BC;}
.aks-position .arc{fill:none;stroke-width:2;stroke-linecap:round;cursor:pointer;transition:stroke-opacity .3s;}
.aks-position .arc-hit{fill:none;stroke:transparent;stroke-width:22;cursor:pointer;}
.aks-position .flow{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:2 14;animation:pos-drift 2.6s linear infinite;pointer-events:none;}
.aks-position .flow.rev{animation-direction:reverse;stroke-dashoffset:8;opacity:.7;}
@keyframes pos-drift{to{stroke-dashoffset:-32;}}
.aks-position .cpl-svg.broken .flow{animation-play-state:paused;opacity:.12;}
.aks-position .arc.cut{stroke-dasharray:5 7;stroke-opacity:.28;}
.aks-position .arc.cut ~ .flow{display:none;}
.aks-position .cpl-lab{fill:var(--muted);font-family:var(--bodyf);font-size:11.5px;font-weight:300;text-anchor:middle;}
.aks-position .sw-box{fill:var(--bg3);stroke:var(--line);stroke-width:1.4;}
.aks-position .sw-t{fill:var(--text);font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;text-anchor:middle;}
.aks-position .sw-a{fill:none;stroke:var(--muted);stroke-width:1.6;stroke-opacity:.6;}
.aks-position .cpl-read{margin-top:20px;max-width:64ch;min-height:110px;}
.aks-position .cpl-hint{margin-top:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.8;}

/* ---------- curriculum (light zone) ---------- */
.aks-position .pos-cur-sec{padding-top:clamp(40px,6vw,72px);}
.aks-position .cur-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(24px,4vw,52px);align-items:center;}
@media(max-width:900px){.aks-position .cur-grid{grid-template-columns:1fr;}}
.aks-position .cur-svg{width:100%;height:auto;display:block;overflow:visible;}
.aks-position .cur-learner{fill:var(--text);fill-opacity:.06;stroke:var(--text);stroke-opacity:.45;stroke-width:1.4;stroke-linejoin:round;}
.aks-position .cur-limb{fill:none;stroke:var(--text);stroke-opacity:.45;stroke-width:1.4;stroke-linecap:round;}
.aks-position .ring-out{fill:none;stroke:var(--cool);stroke-width:2.4;stroke-linecap:round;transition:stroke-opacity .35s;}
.aks-position .ring-in{fill:none;stroke:var(--warm);stroke-width:2.4;stroke-linecap:round;transition:stroke-opacity .35s;}
.aks-position .ring-flow{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 16;animation:pos-drift 3s linear infinite;pointer-events:none;}
.aks-position .flow-out{stroke:var(--cool);} .aks-position .flow-in{stroke:var(--warm);}
.aks-position .cur-svg .dead{stroke-opacity:.16 !important;stroke-dasharray:4 8;}
.aks-position .cur-t{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-anchor:middle;}
.aks-position .cur-t-out{fill:var(--cool);} .aks-position .cur-t-in{fill:var(--warm);}
.aks-position .cur-s{font-family:var(--bodyf);font-size:11.5px;font-weight:300;fill:var(--muted);text-anchor:middle;}
.aks-position .cur-read{min-height:200px;}
.aks-position .cur-v{font-family:var(--disp);font-size:clamp(21px,2.5vw,28px);font-weight:300;line-height:1.24;margin-top:10px;color:var(--text);}
.aks-position .cur-b{margin-top:12px;font-size:15.5px;color:var(--muted);line-height:1.66;max-width:54ch;}
.aks-position .cur-list{margin-top:16px;display:grid;gap:7px;}
.aks-position .cur-list li{font-size:14.5px;color:var(--text);padding-left:18px;position:relative;line-height:1.55;}
.aks-position .cur-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--warm);}

/* ---------- on Monday (light) ---------- */
.aks-position .pos-mon-sec{background:var(--paper-card);}
.aks-position .slider{position:relative;}
.aks-position .track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none;}
.aks-position .track::-webkit-scrollbar{display:none;}
.aks-position .slide{flex:0 0 min(520px,86vw);scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;}
.aks-position .slide-ch{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--warm);}
.aks-position .slide-t{font-family:var(--disp);font-size:clamp(21px,2.5vw,27px);font-weight:300;line-height:1.2;margin-top:12px;letter-spacing:-.012em;color:var(--text);}
.aks-position .slide-b{margin-top:14px;font-size:15px;color:var(--muted);line-height:1.64;}
.aks-position .slide-do{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
.aks-position .slide-do h4{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cool);font-weight:400;margin:0;}
.aks-position .slide-do ul{margin-top:11px;display:grid;gap:8px;}
.aks-position .slide-do li{font-size:14.5px;color:var(--text);line-height:1.55;padding-left:18px;position:relative;}
.aks-position .slide-do li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--warm);opacity:.8;}
.aks-position .slide-src{margin-top:auto;padding-top:16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.8;}
.aks-position .sl-nav{display:flex;align-items:center;gap:12px;margin-top:20px;}
.aks-position .sl-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:.2s;flex:none;}
.aks-position .sl-btn:hover{color:var(--text);border-color:var(--muted);}
.aks-position .sl-btn[disabled]{opacity:.3;cursor:default;}
.aks-position .dots{display:flex;gap:7px;margin-left:6px;}
.aks-position .dot{width:7px;height:7px;border-radius:50%;background:var(--line);transition:.25s;}
.aks-position .dot[aria-current="true"]{background:var(--warm);width:22px;border-radius:100px;}

/* ---------- where next ---------- */
.aks-position .pos-next{grid-template-columns:repeat(3,1fr);}
@media(max-width:900px){.aks-position .pos-next{grid-template-columns:1fr;}}

@media(prefers-reduced-motion:reduce){
  .aks-position .flow,.aks-position .ring-flow,.aks-position .actarc{animation:none;}
}