/* The New shared action rows + compact calculator density · 20260710h */

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] {
  --tn-action-primary-bg: #1a1208;
  --tn-action-primary-hover: #c44a00;
  --tn-action-primary-text: #faf6ee;
  --tn-action-secondary-bg: #ede6d4;
  --tn-action-secondary-hover: #dfd4bb;
  --tn-action-secondary-text: #1a1208;
  --tn-action-border: #b8a888;
  --tn-action-focus: #c44a00;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row,
  .tn-zodiac-actions,
  .tn-roulette-actions,
  .tn-pwc-action-row,
  .tn-pc-command-row
) {
  display: grid !important;
  align-items: stretch !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row,
  .tn-zodiac-actions,
  .tn-pwc-action-row
) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-roulette-actions,
  .tn-pc-command-row
) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row,
  .tn-zodiac-actions,
  .tn-roulette-actions,
  .tn-pwc-action-row,
  .tn-pc-command-row
) > button {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-bg) !important;
  border: 1px solid var(--tn-action-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  white-space: nowrap !important;
  appearance: none !important;
  cursor: pointer !important;
  transition: none !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row,
  .tn-zodiac-actions,
  .tn-roulette-actions,
  .tn-pwc-action-row,
  .tn-pc-command-row
) > button:is(:hover, :focus-visible) {
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-hover) !important;
  border-color: var(--tn-action-border) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > .tn-ov-primary,
  .tn-zodiac-actions > .tn-zodiac-button--primary,
  .tn-roulette-actions > .tn-btn--primary,
  .tn-pwc-action-row > #pwcCopy,
  .tn-pc-command-row > .tn-pc-primary
) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-bg) !important;
  border-color: var(--tn-action-primary-bg) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > .tn-ov-primary,
  .tn-zodiac-actions > .tn-zodiac-button--primary,
  .tn-roulette-actions > .tn-btn--primary,
  .tn-pwc-action-row > #pwcCopy,
  .tn-pc-command-row > .tn-pc-primary
):is(:hover, :focus-visible) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-hover) !important;
  border-color: var(--tn-action-primary-hover) !important;
}

