.test-page{padding-bottom:76px;min-height:60vh}
.test-heading{padding:36px 0 30px;max-width:820px}
.test-heading .eyebrow{color:#486b9a;font-size:12px;margin-bottom:15px}
.test-heading h1{font:500 clamp(34px,4.2vw,58px)/1.1 var(--display);letter-spacing:-.04em;color:#113c73;margin:0 0 18px}
.test-heading>p:last-child{font-size:17px;line-height:1.7;color:#5c718b;max-width:690px}
.test-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:8px 0 28px}
.test-choice{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:28px;padding:36px;border:1px solid #ccdaeb;border-radius:16px;background:#f1f6fe;transition:border-color .2s,transform .2s}
.test-choice:hover{transform:translateY(-3px);border-color:#2c64b0}
.test-choice-de{background:#edf6f4;border-color:#cce0da}
.test-language-code{font:500 32px/1 var(--display);width:88px;height:88px;display:grid;place-items:center;border-radius:12px;background:#174a90;color:white}
.test-choice-de .test-language-code{background:#266e63}
.test-choice h2{font:500 32px/1.2 var(--display);letter-spacing:-.025em;color:#143c70;margin:0 0 10px}
.test-choice p{font-size:14px;line-height:1.6;color:#5b718b;margin:0}
.test-choice-action{grid-column:1/-1;border-top:1px solid #bdcee3;display:flex;justify-content:space-between;align-items:center;padding-top:23px;font-size:16px;font-weight:700;color:#16488c}
.test-guide{display:flex;flex-wrap:wrap;gap:14px 28px;padding:10px 0 20px}
.test-guide>div{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.6;color:#526c8c}
.test-guide .icon{width:18px;height:18px;flex:none;color:#2760a8}
.test-scope{font-size:14px;line-height:1.8;color:#687b93;max-width:860px;margin:24px 0 0}
.test-heading-compact{padding:16px 0 24px;max-width:none}
.test-heading-compact h1{font-size:clamp(30px,3.2vw,43px);margin-bottom:12px}
.test-heading-compact>p:last-child{font-size:16px}
.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 256px;align-items:start;gap:32px}
.test-card{min-width:0;border:1px solid #d5e0ee;border-radius:16px;padding:34px 38px;background:#f8faff;box-shadow:0 12px 38px #18345d07}
.test-progress-label{display:flex;justify-content:space-between;gap:14px;font-size:14px;line-height:1.5;font-weight:600;color:#44668e;margin-bottom:12px}
.test-progress-label>span:last-child{font-weight:400}
#test-progress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:3px;background:#dce7f5;color:#2460ac;margin-bottom:28px}
#test-progress::-webkit-progress-bar{background:#dce7f5;border-radius:3px}
#test-progress::-webkit-progress-value{background:#2460ac;border-radius:3px;transition:width .2s}
#test-progress::-moz-progress-bar{background:#2460ac;border-radius:3px}
#test-form fieldset{min-width:0;border:0;margin:0;padding:0}
#test-question{display:block;width:100%;font:500 clamp(20px,2vw,27px)/1.5 var(--display);letter-spacing:-.015em;color:#15385f;margin:0 0 24px;padding:0;overflow-wrap:anywhere}
#test-question:focus-visible{outline:2px solid #8baed8;outline-offset:6px}
#test-options{display:grid;gap:11px}
.test-option{display:flex;align-items:center;position:relative;gap:15px;background:#fff;padding:14px 17px;border:1px solid #d8e1ec;border-radius:9px;min-height:60px;color:#264364;font-size:16px;line-height:1.55;cursor:pointer;transition:background .15s,border-color .15s}
.test-option input{position:absolute;opacity:0;width:1px;height:1px}
.test-option-key{display:grid;place-items:center;border:1px solid #cfdae7;border-radius:6px;width:30px;height:30px;flex:none;font-size:13px;font-weight:700;color:#6080a3}
.test-option:hover{border-color:#94b1d5;background:#f3f7fe}
.test-option:has(input:checked){background:#e8f0fd;border-color:#2c63ae;color:#0c3a78}
.test-option:has(input:checked) .test-option-key{background:#1b5198;border-color:#1b5198;color:#fff}
.test-option:has(input:focus-visible){outline:2px solid #1c5cae;outline-offset:3px}
.test-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px}
.test-next,.test-outline,.test-previous{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:7px;font-size:14px;line-height:1.5;font-weight:650;cursor:pointer;text-align:center}
.test-next{background:#16498e;color:#fff}
.test-next:hover{background:#0d3670}
.test-outline{background:white;border-color:#b7cbe3;color:#214d83}
.test-previous{padding-left:0;background:none;color:#476a94}
.test-previous:disabled{opacity:.4;cursor:default}
.test-previous .icon{transform:rotate(180deg)}
.test-actions .icon{width:18px;height:18px}
.test-skip,.test-text-button{border:0;background:none;color:#426b9c;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px 0}
.test-skip{display:block;margin:12px 0 0 auto}
.test-sidebar{padding:26px 0 0;min-width:0}
.test-sidebar>.eyebrow{font-size:12px;color:#4d6d96;margin-bottom:16px}
.test-question-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.test-question-map>button{height:40px;border:1px solid #d1ddec;border-radius:6px;background:#fff;color:#547196;font-size:14px;cursor:pointer}
.test-question-map>button.is-answered{background:#deebfc;color:#184a8a;border-color:#a9c5e8}
.test-question-map>button[aria-current=step]{outline:2px solid #1a569f;outline-offset:2px;font-weight:750}
.test-map-legend{display:flex;align-items:center;gap:9px;font-size:13px;color:#6581a2;margin:18px 0}
.test-map-legend>span{width:12px;height:12px;border-radius:3px;border:1px solid #a9c5e8;background:#deebfc}
.test-sidebar-note{font-size:14px;color:#697d96;line-height:1.8;margin-bottom:22px}
.test-sidebar>a{display:inline-block;font-size:14px;color:#21558f;text-decoration:underline;text-underline-offset:4px}
#test-confirm>h2,#test-result>h2{font:500 clamp(26px,3vw,38px)/1.2 var(--display);letter-spacing:-.03em;margin:20px 0}
#test-confirm>p:not(.eyebrow),#test-result-description{font-size:16px;line-height:1.8;color:#58718f}
.test-muted{font-size:14px!important;line-height:1.7;color:#6b809a;margin-top:16px}
.test-confirm-actions,.test-result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.test-score-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border-block:1px solid #d5e0ef;padding:22px 0}
.test-score-grid>div{text-align:center;display:grid;gap:6px;border-right:1px solid #d5e0ef}
.test-score-grid>div:last-child{border:0}
.test-score-grid strong{font:500 38px/1 var(--display);color:#17487f}
.test-score-grid span{font-size:14px;color:#6b8097}
.test-level-band{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;background:#e4eefc;border-radius:10px;font-size:14px;color:#365f91}
.test-level-band strong{font:500 28px/1.2 var(--display);color:#174581;white-space:nowrap}
.test-result-tools{display:flex;flex-wrap:wrap;gap:4px 24px;border-top:1px solid #d5e0ef;margin-top:28px;padding-top:17px}
.test-answer-review{margin-top:44px;max-width:960px;scroll-margin-top:30px}
.test-answer-review>h2{font:500 30px/1.2 var(--display);margin:0 0 24px;color:#183f73}
.test-review-item{border-top:1px solid #d9e3ef}
.test-review-item>summary{list-style:none;display:flex;gap:16px;align-items:flex-start;cursor:pointer;padding:20px 0;font-size:16px;line-height:1.6;color:#274a76}
.test-review-item>summary::-webkit-details-marker{display:none}
.test-review-number{flex:none;width:30px;color:#7d96b2;font-size:14px;padding-top:2px}
.test-review-status{flex:none;margin-left:auto;font-size:12px;padding:4px 8px;border-radius:5px;background:#eef2f7;color:#627c9a}
.test-review-status.is-correct{background:#e1f2e8;color:#276c4b}
.test-review-item>div{padding:0 0 22px 46px;font-size:15px;line-height:1.8;color:#627994}
.test-review-item p+p{margin-top:9px}
.test-noscript{padding:20px;background:#fff2d5;color:#554219;font-size:16px;line-height:1.7}
.test-page [hidden]{display:none!important}
@media(min-width:901px){.test-layout:has(#test-result:not([hidden])){grid-template-columns:minmax(0,900px)}}
@media(max-width:1100px){.test-layout{grid-template-columns:minmax(0,1fr) 210px;gap:24px}.test-card{padding:28px}.test-choice{padding:28px;gap:20px;grid-template-columns:70px 1fr}.test-language-code{width:70px;height:70px;font-size:28px}}
@media(max-width:900px){.test-layout{grid-template-columns:1fr}.test-sidebar{padding-top:0}.test-question-map{grid-template-columns:repeat(10,minmax(0,1fr));max-width:640px}.test-choices{gap:16px}.test-choice{grid-template-columns:1fr;padding:24px}.test-choice h2{font-size:28px}.test-choice-action{padding-top:18px}.test-guide{display:grid;gap:14px}}
@media(max-width:600px){.test-page{padding-bottom:46px}.test-page>.breadcrumbs{font-size:12px;padding-block:20px;gap:8px}.test-heading{padding:14px 0 24px}.test-heading h1{font-size:34px}.test-heading>p:last-child{font-size:16px}.test-heading .eyebrow{font-size:12px;margin-bottom:12px}.test-choices{grid-template-columns:1fr;gap:14px}.test-choice{grid-template-columns:64px 1fr;gap:19px;padding:24px}.test-language-code{width:64px;height:64px;font-size:26px}.test-choice h2{font-size:27px}.test-choice p{font-size:14px}.test-heading-compact h1{font-size:30px}.test-heading-compact>p:last-child{font-size:14px}.test-card{padding:22px 19px;border-radius:12px}.test-progress-label{font-size:13px}#test-progress{margin-bottom:23px}#test-question{font-size:21px;line-height:1.5;margin-bottom:20px}.test-option{font-size:16px;padding:12px;gap:12px;min-height:58px}.test-option-key{width:28px;height:28px;font-size:12px}.test-actions{gap:10px;margin-top:23px}.test-next,.test-outline,.test-previous{padding:12px 15px;font-size:14px}.test-previous{padding-left:0}.test-question-map{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.test-confirm-actions,.test-result-actions{flex-direction:column}.test-level-band{padding:16px;align-items:flex-start}.test-level-band strong{font-size:25px}.test-review-item>summary{gap:10px;font-size:15px;flex-wrap:wrap}.test-review-item>summary>span:nth-child(2){flex:1}.test-review-status{margin-left:40px}.test-review-item>div{padding-left:40px}.test-scope{font-size:13px}}
@media(prefers-reduced-motion:reduce){.test-choice,.test-option,#test-progress::-webkit-progress-value{transition:none}}
