/* Margin workspace only. Hero, article shell, meta and lower partials stay shared-owned. */
.tn-mc-page[data-tn-fixed-partials="character-counter"] {
  --mc-ink: #1a1208; --mc-muted: #5a4a30; --mc-line: #b8a888; --mc-soft: #ddd4be;
  --mc-paper: #faf6ee; --mc-surface: #fffdf7; --mc-wash: #f5efdf; --mc-accent: #c44a00;
  --mc-primary: #1a1208; --mc-primary-hover: #a53d00; --mc-primary-text: #faf6ee;
  --mc-secondary: #ede6d4; --mc-secondary-hover: #dfd4bb; --mc-secondary-text: #1a1208;
  --mc-action-line: #b8a888; --mc-error: #7c2115; --mc-scheme: light;
  --mc-num: -apple-system, BlinkMacSystemFont, "Pretendard", "Segoe UI", system-ui, sans-serif;
  --mc-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  box-sizing: border-box !important;
  width: min(1180px, 100%) !important; max-width: 1180px !important;
  margin: 0 auto 56px !important; padding: 0 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool,
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool * {
  box-sizing: border-box !important; min-width: 0 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool[data-roberin-tool="margin-calculator"] [hidden] { display: none !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool[data-roberin-tool="margin-calculator"] {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important;
  width: 100% !important; max-width: 980px !important; height: auto !important; min-height: 0 !important;
  margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; line-height: 1.5 !important;
  color-scheme: var(--mc-scheme) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] :is(.tn-mc-tool, .tn-mc-pane, .tn-mc-primary) > * { margin: 0 !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-sr {
  position: absolute !important; width: 1px !important; height: 1px !important;
  margin: -1px !important; padding: 0 !important; border: 0 !important;
  clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important;
  overflow: hidden !important; white-space: nowrap !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] :is(.tn-mc-modes, .tn-mc-panels, .tn-mc-fields) {
  display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-modes { gap: 8px !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-panels { gap: 16px !important; align-items: stretch !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-fields { gap: 12px !important; align-content: start !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-modes > .tn-mc-mode {
  display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
  min-height: 42px !important; margin: 0 !important; padding: 9px 10px !important;
  border: 1px solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-paper) !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 600 !important;
  line-height: 20px !important; letter-spacing: normal !important; cursor: pointer !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-mode > input[type="radio"] {
  appearance: auto !important; -webkit-appearance: radio !important; accent-color: var(--mc-accent) !important;
  display: block !important; position: static !important; flex: 0 0 18px !important;
  width: 18px !important; height: 18px !important; min-height: 18px !important; max-height: 18px !important;
  margin: 0 !important; padding: 0 !important; outline: none !important; box-shadow: none !important;
  opacity: 1 !important; visibility: visible !important; clip: auto !important; clip-path: none !important;
  cursor: pointer !important; color-scheme: var(--mc-scheme) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-mode > span {
  display: block !important; margin: 0 !important; padding: 0 !important;
  color: inherit !important; -webkit-text-fill-color: currentColor !important; font: inherit !important;
  white-space: nowrap !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-mode:has(:checked) {
  border-color: var(--mc-ink) !important; background: var(--mc-wash) !important; font-weight: 700 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] :is(.tn-mc-mode, .tn-mc-control):has(:focus-visible) {
  outline: 2px solid var(--mc-accent) !important; outline-offset: 2px !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-pane {
  display: flex !important; flex-direction: column !important; gap: 12px !important;
  height: auto !important; min-height: 0 !important; padding: 16px !important;
  border: 1px solid var(--mc-line) !important; border-radius: 0 !important;
  background: var(--mc-surface) !important; box-shadow: none !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-field {
  display: grid !important; align-content: start !important; gap: 5px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-field--wide { grid-column: 1 / -1 !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-field > label {
  display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 600 !important;
  line-height: 20px !important; letter-spacing: normal !important; text-align: left !important; word-break: keep-all !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-field > .tn-mc-control {
  display: flex !important; align-items: center !important; gap: 10px !important;
  width: 100% !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 10px !important;
  border: 1px solid var(--mc-line) !important; border-radius: 0 !important;
  background: var(--mc-paper) !important; box-shadow: none !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control > :is(input, select) {
  display: block !important; flex: 1 1 auto !important; width: auto !important; max-width: 100% !important;
  height: 40px !important; min-height: 40px !important; max-height: 40px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: none !important;
  background: transparent !important; box-shadow: none !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important; caret-color: var(--mc-ink) !important;
  font-family: var(--mc-num) !important; font-size: 15px !important; font-weight: 600 !important; font-style: normal !important;
  line-height: normal !important; letter-spacing: normal !important; font-variant-numeric: lining-nums tabular-nums !important;
  font-feature-settings: "lnum" 1, "tnum" 1 !important; text-indent: 0 !important; text-transform: none !important;
  opacity: 1 !important; color-scheme: var(--mc-scheme) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control > input { appearance: none !important; text-align: right !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control > select {
  appearance: auto !important; -webkit-appearance: menulist !important; text-align: left !important; cursor: pointer !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control option { background: var(--mc-paper) !important; color: var(--mc-ink) !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control > input::placeholder {
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-weight: 400 !important; letter-spacing: normal !important; opacity: .35 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-control:has([aria-invalid="true"]) { border-color: var(--mc-error) !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] :is(.tn-mc-control, .tn-mc-total, .tn-mc-breakdown dd, .tn-mc-figure) > b {
  display: inline-block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; background: transparent !important;
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 600 !important;
  line-height: 20px !important; letter-spacing: normal !important; white-space: nowrap !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-result-pane { container-type: inline-size; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-primary {
  display: grid !important; gap: 8px !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] #mcPrimaryLabel {
  display: block !important; color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] :is(.tn-mc-total, .tn-mc-breakdown dd, .tn-mc-figure) {
  display: flex !important; align-items: baseline !important; gap: 10px !important;
  width: max-content !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; background: transparent !important; white-space: nowrap !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool strong:is([data-mc-result], [data-mc-advanced], [data-mc-compare]) {
  display: inline-block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 16px !important; font-weight: 800 !important; font-style: normal !important;
  line-height: 1.25 !important; letter-spacing: normal !important; font-variant-numeric: lining-nums tabular-nums !important;
  font-feature-settings: "lnum" 1, "tnum" 1 !important; white-space: nowrap !important; overflow: visible !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-total > strong[data-mc-result="primary"] {
  font-size: 38px !important; font-size: clamp(32px, 8cqi, 42px) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool[data-mc-size="compact"] .tn-mc-total > strong[data-mc-result="primary"] {
  font-size: 28px !important; font-size: clamp(24px, 6.8cqi, 34px) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool[data-mc-size="long"] .tn-mc-total > strong[data-mc-result="primary"] {
  font-size: 22px !important; font-size: clamp(18px, 5.6cqi, 28px) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool[data-mc-sign="loss"] strong[data-mc-result="profit"] {
  color: var(--mc-error) !important; -webkit-text-fill-color: currentColor !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-breakdown {
  display: grid !important; gap: 8px !important; margin: 0 !important; padding: 12px 0 0 !important;
  border: 0 !important; border-top: 1px solid var(--mc-soft) !important; background: transparent !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-breakdown > div {
  display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 2px 10px !important;
  margin: 0 !important; padding: 0 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-breakdown dt {
  flex: 1 1 125px !important; margin: 0 !important; padding: 0 !important;
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 400 !important;
  line-height: 20px !important; word-break: keep-all !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-breakdown dd { flex: 0 0 auto !important; margin-left: auto !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-pane > :is(.tn-mc-actions, .tn-mc-result-actions) {
  display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important;
  margin-top: auto !important; padding: 0 !important; border: 0 !important; background: transparent !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action {
  display: grid !important; place-items: center !important; align-content: center !important; flex: 0 0 auto !important;
  width: max-content !important; max-width: 100% !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important;
  margin: 0 !important; padding: 0 12px !important; border: 1px solid var(--mc-action-line) !important; border-radius: 0 !important;
  outline: none !important; background: var(--mc-secondary) !important; box-shadow: none !important;
  color: var(--mc-secondary-text) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-mono) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important;
  letter-spacing: normal !important; text-align: center !important; text-indent: 0 !important; text-transform: none !important;
  white-space: nowrap !important; appearance: none !important; opacity: 1 !important; cursor: pointer !important;
  transform: none !important; transition: none !important; animation: none !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action::before,
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action::after { display: none !important; content: none !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action:not(:disabled):is(:hover, :focus-visible) { background: var(--mc-secondary-hover) !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action--primary {
  background: var(--mc-primary) !important; border-color: var(--mc-primary) !important;
  color: var(--mc-primary-text) !important; -webkit-text-fill-color: currentColor !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action--primary:not(:disabled):is(:hover, :focus-visible) {
  background: var(--mc-primary-hover) !important; border-color: var(--mc-primary-hover) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action:focus-visible {
  outline: 2px solid var(--mc-accent) !important; outline-offset: 2px !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool button.tn-mc-action:disabled { border-style: dashed !important; cursor: not-allowed !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool :is(.tn-mc-hint, .tn-mc-status, .tn-mc-disclaimer, .tn-mc-copy-status) {
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 400 !important;
  line-height: 1.5 !important; letter-spacing: normal !important; text-align: left !important;
  word-break: keep-all !important; overflow-wrap: anywhere !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool[data-state="error"] #mcStatus {
  color: var(--mc-error) !important; -webkit-text-fill-color: currentColor !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool :is(#mcStatus, #mcInterpretation, #mcCopyStatus):empty { display: none !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-ad {
  width: 100% !important; max-width: 900px !important; min-height: 90px !important; height: auto !important; max-height: none !important;
  margin-right: auto !important; margin-left: auto !important; background: transparent !important;
}
/* Optional workspace controls and output; no Article or shared-shell selectors. */
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-cost-toggle {
  display: flex !important; align-items: center !important; gap: 8px !important;
  width: fit-content !important; max-width: 100% !important; margin: 0 !important; padding: 10px !important;
  border: 1px solid var(--mc-line) !important; border-radius: 0 !important; background: var(--mc-paper) !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 600 !important;
  line-height: 20px !important; letter-spacing: normal !important; cursor: pointer !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-cost-toggle > input[type="checkbox"] {
  appearance: auto !important; -webkit-appearance: checkbox !important; accent-color: var(--mc-accent) !important;
  display: block !important; position: static !important; flex: 0 0 20px !important;
  width: 20px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important;
  margin: 0 !important; padding: 0 !important; outline: none !important; box-shadow: none !important;
  opacity: 1 !important; visibility: visible !important; clip: auto !important; clip-path: none !important;
  cursor: pointer !important; color-scheme: var(--mc-scheme) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-cost-toggle > span {
  display: block !important; margin: 0 !important; padding: 0 !important;
  color: inherit !important; -webkit-text-fill-color: currentColor !important; font: inherit !important;
  word-break: keep-all !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-cost-toggle:is(:hover, :has(:checked)) {
  background: var(--mc-wash) !important; border-color: var(--mc-ink) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-cost-toggle:has(:focus-visible) {
  outline: 2px solid var(--mc-accent) !important; outline-offset: 2px !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-control:has(input:not([readonly]):not(:disabled):not([aria-invalid="true"])):hover {
  border-color: var(--mc-ink) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-control:has(input[readonly]) {
  border-style: dashed !important; background: var(--mc-wash) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control > input[readonly] {
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important; cursor: default !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-advanced {
  display: block !important; width: 100% !important; padding: 0 !important;
  border: 1px solid var(--mc-line) !important; border-radius: 0 !important;
  background: var(--mc-surface) !important; box-shadow: none !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced > summary {
  display: list-item !important; margin: 0 !important; padding: 14px 16px !important;
  border: 0 !important; border-radius: 0 !important; background: var(--mc-paper) !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 15px !important; font-weight: 600 !important;
  line-height: 22px !important; letter-spacing: normal !important; list-style: disclosure-closed inside !important;
  cursor: pointer !important; word-break: keep-all !important; overflow-wrap: anywhere !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced[open] > summary { list-style-type: disclosure-open !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced > summary::before,
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced > summary::after { display: none !important; content: none !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced > summary:is(:hover, :focus-visible) { background: var(--mc-wash) !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced > summary:focus-visible {
  outline: 2px solid var(--mc-accent) !important; outline-offset: 2px !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced-body {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important;
  margin: 0 !important; padding: 16px !important; border-top: 1px solid var(--mc-line) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced:not([open]) > .tn-mc-advanced-body { display: none !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-fields.tn-mc-fields--three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-basis {
  display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 5px 16px !important;
  margin: 0 !important; padding: 0 !important; color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-section-title {
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 16px !important; font-weight: 700 !important;
  line-height: 24px !important; letter-spacing: normal !important; text-transform: none !important;
  word-break: keep-all !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool :is(#mcDiscountStatus, #mcLimitStatus)[data-state="error"],
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool [data-mc-compare-row][data-state="error"] [data-mc-compare-status] {
  color: var(--mc-error) !important; -webkit-text-fill-color: currentColor !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-comparison {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important;
  margin: 0 !important; padding: 0 !important; container: mc-comparison / inline-size;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool table.tn-mc-compare-table {
  display: table !important; width: 100% !important; max-width: 100% !important; margin: 0 !important;
  border: 1px solid var(--mc-line) !important; border-collapse: collapse !important; table-layout: fixed !important;
  background: var(--mc-paper) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table :is(caption, th, td) {
  margin: 0 !important; padding: 10px 8px !important; border: 0 !important; border-bottom: 1px solid var(--mc-soft) !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; line-height: 20px !important;
  letter-spacing: normal !important; text-align: left !important; vertical-align: top !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table caption {
  display: table-caption !important; width: auto !important; padding: 0 0 10px !important; border: 0 !important; caption-side: top !important;
  color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important; font-weight: 400 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table thead { display: table-header-group !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody { display: table-row-group !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tr { display: table-row !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table :is(th, td) { display: table-cell !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table th { background: var(--mc-wash) !important; font-weight: 600 !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table td { background: transparent !important; font-weight: 400 !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table thead th { width: 20% !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table thead th:first-child { width: 8% !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table thead th:last-child { width: 12% !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-compare-table strong[data-mc-compare] {
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; font-weight: 800 !important;
  line-height: 20px !important; letter-spacing: normal !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-compare-table [data-mc-compare-status] {
  display: block !important; margin-top: 5px !important; font-size: 13px !important; font-weight: 400 !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool .tn-mc-compare-table [data-mc-compare-status]:empty { display: none !important; }
@container mc-comparison (max-width: 880px) {
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-tool table.tn-mc-compare-table {
    display: block !important; border: 0 !important; background: transparent !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table caption { display: block !important; width: 100% !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table thead {
    position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important;
    padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important;
    overflow: hidden !important; white-space: nowrap !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody { display: grid !important; gap: 12px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody tr {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border: 1px solid var(--mc-line) !important; background: var(--mc-paper) !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody :is(th, td) {
    display: block !important; width: auto !important; padding: 10px !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody :is(th, td:last-child) { grid-column: 1 / -1 !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody td::before {
    display: block !important; content: attr(data-label) !important; margin-bottom: 5px !important;
    color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important; font-weight: 600 !important;
  }
}
@container mc-comparison (max-width: 420px) {
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody tr { grid-template-columns: minmax(0, 1fr) !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody td {
    display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 5px 12px !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-compare-table tbody td::before { margin: 0 auto 0 0 !important; }
}
/* Only this optional comparison table is local; article typography remains shared. */
.tn-mc-page[data-tn-fixed-partials="character-counter"] table.tn-mc-example-table {
  width: 100% !important; max-width: 100% !important; margin: 12px 0 0 !important;
  border: 1px solid var(--mc-line) !important; border-collapse: collapse !important; table-layout: fixed !important;
  background: var(--mc-paper) !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table :is(caption, th, td) {
  padding: 10px !important; border: 0 !important; border-bottom: 1px solid var(--mc-soft) !important;
  color: var(--mc-ink) !important; -webkit-text-fill-color: currentColor !important;
  font-family: var(--mc-num) !important; font-size: 14px !important; line-height: 1.5 !important;
  letter-spacing: normal !important; text-align: left !important; vertical-align: top !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
}
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table caption { padding: 0 0 8px !important; border: 0 !important; caption-side: top !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table th { background: var(--mc-wash) !important; font-weight: 600 !important; }
.tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table td { background: transparent !important; font-weight: 400 !important; }

body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-d="dark"], [data-scheme="auto"][data-l="dark"]) .tn-mc-page[data-tn-fixed-partials="character-counter"],
html:is([data-scheme="dark"], [data-scheme="inverse"], .theme-dark) body:not([data-scheme="light"]) .tn-mc-page[data-tn-fixed-partials="character-counter"] {
  --mc-ink: #efe6d2; --mc-muted: #c3b492; --mc-line: #6f6047; --mc-soft: #574a37;
  --mc-paper: #241d12; --mc-surface: #322a1a; --mc-wash: #241d12; --mc-accent: #e8823f;
  --mc-primary: #6a3b1f; --mc-primary-hover: #824826; --mc-primary-text: #f7ead1;
  --mc-secondary: #2f2115; --mc-secondary-hover: #3a2a1b; --mc-secondary-text: #f7ead1;
  --mc-action-line: #826744; --mc-error: #f1a078; --mc-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  body[data-scheme="auto"] .tn-mc-page[data-tn-fixed-partials="character-counter"] {
    --mc-ink: #efe6d2; --mc-muted: #c3b492; --mc-line: #6f6047; --mc-soft: #574a37;
    --mc-paper: #241d12; --mc-surface: #322a1a; --mc-wash: #241d12; --mc-accent: #e8823f;
    --mc-primary: #6a3b1f; --mc-primary-hover: #824826; --mc-primary-text: #f7ead1;
    --mc-secondary: #2f2115; --mc-secondary-hover: #3a2a1b; --mc-secondary-text: #f7ead1;
    --mc-action-line: #826744; --mc-error: #f1a078; --mc-scheme: dark;
  }
}
@media (max-width: 720px) {
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-panels { grid-template-columns: minmax(0, 1fr) !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-pane { padding: 12px !important; height: auto !important; min-height: 0 !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced-body { padding: 12px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-advanced > summary { padding: 12px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-fields.tn-mc-fields--three { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-fields--three > .tn-mc-field:last-child { grid-column: 1 / -1 !important; }
}
@media (max-width: 600px) {
  .tn-mc-page[data-tn-fixed-partials="character-counter"] { width: calc(100% - 10px) !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-control > input { font-size: 13px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-field--wide .tn-mc-control > input { font-size: 15px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-breakdown strong[data-mc-result] { font-size: 15px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] table.tn-mc-example-table { display: block !important; border: 0 !important; background: transparent !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table caption { display: block !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table thead {
    position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important;
    padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important;
    overflow: hidden !important; white-space: nowrap !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table tbody { display: grid !important; gap: 10px !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table tbody tr {
    display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
    border: 1px solid var(--mc-line) !important; background: var(--mc-paper) !important;
  }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table tbody :is(th, td) { display: block !important; width: auto !important; }
  .tn-mc-page[data-tn-fixed-partials="character-counter"] .tn-mc-example-table tbody td::before {
    display: block !important; content: attr(data-label) !important; margin-bottom: 4px !important;
    color: var(--mc-muted) !important; -webkit-text-fill-color: currentColor !important; font-weight: 600 !important;
  }
}