.challenge-moon{padding:40px 0;background:#f3f5f2;color:#102333;border-block:1px solid #dce3dc}
.challenge-moon h2 svg{width:30px;height:30px;vertical-align:middle;margin-right:12px;fill:none;stroke:currentColor;stroke-width:1.7}
.challenge-moon .challenge-section-head p{max-width:58ch}
.challenge-moon-switch{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.challenge-moon [hidden]{display:none!important}
.challenge-moon-switch button{font:inherit;font-weight:600;color:#12382b;background:#fff;border:1px solid #97afa1;border-radius:4px;padding:12px 18px;min-height:44px;cursor:pointer}
.challenge-moon-switch button[aria-pressed=true]{background:#12382b;color:#fff;border-color:#12382b}
.challenge-moon-switch button:focus-visible{outline:3px solid #bc7e14;outline-offset:3px}
.challenge-moon h3{font-size:25px;margin:24px 0 16px}
.challenge-moon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.challenge-moon-grid.is-area-reference{grid-template-columns:minmax(0,1fr)}
.challenge-moon-reference{color:#47594e;margin:0 0 14px}
.challenge-moon-card{background:#fff;border:1px solid #d8e0da;border-radius:6px;padding:22px;min-width:0}
.challenge-moon-card h4{font-size:25px;line-height:1.15;margin:0 0 8px}
.challenge-moon-card p,.challenge-moon-card dl{font-size:16px;line-height:1.55}
.challenge-moon-phase{color:#3e5b4b;margin:0 0 12px}
.challenge-moon-card dl{margin:0}
.challenge-moon-card dl div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid #e4e9e4}
.challenge-moon-card dt{color:#47594e;flex:0 0 42%}
.challenge-moon-card dd{margin:0;text-align:right;font-weight:600}
.challenge-moon-up strong{display:block;margin-bottom:4px}
.challenge-moon-card .challenge-moon-window{font-size:14px;color:#536055;margin:14px 0 0}
.challenge-moon-note{max-width:100ch;line-height:1.6;font-size:15px;color:#465449;margin:18px 0 0}
.is-area-reference .challenge-moon-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.is-area-reference .challenge-moon-card dl div{display:block}
.is-area-reference .challenge-moon-card dd{text-align:left;margin-top:4px}
@media(max-width:1000px){.challenge-moon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.challenge-moon-grid{grid-template-columns:1fr}.challenge-moon{padding:28px 0}.challenge-moon-card{padding:18px}.challenge-moon-switch button{flex:1;padding:12px}.challenge-moon .challenge-section-head{display:block}}
@media(max-width:620px){.is-area-reference .challenge-moon-card dl{display:block}.is-area-reference .challenge-moon-card dl div{display:flex}.is-area-reference .challenge-moon-card dd{text-align:right;margin-top:0}}