/* Rethink Menopause component styles (rm- classes), from the design system bundle.css.
   Reads the token variables in tokens.css. Apply in Elementor via Advanced > CSS Classes.
   Fonts are self-hosted (theme.json). Component selectors are prefixed with body.rm (specificity 0,2,1)
   so they beat Elementor's atomic base styles (.elementor .e-flexbox-base etc., 0,2,0). The design system is
   authoritative for the properties these classes set; Elementor style controls still work for anything else. Base resets use :where(). */

.rm, body.rm *, body.rm *::before, body.rm *::after { box-sizing: border-box; }
.rm { font-family: var(--font-sans); color: var(--ink-body); background: var(--page); -webkit-font-smoothing: antialiased; }
.rm :where(a) { color: var(--slate); text-decoration: underline; text-decoration-color: var(--sage); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.rm :where(a:hover) { color: var(--ink); text-decoration-color: var(--slate); }
body.rm :focus-visible { outline: 2px solid var(--slate); outline-offset: 2px; }
body.rm .rm-on-dark :focus-visible { outline-color: var(--on-dark); }
.rm :where(h1, h2, h3, h4, h5, h6) { font-family: var(--font-display); font-weight: 600; margin: 0; color: var(--ink); text-wrap: balance; letter-spacing: -0.005em; }
.rm :where(p) { margin: 0 0 1em; }
.rm :where(p:last-child) { margin-bottom: 0; }
body.rm .rm-eyebrow { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--slate); }
body.rm .rm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Links that are whole components drop the underline */
body.rm .rm-btn, body.rm .rm-chip, body.rm .rm-nav a, body.rm .rm-card, body.rm .rm-tile, body.rm .rm-post-card, body.rm .rm-subnav a, body.rm .rm-sidenav a, body.rm .rm-dropdown a, body.rm .rm-fab, body.rm .rm-arrow-link, body.rm .rm-footer a, body.rm .rm-utility a, body.rm .rm-logo { text-decoration: none; }

/* Logo */
body.rm .rm-logo { display: inline-flex; align-items: center; }
body.rm .rm-logo img { display: block; width: clamp(150px, 20vw, 240px); height: auto; }

/* Buttons: rounded rectangles */
body.rm .rm-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--touch-min); padding: var(--space-3) var(--space-5); border: 2px solid transparent; border-radius: var(--radius-btn); font: inherit; font-size: 15px; line-height: 20px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: background-color .15s, color .15s, border-color .15s; }
body.rm a.rm-btn--primary, body.rm .rm-btn--primary { background: var(--amber); color: var(--on-amber); }
body.rm a.rm-btn--primary:hover, body.rm .rm-btn--primary:hover { background: var(--amber-deep); color: var(--on-amber); }
body.rm a.rm-btn--outline, body.rm .rm-btn--outline { background: transparent; border-color: var(--slate); color: var(--slate); }
body.rm a.rm-btn--outline:hover, body.rm .rm-btn--outline:hover { background: var(--slate); color: var(--on-dark); }
body.rm a.rm-btn--slate, body.rm .rm-btn--slate { background: var(--slate); color: var(--on-dark); }
body.rm a.rm-btn--slate:hover, body.rm .rm-btn--slate:hover { background: var(--slate-deep); color: var(--on-dark); }
body.rm .rm-btn--lg { padding: var(--space-4) var(--space-6); font-size: 16px; }
body.rm .rm-btn svg { width: 20px; height: 20px; flex-shrink: 0; }
body.rm .rm-arrow-link { font-size: 15px; line-height: 20px; font-weight: 700; display: inline-flex; min-height: var(--touch-min); align-items: center; color: var(--slate); }
body.rm .rm-arrow-link::after { content: " →"; white-space: pre; }

/* Chips (pills) */
body.rm .rm-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; }
body.rm .rm-chips__label { font-size: 14px; font-weight: 700; color: var(--ink-muted); margin-right: var(--space-1); }
body.rm .rm-chip { display: inline-flex; align-items: center; min-height: 40px; padding: var(--space-2) 18px; border-radius: var(--radius-pill); background: var(--sage-light); color: var(--ink); font-size: 14px; line-height: 20px; font-weight: 600; border: 0; font-family: inherit; cursor: pointer; }
body.rm a.rm-chip:hover, body.rm .rm-chip:hover { background: var(--sage); color: var(--ink); }
body.rm .rm-chip--on-alt { background: var(--surface); border: 1px solid var(--line); font-size: 13px; padding: var(--space-2) 14px; min-height: 36px; }
body.rm .rm-chip--outline { background: var(--surface); border: 1px solid var(--line-control); min-height: var(--touch-min); font-size: 15px; }
body.rm .rm-chip[aria-pressed="true"], body.rm .rm-chip.is-selected { background: var(--slate); color: var(--on-dark); border-color: var(--slate); }

