.rl-tool { min-width: 0; }
.rl-tool input[type="text"] { display: block; width: 100%; box-sizing: border-box; margin: .5rem 0; }
.rl-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: .75rem; margin-top: 1rem; }
.rl-result { border: 1px solid var(--border, #ddd); border-radius: .5rem; padding: .75rem; overflow-wrap: anywhere; }
.rl-result h3 { font-size: 1.7rem; margin: 0; }
.rl-result p { margin: .5rem 0; }
.rl-grid { display: flex; flex-wrap: wrap; gap: .4rem; }
.rl-radical-group h3, .rl-group h4 { margin: 1rem 0 .5rem; }
.rl-radical[aria-pressed="true"] { outline: 2px solid currentColor; outline-offset: 1px; }
.rl-table-wrap { max-width: 100%; }
.rl-table-wrap table { width: 100%; table-layout: fixed; }
.rl-table-wrap th, .rl-table-wrap td { overflow-wrap: anywhere; padding: .5rem; }
.rl-table-wrap .btn { margin: .15rem; }
.rl-tool [hidden] { display: none; }
.rl-tool #rl-more { margin-top: 1rem; }
#rl-input { width: 100%; min-height: 44px; padding: 8px 10px; font: inherit; font-size: 1rem; border: 1px solid var(--line); border-radius: 8px; box-sizing: border-box; }