.pcl{max-width:760px;line-height:1.6}.pcl,.pcl .tc-panel{font-size:var(--t-body)}.pcl button{font:inherit;cursor:pointer}.pcl p,.pcl .tc-panel p{margin:.6em 0}.pcl img,.pcl svg{max-width:100%}.pcl .hidden{display:none!important}.pcl .small{font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink-2)}.pcl .progress strong{font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink);white-space:nowrap;font-weight:700}.pcl .progress .count{white-space:nowrap}.pcl-hero svg.title{width:100%;height:auto;color:var(--prep);font-family:var(--font-sans);margin:0 0 10px;display:block}.pcl-hero .sub{max-width:60ch;color:var(--ink-2)}.pcl-hero .meta{margin-top:18px}.pcl-hero .meta input{width:100%;max-width:320px}.pcl .idea{padding:34px 0 6px}.pcl .idea-head{grid-template-columns:auto 1fr;align-items:start;gap:6px 16px;display:grid}.pcl .idea-num{font-family:var(--font-sans);font-weight:800;font-size:calc(var(--t-display) * 1.5);color:var(--prep);line-height:.85}.pcl .idea-head h2{font-size:var(--t-h2);font-weight:700}.pcl .idea-head p{color:var(--ink-2);grid-column:2;margin:.3em 0 0}.pcl .station{margin:20px 0}.pcl .station h3{font-size:var(--t-h3);font-weight:700}.pcl .st-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.pcl .mark{border:1.5px solid var(--rule);color:var(--ink-2);font-family:var(--font-sans);font-size:var(--t-code);background:0 0;border-radius:999px;flex:none;padding:.3em .8em;font-weight:700}.pcl .mark.is-done{border-color:var(--cool);background:var(--cool-soft);color:var(--cool)}.pcl .task{color:var(--ink-2)}.pcl .concept{border-left:5px solid var(--prep);border-radius:var(--r-xs) var(--r-md) var(--r-md) var(--r-xs);background:var(--prep-soft);margin:16px 0;padding:12px 16px}.pcl .concept b{color:var(--ink)}.pcl .teacher{border:2px dashed var(--rule);border-radius:var(--r-md);color:var(--ink-2);margin:20px 0;padding:12px 16px}.pcl .actions{align-items:center;margin:12px 0}.pcl button.primary:disabled,.pcl button.secondary:disabled{opacity:.45;cursor:default}.pcl .choices{gap:8px;margin:10px 0;display:grid}.pcl .choices.two{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.pcl .choice{text-align:left;border:2px solid var(--rule);border-radius:var(--r-md);background:var(--field);color:var(--ink);font-family:var(--font-sans);font-size:var(--t-ui);padding:.6em .9em}.pcl .choice.right{border-color:var(--cool);background:var(--cool-soft)}.pcl .choice.wrong{border-color:var(--lesson);background:color-mix(in srgb, var(--lesson) 14%, var(--surface))}.pcl .choice:disabled{cursor:default}.pcl p.feedback{margin-top:10px}.pcl .feedback.good{color:var(--cool)}.pcl .feedback.bad{color:var(--lesson)}.pcl .stage{border-radius:var(--r-md);background:var(--surface);min-height:200px;color:var(--ink);font-family:var(--font-sans);font-weight:700;font-size:calc(var(--t-display) * 2.5);user-select:none;justify-content:center;align-items:center;margin:12px 0;display:flex}.pcl .stage .ready{font-size:var(--t-body);color:var(--ink-2);font-weight:400}.pcl .amb{fill:none;stroke:currentColor;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:.72em;height:1em}.pcl .crossfig{font-family:var(--font-sans);font-weight:700;font-size:var(--t-display);grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);justify-content:center;margin:14px auto;display:grid}.pcl .crossfig div{justify-content:center;align-items:center;display:flex}.pcl .crossfig .amb{stroke-width:10px;width:36px;height:50px}.pcl .readbox{border-radius:var(--r-md);background:var(--surface);font-size:var(--t-lede);margin:10px 0;padding:14px 16px;line-height:1.7}.pcl .times{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.pcl .time{border-radius:var(--r-md);background:var(--surface);font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink-2);padding:10px 14px}.pcl .time b{font-family:var(--font-mono);font-size:var(--t-h2);color:var(--ink);display:block}.pcl svg.word{border-radius:var(--r-md);background:var(--surface);width:100%;height:auto;margin:10px 0;display:block}.pcl svg.word text{font-family:var(--font-sans);fill:var(--ink);font-weight:800}.pcl svg.word .occ rect{fill:var(--surface);transition:fill .5s}.pcl svg.word .occ.show rect{fill:var(--ink-2)}.pcl input[type=text],.pcl input[type=number],.pcl input[type=email],.pcl textarea{width:100%}.pcl input[type=number]{font:inherit;font-size:var(--t-body);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-sm);padding:8px 10px}.pcl input[type=number]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pcl textarea{resize:vertical;min-height:90px;display:block}.pcl .inline-input{gap:8px;display:flex}.pcl .inline-input input{flex:1}.pcl .inline-input.spaced{margin:6px 0 12px}.pcl #s23 textarea{margin-top:6px}.pcl canvas{border-radius:var(--r-md);background:var(--surface);width:100%;display:block}.pcl .scene{border-radius:var(--r-md);width:100%;height:auto;margin:10px 0;display:block}.pcl .timer{font-family:var(--font-mono);font-weight:700;font-size:var(--t-h3)}.pcl .gest{border-radius:var(--r-md);background:var(--surface);width:100%;max-width:320px;height:auto;margin:10px auto;display:block}.pcl .gest .ink{fill:var(--ink)}.pcl .gest .gold{fill:var(--prep)}.pcl .gest .bgfill{fill:var(--surface)}.pcl .gest .stroke{fill:none;stroke:var(--ink);stroke-width:6px;stroke-linecap:round}.pcl .cue{border:1px solid var(--rule);border-radius:var(--r);background:var(--surface);margin:12px 0;padding:14px}.pcl .cue h4{font-family:var(--font-sans);font-size:var(--t-h3);margin:0 0 4px}.pcl .cue .status{font-family:var(--font-sans);font-size:var(--t-code);color:var(--ink-2);font-weight:700}.pcl .cue.got{border-color:var(--cool)}.pcl .cue.got .status{color:var(--cool)}.pcl .cue p.cue-hint{margin:.4em 0}.pcl label.upload{border-radius:var(--r-md);background:var(--accent);color:var(--on-solid);font-family:var(--font-sans);font-size:var(--t-ui);cursor:pointer;align-items:center;gap:8px;margin:8px 0;padding:.55em 1.1em;font-weight:700;display:inline-flex;position:relative}.pcl label.upload:focus-within{outline:2px solid var(--accent);outline-offset:2px}.pcl label.upload input{opacity:0;width:1px;height:1px;position:absolute}.pcl .photo{border-radius:var(--r-md);touch-action:manipulation;margin:8px 0;position:relative;overflow:hidden}.pcl .photo img{width:100%;height:auto;display:block}.pcl .pin{border:3px solid var(--field);background:var(--prep);width:30px;height:30px;color:var(--on-solid);font-family:var(--font-sans);font-size:var(--t-code);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;margin:-15px 0 0 -15px;font-weight:800;display:flex;position:absolute}.pcl .steps{margin:10px 0;padding:0;list-style:none}.pcl .steps li{border-top:1px solid var(--rule);grid-template-columns:auto 1fr;gap:12px;padding:12px 0;display:grid}.pcl .steps input[type=checkbox]{width:22px;height:22px;accent-color:var(--prep);margin-top:3px}.pcl .lightness{border-radius:var(--r-md);width:100%;max-width:420px;height:auto;margin:10px auto;display:block}.pcl p.door-lead{margin-top:18px}.pcl .doorwrap{perspective:520px;border-radius:var(--r-md);background:var(--surface);justify-content:center;align-items:center;height:200px;margin:10px 0;display:flex}.pcl .door{transform-origin:0;width:92px;height:164px;position:relative;transform:rotateY(0)}.pcl .door svg{width:100%;height:100%;display:block}.pcl input[type=range]{width:100%;accent-color:var(--prep)}.pcl .phi{border-radius:var(--r-md);background:var(--surface);height:120px;margin:10px 0;position:relative}.pcl .phi span{background:var(--prep);opacity:0;border-radius:50%;width:34px;height:34px;margin-top:-17px;position:absolute;top:50%}.pcl .phi span:first-child{left:22%}.pcl .phi span:last-child{left:calc(78% - 34px)}.pcl .phi span.on{opacity:1}.pcl .q{border-top:1px solid var(--rule);padding:16px 0}.pcl .q:first-of-type{border-top:0}.pcl .q p.stem{font-weight:700}.pcl .score{font-family:var(--font-sans);font-weight:800;font-size:var(--t-h2)}.pcl .scenario{border-radius:var(--r-md);background:var(--surface);margin:10px 0;padding:14px 16px}.pcl .exit label{font-family:var(--font-sans);margin:14px 0 6px;font-weight:700;display:block}.pcl .exit .submit-head{margin-top:26px}.pcl .takeaways{margin-top:40px;padding:26px 24px 30px}.pcl .takeaways h2{font-size:var(--t-h2);font-weight:700}.pcl .takeaways ol{margin:.6em 0 0;padding-left:1.3em}.pcl .takeaways li{margin:.7em 0}.pcl .takeaways li b{font-family:var(--font-sans);font-size:var(--t-h3);color:var(--prep);display:block}p.pcl-foot{font-family:var(--font-sans);font-size:var(--t-ui);color:var(--ink-2);margin:0;padding:20px 0 6px}.pcl-foot a{color:inherit}@media (prefers-reduced-motion:reduce){.pcl .progress .bar i,.pcl svg.word .occ rect{transition:none}}@media (width<=620px){.pcl .idea-num{font-size:calc(var(--t-display) * 1.3)}.pcl .station{padding:18px 16px}}
