.skills-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f5f8;border:1px solid #dce1ea;border-radius:16px;padding:1.1rem 1.25rem;font-size:.91rem;line-height:1.65;max-width:100%;color:#252d43}
.skills-lab{margin-top:1.5rem;padding:1.5rem;border:1px solid #d9dfd9;border-radius:26px;background:#eeefe9;color:#25344b;overflow:hidden}
.skills-lab .skills-lab__invitation{color:#25344b;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:650;margin:0 0 1.2rem;text-align:center}
.skills-lab__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin:0 auto}
.skills-lab__choice{position:relative;min-width:0;overflow:hidden;padding:0;border:2px solid #d4dbd2;border-radius:22px;background:#f8f5ed;color:#25344b;font:inherit;cursor:pointer;box-shadow:0 5px 16px #263e3310;transition:border-color .2s,box-shadow .2s,transform .2s}
.skills-lab__choice:disabled{opacity:1;cursor:default}
.skills-lab__choice img{display:block;width:100%;height:auto;aspect-ratio:8/7;object-fit:contain}
.skills-lab__choice>span{display:flex;align-items:center;justify-content:space-between;padding:.25rem 1.2rem 1rem;gap:.5rem}
.skills-lab__choice strong{font-size:clamp(1.1rem,2vw,1.5rem)}
.skills-lab__choice i{font-style:normal;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#e4e9de;font-size:1.1rem}
.skills-lab__choice[aria-pressed=true]{border-color:#527363;box-shadow:0 7px 22px #263e3320}
.skills-lab__choice[aria-pressed=true] i{background:#527363;color:#fff}
.skills-lab__choice:enabled:hover{transform:translateY(-3px);border-color:#527363}
.skills-lab__choice:focus-visible{outline:3px solid #345ac2;outline-offset:4px}
.skills-lab__answer{max-width:760px;margin:1rem auto 0;border-radius:18px;background:#fff;padding:1.3rem 1.5rem;text-align:left;border:1px solid #dce2dc}
.skills-lab__answer article[hidden]{display:none!important}
.skills-lab__answer article+article:not([hidden]){margin-top:1rem}
.skills-lab__answer article[hidden]+article{margin-top:0}
.skills-lab__answer h4{color:#25344b;font-size:clamp(1.1rem,2.4vw,1.4rem);margin:0 0 .5rem;line-height:1.35}
.skills-lab__answer p{color:#25344b;font-size:1rem;line-height:1.6;margin:.7rem 0 0}
.skills-lab__answer .skills-lab__example{color:#52615c;font-size:.9rem}
.skills-lab .skills-lab__boundary{font-size:.75rem;line-height:1.5;color:#5b6861;text-align:center;margin:.9rem 0 0}
.skills-example{border-left:3px solid #8fa99b;padding:.8rem 1rem;margin-top:1rem;background:#f2f5ef;color:#25344b;border-radius:0 12px 12px 0}
.skills-example h3{color:#25344b;font-size:1rem;margin:0 0 .5rem}
.skills-example p{color:#25344b;font-size:.92rem;line-height:1.65;margin:.3rem 0}
@media(max-width:580px){.skills-lab{padding:1rem;border-radius:20px}.skills-lab__choices{gap:.65rem}.skills-lab__choice{border-radius:16px}.skills-lab__choice>span{padding:.1rem .7rem .7rem}.skills-lab__choice i{width:26px;height:26px;font-size:.9rem}.skills-lab__answer{padding:1.1rem .85rem}.skills-lab__answer p{font-size:.94rem}.skills-lab__answer .skills-lab__example{font-size:.85rem}}
@media(prefers-reduced-motion:no-preference){.skills-lab__choice[aria-pressed=true] img{animation:skills-reveal .45s ease-out}@keyframes skills-reveal{from{transform:translateY(7px);opacity:.7}to{transform:translateY(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){.skills-lab__choice{transition:none}}
@media print{.skills-lab__answer article[hidden]{display:block!important}.skills-lab__choices{max-width:500px}}