.reader-tool,.reader-discovery{--ink:#172f2a;--muted:#465d53;--line:#c4cfc8;margin:2rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #74877e;border-radius:16px;background:#fff;color:#172f2a;min-width:0}
.reader-tool h2,.reader-discovery h2{margin-top:0}.reader-tool p{max-width:75ch}.reader-tool form{display:grid;gap:1rem;min-width:0}.reader-tool fieldset{min-width:0;border:1px solid #9aa9a2;border-radius:8px;padding:1rem}.reader-tool legend{font-weight:700;padding:0 .3rem}.reader-tool label{display:block;margin:.4rem 0;font-weight:600}.reader-tool input:not([type=checkbox]),.reader-tool select,.reader-tool textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:.7rem;border:1px solid #74877e;border-radius:6px;background:#fff;color:#172f2a;font:inherit}.reader-tool input[type=checkbox]{width:1.1rem;height:1.1rem;vertical-align:middle;margin-right:.5rem}.reader-tool textarea{font-family:ui-monospace,monospace;resize:vertical}.reader-tool button{padding:.7rem 1rem;min-height:44px;border:1px solid #74877e;border-radius:6px;background:#edf2ef;color:#172f2a;font:inherit;font-weight:700;cursor:pointer}.reader-tool button:disabled{opacity:.55;cursor:default}.reader-tool :is(button,input,select,textarea,a):focus-visible{outline:3px solid #17634b;outline-offset:3px}.reader-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.reader-tool [role=status]{padding:1rem;background:#edf2ef;color:#172f2a;border-radius:8px;font-weight:600;margin:1rem 0}.reader-table{max-width:100%;overflow-x:auto}.reader-table table{width:100%;border-collapse:collapse;font-size:.94rem}.reader-table th,.reader-table td{text-align:left;vertical-align:top;padding:.7rem;border-bottom:1px solid #c4cfc8;overflow-wrap:anywhere}.reader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reader-discovery a{font-weight:700}.reader-tool small{display:block;line-height:1.5}.reader-tool [data-results]{min-width:0}@media(max-width:600px){.reader-grid{grid-template-columns:1fr}.reader-tool,.reader-discovery{border-radius:10px}.reader-table th,.reader-table td{padding:.5rem}.reader-actions button{flex:1 1 180px}}
