/* v25: the material preview is a calm, independent scene. */
.eg-set-preview{position:relative;margin:2px 0 48px;padding:30px clamp(0px,2vw,28px) 30px;border-top:1px solid rgba(23,69,63,.13);border-bottom:1px solid rgba(23,69,63,.13);color:#17453F}
.eg-set-heading{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto}
.eg-set-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#95703A;margin:0 0 9px}
.eg-set-heading h3{font-family:Outfit,sans-serif;font-size:clamp(28px,3.2vw,42px);font-weight:600;line-height:1.08;letter-spacing:-.025em;margin:0}
.eg-set-example{font-size:13px;line-height:1.45;color:#5B7671;margin:9px 0 0}
.eg-set-pause{border:1px solid rgba(23,69,63,.18);border-radius:99px;min-height:44px;padding:10px 16px;display:flex;align-items:center;gap:8px;background:rgba(251,248,242,.8);color:#17453F;font:600 13px Figtree,sans-serif;cursor:pointer;flex:none;transition:background .2s}
.eg-set-pause:hover{background:#E1EAE5}.eg-set-pause:focus-visible{outline:3px solid #B57C1F;outline-offset:4px}.eg-set-pause span{font-size:13px;min-width:13px;text-align:center}
.eg-set-stage{position:relative;width:100%;max-width:1040px;height:300px;margin:2px auto 0;background:radial-gradient(ellipse at 50% 46%,rgba(255,253,248,.95),rgba(255,253,248,0) 69%)}
.eg-set-arc{position:absolute;width:90%;height:80%;left:5%;top:9%;color:rgba(181,124,31,.23);pointer-events:none}
.eg-set-canvas{position:absolute;inset:0}
.eg-set-canvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;pointer-events:none}
.eg-set-fallback{position:absolute;inset:40px 3% 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4%;transition:opacity .2s;pointer-events:none}
.eg-set-fallback svg{width:100%;height:170px;filter:drop-shadow(0 15px 8px rgba(82,58,26,.1))}.eg-set-fallback svg:nth-child(2){transform:translateY(-40px)}
.eg-set-ready .eg-set-fallback{visibility:hidden;opacity:0}.eg-set-no3d canvas{display:none}
.eg-set-parts{list-style:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1040px;margin:-8px auto 30px!important;padding:0!important;position:relative;z-index:2;text-align:center}
.eg-set-parts li{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;line-height:1.35}
.eg-set-number{font-size:10px;font-weight:700;letter-spacing:.12em;color:#A77D40;margin-bottom:3px}
.eg-set-parts strong{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(16px,1.65vw,21px);letter-spacing:-.015em}
.eg-set-parts li>span:last-child{font-size:13px;color:#5B7671}
.eg-set-included{display:flex;align-items:center;gap:14px;max-width:650px;margin:0 auto;padding:16px 19px;border-radius:20px;background:#E1EAE5;border:1px solid rgba(23,69,63,.06)}
.eg-set-play{width:38px;height:38px;border-radius:50%;background:#17453F;color:#F4EEE3;display:grid;place-items:center;flex:none;font-size:12px;padding-left:2px}
.eg-set-included strong{font-weight:700;font-size:15px;display:block}.eg-set-included div>span{display:block;color:#3D5E58;font-size:13px;line-height:1.4;margin-top:3px}
.eg-set-included-badge{margin-left:auto;align-self:center;background:#F4EEE3;color:#17453F;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.eg-set-notes{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;max-width:1040px;margin:24px auto 0;color:#5B7671;font-size:13px;line-height:1.6}.eg-set-notes p{margin:0}.eg-set-notes strong{color:#17453F;font-weight:600}
@media(max-width:700px){.eg-set-preview{padding:24px 0;margin-bottom:32px}.eg-set-heading{align-items:flex-start}.eg-set-kicker{font-size:9px;letter-spacing:.1em}.eg-set-heading h3{font-size:29px;max-width:250px}.eg-set-pause{padding:9px 11px;font-size:12px;gap:5px;margin-top:24px}.eg-set-example{font-size:12px}.eg-set-stage{height:230px;margin-top:4px;width:calc(100% + 16px);margin-left:-8px}.eg-set-arc{width:96%;left:2%;height:78%}.eg-set-parts{gap:9px;margin:-10px auto 23px!important}.eg-set-parts strong{font-size:15px;line-height:1.25}.eg-set-parts li>span:last-child{font-size:11px;line-height:1.4}.eg-set-number{font-size:9px}.eg-set-included{gap:11px;padding:14px 13px;border-radius:16px}.eg-set-included strong{font-size:14px}.eg-set-included div>span{font-size:12px}.eg-set-included-badge{display:none}.eg-set-play{width:33px;height:33px}.eg-set-notes{grid-template-columns:1fr;gap:8px;margin-top:18px;font-size:12px}.eg-set-fallback{inset:35px 0 0;gap:0}.eg-set-fallback svg{height:115px}.eg-set-fallback svg:nth-child(2){transform:translateY(-30px)}}
@media(prefers-reduced-motion:reduce){.eg-set-fallback,.eg-set-pause{transition:none}}