.eclipse-info{border:0;padding:0;width:min(820px,calc(100% - 24px));max-height:90svh;overflow-y:auto;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
.eclipse-info::backdrop{background:rgba(14,19,15,.72)}
.eclipse-info .menu-modal__header{position:sticky;top:0;z-index:2}
.eclipse-info .menu-modal__header h2{font-size:clamp(2rem,5vw,3.2rem)}
.eclipse-info .menu-modal__header span{font-size:clamp(1.2rem,3vw,1.8rem)}
.eclipse-info-body{padding:clamp(18px,4vw,36px);line-height:1.7}
.eclipse-info-body h3{color:var(--sage);margin:1.6rem 0 .5rem;font-size:1.25rem}
.eclipse-info-body p{margin:.6rem 0}
.eclipse-demo{margin:1.4rem 0;padding:16px;border-radius:12px;background:#171d24;color:#fff8e7}
.eclipse-demo svg{width:100%;height:auto;max-height:260px}
.eclipse-demo label{display:block}
.eclipse-demo input{width:100%;accent-color:#e9bb58;cursor:pointer}
.eclipse-demo small{display:block;color:#d5dce3}
.eclipse-demo button{margin-top:12px;color:#fff8e7;border-color:#a9ad9c;cursor:pointer}
.eclipse-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0;text-align:center}
.eclipse-orb{display:block;width:48px;height:48px;border-radius:50%;margin:0 auto 8px}
.eclipse-orb--sun{background:#e7ac32;box-shadow:0 0 12px #efd58e}
.eclipse-orb--moon{background:#777f86}
.eclipse-orb--earth{background:radial-gradient(ellipse at 35% 40%,#72a47c 0 30%,#477d9a 32%)}
.eclipse-meeting,.eclipse-safety{margin:1.2rem 0;padding:18px;background:var(--cream);border-left:3px solid var(--sage)}
.eclipse-sources{margin-top:24px;font-size:.85rem;color:var(--muted)}
.eclipse-info a{text-decoration:underline;text-underline-offset:3px}
.eclipse-info a.button{text-decoration:none;margin-top:10px}
body:has(#eclipse-info[open]){overflow:hidden}