.moon-phases{margin:28px 0;padding:18px 14px;background:#f5f7fb;border:1px solid #dce2ec;border-radius:12px}
.moon-phases h2{font-size:18px;font-weight:750;line-height:1.4;margin:0 0 6px}
.moon-phases>div{font-size:14px;line-height:1.5;color:#4c596d;margin-bottom:16px}
.moon-phases ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:16px 10px;list-style:none;margin:0;padding:0}
.moon-phases li{text-align:center;font-size:14px;line-height:1.4;color:#24324a}
.moon-phases li svg{display:block;margin:0 auto 8px;max-width:100%;width:82px;height:82px}
.moon-phases li span{color:#536077}
.moon-phases figcaption{font-size:14px;line-height:1.6;color:#4c596d;margin-top:18px}
.moon-phases small{display:block;font-size:12px;margin-top:8px}