/* IT-klarhedstest — kompakt executive-version (Version B) */
.inline-test { background:#fff; border:1px solid #ccd2d8; box-shadow:var(--shadow); }
.inline-test-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 26px; border-bottom:1px solid var(--line); }
.inline-test-head span { color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.inline-test-progress { width:150px; height:3px; background:#e5e9ec; }
.inline-test-progress i { display:block; width:0; height:100%; background:var(--blue); transition:width .25s ease; }
.inline-test-body { padding:0 30px; }
.inline-test-footer { padding:27px 30px 30px; border-top:1px solid var(--line); background:#fbfbfa; }
.inline-test-footer-top { display:flex; justify-content:space-between; gap:30px; align-items:center; }
.inline-test-footer p { margin:0; font-size:12px; }
.inline-test-footer .button { flex:0 0 auto; }
.inline-test-note { margin:12px 0 0; color:var(--muted); font-size:10px; }
.inline-choice input { position:absolute; opacity:0; pointer-events:none; }
.inline-choice { cursor:pointer; }
.inline-choice:focus-within { outline:2px solid rgba(49,95,141,.35); outline-offset:2px; }
.variant-b-question { padding:28px 0 27px; border-bottom:1px solid var(--line); }
.variant-b-question:last-child { border-bottom:0; }
.variant-b-heading { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:start; }
.variant-b-heading>span { padding-top:4px; color:var(--blue); font-size:10px; }
.variant-b-heading h3 { margin:0 0 4px; font-size:20px; }
.variant-b-heading p { margin:0; font-size:11px; }
.variant-b-scale { display:grid; grid-template-columns:repeat(4,1fr); margin:16px 0 0 44px; border:1px solid #cdd3d8; }
.variant-b-choice { position:relative; display:grid; min-height:48px; place-content:center; border-right:1px solid #cdd3d8; background:#fff; text-align:center; transition:background .18s ease,color .18s ease; }
.variant-b-choice:last-child { border-right:0; }
.variant-b-choice:hover { background:#f5f7f8; }
.variant-b-choice.is-selected { background:var(--navy); color:#fff; }
.variant-b-choice strong { font-size:11px; font-weight:600; }
.variant-b-detail { min-height:19px; margin:9px 0 0 44px; color:var(--muted); font-size:10px; }
.variant-b-question.is-answered .variant-b-detail { color:#425364; }
.inline-result { display:none; margin-top:22px; padding:28px; border:1px solid #bfcbd4; background:var(--blue-soft); }
.inline-result.is-visible { display:block; }
.inline-result-top { display:grid; grid-template-columns:98px 1fr; gap:24px; align-items:center; }
.inline-result-score { display:grid; place-items:center; width:88px; height:88px; border:1px solid #9fb5c8; background:#fff; }
.inline-result-score strong { font-family:var(--serif); font-size:30px; font-weight:400; line-height:1; }
.inline-result-score span { color:var(--muted); font-size:10px; }
.inline-result h3 { margin:7px 0; font-size:24px; }
.inline-result p { margin-bottom:0; font-size:12px; }
.inline-result-answers { margin-top:22px; border-top:1px solid #cad4dc; }
.inline-result-answer { display:grid; grid-template-columns:24px 1fr 40px; gap:10px; padding:10px 0; border-bottom:1px solid #cad4dc; font-size:11px; }
.inline-result-answer>span:first-child { color:var(--blue); }
.inline-result-answer small { display:block; color:var(--muted); margin-top:2px; }
.inline-result-answer b { justify-self:end; font-size:10px; }
.inline-result-actions { display:grid; grid-template-columns:1fr 1fr auto; gap:10px; margin-top:22px; }
.inline-result-actions label { display:grid; gap:5px; color:var(--muted); font-size:10px; }
.inline-result-actions input { min-width:0; padding:11px 12px; border:1px solid #bcc7d0; background:#fff; outline:none; }
.inline-result-actions input:focus { border-color:var(--blue); box-shadow:0 0 0 2px rgba(49,95,141,.1); }
@media (max-width:760px) { .inline-test-body{padding:0 18px}.inline-test-head,.inline-test-footer{padding-left:18px;padding-right:18px}.inline-test-head{align-items:flex-start;flex-direction:column}.inline-test-progress{width:100%}.inline-test-footer-top{align-items:stretch;flex-direction:column}.inline-result{padding:21px 18px}.inline-result-top,.inline-result-actions{grid-template-columns:1fr}.variant-b-scale,.variant-b-detail{margin-left:0}.variant-b-choice{min-height:52px} }