.sim-intro{padding-block:40px 28px} .sim-intro .page-heading{margin-bottom:0} .sim-intro .page-heading p{max-width:64ch} .sim-device-note{display:none;gap:10px;align-items:flex-start;margin:18px 0 0;padding:14px 16px;border-radius:var(--radius);background:var(--info-soft);color:var(--info-text);font-size:14px;line-height:1.55} .sim-device-note .icon{margin-top:1px} .sim-room{background:#15171c;padding:28px 24px 32px} .sim-room .stage{margin-inline:auto;width:min(100%,1120px)} .sim-noscript{max-width:640px;margin:18px auto 0;color:#e8ebf0;text-align:center} .sim-noscript a{color:#fff;text-decoration:underline} .sim-guide-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start} .sim-steps{margin:0;padding-left:1.3em;display:grid;gap:12px} .sim-steps li{color:var(--muted);line-height:1.7} .sim-steps strong{color:var(--ink)} .sim-aside{background:var(--surface-2);border-radius:var(--radius-lg);padding:26px 26px 22px;display:grid;gap:12px} .sim-aside h2{font-size:1.35rem;margin-bottom:0} .sim-aside ul{margin:0;padding-left:1.1em;display:grid;gap:8px;color:var(--muted);line-height:1.6} .sim-aside p{font-size:14px;margin:0} .sim-guide .subheading{margin-top:64px} .sim-sources{margin-top:40px} .sim-sources h3{font-size:1rem} .sim-sources ul{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:14px} .sim-sources a{color:var(--primary);text-decoration:underline;text-underline-offset:3px} body.sim-active{overflow:hidden} body.sim-active .sim-room,.sim-room:fullscreen{position:fixed;inset:0;z-index:60;padding:0;display:grid;place-items:center;background:#000} body.sim-active .sim-room .stage,.sim-room:fullscreen .stage{width:min(100vw,160dvh)} .sim-room::backdrop{background:#000} .stage{ --k-band:#1d4f91;--k-bg:#e7ecf2;--k-line:#9db0c5;--k-ink:#111418;--k-blue:#1d4f91;--k-muted:#46566a; --k-soft:#f3f6f9;--k-answered:#c3d3e6;--k-current:#c8102e;--k-pink:#f6e2e7;--k-bar:#d7e0ea; --k-ours:#a85a00;--k-ours-soft:#fff4e2;--k-ok:#1f7a4d;--k-no:#b3261e; container-type:inline-size;aspect-ratio:16/10;max-width:100%;position:relative;overflow:hidden; background:var(--k-bg);color:var(--k-ink);border-radius:4px } body.sim-active .stage{border-radius:0} .k{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);font:1.5cqw/1.35 Arial,"Helvetica Neue",Helvetica,"Liberation Sans",sans-serif;letter-spacing:0} .k :is(h2,p){margin:0;color:inherit;letter-spacing:0} .k h2{font-size:1.5em;line-height:1.2;font-weight:700;color:var(--k-blue)} .k p{line-height:1.4} .k button{font:inherit;color:inherit;cursor:pointer} .k button:disabled{cursor:default;opacity:.45} .k :is(button,input,[tabindex]):focus-visible{outline:.2em solid #f29915;outline-offset:.12em;border-radius:.2em} .k svg{max-width:none;height:auto} .k-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .k-band{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;padding:.5em 1.1em;background:var(--k-band);color:#fff;min-height:2.6em} .k-brand{display:flex;align-items:center;gap:.6em;font-size:.78em;min-width:0} .k-brand>span{opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .k-own{border:1px solid #ffffffa6;border-radius:.3em;padding:.25em .7em;background:transparent;color:#fff!important;font-weight:700;white-space:nowrap} .k-own:hover{background:#ffffff26} .k-title{font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center} .k-post{justify-self:end;font-size:.85em;font-weight:700;white-space:nowrap} .k-screen{min-height:0;position:relative} .k-center{display:grid;place-items:center;padding:1.2em;overflow:auto} body:not(.sim-active) .k-center{place-items:start center;padding-top:1.6em} .k-card{background:#fff;border:1px solid var(--k-line);border-radius:.3em;padding:1.4em 1.8em;display:grid;gap:.8em;width:min(42em,100%)} .k-stack{display:grid;gap:.6em;align-content:start} .k-note{font-size:.86em;color:#44505e!important} .k-error{font-size:.9em;color:var(--k-no)!important;font-weight:700} .k-primary{justify-self:start;display:inline-grid;gap:.1em;justify-items:start;background:var(--k-blue);color:#fff!important;border:0;border-radius:.3em;padding:.7em 1.4em;font-weight:700;font-size:1.05em!important;text-align:left} .k-primary small{font-weight:400;opacity:.88;font-size:.75em} .k-langs{display:flex;gap:.8em;flex-wrap:wrap} .k-lang{display:flex;align-items:center;gap:.55em;background:var(--k-soft);border:1px solid var(--k-line);border-radius:.3em;padding:.6em 1em;font-weight:700} .k-lang[aria-checked="true"]{border:2px solid var(--k-blue);background:#fff} .flag{width:1.6em;height:1.1em;display:inline-block;border:1px solid #0003;flex:none} .flag-it{background:linear-gradient(90deg,#008c45 33.3%,#fff 33.3% 66.6%,#cd212a 66.6%)} .flag-de{background:linear-gradient(#000 33.3%,#dd0000 33.3% 66.6%,#ffce00 66.6%)} .flag-fr{background:linear-gradient(90deg,#0055a4 33.3%,#fff 33.3% 66.6%,#ef4135 66.6%)} .k-field{display:grid;gap:.3em} .k-field label{font-weight:700;font-size:.92em} .k-field small{font-weight:400;color:#4b5563} .k-field input{font:inherit;padding:.5em .7em;border:1px solid var(--k-line);border-radius:.25em;text-transform:uppercase;background:#fff;color:var(--k-ink)} .k-recog{grid-template-columns:auto 1fr;align-items:center;gap:1.4em} .k-cam{width:7em;height:7em;border-radius:50%;background:radial-gradient(circle at 50% 38%,#8aa0b8 0 1.3em,transparent 1.35em),radial-gradient(ellipse at 50% 100%,#8aa0b8 0 2.9em,transparent 2.95em),#dfe7ef;border:3px dashed var(--k-blue)} .k-rules{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,auto);gap:.4em 1.6em;justify-content:start} .k-rules li{font-size:.95em} .k-rules b{font-size:1.5em;color:var(--k-blue);display:block} .k-wait{font-weight:700;color:var(--k-blue)!important} .k-exam{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto} .k-body{grid-row:4} .k-bar{grid-row:5} .k-tabs{display:flex;gap:.3em;padding:.55em 1.1em 0} .k-tab{background:#dbe3ec;border:1px solid var(--k-line);border-bottom:0;border-radius:.3em .3em 0 0;padding:.4em 1.1em;font-weight:700;color:#23364d!important} .k-tab[aria-pressed="true"]{background:#fff;color:var(--k-current)!important} .k-nums{display:grid;grid-template-columns:repeat(10,1fr);gap:.4em;padding:.5em .6em;margin:0 1.1em;background:#fff;border:1px solid var(--k-line)} .k-num{height:2.1em;font-size:1.2em!important;font-weight:700;background:var(--k-soft);border:1px solid var(--k-line);border-radius:.2em;color:#23364d!important} .k-strip{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;margin:.35em 1.1em 0} .k-dot{font-size:.62em!important;padding:.25em 0;border:1px solid var(--k-line);background:#fff;color:#23364d!important} .k .is-answered{background:var(--k-answered)} .k .is-current{color:var(--k-current)!important;border:2px solid var(--k-current)} .k-body{display:grid;grid-template-columns:37% minmax(0,1fr);gap:1em;padding:.7em 1.1em;min-height:0} .k-fig{background:#fff;border:1px solid var(--k-line);padding:.6em;min-height:0;display:grid} .k-fig img{width:100%;height:100%;object-fit:contain;display:block;min-height:0} .k-q{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.5em;min-height:0} .k-qnum{font-weight:700;color:var(--k-blue);display:flex;gap:.55em;align-items:center;font-size:1.05em} .k-qtext{background:#fff;border:1px solid var(--k-line);padding:.8em 1em;font-size:1.3em;line-height:1.4;overflow:auto;min-height:0} .k-vf{display:flex;gap:3em;justify-content:center;padding-top:.2em} .vf{display:grid;justify-items:center;gap:.25em;background:none;border:0;padding:0;color:var(--k-blue)!important;font-weight:700} .vf-box{width:4.4em;height:4.4em;background:#fff;border:2px solid var(--k-blue);border-radius:.3em;display:grid;place-items:center;position:relative} .vf:hover .vf-box{background:var(--k-soft)} .vf-letter{width:2em;height:2em;font-size:1.45em;border:2px solid var(--k-blue);border-radius:50%;display:grid;place-items:center} .k .vf-x{position:absolute;inset:.3em;width:calc(100% - .6em);height:calc(100% - .6em);display:none;fill:none;stroke:var(--k-ink);stroke-width:.9;stroke-linecap:round} .vf[aria-pressed="true"] .vf-x{display:block} .k-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2em;align-items:center;padding:.5em 1.1em;background:var(--k-bar);border-top:1px solid var(--k-line)} .k-time small{display:block;font-size:.62em;font-weight:700;letter-spacing:.06em;text-transform:uppercase} .k-time b{font-size:1.65em;font-variant-numeric:tabular-nums;letter-spacing:.02em} .k-info{display:grid;grid-template-columns:repeat(3,auto);gap:.1em 1.4em;justify-content:start;font-size:.74em;min-width:0} .k-info span{color:var(--k-muted)} .k-info b{display:block;font-size:1.2em;color:var(--k-ink);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16em} .k-actions{display:flex;gap:.45em} .k-btn{display:flex;align-items:center;gap:.4em;background:#fff;border:1px solid var(--k-blue);color:var(--k-blue)!important;font-weight:700;padding:.45em .75em;border-radius:.3em;font-size:.88em!important;line-height:1.15;text-align:left} .k-btn svg,.k-pager svg{width:1.5em;height:1.5em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .k-strong{background:var(--k-blue);color:#fff!important;border:0;border-radius:.3em;padding:.6em 1.2em;font-weight:700} .k-recap{background:var(--k-pink);display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:.7em 1.1em;gap:.5em} .k-recap-head{display:flex;justify-content:space-between;align-items:center;gap:1em} .k-recap-head h2{font-size:1.2em} .k-recap-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6em;min-height:0} .k-rows{display:grid;grid-template-rows:auto repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--k-line);min-height:0} .k-row{display:grid;grid-template-columns:2.6em 5.2em minmax(0,1fr) 3.2em 3.2em;align-items:center;gap:.6em;padding:.25em .6em;border-top:1px solid #e3e8ee;min-height:0} .k-row.head{border-top:0;font-weight:700;font-size:.8em;color:var(--k-muted);padding-block:.35em} .k-row .n{font-weight:700;color:var(--k-blue)} .k-row .th{height:3.4em;display:grid} .k-row .th img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain} .k-row .tx{font-size:.84em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .k-row .c{text-align:center;font-weight:700;font-size:1.2em;color:var(--k-blue)} .k-row.head .c{font-size:1em} .k-pager{display:grid;align-content:center;gap:.5em;justify-items:center} .k-pager button{width:2.6em;height:2.6em;border:1px solid var(--k-blue);background:#fff;border-radius:50%;color:var(--k-blue)!important;display:grid;place-items:center} .k-pager small{font-size:.78em;color:var(--k-muted);text-align:center} .k-recap-foot{display:flex;justify-content:flex-end;gap:.6em} .k-modal{position:absolute;inset:0;background:#0a162880;display:grid;place-items:center;z-index:5;padding:1em} .k-dialog{background:#fff;border:2px solid var(--k-blue);border-radius:.4em;padding:1.3em 1.6em;display:grid;gap:.8em;width:min(30em,100%)} .k-dialog h2{font-size:1.3em} .k-dialog-actions{display:flex;justify-content:flex-end;gap:.6em;flex-wrap:wrap} .k-ours{border:2px solid var(--k-ours);background:var(--k-ours-soft);border-radius:.4em;padding:.9em 1.1em;display:grid;gap:.6em} .k-ours-tag{justify-self:start;font-size:.7em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--k-ours);padding:.2em .6em;border-radius:1em} .k-ours .k-primary{background:var(--k-ours)} .k-result{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:.8em 1.1em;gap:.6em;background:#fbf8f3} .k-result-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1em;flex-wrap:wrap} .k-result-head h2{font-size:1.8em} .k-result-head h2.pass{color:var(--k-ok)} .k-result-head h2.fail{color:var(--k-no)} .k-result-actions{display:flex;gap:.5em} .k-toggle{background:#fff;border:1px solid var(--k-ours);color:#6b3a00!important;border-radius:.3em;padding:.5em .9em;font-weight:700} .k-toggle[aria-pressed="true"]{background:var(--k-ours);color:#fff!important} .k-review{list-style:none;margin:0;padding:0;overflow:auto;min-height:0;display:grid;gap:.4em;align-content:start} .k-review li{background:#fff;border:1px solid #e6dccd;border-radius:.3em;padding:.5em .7em;display:grid;grid-template-columns:2.2em 4.4em minmax(0,1fr) auto;gap:.7em;align-items:center} .k-review .n{font-weight:700;color:#6b4a1f} .k-review .th{height:3em;display:grid} .k-review .th img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain} .k-review .tx{font-size:.9em;display:grid;gap:.2em} .k-review .tx a{font-size:.85em;font-weight:700;color:#6b3a00;text-decoration:underline;text-underline-offset:.2em;justify-self:start} .k-review .ans{font-size:.78em;text-align:right;white-space:nowrap} .k-review .ans b{display:block;font-size:1.15em} .k-review .ok b{color:var(--k-ok)} .k-review .no b{color:var(--k-no)} .k-review .k-empty{display:block;text-align:center;color:#6b4a1f} .k-ask{font-size:.85em;color:#5a4a36!important} .k-link{background:none;border:0;padding:0;font-weight:700;color:#6b3a00!important;text-decoration:underline;text-underline-offset:.2em} @media (orientation:landscape) and (max-height:540px){ body.sim-active .sim-room .stage{width:100vw;height:100dvh;aspect-ratio:auto;container-type:size} body.sim-active .k{font-size:min(1.5cqw,2.9cqh)} body.sim-active .k-strip{display:none} } @media (orientation:portrait) and (max-width:1024px){ .sim-device-note{display:flex} .sim-room{padding:12px} .sim-room .stage{aspect-ratio:auto;height:max(560px,calc(100svh - 24px))} body.sim-active .sim-room .stage,.sim-room:fullscreen .stage{width:100vw;height:100dvh} .k{font-size:clamp(14px,3.6vw,19px)} .k-band{grid-template-columns:auto minmax(0,1fr) auto;gap:.6em;padding:.45em .7em} .k-brand>span{display:none} .k-title{font-size:.8em;letter-spacing:.04em} .k-post{font-size:.75em} .k-center{padding:.7em;place-items:start center} .k-card{padding:1.1em 1.1em;gap:.7em} .k-recog{grid-template-columns:1fr} .k-cam{width:5em;height:5em} .k-tabs{padding:.45em .6em 0} .k-tab{padding:.4em .5em;font-size:.82em!important;flex:1} .k-nums{margin:0 .6em;padding:.4em;gap:.25em} .k-num{height:2.3em;font-size:.95em!important} .k-strip{display:none} .k-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:.5em .6em;gap:.5em} .k-fig{height:min(28svh,15em);padding:.3em} .k-fig:empty{display:none} .k-qtext{font-size:1.05em;padding:.6em .7em} .k-vf{gap:2.5em} .vf-box{width:3.9em;height:3.9em} .k-bar{grid-template-columns:auto minmax(0,1fr);gap:.6em;padding:.45em .6em} .k-info{display:none} .k-actions{justify-content:flex-end} .k-btn{padding:.45em .55em} .k-btn-long{display:none} .k-recap{padding:.6em} .k-row{grid-template-columns:1.8em minmax(0,1fr) 2.2em 2.2em;gap:.4em;padding:.25em .4em} .k-row .th{display:none} .k-pager button{width:2.3em;height:2.3em} .k-result{padding:.6em} .k-result-head h2{font-size:1.4em} .k-review li{grid-template-columns:1.8em minmax(0,1fr);gap:.5em} .k-review .th{display:none} .k-review .ans{grid-column:2;text-align:left;white-space:normal} .k-review .ans b{display:inline;margin-right:.4em} } @media (max-height:860px) and (min-width:801px){ .sim-intro{padding-block:20px 16px} .sim-intro h1{font-size:clamp(1.9rem,3.2vw,2.5rem);margin-bottom:12px} .sim-intro .page-heading p{margin-bottom:0} .sim-room{padding-block:16px 24px} body:not(.sim-active) .k-center{padding-top:1em} } @media (max-width:1100px){.sim-guide-grid{grid-template-columns:1fr;gap:32px}} @media (max-width:800px){.sim-intro{padding-block:24px 16px}.sim-room{padding-inline:12px}} @media (prefers-reduced-motion:reduce){.k *{transition:none!important}}