/* Header */
body.rm .rm-header { height: var(--header-height); padding: 0 var(--space-9); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); background: var(--surface); border-bottom: 1px solid var(--line); }
body.rm .rm-wordmark { font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 600; color: var(--slate); white-space: nowrap; }
body.rm .rm-nav { display: flex; gap: 6px; align-items: center; }
body.rm .rm-nav a, body.rm .rm-nav button { display: inline-flex; align-items: center; gap: 6px; padding: var(--space-2) 14px; min-height: 40px; border-radius: var(--radius-pill); font: inherit; font-size: 15px; line-height: 20px; font-weight: 600; color: var(--slate); background: none; border: 0; cursor: pointer; white-space: nowrap; }
body.rm .rm-nav a:hover, body.rm .rm-nav button:hover, body.rm .rm-nav [aria-current="page"] { background: var(--sage-light); color: var(--ink); }
body.rm .rm-nav .rm-caret { width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
body.rm .rm-nav [aria-expanded="true"] .rm-caret { transform: translateY(1px) rotate(-135deg); }
body.rm .rm-dropdown { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-xl); box-shadow: var(--shadow-float); padding: var(--space-2); display: flex; flex-direction: column; min-width: 240px; }
body.rm .rm-dropdown a { padding: 10px 14px; border-radius: var(--radius-btn); font-size: 15px; font-weight: 600; color: var(--ink); }
body.rm .rm-dropdown a:hover { background: var(--sage-light); color: var(--ink); }
body.rm .rm-icon-btn { width: var(--touch-min); height: var(--touch-min); border-radius: var(--radius-btn); border: 0; background: var(--sage-light); color: var(--slate); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
body.rm .rm-icon-btn--solid { background: var(--slate); color: var(--on-dark); }
body.rm .rm-icon-btn svg { width: 20px; height: 20px; }

/* Utility bar (sage, dark text) */
body.rm .rm-utility { min-height: var(--utility-height); padding: 0 var(--space-9); background: var(--sage); color: var(--ink); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); font-size: 14px; line-height: 20px; }
body.rm .rm-utility__trust { display: flex; gap: var(--space-6); }
body.rm .rm-utility__trust strong { font-weight: 700; }
body.rm .rm-utility nav { display: flex; gap: 22px; font-weight: 600; }
body.rm .rm-utility a { color: var(--ink); }
body.rm .rm-utility a:hover, body.rm .rm-utility a.is-cta { text-decoration: underline; text-decoration-color: var(--ink); }

/* Sub-nav (on this page) */
body.rm .rm-subnav { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-pill); box-shadow: var(--shadow-card); padding: 6px; display: flex; gap: var(--space-1); align-items: center; overflow-x: auto; scrollbar-width: none; }
body.rm .rm-subnav a { padding: 10px var(--space-5); border-radius: var(--radius-pill); font-size: 15px; line-height: 20px; font-weight: 600; white-space: nowrap; color: var(--slate); }
body.rm .rm-subnav a:hover { background: var(--sage-light); color: var(--ink); }
body.rm .rm-subnav a[aria-current="true"] { background: var(--slate); color: var(--on-dark); }
body.rm .rm-subnav .rm-subnav__cta { margin-left: auto; background: var(--amber); color: var(--on-amber); font-weight: 700; }
body.rm .rm-subnav .rm-subnav__cta:hover { background: var(--amber-deep); color: var(--on-amber); }

