/* Skiliograph Algebra Growth Path — styles scoped to .skmp.skmpr so the theme can't bleed in (and we don't bleed out). */
.skmp.skmpr button{font:inherit;color:inherit;background:none;border:0;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;line-height:inherit;padding:0;margin:0;min-height:0;width:auto;text-decoration:none}
.skmp.skmpr input,.skmp.skmpr select{margin:0;box-shadow:none;max-width:100%;height:auto;line-height:1.3}
.skmp.skmpr table{margin:0;border:0}.skmp.skmpr th,.skmp.skmpr td{border:0}
.skmp.skmpr ul,.skmp.skmpr ol{margin:0}.skmp.skmpr li{margin:0}
.skmp.skmpr .link,.skmp.skmpr .skt{background:none}.skmp.skmpr .link:hover,.skmp.skmpr .skt:hover{background:none;color:var(--tealInk)}
.skmp.skmpr svg{overflow:visible}
.skmp.skmpr .skmp-loading{font-weight:700;color:var(--ink2);padding:24px;text-align:center}
.skmp.skmpr .ednote{font-size:calc(.85*var(--r));background:var(--tealSoft);border-radius:12px;padding:8px 12px;margin:0 0 14px}
.skmp.skmpr .busy{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;background:rgba(253,238,200,.55)}
.skmp.skmpr .busy span{background:#fff;border:2px solid var(--line2);border-radius:14px;padding:12px 18px;font:700 calc(1*var(--r)) var(--disp)}
.skmp.skmpr{--page:#fdeec8;--card:#fff7e6;--paper:#ffffff;--ink:#2b2d42;--ink2:#5d607a;--line:#ead6a8;--line2:#d9c08a;
 --sky:#cfe6ff;--lilac:#e4dbff;--peach:#ffdcc8;--mint:#c8f0d6;--mintInk:#1d6b3e;--sun:#ffd23f;--sunEdge:#d9a600;
 --teal:#2a9fa8;--tealSoft:#cfeff2;--tealInk:#1b6f76;--rose:#c2416b;--roseSoft:#ffe1ea;--amber:#9a5b00;--amberSoft:#fff0c2;--orange:#e8780c;
 --disp:"Baloo 2","Trebuchet MS",system-ui,sans-serif;--body:"Nunito","Segoe UI",system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
 color-scheme:light}
.skmp.skmpr *,.skmp.skmpr *::before,.skmp.skmpr *::after{box-sizing:border-box}
.skmp.skmpr{--r:1.125rem;background:var(--page);color:var(--ink);font:var(--r)/1.5 var(--body);padding:clamp(12px,3vw,24px);border-radius:24px;text-align:left}
.skmp.skmpr{max-width:none;width:100%;margin:0 auto 24px;box-sizing:border-box}
.skmp.skmpr .quiz,.skmp.skmpr .panel,.skmp.skmpr .stagebanner{max-width:900px;margin-left:auto;margin-right:auto;width:100%}
.skmp.skmpr .stagebanner{max-width:none}
.skmp.skmpr h1,.skmp.skmpr h2,.skmp.skmpr h3{font-family:var(--disp);line-height:1.15;text-wrap:balance;margin:0;color:inherit;text-transform:none;letter-spacing:normal}
.skmp.skmpr h1{font-size:clamp(calc(1.6*var(--r)),4.5vw,calc(2.1*var(--r)));font-weight:800}
.skmp.skmpr h2{font-size:calc(1.25*var(--r));font-weight:700}
.skmp.skmpr p{margin:0}
.skmp.skmpr button{font:inherit;color:inherit;cursor:pointer}
.skmp.skmpr button:disabled{opacity:.45;cursor:not-allowed}
.skmp.skmpr :focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:8px}
.skmp.skmpr .eyebrow{font:700 calc(.78*var(--r))/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--tealInk)}
.skmp.skmpr .lead{color:var(--ink2);font-size:calc(1.02*var(--r))}
.skmp.skmpr .small{font-size:calc(.88*var(--r));color:var(--ink2)}
.skmp.skmpr .muted{color:var(--ink2)}
.skmp.skmpr .mono{font-family:var(--mono);font-size:.9em;letter-spacing:.02em;word-break:break-all}
.skmp.skmpr .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.skmp.skmpr .row.between{justify-content:space-between}
.skmp.skmpr .row.end{justify-content:flex-end}
.skmp.skmpr .top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:6px 0 4px}
.skmp.skmpr .brand{display:flex;align-items:baseline;gap:10px}
.skmp.skmpr .wm{font:800 calc(1.45*var(--r))/1 var(--disp)}
.skmp.skmpr .wm b{color:var(--ink)}
.skmp.skmpr .wm i{font-style:normal;color:var(--orange)}
.skmp.skmpr .pname{font:700 calc(1.05*var(--r))/1 var(--disp);color:var(--tealInk);background:var(--tealSoft);padding:4px 10px;border-radius:999px}
.skmp.skmpr .seg{display:flex;align-items:center;gap:4px;background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:3px}
.skmp.skmpr .seglab{font-size:calc(.75*var(--r));color:var(--ink2);padding:0 6px 0 8px}
.skmp.skmpr .seg button{border:0;background:none;padding:5px 12px;border-radius:999px;font-weight:700;font-size:calc(.85*var(--r))}
.skmp.skmpr .seg button.on{background:var(--ink);color:#fff}
.skmp.skmpr .pnote{font-size:calc(.82*var(--r));color:var(--ink2);margin:2px 0 14px}
.skmp.skmpr .pri,.skmp.skmpr .sun,.skmp.skmpr .ghost,.skmp.skmpr .start{border-radius:14px;padding:11px 18px;font:700 calc(1*var(--r))/1.1 var(--disp);border:0;transition:transform .12s}
.skmp.skmpr .pri{background:var(--teal);color:#fff;box-shadow:0 4px 0 var(--tealInk)}
.skmp.skmpr .pri:active{transform:translateY(3px);box-shadow:0 1px 0 var(--tealInk)}
.skmp.skmpr .sun,.skmp.skmpr .start{background:var(--sun);color:var(--ink);box-shadow:0 4px 0 var(--sunEdge)}
.skmp.skmpr .sun:active,.skmp.skmpr .start:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sunEdge)}
.skmp.skmpr .start{font-size:calc(1.2*var(--r));padding:14px 30px;margin-top:6px}
.skmp.skmpr .ghost{background:var(--card);border:2px solid var(--line2)}
.skmp.skmpr .ghost:hover{background:#fff}
.skmp.skmpr .sm{padding:calc(.42*var(--r)) calc(.75*var(--r));font-size:var(--r);border-radius:11px}
.skmp.skmpr .pri.sm,.skmp.skmpr .sun.sm{box-shadow:0 3px 0 var(--tealInk)}
.skmp.skmpr .sun.sm{box-shadow:0 3px 0 var(--sunEdge)}
.skmp.skmpr .link{background:none;border:0;color:var(--tealInk);font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:4px 2px}
.skmp.skmpr .link.danger{color:var(--rose)}
.skmp.skmpr .panel{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:22px clamp(16px,4vw,32px);display:grid;gap:16px}
.skmp.skmpr .panel.center{text-align:center;justify-items:center}
.skmp.skmpr .vchoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:440px}
.skmp.skmpr .vbtn{display:grid;gap:4px;justify-items:center;padding:18px 10px;border-radius:18px;border:2.5px dashed var(--line2);background:#fff}
.skmp.skmpr .vbtn .flag{font-size:calc(2.2*var(--r))}
.skmp.skmpr .vbtn b{font:800 calc(1.4*var(--r))/1 var(--disp)}
.skmp.skmpr .vbtn small{color:var(--ink2);font-size:calc(.85*var(--r))}
.skmp.skmpr .vbtn.on{border-style:solid;border-color:var(--teal);background:var(--tealSoft)}
.skmp.skmpr .kids{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.skmp.skmpr .kid{display:grid;gap:2px;justify-items:center;padding:16px 10px;border-radius:18px;border:2px solid var(--line);background:var(--kc,#fff);text-align:center}
.skmp.skmpr .kid .ki{font-size:calc(2.3*var(--r));line-height:1.2}
.skmp.skmpr .kid b{font:800 calc(1.15*var(--r))/1.1 var(--disp)}
.skmp.skmpr .kid small{font-size:calc(.8*var(--r));color:var(--ink2)}
.skmp.skmpr .kid.add{background:#fff;border-style:dashed}
.skmp.skmpr .kid.add .ki{color:var(--tealInk);font-weight:800}
.skmp.skmpr .fl{font-weight:800;font-size:calc(.9*var(--r));display:block}
.skmp.skmpr .txt{font:600 calc(1*var(--r)) var(--body);padding:10px 12px;border-radius:12px;border:2px solid var(--line2);background:#fff;min-width:0;flex:1 1 200px;color:var(--ink)}
.skmp.skmpr .txt.pin{flex:0 0 110px;letter-spacing:.3em;text-align:center}
.skmp.skmpr .icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;max-width:440px}
.skmp.skmpr .ib{font-size:calc(1.5*var(--r));padding:6px 0;border-radius:12px;border:2px solid transparent;background:#fff}
.skmp.skmpr .ib.on{border-color:var(--teal);background:var(--tealSoft)}
.skmp.skmpr .swatches{display:flex;gap:10px;flex-wrap:wrap}
.skmp.skmpr .sw{width:40px;height:40px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--line2)}
.skmp.skmpr .sw.on{box-shadow:0 0 0 3px var(--teal)}
.skmp.skmpr .err{color:var(--rose);font-weight:700;font-size:calc(.9*var(--r))}
.skmp.skmpr .okmsg{color:var(--mintInk);font-weight:700}
.skmp.skmpr .okbox{display:grid;gap:8px;background:#fff;border:2px solid var(--mint);border-radius:14px;padding:12px;margin-top:8px}
.skmp.skmpr .map{display:grid;gap:18px}
.skmp.skmpr .kidbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--kc);border-radius:16px;padding:8px 12px}
.skmp.skmpr .kidbar .ki{font-size:calc(1.6*var(--r))}
.skmp.skmpr .kidbar b{font:800 calc(1.2*var(--r)) var(--disp)}
.skmp.skmpr .kidbar .sp{flex:1}
.skmp.skmpr .stagehead{display:grid;gap:4px}
.skmp.skmpr .resume{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--amberSoft);border:2px solid #f1d27a;border-radius:16px;padding:12px 14px}
.skmp.skmpr .resume div{flex:1;display:grid}
.skmp.skmpr .resume small{color:var(--ink2)}
.skmp.skmpr .placecard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:2.5px solid var(--teal);border-radius:20px;padding:16px 18px}
.skmp.skmpr .placecard p{color:var(--ink2);margin-top:4px}
.skmp.skmpr .mod{display:grid;gap:10px}
.skmp.skmpr .mod h2{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.skmp.skmpr .mnum{font:700 calc(.78*var(--r))/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ink);padding:5px 9px;border-radius:999px}
.skmp.skmpr .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.skmp.skmpr .tile{display:grid;gap:8px;align-content:start;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px}
.skmp.skmpr .tile.s2{background:#f2fbf5;border-color:#9fdcb4}
.skmp.skmpr .tile.s1{background:#f4f8ff;border-color:#b8cdf2}
.skmp.skmpr .tile.s3{background:#fff8e6;border-color:#f1d27a}
.skmp.skmpr .tile.locked{background:repeating-linear-gradient(135deg,var(--card) 0 10px,#fbf0d6 10px 20px)}
.skmp.skmpr .tile.mt{border-style:dashed;border-color:var(--teal)}
.skmp.skmpr .tile.mt.s2{border-style:solid}
.skmp.skmpr .tt{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.skmp.skmpr .uid{font:800 calc(1.05*var(--r))/1 var(--disp);background:var(--ink);color:#fff;border-radius:8px;padding:4px 7px}
.skmp.skmpr .tag{font-size:calc(.72*var(--r));font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--sun);border-radius:6px;padding:3px 6px}
.skmp.skmpr .tn{font:700 calc(1.08*var(--r))/1.2 var(--disp)}
.skmp.skmpr .weak{font-size:calc(.83*var(--r));color:var(--amber)}
.skmp.skmpr .tbtns{display:flex;flex-wrap:wrap;gap:8px}
.skmp.skmpr .lockline{font-size:var(--r);font-weight:700;color:var(--ink2)}
.skmp.skmpr .chip{font-size:calc(.8*var(--r));font-weight:800;border-radius:999px;padding:3px 9px;white-space:nowrap}
.skmp.skmpr .c0{background:#fff;border:1.5px solid var(--line2);color:var(--ink2)}
.skmp.skmpr .c1{background:#dde8fc;color:#2c5aa8}
.skmp.skmpr .chip.skip{background:linear-gradient(135deg,#ffd23f,#ffb84d);color:#5a3a00;box-shadow:0 2px 0 #d9a600;font-size:calc(.85*var(--r))}
.skmp.skmpr .c2{background:var(--mint);color:var(--mintInk)}
.skmp.skmpr .c3{background:var(--amberSoft);color:var(--amber)}
.skmp.skmpr .c4{background:var(--roseSoft);color:var(--rose)}
.skmp.skmpr .skt{justify-self:start;display:flex;align-items:center;gap:8px;background:none;border:0;padding:4px 0;font-weight:800;font-size:calc(.88*var(--r));color:var(--tealInk)}
.skmp.skmpr .minig{display:flex;gap:calc(.35*var(--r))}
.skmp.skmpr .minig .gauge{width:calc(1.5*var(--r));height:calc(.5*var(--r))}
.skmp.skmpr .gauge{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:3px;width:calc(3*var(--r));height:calc(.75*var(--r));flex:0 0 auto}
.skmp.skmpr .gauge i{border-radius:3px;background:#eadfc6}
.skmp.skmpr .g1 i:nth-child(1){background:var(--rose)}
.skmp.skmpr .g2 i:nth-child(-n+2){background:#e0a800}
.skmp.skmpr .g3 i{background:#3fae6c}
.skmp.skmpr .skl{list-style:none;margin:0;padding:0;display:grid;gap:0;border-radius:12px;overflow:hidden;border:1.5px solid var(--line)}
.skmp.skmpr .skr{display:grid;grid-template-columns:minmax(0,1fr) 150px 190px;gap:6px 12px;align-items:center;background:#fff;padding:10px 12px}
.skmp.skmpr .skr:nth-child(even){background:#fdf8ee}
.skmp.skmpr .skn{font-weight:700;font-size:calc(.95*var(--r));display:grid}
.skmp.skmpr .skn small{font-weight:600;color:var(--ink2);font-size:calc(.76*var(--r))}
.skmp.skmpr .skn .sk{font-family:var(--disp);color:var(--tealInk);margin-right:4px}
.skmp.skmpr .skline{display:block}
.skmp.skmpr .skg{display:flex;align-items:center;gap:8px}
.skmp.skmpr .skst{font-size:calc(.8*var(--r));font-weight:800;white-space:nowrap}
.skmp.skmpr .skst.l1{color:var(--rose)}
.skmp.skmpr .skst.l2{color:var(--amber)}
.skmp.skmpr .skst.l3{color:var(--mintInk)}
.skmp.skmpr .skst.l0{color:var(--ink2)}
.skmp.skmpr .skb{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.skmp.skmpr .ucard{display:grid;gap:10px;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:12px 14px}
.skmp.skmpr .ucard.s2{border-color:#9fdcb4}
.skmp.skmpr .ucard.s3{border-color:#f1d27a;background:#fffaf0}
.skmp.skmpr .ucard.s1{border:2.5px solid #f1c232;background:linear-gradient(135deg,#fff8d6 0%,#fff3c4 55%,#ffe9a8 100%);position:relative;overflow:hidden}
.skmp.skmpr .ucard.s1::after{content:"★";position:absolute;right:14px;top:4px;font-size:calc(2.6*var(--r));color:#f1c232;opacity:.35;pointer-events:none}
.skmp.skmpr .ucard.s1 .ubar{background:linear-gradient(90deg,#2b2d42,#3d3f63)}
.skmp.skmpr .skipnote{font-weight:700;color:#7a4f00;background:#fff;border:2px dashed #f1c232;border-radius:12px;padding:8px 12px}
.skmp.skmpr .skst.lp{color:#9a6a00}
.skmp.skmpr .ucard.locked{background:repeating-linear-gradient(135deg,var(--card) 0 10px,#fbf0d6 10px 20px)}
.skmp.skmpr .ucard.mt{border-style:dashed;border-color:var(--teal)}
.skmp.skmpr .ucard.place{border:2.5px solid var(--teal);background:#fff}
.skmp.skmpr .uchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.skmp.skmpr .ubar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:12px;padding:10px 12px}
.skmp.skmpr .ubar h3{font-size:calc(1.08*var(--r));font-weight:700;flex:1 1 240px;color:#fff}
.skmp.skmpr .uact{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.skmp.skmpr .ubar .ghost{background:#fff;color:var(--ink);border-color:#fff}
.skmp.skmpr .ubar .lockline{color:#f3ead7}
.skmp.skmpr .ubar .link{color:#bdeff2}
.skmp.skmpr .ucard.locked .ubar{background:#6c6e85}
.skmp.skmpr .udesc{color:var(--ink2);font-size:calc(.95*var(--r))}
.skmp.skmpr .c5{background:#ece6ff;color:#4b3b9a}
.skmp.skmpr .pmwrap{position:relative;display:inline-block}
.skmp.skmpr .pmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:260px;background:#fff;color:var(--ink);border:2px solid var(--line2);border-radius:14px;box-shadow:0 10px 24px rgba(43,45,66,.18);padding:6px;display:grid;gap:4px}
.skmp.skmpr .pmi{display:grid;text-align:left;border:0;background:none;border-radius:10px;padding:9px 10px;font-weight:700}
.skmp.skmpr .pmi:hover,.skmp.skmpr .pmi:focus-visible{background:var(--card)}
.skmp.skmpr .pmi small{font-weight:600;color:var(--mintInk);font-size:calc(.75*var(--r))}
.skmp.skmpr .pmi.rec{background:#f2fbf5}
.skmp.skmpr .pmnote{font-size:calc(.76*var(--r));color:var(--ink2);padding:4px 10px 6px;line-height:1.35}
@media (max-width:640px){.skmp.skmpr .skr{grid-template-columns:minmax(0,1fr) auto}
.skmp.skmpr .skn{grid-column:1/-1}
.skmp.skmpr .skb{justify-content:flex-end}
.skmp.skmpr .pmenu{right:auto;left:0}
.skmp.skmpr .ubar .pmenu{right:0;left:auto}
}
.skmp.skmpr .skunit{display:grid;gap:8px;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:12px}
.skmp.skmpr .skunit h3{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:calc(1.05*var(--r))}
.skmp.skmpr .glegend{display:flex;flex-wrap:wrap;gap:14px;font-size:calc(.85*var(--r));font-weight:700}
.skmp.skmpr .glegend>span{display:flex;gap:6px;align-items:center}
.skmp.skmpr .quiz{display:grid;gap:14px}
.skmp.skmpr .qtop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;background:var(--kc);border-radius:14px;padding:8px 12px}
.skmp.skmpr .kidtag{font:700 calc(1*var(--r)) var(--disp)}
.skmp.skmpr .qprog{display:grid;gap:8px;font-weight:800;font-size:calc(.9*var(--r));color:var(--ink2)}
.skmp.skmpr .dots{display:flex;flex-wrap:wrap;gap:6px}
.skmp.skmpr .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);background:#fff;padding:0}
.skmp.skmpr .dot.f{background:var(--tealSoft);border-color:var(--teal)}
.skmp.skmpr .dot.cur{box-shadow:0 0 0 3px var(--ink);border-color:var(--ink)}
.skmp.skmpr .qcard{background:#fff;border:2.5px solid var(--line);border-radius:22px;padding:clamp(16px,4vw,28px);display:grid;gap:16px;min-width:0}
.skmp.skmpr .qtext{font-size:calc(1.18*var(--r));font-weight:600;line-height:1.55}
.skmp.skmpr .qtext .big,.skmp.skmpr .lbq .big,.skmp.skmpr .pq .big{font:700 calc(1.7*var(--r))/1.4 var(--body);margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.skmp.skmpr .say{font:700 calc(1.15*var(--r))/1.4 var(--body);margin-top:8px;padding:10px 14px;background:var(--card);border-radius:12px}
.skmp.skmpr .hint{font-size:calc(.9*var(--r));color:var(--ink2);margin-top:6px}
.skmp.skmpr .gap{display:inline-block;min-width:1.6em;border-bottom:3px solid var(--teal);color:var(--tealInk);text-align:center}
.skmp.skmpr .fr{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;font-size:.82em;line-height:1.08;margin:0 .12em}
.skmp.skmpr .fr>span:first-child{border-bottom:2px solid currentColor;padding:0 .18em}
.skmp.skmpr .fr>span:last-child{padding:0 .18em}
.skmp.skmpr table.rt{border-collapse:collapse;margin-top:10px;font-variant-numeric:tabular-nums}
.skmp.skmpr table.rt th,.skmp.skmpr table.rt td{border:2px solid var(--line2);padding:6px 14px;text-align:center}
.skmp.skmpr table.rt th{background:var(--card);text-align:left;font-weight:800}
.skmp.skmpr .qin{display:grid;gap:10px}
.skmp.skmpr .ansrow{display:flex;align-items:center;gap:8px}
.skmp.skmpr .pre{font:800 calc(1.3*var(--r)) var(--body)}
.skmp.skmpr .ans{font:700 calc(1.35*var(--r)) var(--body);padding:12px 14px;border:2.5px solid var(--line2);border-radius:14px;width:100%;min-width:0;color:var(--ink);background:#fff}
.skmp.skmpr .ans:focus,.skmp.skmpr .fracin input:focus,.skmp.skmpr .pairin input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px var(--tealSoft)}
.skmp.skmpr .keys{display:flex;flex-wrap:wrap;gap:6px}
.skmp.skmpr .key{min-width:46px;padding:8px 10px;border-radius:10px;border:2px solid var(--line2);background:var(--card);font:800 calc(1.15*var(--r)) var(--body)}
.skmp.skmpr .fracin{display:flex;align-items:center;gap:12px}
.skmp.skmpr .fracin input,.skmp.skmpr .pairin input{font:700 calc(1.35*var(--r)) var(--body);text-align:center;border:2.5px solid var(--line2);border-radius:12px;padding:8px 6px;background:#fff;color:var(--ink)}
.skmp.skmpr .fw{width:84px}
.skmp.skmpr .fstack{display:grid;gap:5px;width:84px}
.skmp.skmpr .fstack input{width:100%}
.skmp.skmpr .fstack .bar{height:3px;background:var(--ink);border-radius:2px}
.skmp.skmpr .help{font-size:calc(.88*var(--r));color:var(--ink2)}
.skmp.skmpr .pairin{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.skmp.skmpr .pairin input{width:84px}
.skmp.skmpr .sepc{font:800 calc(1.6*var(--r)) var(--body)}
.skmp.skmpr .syms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:380px}
.skmp.skmpr .choices{display:grid;gap:10px}
.skmp.skmpr .ab{border-radius:16px;border:0;padding:14px 16px;font:700 calc(1.15*var(--r))/1.3 var(--body);text-align:left;display:flex;gap:12px;align-items:center;box-shadow:0 4px 0 rgba(43,45,66,.18)}
.skmp.skmpr .syms .ab{justify-content:center;font-size:calc(2*var(--r));padding:10px}
.skmp.skmpr .a0{background:var(--sky)}
.skmp.skmpr .a1{background:var(--lilac)}
.skmp.skmpr .a2{background:var(--peach)}
.skmp.skmpr .ab.on{outline:3px solid var(--ink);outline-offset:2px}
.skmp.skmpr .ol{font:800 calc(.9*var(--r)) var(--disp);background:rgba(255,255,255,.7);border-radius:8px;padding:2px 8px}
.skmp.skmpr .qnav{display:flex;justify-content:space-between;gap:10px}
.skmp.skmpr .viswrap{overflow-x:auto;max-width:100%}
.skmp.skmpr .vis{display:block;width:100%;height:auto;max-width:520px}
.skmp.skmpr .vgrid{max-width:340px}
.skmp.skmpr .viswrap.sm .vis{max-width:320px}
.skmp.skmpr .vis .gl{stroke:#e9dcc0;stroke-width:1}
.skmp.skmpr .vis .ax{stroke:var(--ink);stroke-width:2}
.skmp.skmpr .vis .tk{stroke:var(--ink);stroke-width:2}
.skmp.skmpr .vis .tl{font:600 11px var(--body);fill:var(--ink2)}
.skmp.skmpr .vis .al{font:800 13px var(--body);fill:var(--ink)}
.skmp.skmpr .vis .pt{fill:var(--rose)}
.skmp.skmpr .vis .pl{font:800 14px var(--body);fill:var(--rose)}
.skmp.skmpr .vis .sel{fill:var(--teal);stroke:#fff;stroke-width:2}
.skmp.skmpr .vis .selm{fill:var(--teal)}
.skmp.skmpr .vis .ansring{fill:none;stroke:var(--mintInk);stroke-width:3;stroke-dasharray:4 3}
.skmp.skmpr .vis .ray{stroke:var(--teal);stroke-width:5}
.skmp.skmpr .vgrid .ray{stroke-width:3}
.skmp.skmpr .vis .shape{fill:rgba(42,159,168,.18);stroke:var(--teal);stroke-width:2.5;stroke-linejoin:round}
.skmp.skmpr .vis .rayhead{fill:var(--teal)}
.skmp.skmpr .vis .dotfill{fill:var(--teal);stroke:var(--teal);stroke-width:3}
.skmp.skmpr .vis .dotopen{fill:#fff;stroke:var(--teal);stroke-width:3}
.skmp.skmpr .vis .dot{fill:var(--teal)}
.skmp.skmpr .vis .bx{fill:var(--tealSoft);stroke:var(--ink);stroke-width:2}
.skmp.skmpr .vis .md{stroke:var(--rose);stroke-width:3}
.skmp.skmpr .vis .wh{stroke:var(--ink);stroke-width:2}
.skmp.skmpr .vis.tap{cursor:crosshair;touch-action:manipulation}
.skmp.skmpr .results{display:grid;gap:16px}
.skmp.skmpr .bandbox{border-radius:22px;padding:22px;display:grid;gap:8px;border:2.5px solid}
.skmp.skmpr .bandbox.pass{background:#effaf2;border-color:#8fd6a8}
.skmp.skmpr .bandbox.rev{background:#fff7df;border-color:#f1d27a}
.skmp.skmpr .bandbox.re{background:#fff0f3;border-color:#f3b4c6}
.skmp.skmpr .bandbox.place{background:#eef4ff;border-color:#b8cdf2}
.skmp.skmpr .score{font:700 calc(1.1*var(--r)) var(--disp)}
.skmp.skmpr .score b{font-size:calc(1.8*var(--r))}
.skmp.skmpr .tipbox{background:var(--amberSoft);border-radius:14px;padding:12px 14px}
.skmp.skmpr .card{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:18px;display:grid;gap:12px;min-width:0}
.skmp.skmpr .tscroll{overflow-x:auto}
.skmp.skmpr table.skills{width:100%;border-collapse:collapse}
.skmp.skmpr table.skills th,.skmp.skmpr table.skills td{padding:8px 6px;border-bottom:1.5px solid var(--line);text-align:left;vertical-align:top}
.skmp.skmpr table.skills .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.skmp.skmpr .sk{font:800 calc(.82*var(--r)) var(--mono);color:var(--tealInk)}
.skmp.skmpr .code{font:700 clamp(calc(1.05*var(--r)),4vw,calc(1.45*var(--r)))/1.3 var(--mono);letter-spacing:.06em;background:#fff;border:2px dashed var(--teal);border-radius:12px;padding:12px;word-break:break-all;text-align:center}
.skmp.skmpr .looks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.skmp.skmpr .lb{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;gap:8px}
.skmp.skmpr .lb.ok{border-left:6px solid #5fc489}
.skmp.skmpr .lb.no{border-left:6px solid var(--rose)}
.skmp.skmpr .lbh{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.skmp.skmpr .badge{font-weight:800;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.skmp.skmpr .ok .badge{background:var(--mint);color:var(--mintInk)}
.skmp.skmpr .no .badge{background:var(--roseSoft);color:var(--rose)}
.skmp.skmpr .qn{font:800 calc(.9*var(--r)) var(--disp);color:var(--ink2)}
.skmp.skmpr .lbq{font-size:calc(1*var(--r))}
.skmp.skmpr .lbq .big{font-size:calc(1.25*var(--r))}
.skmp.skmpr .lb dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}
.skmp.skmpr .lb dt{font-weight:800;font-size:calc(.85*var(--r));color:var(--ink2)}
.skmp.skmpr .lb dd{margin:0;font-weight:700}
.skmp.skmpr .note{font-weight:700;color:var(--amber);font-size:calc(.92*var(--r))}
.skmp.skmpr .pc{display:grid;gap:10px;padding-top:14px;border-top:2px solid var(--line)}
.skmp.skmpr .pcrow{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:8px 12px}
.skmp.skmpr .plist{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.skmp.skmpr .plist li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;background:#fff;border-radius:12px;padding:8px 12px;font-size:calc(.9*var(--r))}
.skmp.skmpr .pmark{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.skmp.skmpr .pmark li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;background:#fff;border-radius:12px;padding:10px 12px}
.skmp.skmpr .pmq{display:flex;gap:10px;align-items:center;font-weight:700}
.skmp.skmpr .pmb{display:flex;flex-wrap:wrap;gap:6px}
.skmp.skmpr .mk{border:2px solid var(--line2);background:var(--card);border-radius:10px;padding:6px 10px;font-weight:700;font-size:calc(.88*var(--r))}
.skmp.skmpr .mk.on{background:var(--mint);border-color:#5fc489}
.skmp.skmpr .mk.no.on{background:var(--roseSoft);border-color:var(--rose)}
.skmp.skmpr .ov{position:fixed;inset:0;z-index:100000;background:rgba(43,45,66,.45);display:grid;place-items:center;padding:16px;}
.skmp.skmpr .modal{background:var(--card);border-radius:22px;padding:22px;max-width:480px;width:100%;display:grid;gap:14px;border:2px solid var(--line)}
.skmp.skmpr .modal .mb{display:grid;gap:10px}
.skmp.skmpr .sheetwrap{display:grid;gap:14px}
.skmp.skmpr .sheetbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--tealSoft);border-radius:14px;padding:10px 12px}
.skmp.skmpr .sheetbar p{flex:1 1 260px;font-size:calc(.88*var(--r))}
.skmp.skmpr .paper{background:var(--paper);color:#1d1f2e;border-radius:6px;box-shadow:0 2px 0 var(--line2),0 10px 30px rgba(120,90,30,.12);padding:clamp(18px,5vw,48px);display:grid;gap:16px;font-size:15px;min-width:0}
.skmp.skmpr .phead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:3px solid #1d1f2e;padding-bottom:12px}
.skmp.skmpr .pbrand{font:800 calc(1*var(--r)) var(--disp)}
.skmp.skmpr .pbrand i{font-style:normal;color:var(--orange)}
.skmp.skmpr .psub{color:#555}
.skmp.skmpr .tid{border:2.5px solid #1d1f2e;border-radius:10px;padding:8px 12px;text-align:right}
.skmp.skmpr .tid small{display:block;font-size:calc(.7*var(--r));text-transform:uppercase;letter-spacing:.08em}
.skmp.skmpr .tid b{font:800 calc(1.15*var(--r)) var(--mono)}
.skmp.skmpr .nameline{display:flex;flex-wrap:wrap;gap:24px;font-weight:700}
.skmp.skmpr .pitems{padding-left:1.6em;margin:0;display:grid;gap:18px}
.skmp.skmpr .pitem{break-inside:avoid}
.skmp.skmpr .pq .big{font-size:calc(1.3*var(--r))}
.skmp.skmpr .work{height:54px;border-bottom:1px dashed #ccc}
.skmp.skmpr .aline{font-weight:700;margin-top:6px}
.skmp.skmpr .popts{margin:6px 0 0;padding-left:1.6em}
.skmp.skmpr .viswrap.pv .vis{max-width:300px}
.skmp.skmpr .paper .vis .gl{stroke:#ddd}
.skmp.skmpr .paper .vis .pt,.skmp.skmpr .paper .vis .dot,.skmp.skmpr .paper .vis .dotfill{fill:#1d1f2e}
.skmp.skmpr .paper .vis .ray,.skmp.skmpr .paper .vis .dotopen,.skmp.skmpr .paper .vis .dotfill{stroke:#1d1f2e}
.skmp.skmpr .paper .vis .rayhead{fill:#1d1f2e}
.skmp.skmpr .paper .vis .bx{fill:#eee}
.skmp.skmpr .pfoot{font-weight:700;font-style:italic}
.skmp.skmpr .pbreak{border-top:3px dashed #bbb;margin:10px 0}
.skmp.skmpr .keypage{display:grid;gap:12px}
.skmp.skmpr .keyhead{display:grid;gap:4px;background:#fff3c4;border:2px solid #1d1f2e;border-radius:10px;padding:10px 12px}
.skmp.skmpr .keyhead b:first-child{font:800 calc(1.15*var(--r)) var(--disp)}
.skmp.skmpr .keyt,.skmp.skmpr .scoret,.skmp.skmpr .rtab{width:100%;border-collapse:collapse}
.skmp.skmpr .keyt th,.skmp.skmpr .keyt td,.skmp.skmpr .scoret td,.skmp.skmpr .rtab th,.skmp.skmpr .rtab td{border-bottom:1px solid #ddd;padding:6px;text-align:left;vertical-align:top}
.skmp.skmpr .km{font-size:calc(.82*var(--r));color:#555}
.skmp.skmpr .ka{font-weight:700}
.skmp.skmpr .blankc{white-space:nowrap;text-align:right;font-weight:700}
.skmp.skmpr .tot td{border-top:2px solid #1d1f2e;font-weight:800}
.skmp.skmpr .rules{margin:0;padding-left:1.2em;display:grid;gap:4px;font-size:calc(.9*var(--r))}
.skmp.skmpr .paper h2{font-size:calc(1.1*var(--r));margin-top:6px}
.skmp.skmpr .paper ul{margin:0;padding-left:1.2em;display:grid;gap:6px}
.skmp.skmpr .codebox{display:flex;flex-wrap:wrap;gap:14px;background:#fff7d6;border:2.5px solid #e0a800;border-radius:12px;padding:14px}
.skmp.skmpr .cbtext{flex:1 1 300px;display:grid;gap:8px;min-width:0}
.skmp.skmpr .cbh{font:700 calc(1.05*var(--r)) var(--body)}
.skmp.skmpr .cbh b{font-family:var(--mono);letter-spacing:.05em;word-break:break-all}
.skmp.skmpr .qr{width:96px;height:96px;flex:0 0 96px}
.skmp.skmpr .fam .mono{font-size:calc(1*var(--r))}
.skmp.skmpr .party{position:fixed;inset:0;pointer-events:none;z-index:100002;overflow:hidden}
.skmp.skmpr .party i{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;animation:fall linear forwards}
.skmp.skmpr .party b{position:absolute;bottom:-90px;width:46px;height:58px;border-radius:50% 50% 46% 46%;animation:rise 3.6s ease-out forwards;opacity:.9}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
@keyframes rise{to{transform:translateY(-120vh)}}
@media (max-width:560px){.skmp.skmpr .placecard{grid-template-columns:1fr}
.skmp.skmpr .icons{grid-template-columns:repeat(4,minmax(0,1fr))}
.skmp.skmpr .qtext{font-size:calc(1.06*var(--r))}
.skmp.skmpr .qtext .big{font-size:calc(1.4*var(--r))}
}
@media (prefers-reduced-motion:reduce){.skmp.skmpr *,.skmp.skmpr *::before,.skmp.skmpr *::after{transition:none!important;animation:none!important}
}

#skmp-printroot{display:none}
@media print{
 body.skmp-printing>*:not(#skmp-printroot){display:none!important}
 body.skmp-printing{background:#fff!important;margin:0!important;padding:0!important}
 #skmp-printroot{display:block!important;background:#fff;padding:0;border-radius:0;max-width:none}
 #skmp-printroot .paper{box-shadow:none;padding:0;border-radius:0}
 #skmp-printroot .pbreak{break-before:page;border:0;margin:0}
 #skmp-printroot .pitem,#skmp-printroot tr{break-inside:avoid}
}
.skmp.skmpr .qr svg{display:block;width:100%;height:auto}
/* v1.3.0: stage tabs, worked solutions, angle diagrams */
.skmp.skmpr .stagetabs{display:flex;flex-wrap:wrap;gap:6px}
.skmp.skmpr .stab{border:2px solid var(--line2);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 12px;font:700 calc(.9*var(--r))/1.1 var(--disp)}
.skmp.skmpr .stab.on{background:var(--ink);border-color:var(--ink);color:#fff}
.skmp.skmpr .stab[disabled]{opacity:.55;cursor:default}
.skmp.skmpr .stab small{font:600 calc(.75*var(--r)) var(--body);opacity:.85}
.skmp.skmpr .rulesline{margin:-4px 0 4px}
.skmp.skmpr .sol{background:var(--tealSoft);border-radius:12px;padding:8px 12px}
.skmp.skmpr .sol summary{font:800 calc(.95*var(--r)) var(--disp);color:var(--tealInk);cursor:pointer}
.skmp.skmpr .sol ol{margin:6px 0 2px;padding-left:1.3em;display:grid;gap:4px}
.skmp.skmpr .sol li{line-height:1.45}
.skmp.skmpr .solk{margin:0;padding-left:0;list-style:none;display:grid;gap:6px;font-size:calc(.88*var(--r))}
.skmp.skmpr .codes{display:grid;gap:2px;justify-items:end}
.skmp.skmpr .codes small{color:var(--ink2);font-size:calc(.75*var(--r))}
.skmp.skmpr .vis .arc{fill:none;stroke:var(--teal);stroke-width:3}
.skmp.skmpr .vis .arc.q{stroke:var(--rose)}
.skmp.skmpr .vis .qm{fill:var(--rose);font-size:16px}
.skmp.skmpr .vang{max-width:340px}
@media print{#skmp-printroot .solk li{break-inside:avoid}}
/* v1.4.0: stage banner on stage pages, starting assessments list */
.skmp.skmpr .stagebanner{display:grid;gap:6px;margin-bottom:14px}
.skmp.skmpr a.stab{text-decoration:none;display:inline-block}
.skmp.skmpr a.stab:hover{background:#fff}
.skmp.skmpr span.stab{display:inline-block}
.skmp.skmpr .aslist{list-style:none;margin:0;padding:0;display:grid;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.skmp.skmpr .asrow{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;background:#fff;padding:10px 12px}
.skmp.skmpr .asrow:nth-child(even){background:#fdf8ee}
.skmp.skmpr .asrow:first-child{background:#f2fbf5}
.skmp.skmpr .astext{display:grid;flex:1 1 260px;min-width:0}
.skmp.skmpr .astext b{font:700 calc(1*var(--r))/1.25 var(--disp)}
.skmp.skmpr .astext small{color:var(--ink2);font-size:calc(.8*var(--r))}
.skmp.skmpr .asrow .pmenu{right:0;left:auto}
.skmp.skmpr a.stab{color:var(--ink)}
.skmp.skmpr a.pri{display:inline-block;text-decoration:none;color:#fff}

/* v1.4.1: bigger text (18px base, like the site), "Show starting assessments" as a boxed button */
#skmp-printroot{--r:1rem}
.skmp.skmpr .paper{--r:1rem}
.skmp.skmpr .asmore{justify-self:start;display:inline-flex;align-items:center;gap:8px}

/* v1.4.2: starting-assessment buttons match the rest: bright Take, white Print, bright Show/Hide */
.skmp.skmpr .asrow .ghost{background:#fff;border-color:var(--line2)}
.skmp.skmpr .asmore.sun{border:0}
.skmp.skmpr .gp i{background:#f1c232}
.skmp.skmpr .bandbox.gold{background:linear-gradient(135deg,#fff8d6,#ffe9a8);border-color:#f1c232}

/* v1.5.0: Stage 3 inputs and visuals, Unlock all modules */
.skmp.skmpr .ovl{text-decoration:overline;text-decoration-thickness:2px}
.skmp.skmpr .sciin{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.skmp.skmpr .sciin .sepc{align-self:center;font:800 calc(1.35*var(--r)) var(--body)}
.skmp.skmpr .sciin input{font:700 calc(1.35*var(--r)) var(--body);text-align:center;border:2.5px solid var(--line2);border-radius:12px;padding:8px 6px;background:#fff;color:var(--ink);width:110px}
.skmp.skmpr .sciin sup input{width:70px;font-size:var(--r);padding:5px 4px}
.skmp.skmpr .sciin input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px var(--tealSoft)}
.skmp.skmpr table.rt.tw td{min-width:3.2em}
.skmp.skmpr .unlockbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;background:#fff;border:2px solid var(--tealSoft);border-radius:16px;padding:10px 14px}
.skmp.skmpr .unlockbar.on{background:var(--tealSoft);border-color:var(--teal)}
.skmp.skmpr .unlockbar .ubtxt{flex:1 1 260px;display:grid;gap:2px}
.skmp.skmpr .unlockbar small{color:var(--ink2);font-size:calc(.88*var(--r))}
/* v1.6.0: Stage 4 graphs — shaded inequality regions, dashed boundary lines, parabolas */
.skmp.skmpr .vis .shd{fill:rgba(42,159,168,.17);stroke:none}
.skmp.skmpr .vgrid .ray.dash{stroke-dasharray:8 6}
.skmp.skmpr .vgrid .crv{fill:none;stroke-linejoin:round;stroke-linecap:round}
/* v1.6.0: the child bar (name, Skill map, Report and code, Switch child) stays in view while scrolling */
.skmp.skmpr .kidbar{position:sticky;top:var(--skmp-top,8px);z-index:30;transition:box-shadow .2s}
.skmp.skmpr .kidbar.stuck{box-shadow:0 6px 18px rgba(43,45,66,.2)}
.skmp.skmpr .kidbar.fixd{position:fixed;margin:0}
.skmp.skmpr .kidbar b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){
 .skmp.skmpr .kidbar{gap:6px 8px;padding:8px 10px;border-radius:14px}
 .skmp.skmpr .kidbar .ki{order:1;font-size:calc(1.35*var(--r))}
 .skmp.skmpr .kidbar b{order:2;flex:1 1 0;font-size:calc(1.08*var(--r))}
 .skmp.skmpr .kidbar .sp{display:none}
 .skmp.skmpr .kidbar button{font-size:calc(.9*var(--r));padding:calc(.4*var(--r)) calc(.6*var(--r));text-align:center;white-space:nowrap}
 .skmp.skmpr .kidbar .kb-sw{order:3}
 .skmp.skmpr .kidbar button:not(.kb-sw){order:4;flex:1 1 40%}
}
/* v1.7.2: link back to the overview page in the sticky child bar */
.skmp.skmpr .kidbar a.kb-hm{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;white-space:nowrap}
.skmp.skmpr .kidbar a.kb-hm:hover{color:var(--ink);text-decoration:none}
.skmp.skmpr .kidbar .kb-s{display:none}
@media (max-width:600px){.skmp.skmpr .kidbar .kb-l{display:none}.skmp.skmpr .kidbar .kb-s{display:inline}.skmp.skmpr .kidbar a.kb-hm{order:4;flex:1 1 40%;font-size:calc(.9*var(--r));padding:calc(.4*var(--r)) calc(.6*var(--r))}}
@media print{.skmp.skmpr .kidbar{position:static;box-shadow:none}}