.mh-discovery{padding:clamp(16px,4vw,30px);max-width:800px;margin:auto;background:#fffdf5;border-radius:26px;color:#173d40;font-family:inherit}.mh-discovery *{box-sizing:border-box}.mh-discovery h2{font-size:clamp(25px,5vw,34px);line-height:1.15;margin:16px 0 12px}.md-top,.md-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.md-top{justify-content:space-between}.md-eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:900}.md-button{min-height:48px;padding:11px 15px;border:2px solid transparent;border-radius:13px;background:#eaf0e3;color:#173d40;font:inherit;font-weight:800;cursor:pointer;touch-action:manipulation}.md-button:focus-visible{outline:3px solid #075ac1;outline-offset:3px}.md-button:disabled{cursor:default}.md-button:not(.md-card):disabled{opacity:.55}.md-prompt{font-size:17px;line-height:1.5}.md-note{font-size:13px;line-height:1.5;color:#496361}.md-scene{padding:16px;background:#e3f0e9;border:2px solid #bed6cb;border-radius:20px;margin:16px 0}.md-solved{border-color:#2d8551;background:#e0f2ce}.md-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.md-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 8px;min-width:0;background:#fffcf0;border-color:#d1d8c4;box-shadow:0 3px 0 #bcc9b8;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.md-card.md-selected{border-color:#157c99;background:#e0f7ff;box-shadow:0 0 0 3px #7bc7df}.md-date{display:block;color:#725031;background:#f6e5bc;padding:5px 7px;border-radius:7px;font-size:12px}.md-trays{display:grid;grid-template-columns:1fr 1fr;gap:12px}.md-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.md-timeline:has(>.md-destination:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.md-destination{border:2px dashed #7c9c88;border-radius:15px;background:#d4e7d8;padding:8px;min-height:140px;display:flex;flex-direction:column;gap:10px}.md-trays .md-destination:nth-child(2){background:#dbe9ee;border-color:#88a2b1}.md-place{width:100%;background:#fff9e8;font-size:13px;padding:9px 6px;opacity:1!important}.md-place:not(:disabled){background:#185b67;color:white}.md-empty{display:block;text-align:center;font-size:12px;line-height:1.5;color:#526f63;padding:10px 2px}.md-feedback{background:#f4e8c9;border-radius:13px;padding:14px;line-height:1.5;min-height:66px;font-size:15px}.md-primary{background:#225e46;color:white;flex:1;box-shadow:0 4px 0 #123f2d}.md-lab{position:relative;height:155px;background:linear-gradient(#d3eaf0 75%,#c4ad82 75%,#ae966e 79%);border-radius:14px;overflow:hidden;padding:12px}.md-magnet{width:70px;height:66px;border:15px solid #d8544b;border-top:0;border-radius:0 0 30px 30px;margin:0 auto;color:#183c56;font-size:11px;font-weight:900;text-align:center;white-space:pre;line-height:12px}.md-result{position:absolute;bottom:4px;left:5px;right:5px;text-align:center;font-size:12px;font-weight:800;margin:0;color:#173d40}.md-specimen{position:absolute;top:80px;left:calc(50% + 40px);transform:scale(.65)}.md-attracted{animation:md-stick .7s ease-out both}.md-dropped{animation:md-drop .7s ease-out both}.md-object{display:block;width:44px;height:44px;position:relative;flex-shrink:0}.md-object-nail:before,.md-object-bolt:before{content:'';position:absolute;left:19px;top:5px;width:8px;height:37px;background:#728f9d;border:2px solid #405e70;transform:rotate(25deg)}.md-object-nail:after,.md-object-bolt:after{content:'';position:absolute;left:15px;top:3px;width:19px;height:8px;background:#728f9d;border:2px solid #405e70;transform:rotate(25deg)}.md-object-bolt:before{background:repeating-linear-gradient(#728f9d 0 4px,#405e70 4px 6px)}.md-object-clip:before,.md-object-wire:before{content:'';position:absolute;inset:4px 9px;border:5px solid #778f9b;border-radius:20px;transform:rotate(25deg)}.md-object-wire:before{border-color:#b57039;border-radius:12px 20px 8px 13px;transform:rotate(-30deg)}.md-object-wood{background:repeating-linear-gradient(8deg,#c59152 0 8px,#b88041 8px 10px);border:3px solid #926735;border-radius:5px;transform:rotate(-7deg)}.md-object-button{border-radius:50%;border:5px solid #8959bc;background:radial-gradient(circle at 35% 45%,#452b6a 0 3px,transparent 4px),radial-gradient(circle at 65% 45%,#452b6a 0 3px,#bc93de 4px)}.md-object-paper,.md-object-foil{background:repeating-linear-gradient(#fffdf2 0 10px,#c4d5d6 10px 12px);border:2px solid #c2c8b9;transform:rotate(8deg);border-radius:2px}.md-object-foil{background:conic-gradient(from 40deg,#a4b9c7,#e8f3f7,#8da6b6,#d1e0e8,#a4b9c7);border-color:#8da6b6}.md-object-baby{border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 30%,#bc875d 0 12px,transparent 13px),linear-gradient(transparent 40%,#ebac9c 40%)}.md-object-steps:before,.md-object-steps:after{content:'';position:absolute;width:15px;height:28px;border-radius:10px;background:#bf8352;transform:rotate(-20deg);left:3px;top:2px}.md-object-steps:after{left:24px;top:14px;transform:rotate(15deg)}.md-object-school,.md-object-building{background:linear-gradient(90deg,transparent 40%,#507a8a 40% 60%,transparent 60%),#dfa96b;border:3px solid #b38050;margin-top:6px;height:38px}.md-object-school:before,.md-object-building:before{content:'';position:absolute;width:34px;height:25px;left:2px;top:-13px;background:#d57157;clip-path:polygon(50% 0,100% 100%,0 100%)}.md-object-seed{width:23px;height:31px;border-radius:50%;background:#9c6938;transform:rotate(25deg);margin:6px 10px}.md-object-sprout,.md-object-leaves,.md-object-flower{border-bottom:8px solid #a87c50}.md-object-sprout:before,.md-object-leaves:before,.md-object-flower:before{content:'';position:absolute;left:21px;bottom:0;height:28px;width:5px;background:#4a9153}.md-object-sprout:after,.md-object-leaves:after,.md-object-flower:after{content:'';position:absolute;left:7px;top:9px;width:20px;height:12px;background:#6aa655;border-radius:0 15px;transform:rotate(10deg)}.md-object-leaves:after{box-shadow:12px -7px 0 #4a9153}.md-object-flower:after{width:25px;height:25px;left:11px;top:0;border:7px solid #d9788f;background:#f4d074;border-radius:50%}.md-object-flag{border-left:4px solid #536c79;background:repeating-linear-gradient(#dd7667 0 4px,#fff8df 4px 8px);height:30px;margin-bottom:14px}.md-object-flag:after{content:'';position:absolute;width:15px;height:15px;top:0;left:0;background:#486892}.md-object-book{border:3px solid #64778e;border-left:7px solid #46566f;border-radius:2px 5px 5px 2px;background:repeating-linear-gradient(#e5d69e 0 9px,#f8edc5 9px 12px)}@keyframes md-stick{from{transform:translate(0,20px) scale(.65)}to{transform:translate(-42px,-38px) scale(.65)}}@keyframes md-drop{from{transform:translate(0,-35px) scale(.65)}to{transform:translate(0,2px) scale(.65)}}@media(max-width:520px){.md-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.md-timeline,.md-timeline:has(>.md-destination:nth-child(4)){grid-template-columns:1fr}.md-timeline .md-destination{min-height:86px;display:grid;grid-template-columns:90px 1fr;align-items:center}.md-timeline .md-card{display:grid;grid-template-columns:44px 1fr;text-align:left}.md-timeline .md-date{grid-column:2}.md-tools>.md-primary{flex-basis:100%}.md-scene{padding:10px}.md-trays{gap:8px}.md-destination{padding:6px}.md-tools>.md-button{font-size:13px;flex-grow:1}}@media(prefers-reduced-motion:reduce){.md-attracted,.md-dropped{animation:none}.md-attracted{transform:translate(-42px,-38px) scale(.65)}}

.md-circuit{border:5px solid #586d70;border-radius:18px;padding:22px 14px;font-weight:900;color:#586d70;background:#dce8e3;letter-spacing:.08em;box-shadow:inset 0 0 0 5px #f3f8ed}.md-circuit.md-powered{background:#ffe396;color:#765822;box-shadow:0 0 24px #ffd25b99,inset 0 0 0 5px #fff5ce}

.md-circuit{display:flex;align-items:center;gap:0;min-width:220px}.md-battery{position:relative;border-radius:6px;background:linear-gradient(90deg,#e5a352 50%,#48586b 50%);color:white;padding:12px 9px;white-space:pre;letter-spacing:12px}.md-battery:after{content:"";position:absolute;width:5px;height:14px;background:#536172;right:-5px;top:14px}.md-circuit-wire{height:5px;background:#5c897b;width:50px}.md-bulb{position:relative;width:40px;height:40px;border:4px solid #687f83;border-radius:50%;background:#b2c5c1}.md-bulb:after{content:"";position:absolute;width:20px;height:12px;bottom:-12px;left:6px;border-radius:0 0 4px 4px;background:#687f83}.md-powered .md-bulb{background:#ffdc54;border-color:#d49f2d;box-shadow:0 0 20px 8px #ffe487}

.md-feedback{margin:16px 0}