/* Breadcrumb + article header */
body.rm .rm-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-2); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--slate); } /* 29 Oct: match .rm-eyebrow (all caps) */
body.rm .rm-breadcrumb li + li::before { content: "/"; margin-right: var(--space-2); color: var(--line-control); }
body.rm .rm-article-head { display: flex; flex-direction: column; gap: var(--space-4); max-width: var(--measure); }
body.rm .rm-article-head h1 { font-size: 40px; line-height: 46px; }
body.rm .rm-meta { font-size: 14px; line-height: 20px; color: var(--ink-muted); }
body.rm .rm-media { border-radius: var(--radius-md); background: var(--sage-light); overflow: hidden; display: block; width: 100%; }
body.rm .rm-media img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Cards: white, bordered */
body.rm .rm-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-xl); padding: var(--pad-card); box-shadow: var(--shadow-card); display: flex; flex-direction: column; gap: 10px; color: var(--ink); }
body.rm a.rm-card { color: var(--ink); transition: transform .15s, box-shadow .15s, border-color .15s; }
body.rm a.rm-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-float); border-color: var(--sage); color: var(--ink); }
body.rm .rm-card__icon { width: 44px; height: 44px; border-radius: var(--radius-btn); background: var(--sage-light); color: var(--slate); display: flex; align-items: center; justify-content: center; }
body.rm .rm-card__icon svg { width: 22px; height: 22px; }
body.rm .rm-card__title { font-family: var(--font-display); font-size: 21px; line-height: 27px; font-weight: 600; color: var(--ink); }
body.rm .rm-card__text { font-size: 15px; line-height: 22px; color: var(--ink-muted); }
body.rm .rm-card__link { font-size: 14px; line-height: 20px; font-weight: 700; color: var(--slate); margin-top: auto; }
body.rm .rm-card--featured, body.rm a.rm-card--featured { background: var(--sage); border-color: var(--sage); box-shadow: none; color: var(--ink); }
body.rm .rm-card--featured .rm-card__icon { background: var(--surface); color: var(--slate); }
body.rm .rm-card--featured .rm-card__text, body.rm .rm-card--featured .rm-card__link { color: var(--ink); }
body.rm .rm-card--featured .rm-eyebrow { color: var(--ink); } /* slate on sage is 2.6:1; ink passes */
body.rm .rm-card--alt { background: var(--surface-alt); border-color: var(--surface-alt); box-shadow: none; }
body.rm .rm-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }

/* Topic tile (image + fade) */
body.rm .rm-tile { position: relative; display: flex; align-items: flex-end; aspect-ratio: 4 / 3; max-width: 100%; border-radius: var(--radius-md); overflow: hidden; background: var(--slate); isolation: isolate; transition: transform .2s, box-shadow .2s; }
body.rm .rm-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .4s; }
body.rm .rm-tile::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 65%); }
body.rm .rm-tile__title { font-family: var(--font-display); font-size: 21px; line-height: 27px; font-weight: 600; color: var(--on-dark); padding: var(--space-5) var(--space-4); }
body.rm a.rm-tile:hover { transform: translateY(-2px); box-shadow: var(--shadow-float); }
body.rm a.rm-tile:hover img { transform: scale(1.04); }

/* Post card (Keep reading) */
body.rm .rm-post-card { display: flex; flex-direction: column; gap: 10px; }
body.rm a.rm-post-card { color: var(--ink); }
body.rm .rm-post-card .rm-media { aspect-ratio: 16 / 10; }
body.rm .rm-post-card__topic { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--slate); }
body.rm .rm-post-card__title { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; }
body.rm a.rm-post-card:hover .rm-post-card__title { text-decoration: underline; text-decoration-color: var(--sage); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Contents box */
body.rm .rm-toc { background: var(--surface-alt); border-radius: var(--radius-xl); padding: var(--pad-card); display: flex; flex-direction: column; gap: 10px; }
body.rm .rm-toc__title { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ink); }
body.rm .rm-toc ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 28px; counter-reset: toc; }
body.rm .rm-toc li { counter-increment: toc; break-inside: avoid; padding: 4px 0; font-size: 15px; line-height: 22px; font-weight: 600; }
body.rm .rm-toc li a::before { content: counter(toc) ". "; }

/* Booking panel (sage) */
body.rm .rm-cta { background: var(--sage); color: var(--ink); border-radius: var(--radius-xl); padding: var(--pad-card); display: flex; flex-direction: column; gap: var(--space-3); }
body.rm .rm-cta .rm-eyebrow { color: var(--ink); }
body.rm .rm-cta__title { font-family: var(--font-display); font-size: 21px; line-height: 27px; font-weight: 600; color: var(--ink); }
body.rm .rm-cta__text { font-size: 15px; line-height: 22px; color: var(--ink); }
body.rm .rm-cta .rm-btn { align-self: flex-start; }
body.rm .rm-author-cta { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-xl); padding: var(--pad-card); box-shadow: var(--shadow-card); display: flex; gap: var(--space-6); align-items: center; }
body.rm .rm-author-cta__photo { width: 88px; height: 88px; border-radius: 50%; background: var(--sage-light); flex-shrink: 0; overflow: hidden; box-shadow: 0 0 0 4px var(--sage); }
body.rm .rm-author-cta__photo img { width: 100%; height: 100%; object-fit: cover; }
body.rm .rm-author-cta__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }

/* Side panels */
body.rm .rm-panel { border-radius: var(--radius-xl); padding: var(--pad-card); display: flex; flex-direction: column; gap: var(--space-3); background: var(--surface); border: 1px solid var(--line); }
body.rm .rm-panel--alt { background: var(--surface-alt); border-color: var(--surface-alt); }
body.rm .rm-panel__title { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 600; color: var(--ink); }
body.rm .rm-panel__link { font-size: 15px; line-height: 21px; font-weight: 600; }

