/* The cycle collection belongs to Move and starts as a small, closed invitation. */
.cycle-disclosure{margin-top:28px;border:1px solid var(--move-line);border-radius:4px;background:var(--move-sage);scroll-margin-top:110px}
.cycle-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;cursor:pointer;list-style:none;min-height:100px}
.cycle-disclosure>summary::-webkit-details-marker{display:none}
.cycle-disclosure>summary h2{font-size:38px;line-height:1.1;margin:7px 0 0}
.cycle-disclosure>summary p{margin:0}
.cycle-disclosure-icon{font:30px/1 Arial,sans-serif;flex:none;transition:transform .15s}
.cycle-disclosure[open] .cycle-disclosure-icon{transform:rotate(45deg)}
.cycle-disclosure-body{padding:0 28px 22px}
.cycle-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;border-top:1px solid var(--move-line);padding-top:26px}
.cycle-feature-copy>p{max-width:35ch;color:var(--move-muted);font-size:15px;line-height:1.7;margin:0 0 24px}
.cycle-feature .cycle-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--move-green);color:#fff;padding:13px 18px;min-height:48px;font-size:13px;text-decoration:none}
.cycle-feature .cycle-primary:hover{text-decoration:underline}
.cycle-art-stack{position:relative;width:min(100%,320px);aspect-ratio:1.35;margin:auto}
.cycle-art-stack img{position:absolute;display:block;width:44%;height:auto;border:4px solid #fff8ea;box-shadow:0 7px 18px #28352d24;aspect-ratio:2/3;object-fit:contain}
.cycle-art-stack img:nth-child(1){left:3%;top:8%;transform:rotate(-9deg)}
.cycle-art-stack img:nth-child(2){right:2%;top:7%;transform:rotate(8deg)}
.cycle-art-stack img:nth-child(3){left:28%;top:0;width:47%;transform:rotate(-1deg)}
.cycle-phase-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;border-top:1px solid var(--move-line);margin-top:23px;padding-top:10px}
.cycle-phase-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;text-decoration:none}
.cycle-phase-links a:hover{text-decoration:underline}
.cycle-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:#ad746e}
.cycle-dot.follicular{background:#7e946a}.cycle-dot.ovulatory{background:#bb994a}.cycle-dot.luteal{background:#947499}
.cycle-guide-page .cycle-main{max-width:1100px;margin:20px auto;padding:25px 42px 45px;background:var(--move-paper);font:14px/1.65 'DM Sans',sans-serif;color:var(--move-ink)}
.cycle-main *{box-sizing:border-box}.cycle-main [hidden]{display:none!important}
.cycle-main h1,.cycle-main h2,.cycle-main h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em}
.cycle-main .eyebrow{font:11px/1.5 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--move-green)}
.cycle-main a{color:inherit;text-underline-offset:4px}.cycle-main :is(a,button):focus-visible{outline:2px solid #98563e;outline-offset:4px}
.cycle-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;text-decoration:none}
.cycle-hero{text-align:center;max-width:660px;margin:16px auto 30px}
.cycle-hero h1{font-size:clamp(48px,6.5vw,76px);line-height:1.03;margin:16px 0 10px}
.cycle-hero h1 em{color:var(--move-green)}
.cycle-hero .cycle-subtitle{font:28px/1.3 'Instrument Serif',Georgia,serif;margin:0 0 15px}
.cycle-hero .cycle-intro{max-width:470px;margin:auto;font-size:14px;color:var(--move-muted)}
.cycle-overview-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;min-height:44px;margin-top:17px}
.cycle-phase-nav{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--move-line);padding:0!important;margin:0 0 32px;background:transparent!important;max-height:none!important;overflow:visible!important;gap:0!important;opacity:1!important;visibility:visible!important;transform:none!important}
.cycle-phase-nav a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;min-height:54px;font:14px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;border:0;border-bottom:2px solid transparent;color:var(--move-ink)}
.cycle-phase-nav a[aria-selected=true]{background:var(--move-sage);border-bottom-color:var(--move-green)}
.cycle-phase{scroll-margin-top:110px;padding-bottom:24px}.cycle-phase+.cycle-phase{margin-top:24px}
.cycle-phase-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:38px;align-items:start}
.cycle-phase-art{padding:22px;background:#efe0db;text-align:center;min-width:0}
.cycle-phase[data-phase=follicular] .cycle-phase-art{background:#e4eadc}.cycle-phase[data-phase=ovulatory] .cycle-phase-art{background:#f0e7cb}.cycle-phase[data-phase=luteal] .cycle-phase-art{background:#ebe1ec}
.cycle-phase-art>a{display:block;text-decoration:none}
.cycle-phase-art img{display:block;width:100%;max-width:390px;height:auto;aspect-ratio:2/3;object-fit:contain;margin:auto;box-shadow:0 8px 22px #28352d20}
.cycle-phase-art .cycle-enlarge{display:inline-flex;align-items:center;gap:8px;margin-top:13px;min-height:34px;font-size:12px}
.cycle-phase-copy{min-width:0;padding:8px 0}.cycle-phase-copy h2{font-size:46px;line-height:1.06;margin:10px 0 16px}.cycle-phase-description{font-size:14px;color:var(--move-muted);margin:0 0 22px}
.cycle-resource{border-top:1px solid var(--move-line);padding:17px 0 12px}
.cycle-resource .eyebrow{margin:0;font-size:10px}.cycle-resource h3{font-size:28px;line-height:1.15;margin:6px 0 10px}
.cycle-resource p:not(.eyebrow){font-size:12px;color:var(--move-muted);margin:0 0 6px}
.cycle-resource a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px}
.cycle-resource .mm-engage{display:block;margin-top:4px}
.cycle-reflection{margin-top:28px;padding:24px 28px;background:var(--move-sage);display:flex;align-items:center;gap:30px}
.cycle-reflection .eyebrow{max-width:130px;flex:none;margin:0}.cycle-reflection p:last-child{font:30px/1.25 'Instrument Serif',Georgia,serif;margin:0}
.cycle-main .cycle-timing-note{font-size:12px;color:var(--move-muted);margin:12px 0 0}
.cycle-guide-page .cycle-viewer-notes{margin:10px 20px 18px;padding:12px 0;border-block:1px solid var(--move-line)}
.cycle-viewer-notes summary{min-height:34px;cursor:pointer}.cycle-viewer-notes li{padding-bottom:8px}
.cycle-guide-page .cycle-viewer-description{margin:10px 20px;font-size:14px}
.cycle-viewer-back{display:block;margin:0 auto 20px;padding:12px 18px;background:var(--move-green);color:#fff;border:1px solid var(--move-green);min-height:44px;cursor:pointer}
@media(max-width:800px){.cycle-guide-page .cycle-main{margin:12px;padding:22px 24px 32px}.cycle-phase-layout{gap:25px}.cycle-phase-copy h2{font-size:38px}.cycle-phase-art{padding:16px}.cycle-resource h3{font-size:26px}.cycle-disclosure>summary{padding:21px 24px}.cycle-disclosure>summary h2{font-size:34px}.cycle-disclosure-body{padding:0 24px 20px}.cycle-feature{gap:20px}.cycle-feature-copy>p{font-size:14px}}
@media(max-width:600px){.cycle-feature{grid-template-columns:1fr;gap:26px}.cycle-art-stack{max-width:285px}.cycle-phase-links{display:grid;grid-template-columns:1fr 1fr}.cycle-disclosure>summary{padding:20px}.cycle-disclosure-body{padding:0 20px 16px}.cycle-guide-page .cycle-main{padding-inline:20px}.cycle-hero h1{font-size:53px}.cycle-hero .cycle-subtitle{font-size:25px}.cycle-phase-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}.cycle-phase-layout{grid-template-columns:1fr;gap:20px}.cycle-phase-art{max-width:390px;width:100%;margin:auto}.cycle-phase-copy h2{font-size:40px}.cycle-reflection{display:block;padding:21px}.cycle-reflection .eyebrow{max-width:none;margin-bottom:10px}.cycle-reflection p:last-child{font-size:28px}.cycle-main .cycle-timing-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cycle-disclosure-icon{transition:none}}
