/* v2.0-test.40 — shared module typography + small layout refinements */

/* Keep update notices clear of the floating practice + control. */
.update-banner {
  bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px) + 28px) !important;
}

/*
  Module typography scale
  -----------------------
  13px = normal reading/content text
  10px = labels, helper text, compact UI text
   8px = true micro/meta text only

  Headings, large numbers, buttons and form controls keep their existing sizes.
*/
.module-page .module-content {
  --module-copy-size: 13px;
  --module-small-size: 10px;
  --module-tiny-size: 8px;
}

.module-page .module-content p:not(.eyebrow),
.module-page .module-content li,
.module-page .module-content pre {
  font-size: var(--module-copy-size) !important;
}

.module-page .module-content .eyebrow,
.module-page .module-content small,
.module-page .module-content .help-text,
.module-page .module-content .module-simple-step-label,
.module-page .module-content .module-complex-step-label,
.module-page .module-content .module-slider-labels span {
  font-size: var(--module-small-size) !important;
}

/* A reusable light teaching inset inside dark feature panels. */
.module-page .module-v3 .module-feature-panel .module-feature-inset {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin-top: 14px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.94) !important;
  color: var(--deep-blue) !important;
}

.module-page .module-v3 .module-feature-panel .module-feature-inset strong {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--deep-blue) !important;
  font-family: "Poppins", system-ui, sans-serif;
  font-size: var(--module-small-size) !important;
  font-weight: 700;
  line-height: 1.35;
}

.module-page .module-v3 .module-feature-panel .module-feature-inset span,
.module-page .module-v3 .module-feature-panel .module-feature-inset p {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--deep-blue) !important;
  font-size: var(--module-copy-size) !important;
  font-weight: 400;
  line-height: 1.5 !important;
  overflow-wrap: anywhere;
}

.psych-flex-learning-v2 .pf-act-context {
  margin-top: 15px;
}

/* ACT Explained */
.act-explained-v1 .actx-acceptance-box p,
.act-explained-v1 .actx-not-box span,
.act-explained-v1 .actx-help-grid span,
.act-explained-v1 .actx-behaviour-note span,
.act-explained-v1 .actx-pillar-copy span,
.act-explained-v1 .actx-related-module > span,
.act-explained-v1 .actx-example-flow small,
.act-explained-v1 .actx-further span,
.act-explained-v1 .actx-key span {
  font-size: var(--module-copy-size) !important;
}
.act-explained-v1 .actx-acceptance-box strong,
.act-explained-v1 .actx-not-box strong,
.act-explained-v1 .actx-help-grid strong,
.act-explained-v1 .actx-behaviour-note strong,
.act-explained-v1 .actx-pillar-copy strong,
.act-explained-v1 .actx-related-module strong,
.act-explained-v1 .actx-further strong,
.act-explained-v1 .actx-key b,
.act-explained-v1 .actx-research-stat span,
.act-explained-v1 .actx-source-note,
.act-explained-v1 .actx-related-module small {
  font-size: var(--module-small-size) !important;
}

/* ACT Study Guide */
.act-study-guide .act-study-hero-panel .act-study-pillars-copy strong,
.act-study-guide .act-study-hero-panel .act-study-pillars-copy span,
.act-study-guide .act-study-video-link strong,
.act-study-guide .act-study-process > p:not(.eyebrow),
.act-study-guide .act-study-compare p,
.act-study-guide .act-study-hooked-grid strong,
.act-study-guide .act-study-hooked-grid p,
.act-study-guide .act-study-diagram-labels,
.act-study-guide .act-study-check span,
.act-study-guide .act-study-field span,
.act-study-guide .act-study-further ul {
  font-size: var(--module-copy-size) !important;
}
.act-study-guide .act-study-thoughts span,
.act-study-guide .act-study-function-grid strong,
.act-study-guide .act-study-function-grid span,
.act-study-guide .act-study-compare strong,
.act-study-guide .act-study-hooked-grid small,
.act-study-guide .act-study-save-line span,
.act-study-guide .act-study-field strong,
.act-study-guide .act-study-callout > strong,
.act-study-guide .act-study-video-link small {
  font-size: var(--module-small-size) !important;
}

