/* TDN Text Resizer - minimal styles tailored to blend with themes */
.tdn-text-resizer-toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--tdn-tr-border, rgba(0, 0, 0, 0.1));
  border-radius: 6px;
  background: var(--tdn-tr-bg, rgba(0, 0, 0, 0.03));
  font-size: 0.95rem;
}

.tdn-text-resizer-buttons {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.tdn-text-resizer-toolbar .tdn-btn {
  border: 1px solid var(--tdn-tr-border, rgba(0, 0, 0, 0.2));
  background: var(--tdn-tr-button, #fff);
  padding: 0.35rem 0.55rem;
  border-radius: 4px;
  cursor: pointer;
  line-height: 1;
  font-size: inherit;
}

.tdn-text-resizer-toolbar .tdn-btn:focus {
  outline: 2px solid Highlight;
  outline-offset: 1px;
}

.tdn-text-resizer-toolbar .tdn-size-range {
  vertical-align: middle;
}

.tdn-text-resizer-toolbar .tdn-size-output {
  min-width: 3ch;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

/* Resizable content wrapper */
.tdn-resizable-content {
  font-size: 100%;
}

/* Ensure descendants inherit the scaled font size */
.tdn-resizable-content *,
.tdn-resizable-content *::before,
.tdn-resizable-content *::after {
  font-size: inherit !important;
}