/* Newsletter */
body.rm .rm-signup { background: var(--surface-alt); border-radius: var(--radius-xl); padding: var(--pad-band); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); flex-wrap: wrap; }
body.rm .rm-signup__copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
body.rm .rm-signup__form { display: flex; gap: 10px; flex-wrap: wrap; }
body.rm .rm-input { height: 48px; min-width: 0; width: 260px; max-width: 100%; border: 1px solid var(--line-control); border-radius: var(--radius-btn); padding: 0 16px; font: inherit; font-size: 15px; color: var(--ink); background: var(--surface); }
body.rm .rm-input::placeholder { color: var(--ink-muted); }
body.rm .rm-input:focus-visible { outline: 2px solid var(--slate); outline-offset: 1px; border-color: var(--slate); }
body.rm .rm-input[aria-invalid="true"] { border-color: var(--error); }
body.rm .rm-field-error { font-size: 14px; line-height: 20px; color: var(--error); font-weight: 600; }

/* Floating book button */
body.rm .rm-fab-wrap { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-3); }
body.rm a.rm-fab, body.rm .rm-fab { display: inline-flex; align-items: center; gap: 10px; background: var(--amber); color: var(--on-amber); font-weight: 700; font-size: 16px; padding: var(--space-4) var(--space-6); border-radius: var(--radius-xl); box-shadow: var(--shadow-fab); border: 0; font-family: inherit; cursor: pointer; }
body.rm .rm-fab:hover { background: var(--amber-deep); color: var(--on-amber); }
body.rm .rm-fab svg { width: 20px; height: 20px; }
body.rm .rm-quick { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-xl); padding: 14px 18px; box-shadow: var(--shadow-float); display: flex; flex-direction: column; gap: var(--space-2); width: 220px; font-size: 14px; font-weight: 600; }

/* Steps */
body.rm .rm-steps { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: step; }
body.rm .rm-steps li { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-xl); padding: var(--pad-card); display: flex; flex-direction: column; gap: var(--space-2); }
body.rm .rm-steps__num { width: 36px; height: 36px; border-radius: var(--radius-btn); background: var(--sage); color: var(--ink); display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 600; font-size: 17px; }
body.rm .rm-steps__title { font-family: var(--font-display); font-weight: 600; font-size: 17px; line-height: 23px; color: var(--ink); }
body.rm .rm-steps__text { font-size: 14px; line-height: 21px; color: var(--ink-muted); }

/* Reading path */
body.rm .rm-path { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-4); }
body.rm .rm-path li { display: flex; flex-direction: column; gap: var(--space-3); }
body.rm .rm-path__bar { height: 6px; border-radius: var(--radius-pill); background: var(--line-strong); }
body.rm .rm-path .is-done .rm-path__bar { background: var(--slate); }
body.rm .rm-path__card { min-height: 170px; }
body.rm .rm-path__part { font-size: 13px; line-height: 18px; font-weight: 700; color: var(--ink-muted); }
body.rm .rm-path .is-done .rm-path__part { color: var(--slate); }
body.rm .rm-path .is-next .rm-path__part { color: var(--ink); }
body.rm .rm-progress { background: var(--surface-alt); border-radius: var(--radius-xl); padding: 18px var(--space-6); display: flex; align-items: center; gap: var(--space-6); flex-wrap: wrap; }
body.rm .rm-progress__label { font-weight: 700; font-size: 15px; white-space: nowrap; color: var(--ink); }
body.rm .rm-progress__track { flex: 1; min-width: 120px; height: 8px; border-radius: var(--radius-pill); background: var(--line); overflow: hidden; }
body.rm .rm-progress__fill { height: 100%; border-radius: var(--radius-pill); background: var(--slate); }

/* FAQ */
body.rm .rm-faq { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-xl); padding: 20px 26px; }
body.rm .rm-faq[open] { border-color: var(--sage); }
body.rm .rm-faq summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); cursor: pointer; font-family: var(--font-display); font-size: 20px; line-height: 27px; font-weight: 600; color: var(--ink); min-height: var(--touch-min); }
body.rm .rm-faq summary::-webkit-details-marker { display: none; }
body.rm .rm-faq summary::after { content: "+"; flex-shrink: 0; width: 32px; height: 32px; border-radius: var(--radius-btn); background: var(--sage-light); color: var(--slate); display: flex; align-items: center; justify-content: center; font-family: var(--font-sans); font-size: 22px; }
body.rm .rm-faq[open] summary::after { content: "−"; background: var(--sage); color: var(--ink); }
body.rm .rm-faq__answer { margin-top: var(--space-3); display: flex; flex-direction: column; gap: 14px; font-size: 16px; line-height: 26px; color: var(--ink-body); max-width: var(--measure); }
body.rm .rm-deeper { background: var(--surface-alt); border-radius: var(--radius-btn); padding: var(--space-4) 18px; display: flex; flex-direction: column; gap: var(--space-2); }
body.rm .rm-deeper a { font-size: 15px; font-weight: 600; }

