:root{font-family:system-ui,sans-serif;color:#173c32;background:#f4f8f5}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:30px 20px}h1{font-size:clamp(1.7rem,5vw,2.5rem)}label{display:block;margin:18px 0 8px}textarea,select,input{max-width:100%;font:inherit}textarea{width:100%;padding:14px;border:1px solid #90a99d;border-radius:9px}select,button{padding:10px}button,a{color:#174e3c}button{background:#fff;border:1px solid #527b67;border-radius:7px;font:inherit;cursor:pointer}button:disabled{opacity:.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c27915;outline-offset:3px}#result{background:white;padding:20px;border-radius:12px}li{margin-bottom:18px;overflow-wrap:anywhere}#original p{white-space:pre-wrap;overflow-wrap:anywhere}#status{min-height:24px}#download{display:inline-block;padding:12px;border:1px solid #527b67;border-radius:7px}summary{margin-top:25px;cursor:pointer}
[hidden]{display:none!important}

/* Long translations and generated references must fit narrow screens. */
main,#result{min-width:0;max-width:100%;overflow-wrap:anywhere}main{width:100%;max-width:850px}button,select,#download{max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px}pre{min-width:0;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
