/* 1.43: preserve the original design; override only specific regressions. */
.wa-exercise-group-check { width: 160px !important; min-width: 160px !important; max-width: 160px !important; justify-content: center; }
.wa-app .wa-button:not(.wa-button-light),
.wa-app .wa-button.wa-button-secondary { color: #fff; }
.wa-group-card:focus-visible, .wa-app button:focus-visible, .wa-app a:focus-visible { outline: 3px solid #6a318c; outline-offset: 4px; }
.wa-app .wa-video-error { position: absolute; inset: auto 10px 10px; padding: 12px; background: #fff; color: #442259; border-radius: 12px; z-index: 5; }
.wa-app .wa-video-loading { font-size: 15px; }
.wa-app [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .wa-app *, .wa-app *::before, .wa-app *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* 1.44: steps in the journal and protected blog posts. */
.wa-journal-charts { display: flex; flex-wrap: wrap; gap: 8px; }
.wa-journal-charts .wa-weight-chart-toggle-wrap { min-width: 0; }
.wa-journal-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wa-steps-chart .wa-chart-line { stroke: #c73378; }
.wa-steps-chart .wa-chart-dots circle { stroke: #c73378; }
.wa-paid-post-gate {
  max-width: 720px; margin: 32px auto; padding: clamp(28px, 6vw, 54px); text-align: center;
  border: 1px solid rgba(94, 25, 125, .10); border-radius: 28px;
  background: linear-gradient(145deg, #fff 0%, #fbf5f7 65%, #f0e7f3 100%);
  box-shadow: 0 22px 60px rgba(75, 40, 68, .10); color: #231c21;
}
.wa-paid-post-gate h2 { margin: 8px 0 12px; font-family: 'DM Serif Display', serif; font-size: clamp(30px, 5vw, 46px); line-height: 1.05; }
.wa-paid-post-gate > p:not(.wa-kicker) { max-width: 540px; margin: 0 auto 22px; color: #6f656c; }
.wa-paid-post-gate .wa-button { display: inline-flex; width: auto; min-width: 180px; justify-content: center; text-decoration: none; color: #fff; }
@media (max-width: 700px) {
  .wa-modal:has(.wa-journal-popup) { padding: 0; }
  .wa-journal-options { grid-template-columns: 1fr 1fr !important; }
  .wa-journal-options label:has(input[name="steps"]) { grid-column: 1 / -1; }
  .wa-journal-options fieldset { grid-column: 1 / -1; }
}
@media (max-width: 400px) {
  .wa-modal-dialog, .wa-modal-content, .wa-journal-popup, .wa-journal-charts,
  .wa-weight-chart-toggle-wrap, .wa-weight-chart, .wa-weight-chart-scroll { min-width: 0; max-width: 100%; }
  .wa-weight-chart .wa-weight-chart-scroll > svg { min-width: 260px !important; }
}

/* 1.45: combined journal chart and edge-to-edge exercise thumbnails. */
.wa-variation-card-portrait .wa-field-primary-value { font-size: 13px !important; }
.wa-variation-card-portrait .wa-variation-open,
.wa-variation-card-portrait .wa-video.wa-video-portrait {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: inherit;
  background: #111;
}
.wa-variation-card-portrait .wa-video.wa-video-portrait > img.wa-video-thumb {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.16) !important;
  transform-origin: center center !important;
}
.wa-journal-chart { display: grid; gap: 8px; justify-items: start; min-width: 0; max-width: 100%; }
.wa-journal-chart .wa-weight-chart { width: 100%; }
.wa-chart-filters { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 10px; }
.wa-chart-filter {
  min-height: 32px; padding: 7px 11px; border: 1px solid rgba(94,25,125,.14); border-radius: 999px;
  display: inline-flex; align-items: center; gap: 6px; background: #fff; color: #756b72;
  font: 700 11px/1 'DM Sans', sans-serif; cursor: pointer; box-shadow: none;
}
.wa-chart-filter.is-active { color: #fff; border-color: transparent; }
.wa-chart-filter[data-chart-filter="weight"].is-active { background: #6f3f72; }
.wa-chart-filter[data-chart-filter="steps"].is-active { background: #cf3e7b; }
.wa-chart-filter[data-chart-filter="mood"].is-active { background: #4f8a68; }
.wa-chart-series-weight .wa-chart-line { stroke: #6f3f72; }
.wa-chart-series-weight .wa-chart-dots circle { stroke: #6f3f72; }
.wa-chart-series-weight .wa-chart-value { fill: #6f3f72; }
.wa-chart-series-steps .wa-chart-line { stroke: #cf3e7b; }
.wa-chart-series-steps .wa-chart-dots circle { stroke: #cf3e7b; }
.wa-chart-series-steps .wa-chart-value { fill: #cf3e7b; }
.wa-chart-series-mood .wa-chart-line { stroke: #4f8a68; }
.wa-chart-series-mood .wa-chart-dots circle { stroke: #4f8a68; }
.wa-chart-series-mood .wa-chart-value { fill: #4f8a68; }
.wa-chart-series[hidden] { display: none !important; }
.wa-chart-series .wa-chart-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.wa-chart-series .wa-chart-dots circle { fill: #fff; stroke-width: 3; }

/* 1.46: compact filters and a readable, horizontally scrollable timeline. */
.wa-chart-filters { gap: 5px; margin-bottom: 8px; }
.wa-chart-filter {
  min-height: 24px !important; padding: 4px 8px !important; gap: 4px !important;
  font-size: 9px !important; line-height: 1 !important;
}
.wa-chart-filter i, .wa-chart-filter svg { width: 10px !important; font-size: 10px !important; }
.wa-journal-chart .wa-weight-chart-scroll {
  width: 100%; max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden;
  padding: 2px 0 8px; overscroll-behavior-inline: contain; scrollbar-width: thin;
}
.wa-journal-chart .wa-weight-chart-scroll svg {
  display: block; width: var(--wa-chart-width) !important; min-width: var(--wa-chart-width) !important;
  max-width: none !important; max-height: none !important; height: auto !important;
}
.wa-journal-chart .wa-chart-value { font-size: 12px !important; font-weight: 800; }
.wa-journal-chart .wa-chart-mood-icon { font-size: 17px !important; font-family: Arial, sans-serif; }
.wa-journal-chart .wa-chart-labels text { font-size: 12px !important; font-weight: 600; }

/* Font Awesome replaces i with SVG; icon sizes must not inherit plot dimensions. */
.wa-app .wa-journal-chart .wa-chart-filter > svg,
.wa-app .wa-journal-chart .wa-chart-filter > i {
  width: 12px !important; min-width: 12px !important; max-width: 12px !important;
  height: 12px !important; min-height: 12px !important; max-height: 12px !important;
  flex: 0 0 12px !important; font-size: 12px !important;
}