.tonights-moon{color:#f8efd9;max-width:1060px;margin:auto;padding:24px clamp(16px,4vw,44px);font-size:16px;line-height:1.6}.tonight-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tonight-header>a{font-weight:800}.tonight-header nav{gap:18px;display:flex}.tonight-header nav a{padding-block:10px}.tonight-header [aria-current=page]{color:#f5cc7f;text-underline-offset:5px;text-decoration:underline}.tonight-title{margin:26px 0 8px}.tonight-title h1{font-family:var(--font-hand), cursive;font-size:clamp(42px,6vw,64px);line-height:1.1}.tonight-current{grid-template-columns:minmax(260px,.9fr) 1.1fr;align-items:center;gap:30px;padding-block:18px 28px;display:grid}.tonight-current figure{text-align:center;margin:0}.tonight-current canvas{max-width:100%;height:auto;margin:auto}.tonight-current figcaption{color:#d7e2de;max-width:350px;margin:auto;font-size:14px}.tonights-moon h2{font-family:var(--font-hand), cursive;font-size:32px;line-height:1.2}.tonight-eyebrow{letter-spacing:.03em;color:#f5cc7f;margin-bottom:8px;font-size:14px;font-weight:800}.tonight-fraction{margin:14px 0}.tonight-fraction strong{color:#f5cc7f;font-size:28px}.tonight-explanation{font-size:18px}.tonight-time{color:#d7e2de;margin-top:16px;font-size:14px}.tonight-challenge{color:#293e46;background:#fbefd3;border-radius:18px 12px 20px 10px;padding:clamp(20px,4vw,32px)}.tonight-challenge .tonight-eyebrow{color:#655128}.tonight-challenge p{margin:12px 0}.tonight-challenge aside{background:#f0dfba;border-left:3px solid #9e6340;border-radius:4px;padding:14px 18px}.tonight-visibility{margin:28px 0}.tonight-visibility p{margin:14px 0}.tonight-visibility a,.tonight-method a,.tonights-moon footer a{color:#f5cc7f;text-underline-offset:4px;text-decoration:underline}.tonight-method{border-block:1px solid #b8c8bf66;padding:8px 0 16px}.tonight-method summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700}.tonight-method summary:focus-visible{outline-offset:3px;outline:3px dashed #efbb54}.tonight-method p{margin-bottom:12px}.tonights-moon footer{margin-top:24px}@media (max-width:640px){.tonight-current{grid-template-columns:1fr;gap:22px}.tonight-current figure{order:1}.tonight-current>div{order:0}}