/* Good Communication */
.good-communication-listening-v3 .gcl-list li,
.good-communication-listening-v3 .gcl-stage p,
.good-communication-listening-v3 .gcl-practice > p,
.good-communication-listening-v3 .gcl-emotion-card span,
.good-communication-listening-v3 .gcl-key span,
.good-communication-listening-v3 .gcl-stage b {
  font-size: var(--module-copy-size) !important;
}
.good-communication-listening-v3 .gcl-pair b,
.good-communication-listening-v3 .gcl-emotion-card b,
.good-communication-listening-v3 .gcl-chip,
.good-communication-listening-v3 .gcl-emotion-card summary {
  font-size: var(--module-small-size) !important;
}

/* Feelings & Emotions */
.feelings-learning-v3 .fe3-system-btn strong,
.feelings-learning-v3 .fe3-lines strong {
  font-size: var(--module-small-size) !important;
}
.feelings-learning-v3 .fe3-lines span {
  font-size: var(--module-copy-size) !important;
}
.feelings-learning-v3 .fe3-system-btn small {
  font-size: var(--module-tiny-size) !important;
}

/* Self Compassion */
.self-compassion-learning-v3 .sc3-compare strong,
.self-compassion-learning-v3 .sc3-practice strong,
.self-compassion-learning-v3 .sc3-keyline strong {
  font-size: var(--module-small-size) !important;
}
.self-compassion-learning-v3 .sc3-compare span,
.self-compassion-learning-v3 .sc3-practice span,
.self-compassion-learning-v3 .sc3-keyline span {
  font-size: var(--module-copy-size) !important;
}

/* When You Can't Decide */
.wycd-learning-v3 .wycd-paper-grid strong,
.wycd-learning-v3 .wycd-paper-grid span,
.wycd-learning-v3 .wycd-compare strong,
.wycd-learning-v3 .wycd-compare span,
.wycd-learning-v3 .wycd-keyline span {
  font-size: var(--module-copy-size) !important;
}
.wycd-learning-v3 .wycd-keyline strong {
  font-size: var(--module-small-size) !important;
}

/* Mind Flex Quiz */
.mind-flex-quiz-v3 .mfq3-next-card > p,
.mind-flex-quiz-v3 .mfq3-complete-card p,
.mind-flex-quiz-v3 .mfq3-result-panel > p,
.mind-flex-quiz-v3 .mfq3-option-text,
.mind-flex-quiz-v3 .mfq3-feedback > p,
.mind-flex-quiz-v3 .mfq3-answer-box strong,
.mind-flex-quiz-v3 .mfq3-library-copy strong {
  font-size: var(--module-copy-size) !important;
}
.mind-flex-quiz-v3 .mfq3-meta-row span,
.mind-flex-quiz-v3 .mfq3-library summary small,
.mind-flex-quiz-v3 .mfq3-library-count,
.mind-flex-quiz-v3 .mfq3-library-number,
.mind-flex-quiz-v3 .mfq3-pack-status,
.mind-flex-quiz-v3 .mfq3-question-instruction span,
.mind-flex-quiz-v3 .mfq3-question-instruction small,
.mind-flex-quiz-v3 .mfq3-result-score span {
  font-size: var(--module-small-size) !important;
}
.mind-flex-quiz-v3 .mfq3-stat span,
.mind-flex-quiz-v3 .mfq3-stat small,
.mind-flex-quiz-v3 .mfq3-library-copy small,
.mind-flex-quiz-v3 .mfq3-library-status,
.mind-flex-quiz-v3 .mfq3-option-state,
.mind-flex-quiz-v3 .mfq3-answer-box small,
.mind-flex-quiz-v3 .mfq3-result-grid span,
.mind-flex-quiz-v3 .mfq3-result-grid small {
  font-size: var(--module-tiny-size) !important;
}