/* Side nav */
body.rm .rm-sidenav { display: flex; flex-direction: column; gap: 4px; width: 260px; }
body.rm .rm-sidenav a { padding: var(--space-3) var(--space-4); border-radius: var(--radius-btn); font-size: 15px; line-height: 20px; font-weight: 600; color: var(--slate); }
body.rm .rm-sidenav a:hover { background: var(--sage-light); color: var(--ink); }
body.rm .rm-sidenav a[aria-current="true"] { background: var(--slate); color: var(--on-dark); }

/* Search overlay */
body.rm .rm-search { background: var(--surface); border-radius: var(--radius-2xl); box-shadow: var(--shadow-modal); padding: 28px; display: flex; flex-direction: column; gap: var(--space-6); }
body.rm .rm-search__field { display: flex; align-items: center; gap: var(--space-3); border: 2px solid var(--slate); border-radius: var(--radius-btn); padding: 0 var(--space-5); height: 56px; color: var(--slate); }
body.rm .rm-search__field input { flex: 1; min-width: 0; border: 0; outline: none; font: inherit; font-size: 18px; color: var(--ink); background: transparent; }
body.rm .rm-search__field:focus-within { box-shadow: 0 0 0 3px var(--sage-light); }
body.rm .rm-search__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; }
body.rm .rm-search__n { color: var(--ink-muted); font-weight: 400; letter-spacing: 0; }
body.rm .rm-search__col { display: flex; flex-direction: column; gap: 10px; }
body.rm .rm-search__col a { font-size: 16px; font-weight: 600; color: var(--ink); }
body.rm .rm-search__col a.rm-arrow-link { color: var(--slate); font-size: 14px; }
body.rm .rm-search__popular { border-top: 1px solid var(--line); padding-top: 18px; }

/* Footer (slate) */
body.rm .rm-footer { background: var(--slate-deep); color: var(--on-dark-muted); padding: var(--space-10) var(--space-9) 28px; display: flex; flex-direction: column; gap: var(--space-8); border-top: 6px solid var(--sage); }
body.rm .rm-footer__cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 32px; }
body.rm .rm-footer__col { display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
body.rm .rm-footer .rm-eyebrow { color: var(--on-dark-label); }
body.rm .rm-footer .rm-wordmark { color: var(--on-dark); font-size: 22px; }
body.rm .rm-footer a { color: var(--on-dark-muted); }
body.rm .rm-footer a:hover { color: var(--on-dark); text-decoration: underline; }
body.rm .rm-footer__legal { border-top: 1px solid var(--slate-line); padding-top: 18px; display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; font-size: 13px; color: var(--on-dark-label); }
body.rm .rm-footer__legal a { color: var(--on-dark-label); }

/* Disclaimer */
body.rm .rm-disclaimer { font-size: 13px; line-height: 19px; color: var(--ink-muted); max-width: var(--measure); }

/* Phones and tablets */
@media (max-width: 1024px) {
  body.rm .rm-header, body.rm .rm-utility, body.rm .rm-footer { padding-left: var(--space-6); padding-right: var(--space-6); }
  body.rm .rm-steps, body.rm .rm-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.rm .rm-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  body.rm .rm-header { height: 64px; padding: 0 var(--space-4); }
  body.rm .rm-utility { padding: var(--space-2) var(--space-4); }
  body.rm .rm-utility nav { display: none; }
  body.rm .rm-footer { padding: var(--space-9) var(--space-4) var(--space-6); }
  body.rm .rm-grid-3, body.rm .rm-steps, body.rm .rm-path, body.rm .rm-search__cols, body.rm .rm-footer__cols { grid-template-columns: minmax(0, 1fr); }
  body.rm .rm-article-head h1 { font-size: 32px; line-height: 38px; }
  body.rm .rm-toc ol { columns: 1; }
  body.rm .rm-author-cta { flex-direction: column; align-items: flex-start; }
  body.rm .rm-signup { padding: var(--pad-band-sm); }
  body.rm .rm-input { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .rm *, .rm *::before, .rm *::after { transition: none !important; } }