.knq .w{max-width:1240px;padding:0 28px}.knq .phd{padding:34px 0 30px}.knq .phd h1{max-width:850px;font-size:clamp(33px,4.1vw,50px)}.knq-header-art{color:var(--pt);align-items:center;gap:10px;display:flex}.knq-header-art>span{background:var(--line);width:20px;height:1px}.knq .knq-workspace{padding:28px 0 56px}.knq-grid{grid-template-columns:1.85fr 1fr;align-items:start;gap:24px;display:grid}.knq-question-panel,.knq-progress-panel,.knq-results{border:1px solid var(--line);background:var(--card);border-radius:24px;min-width:0}.knq-question-panel{padding:34px}.knq-level-0{--level:#8b61c2;--level-text:var(--pt)}.knq-level-1{--level:#689fd4;--level-text:#3279b7}.knq-level-2{--level:#c49b4b;--level-text:#89651e}:root[data-theme=dark] .knq-level-1{--level-text:#8db8e0}:root[data-theme=dark] .knq-level-2{--level-text:#e0bd79}.knq-question-top{color:var(--mut);justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex}.knq-level-badge{border:1px solid color-mix(in srgb,var(--level) 45%,var(--line));color:var(--level-text);background:color-mix(in srgb,var(--level) 10%,var(--card));border-radius:99px;align-items:center;gap:8px;padding:7px 11px;font-weight:600;animation:.25s knq-enter;display:inline-flex}.knq-question-track{gap:4px;margin:21px 0 33px;display:flex}.knq-question-track>i{background:var(--line);border-radius:4px;flex:1;height:5px}.knq-question-track>i[data-done=true]{background:var(--level)}.knq-question-track>i[data-current=true]{box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--level)}.knq-kicker{letter-spacing:.11em;color:var(--pt);font-size:10px;font-weight:700;line-height:1.8;display:block}.knq h2{letter-spacing:-.035em;margin:17px 0 27px;font-size:clamp(25px,2.7vw,35px);line-height:1.4}.knq h2:focus{outline:none}.knq h3{letter-spacing:-.02em;margin:0 0 10px;font-size:21px;line-height:1.5}.knq-question-content{animation:.25s knq-enter}.knq-answers{border:0;gap:13px;min-width:0;margin:0;padding:0;display:grid}.knq-answer{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:14px;flex-wrap:wrap;align-items:center;gap:15px;min-height:78px;padding:20px;font-size:14px;line-height:1.8;transition:border-color .2s,background .2s;display:flex;position:relative}.knq-answer>input{opacity:0;cursor:pointer;z-index:1;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.knq-answer>span:nth-of-type(2){flex:1;min-width:0}.knq-answer:hover{border-color:var(--level);background:color-mix(in srgb,var(--level) 7%,var(--card))}.knq-answer:focus-within{outline-offset:4px;outline:3px solid #8b61c2}.knq-answer[data-selected=true]{border-color:var(--level);background:color-mix(in srgb,var(--level) 10%,var(--card))}.knq-radio{border:1px solid var(--mut);background:var(--card);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.knq-answer[data-selected=true] .knq-radio{background:var(--level);border-color:var(--level);color:#fff}.knq-answer[data-correct=true]{border-color:#47886b}.knq-answer[data-incorrect=true]{border-style:dashed;border-color:#bb706d}.knq-answer-tag{border:1px solid var(--line);color:var(--fg);background:var(--card);border-radius:99px;padding:4px 9px;font-size:10px;display:block}.knq-feedback{border:1px solid var(--line);background:var(--tint);border-radius:14px;align-items:flex-start;gap:14px;margin-top:23px;padding:21px;animation:.25s knq-enter;display:flex}.knq-feedback>svg{flex:none;margin-top:3px}.knq-correct>svg{color:#47886b}.knq-incorrect>svg{color:#bb706d}.knq-feedback strong{font-size:15px}.knq-feedback p{color:var(--mut);margin:10px 0 0;font-size:12px;line-height:1.9}.knq-navigation{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:13px;margin-top:28px;padding-top:24px;display:flex}.knq-navigation>span{color:var(--mut);flex:1;min-width:100px;font-size:10px;line-height:1.7}.knq :is(button,a.knq-primary){border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--fg);font:600 12px/1.7 var(--font-ui);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 15px;transition:background .2s,border-color .2s;display:inline-flex}.knq :is(button,a.knq-primary)>svg{flex:none}.knq :is(button,a):focus-visible{outline-offset:4px;outline:3px solid #8b61c2}.knq button:disabled{opacity:.45;cursor:not-allowed}.knq :is(button,a).knq-primary{color:#fff;background:#8b61c2;border-color:#8b61c2}.knq :is(button,a).knq-primary:hover:not(:disabled){background:#7650aa;border-color:#7650aa}.knq-progress-panel{background:radial-gradient(ellipse at 100% 0%,#8b61c224,transparent 60%),var(--tint);padding:29px}.knq-completion{align-items:center;gap:16px;margin:18px 0;display:flex}.knq-completion>strong{letter-spacing:-.05em;font-size:47px;line-height:1.2}.knq-completion strong>small{color:var(--pt);font-size:21px}.knq-completion>span{color:var(--mut);font-size:11px;line-height:1.8}.knq-completion b{color:var(--fg);font-size:13px;display:block}.knq-overall-track,.knq-level-track{background:var(--line);border-radius:5px;height:6px;overflow:hidden}.knq-overall-track>i,.knq-level-track>i{background:var(--level,#8b61c2);border-radius:5px;height:100%;transition:width .3s;display:block}.knq-journey-art{margin:20px 0}.knq-journey-art>svg{width:100%;height:120px;display:block;overflow:visible}.knq-node{fill:var(--card);stroke:var(--level);stroke-width:1px}.knq-node[data-current=true]{stroke-width:3px}.knq-journey-art text{font:600 10px var(--font-ui);fill:var(--fg)}.knq-level-list{gap:19px;margin:0;padding:0;list-style:none;display:grid}.knq-level-list li{align-items:center;gap:12px;min-width:0;display:flex}.knq-level-list li>div{flex:1;min-width:0}.knq-level-icon{background:var(--card);border:1px solid var(--line);width:39px;height:39px;color:var(--level-text);border-radius:12px;flex:none;place-items:center;display:grid}.knq-level-list li[aria-current=step] .knq-level-icon{border-color:var(--level)}.knq-level-list b{font-size:12px;display:block}.knq-level-list small{color:var(--mut);margin:4px 0 9px;font-size:10px;line-height:1.8;display:block}.knq-level-list li>span:last-child{color:var(--level-text);font-size:11px}.knq-milestone{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:flex-start;gap:11px;margin-top:25px;padding:16px;animation:.3s knq-enter;display:flex}.knq-milestone>svg{color:var(--level-text);flex:none;margin-top:3px}.knq-milestone p{color:var(--mut);margin:0;font-size:11px;line-height:1.9}.knq-results{animation:.25s knq-enter;overflow:hidden}.knq-results-hero{background:linear-gradient(135deg,#8b61c221,transparent),var(--tint);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:28px;padding:35px;display:flex}.knq-score-ring{flex:none;width:160px;height:160px;position:relative}.knq-score-ring>svg{width:100%;height:100%;transform:rotate(-90deg)}.knq-score-base,.knq-score-fill{fill:none;stroke:var(--line);stroke-width:8px}.knq-score-fill{stroke:#8b61c2;stroke-linecap:round}.knq-score-ring>div{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.knq-score-ring strong{letter-spacing:-.05em;font-size:42px;line-height:1.2}.knq-score-ring strong>small{color:var(--mut);font-size:19px;font-weight:500}.knq-score-ring span{color:var(--pt);font-size:12px;font-weight:600}.knq-result-title{flex:1;min-width:240px}.knq-result-title h2{margin:13px 0;font-size:clamp(30px,3.4vw,42px)}.knq-result-title>p{color:var(--mut);margin:0;font-size:13px;line-height:1.9}.knq-score-counts{flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;display:flex}.knq-score-counts>span{color:var(--mut);align-items:center;gap:7px;font-size:12px;display:flex}.knq-score-counts svg{color:var(--pt)}.knq-result-complete{border:1px solid var(--line);background:var(--card);color:var(--pt);border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.knq-results-body{padding:34px}.knq-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.knq-section-heading>p{color:var(--mut);margin:0;font-size:12px;line-height:1.8}.knq-performance{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.knq-performance-card{border:1px solid var(--line);background:color-mix(in srgb,var(--level) 6%,var(--card));border-radius:17px;min-width:0;padding:23px}.knq-performance-card>span{color:var(--level-text);align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.knq-performance-card>strong{letter-spacing:-.04em;margin:20px 0 16px;font-size:35px;display:block}.knq-performance-card strong>small{color:var(--mut);font-size:18px;font-weight:500}.knq-performance-card>p{color:var(--mut);margin:12px 0 0;font-size:11px}.knq-results-lower{grid-template-columns:1fr 1fr;align-items:start;gap:28px;margin-top:30px;display:grid}.knq-resource-card{border:1px solid var(--line);background:var(--tint);border-radius:17px;padding:25px}.knq-resource-card>svg{color:var(--pt);margin-bottom:15px}.knq-resource-card>p,.knq-review>p{color:var(--mut);margin:0 0 18px;font-size:12px;line-height:1.9}.knq-resources{gap:9px;display:grid}.knq-resources>a{border:1px solid var(--line);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:13px;min-height:48px;padding:13px 15px;font-size:12px;font-weight:600;display:flex}.knq-resources>a:hover{border-color:#8b61c2}.knq-resources svg{color:var(--pt);flex:none}.knq-result-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.knq-review{min-width:0}.knq-review>details{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-top:11px;padding:17px}.knq-review summary{cursor:pointer;font-size:12px;font-weight:600;line-height:1.8}.knq-review details>p{color:var(--mut);margin:13px 0 0;font-size:12px;line-height:1.9}.knq-note{color:var(--mut);justify-content:center;align-items:flex-start;gap:9px;margin:25px 0 0;font-size:11px;line-height:1.9;display:flex}.knq-note svg{flex:none;margin-top:3px}.knq-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes knq-enter{0%{opacity:.5}to{opacity:1}}@media (width<=1100px){.knq-grid{grid-template-columns:1.7fr 1fr;gap:18px}.knq-question-panel{padding:28px}.knq-progress-panel{padding:24px}.knq-navigation>span{flex-basis:100%;order:3}.knq-navigation>.knq-primary{margin-left:auto}}@media (width<=800px){.knq-grid{grid-template-columns:1fr}.knq .phd-side{display:none}.knq-progress-panel{grid-template-columns:1fr 1fr;gap:18px;display:grid}.knq-progress-panel>.knq-kicker,.knq-overall-track,.knq-level-list,.knq-milestone{grid-column:1/-1}.knq-completion,.knq-journey-art{margin:0}.knq-level-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.knq-level-list li{flex-wrap:wrap}.knq-level-list li>div{flex-basis:100%;order:3}.knq-level-list li>span:last-child{margin-left:auto}.knq-results-lower{grid-template-columns:1fr}.knq-milestone{margin:0}main:has(.knq)+footer .fg{flex-direction:column;display:flex}main:has(.knq)+footer .fg>div{min-width:0}main:has(.knq)+footer .l{justify-items:start}}@media (width<=600px){.knq .w{padding:0 20px}.knq .knq-workspace{padding:20px 0 40px}.knq-question-panel{padding:24px 20px}.knq h2{font-size:26px}.knq-question-top{font-size:11px}.knq-answer{gap:12px;padding:17px 14px;font-size:13px}.knq-answer-tag{margin-left:34px}.knq-navigation>span{font-size:11px}.knq-progress-panel{padding:23px}.knq-journey-art{display:none}.knq-completion{grid-column:1/-1}.knq-level-list small{display:none}.knq-level-list b{margin-bottom:10px;font-size:10px}.knq-level-list li{gap:8px}.knq-level-icon{width:31px;height:31px}.knq-level-icon svg{width:16px}.knq-results-hero{gap:20px;padding:26px 22px}.knq-result-title{flex-basis:100%;min-width:0}.knq-score-ring{width:140px;height:140px}.knq-results-body{padding:25px 20px}.knq-performance{grid-template-columns:1fr;gap:12px}.knq-performance-card{grid-template-columns:1fr auto;align-items:center;gap:13px;padding:20px;display:grid}.knq-performance-card>strong{margin:0;font-size:29px}.knq-performance-card>.knq-level-track{grid-column:1/-1}.knq-performance-card>p{grid-column:1/-1;margin:0}.knq-resource-card{padding:21px}.knq-result-actions>*{flex:1}.knq-note{justify-content:flex-start}.knq :is(button,a.knq-primary){font-size:11px}}@media (prefers-reduced-motion:reduce){.knq *{transition:none!important;animation:none!important}.knq-answer:hover{transform:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .knq-level-1{--level-text:#8db8e0}:root:not([data-theme=light]) .knq-level-2{--level-text:#e0bd79}}