/* Psychological Flexibility */
.psych-flex-learning-v2 .pf-research-copy small,
.psych-flex-learning-v2 .pf-practice-lane button strong,
.psych-flex-learning-v2 [data-practice-status] {
  font-size: var(--module-copy-size) !important;
}
.psych-flex-learning-v2 .pf-practice-lane button small,
.psych-flex-learning-v2 .pf-tap-hint {
  font-size: var(--module-small-size) !important;
}

/* Choice Point */
.choice-point-v3 .cp3-step-heading p,
.choice-point-v3 .cp3-map-helper {
  font-size: var(--module-copy-size) !important;
}
.choice-point-v3 .cp3-ideas > span,
.choice-point-v3 .cp3-map-choice span,
.choice-point-v3 .cp3-map-lanes small {
  font-size: var(--module-small-size) !important;
}
.choice-point-v3 .cp3-direction-card small {
  font-size: var(--module-tiny-size) !important;
}

/* Bulls Eye */
.bullseye-v3 .be3-help {
  font-size: var(--module-copy-size) !important;
}
.bullseye-v3 .module-feature-panel > small,
.bullseye-v3 .be3-section-head > span,
.bullseye-v3 .be3-ideas > span,
.bullseye-v3 .be3-score-card strong {
  font-size: var(--module-small-size) !important;
}
.bullseye-v3 .be3-score-card small {
  font-size: var(--module-tiny-size) !important;
}

/* Values Card Sort */
.values-card-sort-v3 .vc3-top5-head p,
.values-card-sort-v3 .vc3-card-face p,
.values-card-sort-v3 .vc3-sort-instruction,
.values-card-sort-v3 .vc3-sort-done strong,
.values-card-sort-v3 .vc3-review-head strong,
.values-card-sort-v3 .vc3-top5-value > strong,
.values-card-sort-v3 .vc3-result strong,
.values-card-sort-v3 .vc3-result > p:last-child {
  font-size: var(--module-copy-size) !important;
}
.values-card-sort-v3 .vc3-area-note,
.values-card-sort-v3 .vc3-card-face small,
.values-card-sort-v3 .vc3-card-tapcue,
.values-card-sort-v3 .vc3-pile > strong,
.values-card-sort-v3 .vc3-sort-done small,
.values-card-sort-v3 .vc3-help,
.values-card-sort-v3 .vc3-review-head small,
.values-card-sort-v3 .vc3-review summary,
.values-card-sort-v3 .vc3-review-card strong,
.values-card-sort-v3 .vc3-top5-value > small {
  font-size: var(--module-small-size) !important;
}
.values-card-sort-v3 .vc3-pile > small,
.values-card-sort-v3 .vc3-review-card small,
.values-card-sort-v3 .vc3-review-destinations button {
  font-size: var(--module-tiny-size) !important;
}

/* Awareness & Noticing Gym */
.awareness-gym-v3 .ag3-counter-copy,
.awareness-gym-v3 .ag3-field label,
.awareness-gym-v3 .ag3-empty-note,
.awareness-gym-v3 .ag3-note-summary strong,
.awareness-gym-v3 .ag3-note-detail p {
  font-size: var(--module-copy-size) !important;
}
.awareness-gym-v3 .ag3-status,
.awareness-gym-v3 .ag3-week-summary span,
.awareness-gym-v3 .ag3-day small,
.awareness-gym-v3 .ag3-field small,
.awareness-gym-v3 .ag3-ideas-label,
.awareness-gym-v3 .ag3-chip,
.awareness-gym-v3 .ag3-note-summary small,
.awareness-gym-v3 .ag3-action-status {
  font-size: var(--module-small-size) !important;
}
.awareness-gym-v3 .ag3-note-detail small {
  font-size: var(--module-tiny-size) !important;
}

