/* The words to pages converter. It reuses the reading time calculator's panel, fields and table
   (reading-time-calculator.css), so this file only adds the font and size row and the link in the result. */
.wtp .rt-box .rt-fields { padding: 22px 20px; }
.wtp-type { display: flex; gap: 16px; }
.wtp-type .rt-size { flex: 1; }
.wtp-type .wtp-pt { flex: 0 0 160px; }
.wtp .rt-row a { color: var(--violet); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.wtp .rt-row a:focus-visible { outline: 2px solid var(--violet); outline-offset: 2px; border-radius: 4px; }
.wtp .rt-chip { padding: 0 20px; }
.wtp .rt-chip:has(input:checked) { padding-left: 14px; }
.wtp .rt-table { width: min(720px, 100%); }
.wtp .rt-select > span { overflow: hidden; }
.wtp .rt-select b { overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 760px) {
  .wtp-type { gap: 10px; }
  .wtp-type .wtp-pt { flex-basis: 104px; }
  .wtp .rt-select { padding: 0 12px 0 14px; }
  .wtp .rt-select b { font-size: 17px; }
  .wtp .rt-chips { flex-wrap: nowrap; }
  .wtp .rt-chip { flex: 1 0 0; justify-content: center; padding: 0 8px; }
  .wtp .rt-chip:has(input:checked) { padding-left: 8px; }
  .wtp .rt-table thead th { width: 120px; }
}