/* Design: Werkbank für Klarheit. Reines lokales CSS – keine externen Schriften, Bilder oder Bibliotheken. */
:root{--paper:#f5f1e8;--white:#fffdf8;--ink:#13233d;--soft:#556076;--blue:#1746a2;--blue2:#0e3076;--sage:#d8dfca;--sage2:#60735c;--red:#b95240;--line:rgba(19,35,61,.18);--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8ca3d0;outline-offset:2px}.topbar{height:74px;padding:0 clamp(20px,5vw,72px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#f7f3ea}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);text-decoration:none;letter-spacing:-.06em}.brand b{font-size:23px}.brand em{font-style:normal;color:var(--soft);font-size:11px;letter-spacing:.07em;text-transform:uppercase}.mark{width:35px;height:35px;padding:6px;background:var(--white);display:flex;align-items:end;gap:2px;border:1px solid var(--line);box-shadow:3px 3px 0 var(--blue)}.mark i{display:block;width:7px;background:var(--blue);transform:skewY(-27deg)}.mark i:nth-child(1){height:11px}.mark i:nth-child(2){height:17px}.mark i:nth-child(3){height:23px}.local{font-size:12px;color:var(--sage2)}.screen{display:none;min-height:calc(100vh - 74px)}.screen.active{display:block}.eyebrow{margin:0;color:var(--soft);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.eyebrow span{color:var(--blue);font-family:var(--serif);font-size:17px;letter-spacing:0}.primary,.secondary{min-height:51px;border:0;padding:0 17px 0 21px;font-weight:800;transition:transform .15s var(--ease),background .15s var(--ease)}.primary{background:var(--blue);color:#fff;box-shadow:0 9px 22px rgba(23,70,162,.23)}.primary:hover{background:var(--blue2);transform:translateY(-2px)}.primary b{font-size:20px;font-weight:400;margin-left:17px}.secondary{background:transparent;color:var(--soft)}.note{position:relative;padding:14px 17px;background:var(--sage);box-shadow:5px 5px 0 rgba(19,35,61,.09);font-size:12px}.note:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);top:-5px;left:13px}
/* Start */.landing{display:grid!important;grid-template-columns:minmax(0,680px) minmax(250px,320px);gap:clamp(38px,9vw,150px);padding:clamp(65px,10vw,145px) clamp(22px,10vw,150px);position:relative;overflow:hidden;background:radial-gradient(circle at 83% 31%,#dce2d0 0 5%,transparent 5.2%),linear-gradient(135deg,transparent 0 70%,rgba(23,70,162,.05) 70%)}.landing:before{content:"";position:absolute;left:7.8%;top:0;bottom:0;width:2px;background:var(--blue)}.landing-copy{z-index:1}.landing h1{margin:17px 0 23px;font-size:clamp(46px,6vw,86px);line-height:.94;letter-spacing:-.075em}.landing h1 span{font-family:var(--serif);font-weight:400;color:var(--blue);font-style:italic}.landing-copy>p:not(.eyebrow){max-width:570px;color:var(--soft);font-size:18px;line-height:1.7}.training-map{align-self:center;border-top:4px solid var(--ink);border-left:1px solid var(--line);padding:17px 0 0 20px;background:rgba(245,241,232,.88);box-shadow:-9px 10px 0 rgba(23,70,162,.09)}.training-map ol{padding:0;margin:15px 0 19px;list-style:none}.training-map li{display:flex;gap:12px;padding:10px 8px;border-bottom:1px solid var(--line)}.training-map li b{width:25px;height:25px;display:grid;place-items:center;background:var(--blue);color:white;font:13px var(--serif)}.training-map li span{font-size:12px;font-weight:800}.training-map li small{display:block;color:var(--soft);font-size:10px;font-weight:400}
/* Setup */.setup.active,.interview.active,.report.active{display:grid!important;grid-template-columns:282px minmax(0,1fr)}.rail{padding:29px 26px;background:rgba(231,223,208,.55);border-right:1px solid var(--line);display:flex;flex-direction:column}.small{margin-bottom:55px}.rail>ol{list-style:none;padding:16px 0;margin:0}.rail>ol li{color:rgba(19,35,61,.4);font-size:13px;padding:8px 0;display:flex;gap:12px}.rail>ol li.current{color:var(--ink);font-weight:800}.rail>ol li.current:first-letter{color:var(--blue)}.rail blockquote{margin:auto 0 0;border-left:3px solid var(--blue);padding-left:12px;color:var(--soft);font:16px/1.4 var(--serif)}.workspace{width:min(800px,100%);padding:clamp(42px,7vw,90px) clamp(22px,8vw,115px)}.setup-head{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line);font-size:13px;color:var(--soft)}fieldset{margin:0;padding:0;border:0}.step{display:none;padding-top:40px}.step.visible{display:block;animation:enter .23s var(--ease)}@keyframes enter{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}legend{max-width:720px;padding:0;font:clamp(31px,4vw,47px)/1.05 var(--serif);letter-spacing:-.055em}.step>p{color:var(--soft);max-width:620px}.step label:not(.cards label):not(.choice-list label):not(.duration label){display:block;color:var(--soft);font-size:12px;font-weight:700;margin-top:25px}.step input[type=text],.step textarea{display:block;width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:12px 0;color:var(--ink);font-size:18px}.step input[type=text]:focus,.step textarea:focus{outline:0;border-color:var(--blue)}#job{font-size:26px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.chips button{border:1px solid var(--line);background:var(--white);padding:6px 9px;color:var(--soft);font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px}.cards label{min-height:190px;border:1px solid var(--line);background:rgba(255,253,248,.65);padding:20px;display:flex;flex-direction:column;cursor:pointer;transition:.18s var(--ease)}.cards label:hover{transform:translateY(-3px);border-color:var(--blue)}.cards input{position:absolute;opacity:0}.cards label:has(input:checked){background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:7px 7px 0 rgba(23,70,162,.15)}.cards b{font:21px var(--serif);color:var(--blue);margin-bottom:auto}.cards label:has(input:checked) b,.cards label:has(input:checked) small{color:#fff}.cards strong{font-size:16px}.cards small{margin-top:8px;color:var(--soft);font-size:11px}.workcards{grid-template-columns:repeat(2,1fr)}.workcards label{min-height:145px}.choice-list{margin-top:25px;border-top:1px solid var(--line)}.choice-list label{display:grid;grid-template-columns:20px 180px 1fr;gap:9px;padding:15px 0;border-bottom:1px solid var(--line);cursor:pointer;color:var(--ink)!important;font-size:16px!important;margin:0!important}.choice-list input{accent-color:var(--blue)}.choice-list small{color:var(--soft);font-size:12px}.duration{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:27px}.duration label{background:var(--white);border:1px solid var(--line);text-align:center;padding:20px 3px;cursor:pointer;font:30px var(--serif)}.duration input{position:absolute;opacity:0}.duration label:has(input:checked){background:var(--blue);color:#fff;border-color:var(--blue)}.duration small{display:block;font:10px var(--sans);text-transform:uppercase;letter-spacing:.1em}.inline{display:flex!important;gap:20px;align-items:center}.inline input{font-size:14px!important}.cv{margin-bottom:18px}.cv label{grid-template-columns:20px 1fr!important}.actions{margin-top:38px;display:flex;justify-content:space-between}.error{color:var(--red);font-size:12px;font-weight:bold;min-height:16px}
/* Scenario */.scenario{padding:70px 20px;background:linear-gradient(110deg,var(--paper) 0 74%,var(--sage) 74%)}.scenario article{width:min(900px,100%);margin:auto;padding:clamp(34px,6vw,76px);background:var(--white);box-shadow:0 18px 45px rgba(19,35,61,.13);border-top:4px solid var(--blue)}h2{font:clamp(38px,5vw,66px)/.96 var(--serif);letter-spacing:-.06em;margin:17px 0}.scenario article>p{max-width:690px;color:var(--soft);line-height:1.7}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:35px 0}.summary div{background:var(--white);padding:16px;min-height:118px}.summary b{font:19px var(--serif);color:var(--blue)}.summary p{margin:12px 0 4px;color:var(--soft);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold}.summary strong,.summary small{display:block;font-size:14px}.summary small{color:var(--soft);font-weight:normal;margin-top:4px}
/* Interview */.interview-rail .mode{font-size:10px;color:var(--sage2);font-weight:bold;text-transform:uppercase;letter-spacing:.1em;margin:0 0 55px}.question-no{display:inline-block;font:62px/.9 var(--serif);letter-spacing:-.08em;margin-top:7px}.meter{height:140px;width:3px;background:rgba(19,35,61,.14);margin:15px 0 24px;position:relative}.meter i{position:absolute;bottom:0;width:100%;height:0;background:var(--blue);transition:height .3s}.interview-rail dl{margin:0;display:grid;gap:3px}.interview-rail dt{margin-top:11px;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--soft);font-weight:bold}.interview-rail dd{margin:0;font-size:12px;font-weight:bold}.stop{margin-top:auto;border:0;border-bottom:1px solid var(--red);background:transparent;color:var(--red);font-size:12px;font-weight:bold;padding:6px 0;align-self:start}.conversation{min-width:0;max-height:calc(100vh - 74px);padding:40px clamp(22px,4vw,65px);display:flex;flex-direction:column}.conversation>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px}.conversation h2{font-size:29px;margin:7px 0 0}.conversation h2 span{color:var(--blue)}.clock{text-align:right;display:grid}.clock small{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--soft)}.clock b{font:30px var(--serif)}.transcript{flex:1;overflow:auto;padding:27px 3px 20px 0;display:flex;flex-direction:column;gap:16px}.message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;max-width:95%;animation:enter .2s var(--ease)}.message.candidate{grid-template-columns:minmax(0,1fr) 30px;margin-left:auto}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-size:11px;font-weight:bold;margin-top:3px}.candidate .avatar{background:var(--blue);grid-column:2;grid-row:1}.bubble{padding:13px 15px;background:rgba(255,253,248,.65);border-left:2px solid var(--ink);font-size:14px;line-height:1.55}.candidate .bubble{grid-column:1;grid-row:1;background:var(--blue);border:0;border-right:2px solid var(--blue2);color:#fff}.meta{margin:0 0 4px!important;color:var(--soft);font-size:9px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:bold}.candidate .meta{color:#dce6ff}.feedback{align-self:center;width:min(560px,100%);padding:13px 16px;background:var(--sage);border-left:3px solid var(--sage2);font-size:12px}.feedback.warning{background:#f0ddd8;border-color:var(--red)}.feedback p{margin:0;line-height:1.55}.feedback .eyebrow{margin-bottom:4px}.answer{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.answer>div,.answer footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.answer small,.answer footer span{font-size:11px;color:var(--soft)}.answer textarea{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);background:var(--white);resize:none;color:var(--ink)}.answer footer{margin-top:8px}.tools{border-left:1px solid var(--line);padding:29px 21px;background:rgba(255,253,248,.4)}.tools section{border:1px solid var(--line);padding:15px;margin-bottom:12px;background:var(--white)}.tools section>b{display:block;margin:5px 0;font:29px var(--serif)}.tools section small{font-size:10px;color:var(--soft)}.tabs{display:grid;grid-template-columns:1fr 1fr;margin-top:9px;border:1px solid var(--line)}.tabs button{border:0;background:transparent;padding:7px;font-size:11px;font-weight:bold}.tabs button.selected{background:var(--blue);color:#fff}.tools details{font-size:12px}.tools summary{font-weight:bold;cursor:pointer}.tools code{display:inline-block;margin:5px 2px 0 0;padding:3px;background:#e8e7e2;font-size:9px}
/* Report */.report-side{padding:29px 26px;background:var(--ink);color:#fff;display:flex;flex-direction:column}.report-side .brand{color:#fff}.report-side .eyebrow{margin-top:30px;color:var(--sage)}.report-side>p:last-child{font:24px/1.15 var(--serif)}.report-body{padding:clamp(43px,6vw,80px) clamp(22px,8vw,112px);min-width:0}.link{float:right;border:0;background:transparent;color:var(--blue);font-weight:bold}.report-body>p:not(.eyebrow){color:var(--soft);max-width:650px}.report-overview{display:grid;grid-template-columns:210px minmax(0,1fr);gap:15px;margin:42px 0 58px}.overall{background:var(--blue);color:#fff;padding:23px;box-shadow:8px 8px 0 rgba(23,70,162,.16)}.overall .eyebrow{color:#dce6ff}.overall b{display:block;font:102px/.76 var(--serif);letter-spacing:-.09em;margin:22px 0 8px}.decision{background:var(--white);border-top:3px solid var(--ink);padding:25px}.decision h3{margin:12px 0 8px;font:28px var(--serif)}.decision p{color:var(--soft);font-size:14px}.block{border-top:1px solid var(--ink);padding-top:20px;margin-top:53px}.block-head{display:grid;grid-template-columns:180px 1fr;gap:25px;margin-bottom:22px}.block h3{margin:0;font:29px/1 var(--serif)}.grades>div{display:grid;grid-template-columns:1fr 42px 110px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.grade{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:white;background:var(--sage2);font:19px var(--serif)}.grade.bad{background:var(--red)}.grades em{font-style:normal;color:var(--soft);font-size:11px}.findings{display:grid;gap:10px}.finding{display:grid;grid-template-columns:28px 1fr;gap:13px;padding:17px;background:var(--white)}.finding>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--sage2);color:white}.finding.bad>span{background:var(--red)}.finding p{margin:4px 0;color:var(--soft);font-size:13px}.finding blockquote{margin:10px 0 0;border-left:2px solid var(--line);padding-left:9px;font:14px var(--serif)}.alternatives{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.alt{background:var(--sage);padding:18px}.alt h4{font:22px var(--serif);margin:9px 0}.alt div{border-top:1px solid rgba(19,35,61,.2);padding:8px 0}.alt span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:bold;color:var(--soft)}.alt p{margin:3px 0;font-size:12px}.alt small{color:var(--soft);font-size:10px}
@media(max-width:1000px){.landing{grid-template-columns:1fr;gap:35px}.training-map{max-width:410px;margin-left:auto}.tools{display:none}.interview.active{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:700px){.topbar{height:62px;padding:0 17px}.brand em,.local{display:none}.screen{min-height:calc(100vh - 62px)}.landing{padding:61px 25px}.landing:before{left:16px}.landing h1{font-size:50px}.setup.active,.interview.active,.report.active{display:block!important}.rail{min-height:auto;padding:17px;border-right:0;border-bottom:1px solid var(--line)}.rail .small{margin:0}.rail>.eyebrow,.rail blockquote{display:none}.rail>ol{display:flex;gap:7px;padding:11px 0 0}.rail>ol li{padding:0;font-size:11px}.rail>ol li span{display:none}.workspace{padding:37px 21px}.cards,.workcards{grid-template-columns:1fr}.cards label{min-height:0}.cards b{margin-bottom:12px}.choice-list label{grid-template-columns:20px 1fr}.choice-list small{grid-column:2}.duration{gap:4px}.duration label{font-size:25px}.summary{grid-template-columns:1fr 1fr}.scenario article{padding:34px 20px}.interview-rail{display:grid;grid-template-columns:1fr auto;gap:8px}.interview-rail .mode{grid-column:2;grid-row:1;margin:0;align-self:center}.interview-rail .eyebrow,.interview-rail .question-no,.interview-rail>span,.meter,.interview-rail dl{display:none}.stop{margin:0}.conversation{min-height:calc(100vh - 154px);max-height:none;padding:23px 17px}.answer>div small,.answer footer span{display:none}.report-side{min-height:150px}.report-body{padding:39px 20px}.report-overview,.alternatives{grid-template-columns:1fr}.block-head{grid-template-columns:1fr;gap:8px}.inline{display:block!important}.inline input{margin-top:7px}.training-map{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}