.mz-explorer{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding:clamp(20px,4vw,48px);border:1px solid var(--line-2);border-radius:20px;background:var(--paper,#fbf6ee)}
.mz-explorer-copy,.mz-explorer-preview{min-width:0}.mz-explorer h2{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12;margin:10px 0 18px}.mz-explorer p{line-height:1.7}
.mz-explorer-preview{align-self:center;text-align:center;border-radius:18px;padding:28px 16px;background:#211d18;color:#f4ece0}.mz-explorer-preview svg{max-width:100%;height:auto}.mz-explorer-preview time{display:block;font-size:.85rem;margin-top:20px}.mz-explorer-preview h3{font-family:var(--serif);font-size:1.7rem;margin:12px 0}.mz-explorer-preview p{margin:0;font-size:.9rem}
.mz-explorer-controls:not([hidden]){display:grid;gap:12px;margin:24px 0}.mz-explorer-controls label{font-weight:600}.mz-explorer-controls input{width:100%;min-height:44px;accent-color:var(--brand,#96672a)}.mz-explorer-controls .btn{justify-self:start}.mz-explorer input:focus-visible,.mz-explorer button:focus-visible{outline:3px solid #96672a;outline-offset:4px}
.mz-explorer-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:20px}.mz-explorer-links a{font-weight:600;text-underline-offset:4px}.mz-lunar-explanation{max-width:800px;margin:32px auto 0;line-height:1.75}.mz-lunar-explanation h2{font-family:var(--serif);font-size:1.8rem}.mz-lunar-explanation a{overflow-wrap:anywhere}
@media(max-width:760px){.mz-explorer{grid-template-columns:1fr}.mz-explorer-preview{padding:24px 16px}.mz-explorer-links{flex-direction:column}}