/* Psychological Flexibility Check-in */
.pf-checkin-v3 .pf3-daily-note,
.pf-checkin-v3 .pf3-summary-note,
.pf-checkin-v3 .pf3-next-step strong,
.pf-checkin-v3 .pf3-next-step p,
.pf-checkin-v3 .pf3-history-detail-grid p {
  font-size: var(--module-copy-size) !important;
}
.pf-checkin-v3 .pf3-daily-note strong,
.pf-checkin-v3 .pf3-process-pill,
.pf-checkin-v3 .pf3-step-eyebrow,
.pf-checkin-v3 .pf3-overall-score span,
.pf-checkin-v3 .pf3-history-detail-grid strong,
.pf-checkin-v3 .pf3-action-status {
  font-size: var(--module-small-size) !important;
}
.pf-checkin-v3 .pf3-score-card span,
.pf-checkin-v3 .pf3-history-stat span,
.pf-checkin-v3 .pf3-history-item > strong,
.pf-checkin-v3 .pf3-history-item small {
  font-size: var(--module-tiny-size) !important;
}

/* Values Flavour & Savour */
.values-flavour-savour-v3 .vfs3-mode-card > p:not(.eyebrow),
.values-flavour-savour-v3 .vfs3-empty > p:not(.eyebrow),
.values-flavour-savour-v3 .vfs3-value-picker > label,
.values-flavour-savour-v3 .vfs3-inline-label,
.values-flavour-savour-v3 .vfs3-reveal > label,
.values-flavour-savour-v3 .vfs3-takeaway,
.values-flavour-savour-v3 .vfs3-check-row strong,
.values-flavour-savour-v3 .vfs3-empty-copy,
.values-flavour-savour-v3 .vfs3-saved-entry > button strong,
.values-flavour-savour-v3 .vfs3-saved-detail p {
  font-size: var(--module-copy-size) !important;
}
.values-flavour-savour-v3 .vfs3-mode small,
.values-flavour-savour-v3 .vfs3-check-row small,
.values-flavour-savour-v3 .vfs3-saved-head > span,
.values-flavour-savour-v3 .vfs3-feature-flow strong {
  font-size: var(--module-small-size) !important;
}
.values-flavour-savour-v3 .vfs3-feature-flow small,
.values-flavour-savour-v3 .vfs3-saved-entry > button small {
  font-size: var(--module-tiny-size) !important;
}

/* Decision Tool */
.decision-tool-v3 .decision3-intro,
.decision-tool-v3 .decision3-note,
.decision-tool-v3 .decision3-tradeoff-card header strong,
.decision-tool-v3 .decision3-check-row strong,
.decision-tool-v3 .decision3-choice > strong,
.decision-tool-v3 .decision3-values-reminder strong,
.decision-tool-v3 .decision3-story-line,
.decision-tool-v3 .decision3-summary pre {
  font-size: var(--module-copy-size) !important;
}
.decision-tool-v3 .decision3-feature-strip > span,
.decision-tool-v3 .decision3-ideas > span,
.decision-tool-v3 .decision3-ideas button,
.decision-tool-v3 .decision3-check-row small {
  font-size: var(--module-small-size) !important;
}
.decision-tool-v3 .decision3-feature-strip b,
.decision-tool-v3 .decision3-tradeoff-card header small,
.decision-tool-v3 .decision3-choice > small,
.decision-tool-v3 .decision3-values-reminder span {
  font-size: var(--module-tiny-size) !important;
}

/* Compassion Switch */
.compassion-switch-v3 .cs3-step > p:not(.eyebrow),
.compassion-switch-v3 .cs3-finished > p:not(.eyebrow),
.compassion-switch-v3 .cs3-history > p:not(.eyebrow),
.compassion-switch-v3 .cs3-insight,
.compassion-switch-v3 .cs3-preview p,
.compassion-switch-v3 .cs3-summary-grid strong,
.compassion-switch-v3 .cs3-history pre {
  font-size: var(--module-copy-size) !important;
}
.compassion-switch-v3 .cs3-feature-flow strong,
.compassion-switch-v3 .cs3-choice-block > strong,
.compassion-switch-v3 .cs3-starters > span,
.compassion-switch-v3 .cs3-chip-row button,
.compassion-switch-v3 .cs3-protection-grid button {
  font-size: var(--module-small-size) !important;
}
.compassion-switch-v3 .cs3-feature-flow small,
.compassion-switch-v3 .cs3-summary-grid small,
.compassion-switch-v3 .cs3-history summary small {
  font-size: var(--module-tiny-size) !important;
}

