/* Shared only by the two menopause care pages. Base tokens and buttons are the site’s. */
.meno { --meno-soft: #d4e5e9; --meno-muted: #425b64; --meno-accent: #0e685f; }
.meno .wrap { width: min(1112px, calc(100% - 48px)); }
.meno :is(h1,h2,h3,p) { margin: 0; }
.meno p { line-height: 1.65; }
.meno a:not(.primary) { text-underline-offset: .22em; }
.meno .eyebrow { margin: 0 0 12px; letter-spacing: .14em; }
.meno .meno-header { border-bottom: 1px solid var(--line); background: #071c29; }
.meno .header-inner { min-height: 70px; gap: 14px; }
.meno .header-inner > a, .meno .meno-lang { min-height: 44px; display: inline-flex; align-items: center; }
.meno .meno-lang { gap: 8px; color: #effafb; font-size: .92rem; font-weight: 700; }
.meno .meno-skip { position: absolute; left: 12px; top: 12px; z-index: 2; padding: 10px 14px; background: #fff; color: #06252a; transform: translateY(-200%); }
.meno .meno-skip:focus { transform: none; outline-color: #148179; }
.meno .meno-hero {
  padding: clamp(52px, 8vw, 110px) 0 clamp(54px, 7vw, 92px);
  background: radial-gradient(ellipse at 88% 13%, #143d46 0, transparent 54%), linear-gradient(136deg, #071b28 32%, #0b2c3a);
}
.meno .meno-hero-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr); align-items: center; gap: clamp(36px, 7vw, 98px); }
.meno .meno-hero h1, .meno h2 { font: 400 clamp(34px, 4.6vw, 55px)/1.04 var(--serif); letter-spacing: -.045em; text-wrap: balance; }
.meno .meno-hero h1 { font-size: clamp(44px, 6.45vw, 86px); }
.meno .meno-lead { margin-top: 23px; max-width: 53ch; color: var(--meno-soft); font-size: clamp(1rem, 1.6vw, 1.2rem); }
.meno .meno-jumps { display: flex; flex-wrap: wrap; gap: 0 22px; margin-top: 24px; }
.meno .meno-jumps a { color: #a4eee4; font-size: .91rem; font-weight: 700; padding: 11px 0; }
.meno .meno-offer {
  position: relative; isolation: isolate; overflow: hidden; min-width: 0;
  border: 1px solid #519b96; border-radius: 24px; padding: clamp(24px, 3.2vw, 40px);
  background: #0e3442; box-shadow: 0 24px 64px #030e1b66;
}
.meno .meno-offer::after {
  position: absolute; content: ""; z-index: -1; right: -154px; top: -147px; width: 320px; height: 320px; border-radius: 50%;
  background: repeating-radial-gradient(circle, transparent 0 14px, #9fe9d926 15px 16px, transparent 17px 22px);
  pointer-events: none;
}
.meno .meno-price { display: block; color: #fff7e5; font: 400 clamp(50px, 5.5vw, 72px)/1 var(--serif); letter-spacing: -.065em; }
.meno .meno-offer p:not(.eyebrow) { margin: 14px 0 20px; max-width: 42ch; color: #edf8fa; }
.meno .meno-offer .primary { width: 100%; text-align: center; }
.meno .meno-offer .meno-call { display: inline-block; margin-top: 10px; padding: 12px 0 3px; color: #b4f2e9; font-size: .91rem; font-weight: 750; }
.meno .meno-panel { background: var(--paper); color: var(--ink); padding: clamp(44px, 7vw, 86px) 0; }
.meno .meno-panel-alt { background: #f1eade; }
.meno .meno-panel .eyebrow, .meno .meno-panel a { color: var(--meno-accent); }
.meno .meno-panel :focus-visible { outline: 3px solid #0c675e; outline-offset: 5px; }
.meno .meno-panel h2 { max-width: 23ch; }
.meno .meno-panel h3 { font: 400 1.43rem/1.18 var(--serif); letter-spacing: -.018em; }
.meno .meno-panel h3 + p, .meno .meno-panel h2 + p { margin-top: 12px; }
.meno .meno-panel p { color: var(--meno-muted); }
.meno .meno-edu { display: grid; gap: clamp(22px, 3vw, 38px); grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 34px 0 24px; }
.meno .meno-edu article { border-top: 2px solid #578e80; padding-top: 17px; }
.meno .meno-panel .meno-care-note { border-left: 3px solid #11796d; background: #e8f0e7; color: #133d3c; padding: 14px 19px; border-radius: 0 9px 9px 0; }
.meno .meno-visit { display: grid; grid-template-columns: minmax(240px, .84fr) minmax(0, 1.16fr); gap: clamp(30px, 7vw, 88px); }
.meno .meno-provider { display: flex; align-items: center; gap: 16px; margin-top: 24px; max-width: 370px; }
.meno .meno-provider img { width: 76px; height: 90px; border-radius: 12px; object-fit: cover; object-position: center 22%; }
.meno .meno-visit-list { list-style: none; padding: 0; margin: 0; counter-reset: visit; }
.meno .meno-visit-list li { position: relative; padding: 16px 0 16px 49px; border-top: 1px solid #aab6ab; counter-increment: visit; }
.meno .meno-visit-list li::before { content: counter(visit, decimal-leading-zero); position: absolute; left: 0; top: 18px; color: var(--meno-accent); font-weight: 800; font-size: .88rem; }
.meno .meno-visit-list li:last-child { border-bottom: 1px solid #aab6ab; }
.meno .meno-more { display: inline-block; margin-top: 19px; padding: 8px 0; font-weight: 750; }
.meno .meno-faq { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(232px, .7fr); gap: clamp(32px, 7vw, 85px); }
.meno .meno-details { margin-top: 22px; }
.meno .meno-details details { border-top: 1px solid #b5c1b6; }
.meno .meno-details details:last-child { border-bottom: 1px solid #b5c1b6; }
.meno .meno-details summary { padding: 15px 6px 15px 0; color: #143c44; font-weight: 750; line-height: 1.45; cursor: pointer; }
.meno .meno-details details p { padding: 0 0 16px; }
.meno .meno-sources { align-self: start; border: 1px solid #c4cfc5; background: #fffdf7; border-radius: 16px; padding: 23px; }
.meno .meno-sources h2 { font-size: clamp(25px, 3vw, 33px); letter-spacing: -.03em; }
.meno .meno-sources ul { padding: 0 0 0 18px; margin: 14px 0 0; line-height: 1.55; }
.meno .meno-sources li + li { margin-top: 10px; }
.meno .meno-closing { padding: clamp(44px, 7vw, 80px) 0; background: #123e45; }
.meno .meno-closing p { margin-top: 16px; max-width: 62ch; color: #e4f6f5; }
.meno .meno-closing .meno-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 23px; margin: 21px 0; }
.meno .meno-closing .meno-call { color: #cefff4; font-weight: 750; padding: 12px 0; }
.meno .meno-closing .meno-general { font-size: .91rem; }
.meno footer .footer-top { align-items: flex-start; }
.meno footer :is(.footer-note,.footer-links a) { color: #c0d2d8; font-size: .87rem; }
.meno footer .footer-links a { text-decoration: underline; }
.meno footer .footer-note { margin-top: 15px; }
@media (max-width: 760px) {
  .meno .wrap { width: calc(100% - 36px); }
  .meno :is(.meno-hero-grid,.meno-visit,.meno-faq) { grid-template-columns: 1fr; }
  .meno .meno-edu { grid-template-columns: 1fr; }
  .meno .meno-hero { padding-block: 38px 48px; }
  .meno .meno-hero-grid { gap: 26px; }
  .meno .meno-hero h1 { font-size: clamp(35px, 9.6vw, 58px); }
  .meno .meno-lead { margin-top: 17px; }
  .meno .meno-jumps { display: none; }
  .meno .meno-offer { max-width: 450px; }
  .meno footer .footer-top { flex-direction: column; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.meno) { scroll-behavior: auto; }
  .meno .primary { transition: none; }
}