.kit-page{max-width:1320px;padding-top:32px;padding-bottom:36px}.kit-back{font-size:13px;margin-bottom:24px}.kit-heading-new{align-items:center;margin-bottom:24px}.kit-heading-new h1{font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-1.4px;margin:0}.kit-heading-new h1 span{color:var(--brand,#397dff)}.kit-heading-new .eyebrow{margin-bottom:12px}.kit-sticker{display:block;transform:rotate(8deg);background:#d7fa6c;color:#20334a;border:2px solid #1c3350;border-radius:16px;padding:16px 23px;font-weight:750;line-height:1.2;font-size:16px;box-shadow:3px 4px 0 #20334a15;margin-right:14px}.kit-task{display:grid;grid-template-columns:78px 1fr;gap:22px;background:#fff;border:1px solid #cad9e7;border-radius:23px;padding:24px 28px;box-shadow:0 6px 0 #dbe7ef44;position:relative}.kit-task-number{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding-top:9px;color:#305e95;font-size:10px;font-weight:800;letter-spacing:1px}.kit-task-number b{font-size:38px;font-weight:800;letter-spacing:-1.5px;margin-top:6px;line-height:1}.kit-task-copy h2{font-size:clamp(18px,2vw,23px);font-weight:750;letter-spacing:-.6px;margin:0 0 11px}.kit-task-copy p{line-height:1.7;margin:0;color:#40536b;font-size:13px;max-width:none}.kit-task-copy .kit-task-condition{font-size:14px;line-height:1.75;color:#263b52}.kit-task-copy .kit-task-uncertainty{margin-top:9px;padding:8px 12px;border-radius:9px;background:#eef4ff;color:#41618c;font-size:12px}.kit-answer{margin-top:13px}.kit-answer p{font-size:12px;font-weight:750}.kit-answer ol{margin:5px 0 0;padding-left:19px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:4px}.kit-answer li{font-size:11px;line-height:1.65;color:#52647b;padding-left:2px}.case-instruction{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 6px 16px;font-size:14px;font-weight:650;color:#263a54}.case-instruction span:last-child{font-weight:450;font-size:12px;color:#7b8490}.physical-case{position:relative;width:100%;aspect-ratio:1000/475;border-radius:23px 23px 32px 32px;border:2px solid #164d89;background:linear-gradient(108deg,#448ad2 0%,#1e6ebc 22%,#286fb4 70%,#1c5a9e 100%);padding:21px 24px 29px;box-shadow:inset 0 2px 1px #98c8f2,inset 2px 0 3px #82b8e7,inset -3px 0 4px #154c86,inset 0 -9px 0 #174a80,0 9px 0 #143f6c,0 15px 17px #21324626,0 28px 35px #1d314420;margin-bottom:28px;isolation:isolate}.case-rim{position:absolute;inset:10px 12px 18px;border:2px solid #5b98d0;border-bottom-color:#0f3f70;border-right-color:#114675;border-radius:15px 15px 22px 22px;box-shadow:0 1px 0 #b8e0fa44,inset 0 1px 4px #15395866;pointer-events:none}.case-top-handle{position:absolute;left:43%;right:43%;top:-6px;height:19px;border:2px solid #1b4b78;border-radius:4px 4px 8px 8px;background:linear-gradient(#2978bd,#1f5788);box-shadow:inset 0 2px 2px #7bb1df88,0 2px 2px #0b335966;z-index:2}.case-top-handle i{position:absolute;inset:5px 12px 5px;border-radius:6px;background:#144770;box-shadow:inset 0 2px 2px #082e50}.case-foam{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;border-radius:11px 11px 15px 15px;background-color:#292c2d;background-image:radial-gradient(ellipse at 60% 35%,#ffffff07,transparent 62%),radial-gradient(#070b0f 18%,transparent 34%),radial-gradient(#62676a 12%,transparent 34%);background-size:auto,4px 4px,5px 5px;background-position:0 0,0 0,2px 2px;border:1px solid #111b22;box-shadow:inset 0 9px 12px #03080bcc,inset 4px 0 6px #02070a99,inset 0 -3px 4px #676c7250,0 1px 1px #67a1d388}.case-foam:after{content:'';position:absolute;inset:0;z-index:0;border:2px solid #4d53545c;border-radius:11px;pointer-events:none}.foam-seam{position:absolute;background:#111719;box-shadow:1px 0 0 #454b4c88;height:100%;width:1px;opacity:.8;pointer-events:none}.foam-seam-one{left:32%}.foam-seam-two{left:81.7%;height:71%;top:5%}.foam-position{position:absolute;left:var(--px);top:var(--py);width:var(--pw);height:var(--ph);z-index:2}.foam-cutout{position:absolute;inset:-7% -11%;background:linear-gradient(100deg,#080e12,#10181d 60%,#11171b);box-shadow:inset 0 5px 7px #000e,inset 2px 0 3px #000a,0 1px 1px #767d6f66,0 -1px 1px #080a0b;pointer-events:none}.foam-cylinder .foam-cutout{border-radius:40% 40% 26% 26%/15% 15% 9% 9%;inset:-4% -17% -2%}.foam-scale .foam-cutout{inset:-7% -3%;clip-path:polygon(12% 2%,88% 2%,97% 25%,100% 77%,93% 97%,7% 97%,0 77%,3% 25%);border-radius:20px}.foam-measure .foam-cutout{inset:-3% -20%;clip-path:polygon(25% 0,80% 0,75% 83%,96% 90%,96% 100%,4% 100%,4% 90%,25% 83%)}.foam-beaker .foam-cutout{inset:-5% -6%;border-radius:12% 12% 18% 18%/9% 9% 15% 15%}.foam-dynamometer .foam-cutout{inset:-15% -3%;border-radius:22%/70%}.foam-salt .foam-cutout{inset:-4% -9%;border-radius:17px}.foam-rod .foam-cutout{border-radius:80% 35% 80% 35%;inset:-2% -4%;transform:rotate(23deg)}.apparatus-button{position:absolute;inset:0;margin:0;padding:0;border:0;background:transparent!important;border-radius:14px;box-shadow:none;color:inherit;display:block;outline-offset:7px;touch-action:manipulation;isolation:isolate}.apparatus-visual{display:block;position:absolute;inset:0;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(3px 7px 3px #0008)}.apparatus-button .apparatus-visual>svg{width:100%!important;height:100%!important;max-height:none!important;overflow:visible}.apparatus-turned{display:block;position:absolute;inset:0}.apparatus-turned>svg{position:absolute;width:36%!important;height:278%!important;left:32%;top:-89%;transform:rotate(90deg);max-height:none!important;overflow:visible}.apparatus-button:not(:disabled):hover .apparatus-visual{transform:translateY(-5px) scale(1.055);filter:drop-shadow(0 2px 2px #fff5) drop-shadow(0 0 6px #9cd1ffb3) drop-shadow(4px 10px 5px #0008)}.apparatus-selected .apparatus-visual{filter:drop-shadow(0 0 2px #e8ffed) drop-shadow(0 0 7px #74da99a6) drop-shadow(2px 6px 2px #0008)}.apparatus-button:disabled{opacity:.62;cursor:default}.apparatus-check{position:absolute;z-index:4;left:50%;top:43%;width:clamp(17px,2.3vw,28px);height:clamp(17px,2.3vw,28px);display:grid;place-items:center;background:#d4fa70;color:#143950;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0008;transform:translate(-50%,-50%) scale(.6);font-size:clamp(11px,1.5vw,17px);font-weight:900;opacity:0;transition:opacity .16s,transform .16s;pointer-events:none}.apparatus-selected .apparatus-check{opacity:1;transform:translate(-50%,-50%) scale(1)}.foam-label{position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);font-size:clamp(6px,.83vw,10px);line-height:1.2;white-space:nowrap;color:#d3d8d7;text-shadow:0 1px #000;font-weight:500;pointer-events:none;letter-spacing:.03em}.foam-dynamometer .foam-label{bottom:-22px}.foam-future-mark{position:absolute;right:-9%;top:-10%;color:#bdc5c6;background:#11191eb3;border:1px solid #68727677;border-radius:4px;padding:1px 4px;font-size:clamp(6px,.7vw,9px);line-height:1.4;pointer-events:none}.foam-future .foam-label{color:#929c9f}.case-id-tag{position:absolute;left:6%;bottom:4.4%;background:#f7f4dd;color:#3c4550;transform:rotate(-2deg);font-size:clamp(6px,.8vw,10px);font-weight:800;letter-spacing:.8px;padding:4px 9px;border-radius:2px;box-shadow:0 1px 2px #0008}.case-corner{position:absolute;width:22px;height:22px;border:2px solid #174c7c;box-shadow:inset 1px 1px 1px #71ace055;pointer-events:none}.corner-tl{left:4px;top:4px;border-radius:16px 3px 3px}.corner-tr{right:4px;top:4px;border-radius:3px 16px 3px 3px}.corner-bl{left:4px;bottom:12px;border-radius:3px 3px 3px 20px}.corner-br{right:4px;bottom:12px;border-radius:3px 3px 20px 3px}.case-latch{position:absolute;bottom:-7px;width:59px;height:15px;border-radius:3px 3px 5px 5px;background:linear-gradient(#2b80c2,#174c7e);border:2px solid #123b66;box-shadow:inset 0 2px #5f9dc9,0 2px 2px #0c274c66}.case-latch-left{left:23%}.case-latch-right{right:23%}.kit-availability{font-size:11px;line-height:1.7;color:#7d8795;margin:0 5px 17px}.kit-footer-new{position:sticky;bottom:14px;margin-top:0;padding:17px 22px;min-height:78px;border:1px solid #d0dced;border-radius:16px;background:#fffefa;box-shadow:0 5px 19px #18385b16}.kit-footer-new b{font-size:13px}.kit-footer-new p{font-size:11px;margin-top:5px}.kit-footer-new .btn.primary{min-height:45px;border-radius:12px;background:var(--brand,#397dff);border-color:var(--brand,#397dff);padding-left:23px;padding-right:23px;box-shadow:0 4px 0 #2150ab33}.kit-footer-new .btn span{font-size:19px}
@media(max-width:760px){.kit-page{padding-left:16px;padding-right:16px;padding-top:23px}.kit-heading-new{gap:10px;margin-bottom:18px}.kit-heading-new h1{font-size:30px;letter-spacing:-.9px}.kit-sticker{font-size:11px;padding:12px;margin-right:2px;border-radius:12px}.kit-task{grid-template-columns:43px 1fr;gap:12px;border-radius:17px;padding:17px 15px}.kit-task-number{font-size:7px;padding-top:4px}.kit-task-number b{font-size:28px}.kit-task-copy h2{font-size:17px}.kit-task-copy .kit-task-condition{font-size:12px;line-height:1.7}.kit-task-copy .kit-task-uncertainty{font-size:10px;padding:8px}.kit-answer ol{grid-template-columns:1fr;gap:3px}.kit-answer li{font-size:10px}.kit-answer p{font-size:11px}.case-instruction{margin-top:22px;font-size:12px}.case-instruction span:last-child{font-size:9px;max-width:105px;text-align:right}.physical-case{padding:12px 13px 17px;border-radius:16px 16px 23px 23px;aspect-ratio:1000/500;margin-bottom:23px;box-shadow:inset 0 2px 1px #98c8f2,inset 2px 0 3px #82b8e7,inset -3px 0 4px #154c86,inset 0 -5px 0 #174a80,0 6px 0 #143f6c,0 11px 13px #21324626,0 17px 24px #1d31441a}.case-rim{inset:5px 6px 10px;border-width:1px}.case-foam{border-radius:6px}.case-top-handle{height:12px;top:-4px}.case-top-handle i{inset:3px 7px}.case-corner{width:14px;height:14px;bottom:8px}.case-latch{width:35px;height:10px;bottom:-5px}.foam-label{bottom:-13px;font-size:6px;letter-spacing:0}.foam-dynamometer .foam-label{bottom:-14px}.apparatus-check{border-width:1px}.case-id-tag{padding:2px 5px;font-size:5px;letter-spacing:.4px}.foam-cutout{box-shadow:inset 0 3px 4px #000e,inset 1px 0 2px #000a,0 1px 1px #767d6f66}.kit-footer-new{padding:12px 14px;min-height:67px;border-radius:12px;bottom:9px}.kit-footer-new b{font-size:11px}.kit-footer-new p{font-size:9px}.kit-footer-new .btn.primary{font-size:11px;padding:10px 13px;min-height:41px}.kit-availability{font-size:9px}}
@media(max-width:430px){.kit-heading-new h1{font-size:25px}.kit-sticker{font-size:9px;padding:10px;max-width:85px}.kit-task{grid-template-columns:1fr;gap:10px}.kit-task-number{flex-direction:row;gap:6px;justify-content:flex-start;padding:0}.kit-task-number b{font-size:17px;margin:0;letter-spacing:-.4px}.kit-task-copy h2{font-size:16px}.foam-label{font-size:5px;bottom:-11px}.foam-dynamometer .foam-label{bottom:-11px}.foam-future-mark{font-size:5px;padding:1px 2px}.case-instruction span:first-child{max-width:190px;line-height:1.4}.kit-footer-new p{max-width:140px;line-height:1.5}}
@media(max-height:600px) and (orientation:landscape){.kit-heading-new h1{font-size:32px}.kit-page{max-width:1000px}.kit-task{padding:18px 22px}.kit-task-copy .kit-task-condition{font-size:12px}.kit-answer li{font-size:10px}.physical-case{aspect-ratio:1000/475}.kit-footer-new{bottom:9px}.case-instruction{margin-top:22px}.foam-label{font-size:8px;bottom:-16px}.foam-dynamometer .foam-label{bottom:-18px}}
@media(prefers-reduced-motion:reduce){.apparatus-visual,.apparatus-check{transition:none}}

.kit-footer-new{position:relative;bottom:auto!important;margin-top:20px}

.case-foam{background-color:#181b1e;background-image:radial-gradient(ellipse at 60% 35%,#ffffff09,transparent 62%),url('./assets/foam-texture.svg');background-size:auto,128px 128px;background-position:0 0}

/* Version 9 fitted cavities and compact inactive samples. */
.foam-fitted .foam-cutout{inset:0;background:none;box-shadow:none;clip-path:none;filter:drop-shadow(0 2px 1px #6c777355)}
.foam-fitted .foam-cutout>svg{display:block;width:100%;height:100%;overflow:visible}
.foam-measure .apparatus-visual{inset:-1% -15% 0}
.foam-measure .apparatus-visual>svg{width:100%;height:100%}
.foam-wire-samples .foam-label{width:210px;white-space:normal;text-align:center;line-height:1.25;bottom:-42px}
.foam-wire-samples .foam-label small{display:block;white-space:nowrap;margin-top:3px;font-size:10px;color:#a7b4bf}
.foam-pulley .foam-label{max-width:215px;white-space:normal;text-align:center;bottom:-30px;line-height:1.2}
@media(max-width:760px){.foam-wire-samples .foam-label{width:140px;bottom:-30px;font-size:8px}.foam-wire-samples .foam-label small{font-size:7px}.foam-pulley .foam-label{width:125px;font-size:7px;bottom:-23px}}


/* Version 10: badges occupy unused foam, with a clear lower optics strip. */
.mechanics-kit-page .mechanics-case-kit3 .case-id-tag-right{left:auto;right:3%;bottom:4.4%}
.mechanics-kit-page .mechanics-case-kit4 .case-id-tag-bottom-center{left:50%;right:auto;bottom:2%;transform:translateX(-50%) rotate(-2deg)}
.mechanics-kit-page .mechanics-case-kit4 .foam-unused-optic .foam-label{width:175px;white-space:normal;text-align:center;bottom:-43px;line-height:1.2}
.mechanics-kit-page .mechanics-case-kit4 .foam-unused-optic .foam-label small{display:block;margin-top:3px;white-space:nowrap;font-size:10px}
.mechanics-kit-page .mechanics-case-kit4 .foam-unused-optic .apparatus-visual{filter:grayscale(1);opacity:.4}

/* V12: a moulded field case, with a brushed rim and fitted graphite felt. */
.mechanics-kit-page .physical-case.atelier-case{
 border:3px solid #294966;border-radius:27px 27px 35px 35px;
 background:linear-gradient(115deg,#bdd9f0 0%,#83afd5 3%,#477fb3 8%,#315e89 26%,#416e98 62%,#294b6b 96%,#1c354d 100%);
 box-shadow:inset 0 2px 0 #e1f0f9,inset 3px 0 2px #9ec4e0,inset -4px 0 5px #18364e,inset 0 -10px 0 #28415b,0 2px 0 #a6bfd3,0 10px 0 #1b3146,0 13px 2px #0f263f55,0 23px 25px #1f334a2a,0 40px 44px #1c30451c;
}
.mechanics-kit-page .atelier-case:before{content:'';position:absolute;inset:4px 5px 13px;border-radius:22px 22px 28px 28px;border:1px solid #b2d1e577;box-shadow:inset 0 1px 0 #e7f5ff66,0 1px 1px #162b3e;pointer-events:none}
.mechanics-kit-page .atelier-case:after{content:'';position:absolute;left:37%;right:37%;bottom:7px;height:2px;border-radius:3px;background:linear-gradient(90deg,transparent,#abc9de88,transparent);pointer-events:none}
.mechanics-kit-page .atelier-case .case-rim{inset:11px 12px 20px;border:2px solid #172c3d;border-top-color:#263e50;border-left-color:#263e50;border-bottom-color:#7696ae;border-right-color:#6e90a8;border-radius:15px 15px 21px 21px;box-shadow:0 0 0 2px #6e9cbd88,0 1px 0 3px #10273c44,inset 0 2px 3px #0c2131bb}
.mechanics-kit-page .atelier-case .case-foam{border:1px solid #0e202d;border-radius:12px 12px 16px 16px;background-color:#2d3c46;background-image:radial-gradient(ellipse at 13% 8%,#adc5c629,transparent 56%),linear-gradient(125deg,#23384600,#0c1b2b55),url('./assets/atelier-foam.svg');background-size:auto,auto,96px 96px;box-shadow:inset 0 10px 13px #081624d9,inset 6px 0 7px #0b1c2ab3,inset -3px 0 6px #13222c88,inset 0 -3px 2px #75868b66,0 1px 1px #9bc1da99}
.mechanics-kit-page .atelier-case .case-foam:after{inset:8px;border:1px solid #9bb2b21d;border-radius:8px;box-shadow:0 0 0 1px #101e2866}
.mechanics-kit-page .atelier-case .foam-seam{width:2px;background:linear-gradient(90deg,#10202b,#81969c55);box-shadow:none;opacity:.65}
.mechanics-kit-page .atelier-case .foam-cutout{background:linear-gradient(128deg,#071521,#152735 46%,#1e3340);box-shadow:inset 2px 5px 7px #020c15e6,inset -1px -2px 2px #10202d,0 2px 1px #9cafaa66,0 -1px 2px #07141d;outline:1px solid #0e1d29}
.mechanics-kit-page .atelier-case .foam-fitted .foam-cutout{background:none;box-shadow:none;outline:none;filter:drop-shadow(0 1px 0 #9cafaa44);clip-path:none;inset:0}
.mechanics-kit-page .atelier-case .apparatus-visual{filter:drop-shadow(2px 5px 2px #05101bcc) drop-shadow(5px 10px 7px #07121a55);transition:transform .2s ease,filter .2s ease}
.mechanics-kit-page .atelier-case .apparatus-button:not(:disabled):hover .apparatus-visual{transform:translateY(-5px) scale(1.045);filter:drop-shadow(0 -1px 1px #eafffa66) drop-shadow(0 0 7px #9ac7ec77) drop-shadow(5px 12px 6px #020d16cc)}
.mechanics-kit-page .atelier-case .apparatus-selected .apparatus-visual{filter:drop-shadow(0 0 2px #c1e3ff) drop-shadow(0 0 7px #79a2ff88) drop-shadow(3px 7px 4px #030e19cc)}
.mechanics-kit-page .atelier-case .apparatus-check{background:linear-gradient(#ecf5df,#b8d4b1);border-color:#f7fff0;color:#2c514d;box-shadow:0 2px 3px #05152299,inset 0 1px 0 #fff;border-width:1.5px}
.mechanics-kit-page .atelier-case .foam-label{color:#d5e0de;text-shadow:0 1px 2px #06121c;font-weight:500;letter-spacing:.02em}
.mechanics-kit-page .atelier-case .case-top-handle{left:43%;right:43%;top:-9px;height:22px;border:2px solid #233c51;border-radius:5px 5px 9px 9px;background:linear-gradient(#b6cbd4 0%,#627f91 20%,#29485e 24%,#42667c 74%,#1d3449 80%);box-shadow:inset 0 1px 0 #eff8f4,0 3px 3px #0e243b99;z-index:2}
.mechanics-kit-page .atelier-case .case-top-handle i{inset:6px 15px 4px;background:repeating-linear-gradient(90deg,#263b4b 0 3px,#344f60 3px 5px);border:1px solid #1a2b39;box-shadow:inset 0 2px 3px #0e2030;border-radius:4px}
.mechanics-kit-page .atelier-case .case-corner{width:29px;height:29px;border:1px solid #374b58;background:linear-gradient(135deg,#d0dfdd,#829ba7 33%,#476779 55%,#284456);box-shadow:inset 1px 1px 0 #f2f4e5aa,inset -1px -1px 0 #122d41,1px 2px 3px #071d2c66;z-index:3}
.mechanics-kit-page .atelier-case .case-corner:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;top:10px;left:10px;background:linear-gradient(130deg,#263e4e 42%,#d2e0dc 44% 57%,#37505e 59%);border:1px solid #324c5f;box-shadow:0 1px 0 #dce8df66}
.mechanics-kit-page .atelier-case .corner-tl{left:1px;top:1px;border-radius:22px 4px 13px 4px}.mechanics-kit-page .atelier-case .corner-tr{right:1px;top:1px;border-radius:4px 22px 4px 13px}.mechanics-kit-page .atelier-case .corner-bl{left:1px;bottom:11px;border-radius:4px 13px 4px 27px}.mechanics-kit-page .atelier-case .corner-br{right:1px;bottom:11px;border-radius:13px 4px 27px 4px}
.mechanics-kit-page .atelier-case .case-latch{bottom:-9px;width:65px;height:22px;border:1px solid #203649;border-radius:4px 4px 7px 7px;background:linear-gradient(#bacbcf,#d7e2dc 12%,#697f8a 18%,#a6b8be 42%,#536d7c 48%,#9cb4bd 80%,#445a67);box-shadow:inset 1px 0 0 #ebf5ee,inset -1px 0 0 #314c5c,0 2px 0 #152938,0 4px 5px #11263677;z-index:4}
.mechanics-kit-page .atelier-case .case-latch:before{content:'';position:absolute;inset:5px 18px 3px;border:1px solid #344d5c;border-radius:2px 2px 4px 4px;background:linear-gradient(#c4cecb,#6d858e);box-shadow:inset 0 1px 0 #e5eee8}
.mechanics-kit-page .atelier-case .case-latch:after{content:'';position:absolute;width:4px;height:4px;background:#334e60;border:1px solid #bdd0d3;border-radius:50%;top:7px;left:8px;box-shadow:45px 0 0 -1px #334e60,45px 0 0 0 #bdd0d3}
.mechanics-kit-page .atelier-case .case-hinge{position:absolute;top:-3px;width:60px;height:15px;border:1px solid #263e50;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 18px,#3a5368aa 18px 20px),linear-gradient(#4d6c83,#c2d7d8 30%,#718e9c 60%,#334f64);box-shadow:0 1px 1px #071e2e99;z-index:2;pointer-events:none}
.mechanics-kit-page .atelier-case .case-hinge-left{left:24%}.mechanics-kit-page .atelier-case .case-hinge-right{right:24%}
.mechanics-kit-page .atelier-case .case-shell-rib{position:absolute;top:28%;bottom:29%;width:4px;border:1px solid #99bed666;border-right-color:#162f47;background:#3b6a91;border-radius:3px;box-shadow:1px 0 1px #122c44;pointer-events:none}.mechanics-kit-page .atelier-case .case-shell-rib-left{left:6px}.mechanics-kit-page .atelier-case .case-shell-rib-right{right:6px}
.mechanics-kit-page .atelier-case .case-id-tag{background:linear-gradient(135deg,#e7d5a9,#c3ac79 50%,#dfc99c);color:#3f4b49;transform:rotate(-1deg);border:1px solid #74674a;border-radius:3px;box-shadow:inset 0 1px 0 #fff4ce,0 2px 2px #061724aa;padding:5px 14px;font-size:9px;letter-spacing:1.1px;text-shadow:0 1px #fff1c388}
.mechanics-kit-page .atelier-case .case-id-tag:before,.mechanics-kit-page .atelier-case .case-id-tag:after{content:'';position:absolute;top:50%;width:3px;height:3px;margin-top:-1px;border-radius:50%;background:#6b654f;box-shadow:0 1px #f5e4b2}.mechanics-kit-page .atelier-case .case-id-tag:before{left:5px}.mechanics-kit-page .atelier-case .case-id-tag:after{right:5px}
@media(prefers-reduced-motion:reduce){.mechanics-kit-page .atelier-case .apparatus-visual{transition:none}.mechanics-kit-page .atelier-case .apparatus-button:not(:disabled):hover .apparatus-visual{transform:none}}
/* Keep the optical badge centred after its material treatment. */
.mechanics-kit-page .atelier-case.mechanics-case-kit4 .case-id-tag-bottom-center{transform:translateX(-50%) rotate(-1deg)}