/* Having Hard Conversations */
.hard-conversations-v3 .hhc3-feature-note,
.hard-conversations-v3 .hhc3-step > p:not(.eyebrow),
.hard-conversations-v3 .hhc3-finished > p:not(.eyebrow),
.hard-conversations-v3 .hhc3-direction-summary,
.hard-conversations-v3 .hhc3-insight,
.hard-conversations-v3 .hhc3-listen-cue,
.hard-conversations-v3 .hhc3-opening-preview p,
.hard-conversations-v3 .hhc3-ready-check strong,
.hard-conversations-v3 .hhc3-plan strong {
  font-size: var(--module-copy-size) !important;
}
.hard-conversations-v3 .hhc3-chip-block > strong,
.hard-conversations-v3 .hhc3-chip-row button,
.hard-conversations-v3 .hhc3-opening-preview small,
.hard-conversations-v3 .hhc3-ready-check span {
  font-size: var(--module-small-size) !important;
}
.hard-conversations-v3 .hhc3-direction-summary small,
.hard-conversations-v3 .hhc3-plan small {
  font-size: var(--module-tiny-size) !important;
}

/* Rule Bender */
.rule-bender-v3 .rb3-step > p:not(.eyebrow),
.rule-bender-v3 .rb3-finished > p:not(.eyebrow),
.rule-bender-v3 .rb3-current-rule strong,
.rule-bender-v3 .rb3-safety-note,
.rule-bender-v3 .rb3-summary-grid strong,
.rule-bender-v3 .rb3-history-body p {
  font-size: var(--module-copy-size) !important;
}
.rule-bender-v3 .rb3-feature-flow strong,
.rule-bender-v3 .rb3-chip-block > strong,
.rule-bender-v3 .rb3-chip-row button {
  font-size: var(--module-small-size) !important;
}
.rule-bender-v3 .rb3-feature-flow small,
.rule-bender-v3 .rb3-current-rule small,
.rule-bender-v3 .rb3-summary-grid small,
.rule-bender-v3 .rb3-history summary small {
  font-size: var(--module-tiny-size) !important;
}

/* Personal Bill of Rights */
.personal-rights-v3 .pbr3-reciprocal span,
.personal-rights-v3 .pbr3-step > p:not(.eyebrow),
.personal-rights-v3 .pbr3-finished > p:not(.eyebrow),
.personal-rights-v3 .pbr3-right-card strong,
.personal-rights-v3 .pbr3-label,
.personal-rights-v3 .pbr3-empty-note,
.personal-rights-v3 .pbr3-focus-card strong,
.personal-rights-v3 .pbr3-balance-grid strong,
.personal-rights-v3 .pbr3-permission-preview strong,
.personal-rights-v3 .pbr3-bill-list strong,
.personal-rights-v3 .pbr3-practice-summary strong,
.personal-rights-v3 .pbr3-history-body p {
  font-size: var(--module-copy-size) !important;
}
.personal-rights-v3 .pbr3-reciprocal strong,
.personal-rights-v3 .pbr3-chip-block > strong,
.personal-rights-v3 .pbr3-chip-row button,
.personal-rights-v3 .pbr3-bill-list span {
  font-size: var(--module-small-size) !important;
}
.personal-rights-v3 .pbr3-focus-card small,
.personal-rights-v3 .pbr3-balance-grid small,
.personal-rights-v3 .pbr3-permission-preview small,
.personal-rights-v3 .pbr3-practice-summary small,
.personal-rights-v3 .pbr3-history summary small {
  font-size: var(--module-tiny-size) !important;
}