/* A separate reflective collection, alongside the menstrual-phase chapters. */
.cycle-hero-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 25px}
.moon-collection{border-top:3px double var(--move-line);padding-top:33px;margin-top:38px;scroll-margin-top:100px}
.moon-collection-heading{max-width:620px;margin-bottom:24px}
.moon-collection-heading h2{font-size:46px;line-height:1.08;margin:10px 0 14px}
.moon-collection-heading>p:last-child{font-size:14px;color:var(--move-muted);max-width:55ch}
.moon-collection-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:30px;align-items:start}
.moon-artwork{position:relative;width:100%;isolation:isolate}
.moon-artwork>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:1px solid #9a86594d}
.moon-hotspot{position:absolute;display:block;border:2px solid transparent;border-radius:14px;background:transparent;transition:background .18s,border-color .18s;min-width:44px;min-height:44px}
.moon-hotspot:hover{background:#fff6d826;border-color:#b6986655}
.moon-hotspot:focus-visible{outline:3px solid #4e6048;outline-offset:1px;background:#fff6d84d}
.moon-hotspot.is-selected{border-color:#75654280;box-shadow:0 0 0 3px #fff8e533}
.moon-hotspot[data-moon-choice=white]{left:29%;top:14%;width:42%;height:28%}
.moon-hotspot[data-moon-choice=pink]{left:66%;top:33%;width:29%;height:32%}
.moon-hotspot[data-moon-choice=red]{left:29%;top:63%;width:42%;height:28%}
.moon-hotspot[data-moon-choice=purple]{left:5%;top:33%;width:29%;height:32%}
.moon-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 8px}
.moon-choice-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--move-line);min-height:50px;text-decoration:none;font-size:12px;border-radius:3px}
.moon-choice-list a>span:last-child{font-size:11px;color:var(--move-muted)}
.moon-choice-list a.is-selected{background:var(--move-sage);border-color:var(--move-green)}
.moon-image-actions{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:8px}
.moon-image-actions a{font-size:12px;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.moon-description{--moon-accent:#7a7649;--moon-surface:#eee9da;background:var(--moon-surface);border-top:3px solid var(--moon-accent);padding:24px 25px;scroll-margin-top:105px}
.moon-description[data-moon-panel=pink]{--moon-accent:#975d62;--moon-surface:#f1e3df}
.moon-description[data-moon-panel=red]{--moon-accent:#9c4c43;--moon-surface:#efddd5}
.moon-description[data-moon-panel=purple]{--moon-accent:#7a5f85;--moon-surface:#eae2ec}
.moon-description h3{font-size:41px;line-height:1.05;margin:10px 0 13px}
.moon-description .eyebrow{color:var(--moon-accent);margin:0}
.moon-description .moon-timing{font-size:12px;line-height:1.55;padding-bottom:17px;margin:0 0 19px;border-bottom:1px solid #28352d2b}
.moon-description h4{font:500 11px/1.5 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em;margin:21px 0 7px}
.moon-description p{font-size:13px;line-height:1.7;margin:0}
.moon-description .moon-question{font:27px/1.25 'Instrument Serif',Georgia,serif;margin-top:6px}
.moon-sky-note{border-top:1px solid #28352d2b;margin-top:21px;padding-top:12px}
.moon-sky-note summary{font-size:12px;cursor:pointer;min-height:36px}
.moon-sky-note p{font-size:12px;margin-top:8px}.moon-sky-note a{display:inline-block;min-height:38px;font-size:11px;padding-top:9px}
.moon-framework-note{font-size:12px;color:var(--move-muted);line-height:1.65;margin:22px 0 0;max-width:85ch}
.moon-collection .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.moon-collection-layout{grid-template-columns:1fr;gap:24px}.moon-visual{max-width:610px;width:100%;margin:auto}.moon-collection-heading h2{font-size:38px}.moon-description{padding:24px}.moon-description h3{font-size:40px}}
@media(max-width:420px){.moon-choice-list a{padding:10px;gap:5px;flex-wrap:wrap}.moon-choice-list a>span:last-child{font-size:10px}.moon-collection-heading h2{font-size:35px}.moon-description{padding:20px}.moon-description h3{font-size:37px}.moon-hotspot{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.moon-hotspot{transition:none}}