#kursfinder{isolation:isolate}
#kursfinder::before{content:"";position:absolute;z-index:-1;right:-8%;top:80px;width:280px;height:280px;border:34px solid rgba(110,194,206,.16);border-radius:50%}
.quappi-finder-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:22px;padding:22px;border:3px dashed var(--line);border-radius:36px;background:linear-gradient(145deg,#fffdf8 0%,#eef9f8 100%);box-shadow:10px 13px 0 rgba(9,59,98,.14);overflow:visible}
.quappi-finder-shell::after{content:"";position:absolute;right:12px;bottom:12px;width:150px;height:100px;border:16px solid rgba(244,200,97,.2);border-radius:50%;transform:rotate(-10deg);pointer-events:none}
.finder-quiz{position:relative;z-index:3;padding:18px}
.finder-progress{display:flex;align-items:center;gap:10px;margin-bottom:23px;color:var(--teal);font-size:12px;font-weight:900}
.finder-progress-track{position:relative;flex:1;height:8px;border-radius:999px;background:#dceff2;overflow:hidden}
.finder-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--yellow));transition:width .35s ease}
.finder-question{margin:0 0 24px;padding:0;border:0}
.finder-question[hidden],.finder-submit[hidden],.finder-choice[hidden]{display:none}
.finder-question legend{display:flex;align-items:flex-start;gap:8px;width:100%;margin-bottom:13px;color:var(--teal);font:700 24px/1.2 Georgia,serif}
.finder-question-number{display:inline-grid;place-items:center;flex:0 0 29px;width:29px;height:29px;margin-right:0;border-radius:50%;background:var(--yellow);color:var(--teal);font:900 12px "Trebuchet MS",Arial,sans-serif;box-shadow:2px 3px 0 var(--coral)}
.finder-question-text{display:block;min-width:0;flex:1}
.finder-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.finder-choices.five{grid-template-columns:repeat(3,minmax(0,1fr))}
.finder-choice{position:relative;display:block;min-width:0}
.finder-choice:hover,.finder-choice:focus-within{z-index:30}
.finder-choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.finder-choice>span{display:flex;align-items:center;justify-content:center;min-height:78px;padding:18px 38px 14px 14px;border:2px solid #c8e0e3;border-radius:18px;background:#fff;color:var(--muted);font-size:14px;line-height:1.3;font-weight:900;text-align:center;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.level-question .finder-choice>span{padding:16px}
.finder-choice>span:hover{transform:translateY(-2px);border-color:var(--water2)}
.finder-choice input:focus-visible+span{outline:3px solid rgba(231,135,114,.35);outline-offset:2px}
.finder-choice input:checked+span{border-color:var(--coral);background:var(--paper-2);color:var(--teal);box-shadow:3px 4px 0 rgba(231,135,114,.25);transform:translateY(-2px)}
.finder-info{position:absolute;right:9px;top:9px;display:grid!important;place-items:center;min-height:0!important;width:24px;height:24px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--water)!important;color:#fff!important;font:900 14px/1 Georgia,serif!important;cursor:help!important;transform:none!important;box-shadow:none!important}
.finder-info::after{content:attr(data-info);position:absolute;z-index:40;right:-8px;top:calc(100% + 9px);width:min(280px,70vw);padding:14px 15px;border:2px solid #fff;border-radius:15px;background:var(--teal);color:#fff;font:700 13px/1.55 "Trebuchet MS",Arial,sans-serif;text-align:left;box-shadow:5px 7px 0 rgba(9,59,98,.2);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}
.finder-choice:nth-child(3n+1) .finder-info::after{right:auto;left:-8px}
.finder-info:hover::after,.finder-info:focus::after{opacity:1;visibility:visible;transform:translateY(0)}
.finder-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:0;border-radius:999px;background:var(--coral);color:#fff;font-weight:900;cursor:pointer;box-shadow:4px 6px 0 #dceff2;transition:transform .2s,opacity .2s}
.finder-submit:hover:not(:disabled){transform:translateY(-2px)}
.finder-submit:disabled{cursor:not-allowed;opacity:.48}
.quappi-result{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:35px;border-radius:29px;background:var(--teal);color:#fff;box-shadow:7px 9px 0 rgba(9,59,98,.15);overflow:hidden}
.quappi-result::before{content:"";position:absolute;right:-55px;top:-55px;width:180px;height:180px;border:26px solid rgba(255,255,255,.07);border-radius:50%}
.result-route{display:grid;place-items:center;width:58px;height:58px;margin-bottom:23px;border:3px solid #fff;border-radius:50%;background:var(--yellow);color:var(--teal);font:900 25px Georgia,serif;box-shadow:4px 5px 0 var(--coral);transform:rotate(-4deg)}
.result-kicker{margin:0 0 8px;color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.quappi-result h3{margin:0 0 13px;color:#fff;font-size:clamp(31px,4vw,45px);line-height:1}
.result-copy{margin:0;color:rgba(255,255,255,.84);font-weight:600;line-height:1.6}
.result-facts{display:grid;gap:8px;margin:21px 0 0;padding:0;list-style:none}
.result-facts[hidden]{display:none}
.result-facts li{position:relative;padding-left:25px;color:#fff;font-size:13px;font-weight:800;line-height:1.4}
.result-facts li::before{content:"✓";position:absolute;left:0;color:var(--yellow)}
.result-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.result-actions[hidden]{display:none}
.result-actions .button{box-shadow:none}
.result-course-link{background:#fff!important;color:var(--teal)!important}
.result-recommendations{display:grid;gap:14px;margin-top:22px}
.result-recommendations[hidden]{display:none}
.result-match{padding:18px;border:2px solid rgba(255,255,255,.28);border-radius:20px;background:rgba(255,255,255,.1)}
.result-match.primary{border-color:var(--yellow);background:rgba(255,255,255,.16)}
.result-match-label{display:inline-flex;margin-bottom:9px;padding:5px 9px;border-radius:999px;background:rgba(216,241,239,.18);color:#fff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.result-match.primary .result-match-label{background:var(--coral)}
.result-match h4{margin:0 0 8px;color:#fff;font:700 23px/1.1 Georgia,serif}
.result-match p{margin:0;color:rgba(255,255,255,.82);font-size:12px;font-weight:700;line-height:1.5}
.result-match ul{display:grid;gap:5px;margin:13px 0 15px;padding:0;list-style:none}
.result-match li{position:relative;padding-left:20px;color:#fff;font-size:11px;font-weight:800;line-height:1.35}
.result-match li::before{content:"✓";position:absolute;left:0;color:var(--yellow)}
.result-match .button{display:flex;width:100%;min-height:40px;padding:9px 12px;box-shadow:none;font-size:11px}
.finder-hint{margin:14px 0 0;color:var(--muted);font-size:11px;font-weight:700;text-align:center}
@media(max-width:980px){.quappi-finder-shell{grid-template-columns:1fr}.quappi-result{min-height:390px}.finder-choices.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.quappi-finder-shell{padding:10px;border-radius:28px}.finder-quiz,.quappi-result{padding:24px 18px}.finder-choices,.finder-choices.five{grid-template-columns:1fr 1fr;overflow:visible}.finder-choice:last-child:nth-child(odd){grid-column:1/-1}.finder-choice:nth-child(odd) .finder-info::after{right:auto;left:-8px}.finder-choice:nth-child(even) .finder-info::after{right:-8px;left:auto}.finder-choice>span{min-height:86px;padding:20px 36px 16px 12px;font-size:13px}.level-question .finder-choice>span{padding:16px}.quappi-result{min-height:390px}.result-actions{display:grid}.result-actions .button{width:100%}}
@media(max-width:420px){.finder-choices,.finder-choices.five{grid-template-columns:1fr}.finder-choice:last-child:nth-child(odd){grid-column:auto}.finder-choice .finder-info::after{right:-4px!important;left:auto!important;width:min(250px,72vw)}.finder-choice>span{min-height:72px}.quappi-result{min-height:340px}}
@media(max-width:520px){.quappi-finder-shell{width:100%;max-width:100%;padding:7px;border-radius:22px}.finder-quiz,.quappi-result{min-width:0;padding:20px 14px}.finder-question legend{font-size:21px}.finder-progress{gap:7px}.finder-info::after{max-width:calc(100vw - 54px)}.quappi-result h3{overflow-wrap:anywhere}}
@media(max-width:620px){
  .finder-choice>span:hover,.finder-choice input:checked+span{transform:none}
  .finder-info::after{position:fixed;z-index:500;top:50%;right:14px!important;left:14px!important;width:auto;max-width:none;padding:20px 18px;border:3px solid #fff;border-radius:19px;font-size:15px;line-height:1.65;text-align:center;box-shadow:0 18px 55px rgba(4,46,78,.38);transform:translateY(-50%) scale(.98)}
  .finder-info:hover::after,.finder-info:focus::after{transform:translateY(-50%) scale(1)}
}
@media(prefers-reduced-motion:reduce){.finder-progress-bar,.finder-choice>span,.finder-info::after,.finder-submit{transition:none}}