.wafer-challenge{padding:60px 0;background:linear-gradient(120deg,#fff 0%,#f1f8fa 65%,#e6f1f5 100%);color:#0b2438;border-bottom:1px solid #d8e5e9;scroll-margin-top:0}
.wafer-challenge .wafer-challenge-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center}
.wafer-challenge .eyebrow{color:#a84b13;font-size:11px;font-weight:600;letter-spacing:1.4px;margin-bottom:22px}
.wafer-challenge h2{font-size:clamp(38px,3.7vw,52px);font-weight:500;line-height:1.1;letter-spacing:-1.8px;margin:0;color:#0b2438}
.wafer-challenge .wafer-question{font-size:22px;font-weight:500;color:#173b50;line-height:1.35;margin:24px 0 11px}
.wafer-challenge .wafer-instruction{font-size:16px;line-height:1.65;color:#526b7a;max-width:410px;margin:0}
.wafer-challenge .wafer-example-note{display:block;font-size:11px;color:#667e8b;line-height:1.5;margin-top:17px}
.wafer-challenge .wafer-workspace{min-width:0;position:relative}
.wafer-challenge .wafer-board{position:relative;width:min(100%,500px);margin:auto;aspect-ratio:1}
.wafer-challenge .wafer-drawing{display:block;width:100%;height:100%;overflow:visible}
.wafer-challenge .wafer-defect[hidden]{display:none}
.wafer-challenge .wafer-zone{appearance:none;position:absolute;width:16%;height:16%;padding:0;border:1.5px dashed #234c65;border-radius:4px;background:#ffffff05;cursor:pointer;min-width:0;min-height:0;transition:background .18s,border-color .18s;touch-action:manipulation}
.wafer-challenge .wafer-zone-a{left:26%;top:26%}
.wafer-challenge .wafer-zone-b{left:58%;top:42%}
.wafer-challenge .wafer-zone-c{left:34%;top:66%}
.wafer-challenge .wafer-zone>span:first-child{position:absolute;left:-14px;top:-14px;width:29px;height:29px;display:grid;place-items:center;background:#fff;color:#143c53;border:1px solid #8faeba;box-shadow:0 2px 5px #143c5320;border-radius:50%;font:600 13px/1 "IBM Plex Sans",Arial,sans-serif}
.wafer-challenge .wafer-zone:hover{background:#ffffff18;border-color:#9b460e;border-style:solid}
.wafer-challenge .wafer-zone.is-selected{border:2px solid #224e69;background:#ffffff13}
.wafer-challenge .wafer-zone.is-correct{border:2px solid #d16b21;box-shadow:0 0 0 4px #ffb36a35;background:#ffb36808}
.wafer-challenge .wafer-zone.is-correct>span:first-child{background:#a9470c;border-color:#a9470c;color:#fff}
.wafer-challenge .wafer-zone:focus-visible{outline:3px solid #9f430d;outline-offset:5px}
.wafer-challenge .wafer-board-caption{font-size:12px;text-align:center;color:#597482;margin:-2px 0 0;line-height:1.5}
.wafer-challenge .wafer-board-caption>span{font-size:16px;vertical-align:-1px;margin-right:6px;color:#b45113}
.wafer-challenge .wafer-feedback{display:flex;align-items:flex-start;gap:12px;border-top:1px solid #cadce3;margin-top:25px;padding-top:20px;min-height:105px;max-width:460px}
.wafer-challenge .wafer-feedback-icon{color:#ae4e11;font-size:23px;line-height:1.15;min-width:20px;text-align:center}
.wafer-challenge .wafer-feedback p{margin:0}
.wafer-challenge .wafer-feedback-title{display:block;font-size:15px;font-weight:500;color:#173b50;line-height:1.4}
.wafer-challenge .wafer-feedback-copy{display:block;font-size:13px;line-height:1.6;color:#536f7f;margin-top:6px;max-width:405px}
.wafer-challenge .wafer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:13px}
.wafer-challenge .wafer-reset{font:inherit;font-size:12px;color:#315568;border:0;border-bottom:1px solid #93adb9;background:none;display:inline-flex;align-items:center;gap:15px;min-height:42px;padding:8px 0;cursor:pointer}
.wafer-challenge .wafer-actions>a{font-size:13px;font-weight:500;line-height:1.5;color:#a7480f;display:inline-flex;align-items:center;gap:14px;padding-block:8px;text-decoration:none}
.wafer-challenge .wafer-actions>a:hover,.wafer-challenge .wafer-reset:hover{color:#0b2438;border-color:#0b2438}
.wafer-challenge .wafer-actions :focus-visible{outline:3px solid #a7480f;outline-offset:4px}
.wafer-challenge .wafer-sr-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1040px){.wafer-challenge{padding:53px 0}.wafer-challenge .wafer-challenge-layout{gap:30px;grid-template-columns:1fr 1fr}.wafer-challenge h2{font-size:43px}.wafer-challenge .wafer-question{font-size:20px}.wafer-challenge .wafer-instruction{font-size:15px}.wafer-challenge .wafer-feedback{min-height:122px}.wafer-challenge .wafer-actions{gap:8px 20px}.wafer-challenge .wafer-actions>a{font-size:12px}}
@media(max-width:800px){.wafer-challenge .wafer-challenge-layout{grid-template-columns:1fr;gap:18px}.wafer-challenge .wafer-intro{display:contents}.wafer-challenge .eyebrow{margin:0 0 1px;grid-row:1}.wafer-challenge h2{grid-row:2;font-size:43px}.wafer-challenge .wafer-question{grid-row:3;margin:2px 0 -8px;font-size:22px}.wafer-challenge .wafer-instruction{grid-row:4;max-width:550px}.wafer-challenge .wafer-example-note{grid-row:5;margin:0}.wafer-challenge .wafer-workspace{grid-row:6;max-width:480px;width:100%;margin:0 auto}.wafer-challenge .wafer-feedback{grid-row:7;min-height:0;max-width:none;margin-top:2px;padding-top:18px}.wafer-challenge .wafer-feedback-copy{max-width:530px}.wafer-challenge .wafer-actions{grid-row:8;margin-top:0;justify-content:space-between}.wafer-challenge .wafer-board-caption{margin-top:-10px}}
@media(max-width:540px){.wafer-challenge{padding:45px 0}.wafer-challenge .wafer-challenge-layout{gap:17px}.wafer-challenge h2{font-size:36px;letter-spacing:-1.1px}.wafer-challenge .eyebrow{font-size:9px;letter-spacing:1.1px}.wafer-challenge .wafer-question{font-size:20px;margin-top:6px}.wafer-challenge .wafer-instruction{font-size:14px}.wafer-challenge .wafer-example-note{font-size:10px}.wafer-challenge .wafer-board{width:calc(100% + 16px);margin-left:-8px}.wafer-challenge .wafer-board-caption{font-size:11px;margin-top:-5px}.wafer-challenge .wafer-zone>span:first-child{width:25px;height:25px;font-size:12px;left:-12px;top:-12px}.wafer-challenge .wafer-feedback-title{font-size:14px}.wafer-challenge .wafer-feedback-copy{font-size:12px}.wafer-challenge .wafer-actions{gap:5px 15px;justify-content:flex-start}.wafer-challenge .wafer-actions>a{font-size:12px;gap:11px}.wafer-challenge .wafer-reset{font-size:12px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.wafer-challenge .wafer-zone{transition:none}}