/* Shared Rhea actions: sage pills for primary actions, underlined secondary links. */
:root {
  --rhea-action: #58654c;
  --rhea-action-hover: #40513b;
  --rhea-action-text: #fffdf5;
}
body :is(.button:not(.light), .edit-button, .about-button, .application-button,
  .course-index .index-card > .textlink, .metabolism-fields button,
  .meditation-start, .meditation-sound, .login-preview, .trailer-play-banner) {
  min-height: 48px;
  max-width: 100%;
  padding: 14px 25px;
  border: 1px solid var(--rhea-action);
  border-radius: 999px;
  background: var(--rhea-action);
  color: var(--rhea-action-text) !important;
  font: 500 11px/1.5 'DM Sans', Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  box-shadow: none;
  transition: background .15s, border-color .15s;
}
body :is(.button:not(.light), .edit-button, .about-button, .application-button,
  .course-index .index-card > .textlink, .metabolism-fields button,
  .meditation-start, .meditation-sound, .login-preview):hover,
body .trailer-showcase .trailer-cover:hover .trailer-play-banner,
body .cohesive-home-cover:hover .trailer-play-banner {
  background: var(--rhea-action-hover);
  border-color: var(--rhea-action-hover);
  color: var(--rhea-action-text) !important;
}
body :is(.button.light, .rhea-trailer-link, .sex-trailer-link, .skin-trailer-link) {
  padding: 8px 0;
  min-height: 44px;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  text-decoration: none;
  color: var(--rhea-action);
}
body #skin-feature-trailer .trailer-play-banner {
  background: var(--rhea-action);
  border-color: var(--rhea-action);
  box-shadow: none;
}
body #skin-feature-trailer .trailer-cover:hover .trailer-play-banner {
  background: var(--rhea-action-hover);
  border-color: var(--rhea-action-hover);
}
body :is(.rhea-trailer-link, .sex-trailer-link, .skin-trailer-link) > span {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  border: 0 !important;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
body .metabolism-fields {
  gap: 10px;
  border: 0;
  background: transparent;
}
body .metabolism-fields input {
  border: 1px solid #89927f;
  border-radius: 999px;
  background: #faf8f1;
  padding: 13px 18px;
}
body .metabolism-fields button { padding-inline: 18px; font-size: 10px; }
body :is(.button, .edit-button, .about-button, .application-button,
  .course-index .index-card > .textlink, .metabolism-fields button,
  .meditation-start, .meditation-sound, .login-preview):focus-visible {
  outline: 2px solid var(--rhea-action);
  outline-offset: 5px;
}
body .rhea-meditation :is(.meditation-start, .meditation-sound):focus-visible {
  outline-color: #fffdf5;
}
@media (max-width: 430px) {
  body :is(.button:not(.light), .edit-button, .about-button, .application-button,
    .course-index .index-card > .textlink, .trailer-play-banner) {
    padding-inline: 21px;
    font-size: 10px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body :is(.button, .edit-button, .about-button, .application-button,
    .course-index .index-card > .textlink, .metabolism-fields button,
    .meditation-start, .meditation-sound, .login-preview) { transition: none; }
}