/* Exact ID lock: tool-specific selectors must never override the shared action contract. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > #calculate-btn,
  .tn-ov-command-row > #reset-btn,
  .tn-zodiac-actions > #calculateBtn,
  .tn-zodiac-actions > #resetBtn,
  .tn-roulette-actions > #spinBtn,
  .tn-roulette-actions > #fullscreenBtn,
  .tn-roulette-actions > #resetAllBtn,
  .tn-pwc-action-row > #pwcCopy,
  .tn-pwc-action-row > #pwcReset,
  .tn-pc-command-row > #calculateBtn,
  .tn-pc-command-row > #pcCopy,
  .tn-pc-command-row > #pcReset
) {
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-bg) !important;
  border-color: var(--tn-action-border) !important;
  transition: none !important;
  outline: none !important;
  outline-offset: 0 !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > #calculate-btn,
  .tn-zodiac-actions > #calculateBtn,
  .tn-roulette-actions > #spinBtn,
  .tn-pwc-action-row > #pwcCopy,
  .tn-pc-command-row > #calculateBtn
) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-bg) !important;
  border-color: var(--tn-action-primary-bg) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > #reset-btn,
  .tn-zodiac-actions > #resetBtn,
  .tn-roulette-actions > #fullscreenBtn,
  .tn-roulette-actions > #resetAllBtn,
  .tn-pwc-action-row > #pwcReset,
  .tn-pc-command-row > #pcCopy,
  .tn-pc-command-row > #pcReset
):is(:hover, :focus-visible) {
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-hover) !important;
  border-color: var(--tn-action-border) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > #calculate-btn,
  .tn-zodiac-actions > #calculateBtn,
  .tn-roulette-actions > #spinBtn,
  .tn-pwc-action-row > #pwcCopy,
  .tn-pc-command-row > #calculateBtn
):is(:hover, :focus-visible) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-hover) !important;
  border-color: var(--tn-action-primary-hover) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row > #calculate-btn,
  .tn-ov-command-row > #reset-btn,
  .tn-zodiac-actions > #calculateBtn,
  .tn-zodiac-actions > #resetBtn,
  .tn-roulette-actions > #spinBtn,
  .tn-roulette-actions > #fullscreenBtn,
  .tn-roulette-actions > #resetAllBtn,
  .tn-pwc-action-row > #pwcCopy,
  .tn-pwc-action-row > #pwcReset,
  .tn-pc-command-row > #calculateBtn,
  .tn-pc-command-row > #pcCopy,
  .tn-pc-command-row > #pcReset
):focus-visible {
  outline: 2px solid var(--tn-action-focus) !important;
  outline-offset: 2px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row,
  .tn-zodiac-actions,
  .tn-roulette-actions,
  .tn-pwc-action-row,
  .tn-pc-command-row
) > button:focus-visible {
  outline: 2px solid var(--tn-action-focus) !important;
  outline-offset: 2px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-ov-command-row,
  .tn-zodiac-actions,
  .tn-roulette-actions,
  .tn-pwc-action-row,
  .tn-pc-command-row
) > button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Ovulation: two useful rows instead of three full-width input/result rows. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 10px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-input-actions {
  min-width: 0 !important;
  display: grid !important;
  align-content: end !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-input-actions .tn-ov-command-row {
  margin-top: 23px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-input-actions .tn-ov-status {
  min-height: 0 !important;
  margin: 8px 0 0 !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-result-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-result-grid > div:nth-child(3) {
  grid-column: 1 / -1 !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(.tn-ov-input, .tn-ov-result) {
  min-height: 0 !important;
}

/* Protein: main and low rows share one track system; inner data stays dense on narrow screens. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-pc-tool {
  --tn-pc-left-track: minmax(0, 0.92fr);
  --tn-pc-right-track: minmax(0, 1.08fr);
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(.tn-pc-workspace, .tn-pc-low-row) {
  grid-template-columns: var(--tn-pc-left-track) var(--tn-pc-right-track) !important;
  align-items: stretch !important;
  gap: 10px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(.tn-pc-input-window, .tn-pc-result-window, .tn-pc-food-strip, .tn-pc-progress-strip) {
  min-width: 0 !important;
  min-height: 0 !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-pc-fields > .tn-pc-field:last-child {
  grid-column: 1 / -1 !important;
}

/* Explicit dark action surfaces: never reuse the flipped foreground token as a background. */
html body.wp-theme-intro:is([data-scheme="dark"], [data-scheme="inverse"]) [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"],
html body.wp-theme-intro[data-scheme="auto"]:is([data-d="dark"], [data-l="dark"]) [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"],
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body.wp-theme-intro:not([data-scheme="light"]) [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] {
  --tn-action-primary-bg: #6a3b1f;
  --tn-action-primary-hover: #824826;
  --tn-action-primary-text: #f7ead1;
  --tn-action-secondary-bg: #2f2115;
  --tn-action-secondary-hover: #3a2a1b;
  --tn-action-secondary-text: #f7ead1;
  --tn-action-border: #826744;
  --tn-action-focus: #ffb36d;
}

@media (prefers-color-scheme: dark) {
  html body.wp-theme-intro[data-scheme="auto"] [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] {
    --tn-action-primary-bg: #6a3b1f;
    --tn-action-primary-hover: #824826;
    --tn-action-primary-text: #f7ead1;
    --tn-action-secondary-bg: #2f2115;
    --tn-action-secondary-hover: #3a2a1b;
    --tn-action-secondary-text: #f7ead1;
    --tn-action-border: #826744;
    --tn-action-focus: #ffb36d;
  }
}

@media (max-width: 860px) {
  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(.tn-pc-workspace, .tn-pc-low-row) {
    grid-template-columns: 1fr !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(.tn-pc-fields, .tn-pc-result-strips, .tn-pc-food-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-pc-context-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-fieldset {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-field--date,
  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-input-actions {
    grid-column: 1 / -1 !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-input-actions .tn-ov-command-row {
    margin-top: 0 !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-strip-head {
    align-items: center !important;
    flex-direction: row !important;
    gap: 6px !important;
    margin-bottom: 6px !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-month-nav {
    width: auto !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-ov-month-nav strong {
    min-width: 82px !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-roulette-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-zodiac-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(.tn-pc-fields, .tn-pc-result-strips, .tn-pc-food-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-pc-context-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-pc-progress-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-pc-progress-actions :is(input, button) {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}

/* Next-five exact action lock: late shared ownership prevents dark text-fill/background drift. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions,
  .tn-cdc-actions,
  .tn-ca-actions,
  .tn-age-actions,
  .tn-percent-actions
) > button {
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-bg) !important;
  border-color: var(--tn-action-border) !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  transition: none !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions > #bmiCalculate,
  .tn-cdc-actions > .active,
  .tn-ca-actions > #calculateBtn,
  .tn-age-actions > #tnAgeCalculateBtn,
  .tn-percent-actions > #percentCalculate,
  .tn-percent-modes > .tn-percent-mode.is-active
) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-bg) !important;
  border-color: var(--tn-action-primary-bg) !important;
  box-shadow: none !important;
  outline: none !important;
  outline-offset: 0 !important;
  transition: none !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions,
  .tn-cdc-actions,
  .tn-ca-actions,
  .tn-age-actions,
  .tn-percent-actions
) > button:is(:hover, :focus-visible) {
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-hover) !important;
  border-color: var(--tn-action-border) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions > #bmiCalculate,
  .tn-cdc-actions > .active,
  .tn-ca-actions > #calculateBtn,
  .tn-age-actions > #tnAgeCalculateBtn,
  .tn-percent-actions > #percentCalculate,
  .tn-percent-modes > .tn-percent-mode.is-active
):is(:hover, :focus-visible) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-hover) !important;
  border-color: var(--tn-action-primary-hover) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions,
  .tn-cdc-actions,
  .tn-ca-actions,
  .tn-age-actions,
  .tn-percent-actions
) > button:focus-visible,
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-percent-modes > .tn-percent-mode:focus-visible {
  outline: 2px solid var(--tn-action-focus) !important;
  outline-offset: 2px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions,
  .tn-cdc-actions,
  .tn-ca-actions,
  .tn-age-actions,
  .tn-percent-actions
) > button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Primary selectors carry ID specificity, so their keyboard focus lock must match it. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-actions > #bmiCalculate,
  .tn-cdc-actions > .active,
  .tn-ca-actions > #calculateBtn,
  .tn-age-actions > #tnAgeCalculateBtn,
  .tn-percent-actions > #percentCalculate,
  .tn-percent-modes > .tn-percent-mode.is-active
):focus-visible {
  outline: 2px solid var(--tn-action-focus) !important;
  outline-offset: 2px !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-percent-modes > .tn-percent-mode:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* 20260710f: segmented controls are action furniture, not page-local exceptions. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-choice > label,
  .tn-percent-modes > .tn-percent-mode
) {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-bg) !important;
  border: 1px solid var(--tn-action-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  outline: none !important;
  transition: none !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] .tn-bmi-choice > label > span {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font: inherit !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-choice > label:hover,
  .tn-bmi-choice > label:focus-within,
  .tn-percent-modes > .tn-percent-mode:is(:hover, :focus-visible)
) {
  color: var(--tn-action-secondary-text) !important;
  -webkit-text-fill-color: var(--tn-action-secondary-text) !important;
  background: var(--tn-action-secondary-hover) !important;
  border-color: var(--tn-action-border) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-choice > label:has(input:checked),
  .tn-percent-modes > .tn-percent-mode.is-active
) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-bg) !important;
  border-color: var(--tn-action-primary-bg) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-choice > label:has(input:checked):hover,
  .tn-bmi-choice > label:has(input:checked):focus-within,
  .tn-percent-modes > .tn-percent-mode.is-active:is(:hover, :focus-visible)
) {
  color: var(--tn-action-primary-text) !important;
  -webkit-text-fill-color: var(--tn-action-primary-text) !important;
  background: var(--tn-action-primary-hover) !important;
  border-color: var(--tn-action-primary-hover) !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"] :is(
  .tn-bmi-choice > label:focus-within,
  .tn-percent-modes > .tn-percent-mode:focus-visible
) {
  outline: 2px solid var(--tn-action-focus) !important;
  outline-offset: 2px !important;
}

/* 20260710g: percent mode tabs carry a title and a localized usage cue. */
html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"].tn-percent-page .tn-percent-modes > .tn-percent-mode {
  min-height: 58px !important;
  padding: 8px 10px !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 3px !important;
  white-space: normal !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"].tn-percent-page .tn-percent-modes > .tn-percent-mode > strong {
  display: block !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
}

html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"].tn-percent-page .tn-percent-modes > .tn-percent-mode > small {
  display: block !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  opacity: 0.82 !important;
}

@media (max-width: 720px) {
  html body.wp-theme-intro [data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"][data-tn-fixed-partials="character-counter"].tn-percent-page .tn-percent-modes > .tn-percent-mode {
    min-height: 62px !important;
    padding: 7px 6px !important;
  }
}