:root{font-family:system-ui,sans-serif;color:#213547;background:#f5f6f8}body{margin:0}main{max-width:1000px;margin:auto;padding:24px}header,section{background:white;padding:20px;margin:16px 0;border:1px solid #dde2e8;border-radius:8px}h1,h2,h3{margin-top:0}.columns{display:flex;flex-wrap:wrap;gap:24px}.columns form{flex:1;min-width:220px}label{display:block;margin:8px 0}input,select{display:block;box-sizing:border-box;max-width:100%;padding:8px;border:1px solid #aab3bc;border-radius:4px}button{padding:9px 14px;margin:5px 5px 5px 0;background:#254f79;color:white;border:0;border-radius:4px;cursor:pointer}button:disabled{opacity:.45;cursor:default}pre{white-space:pre-wrap;word-break:break-word;line-height:1.8}#result{white-space:pre-wrap;color:#254f79}li{margin:8px 0}#chapter-content{padding:15px;background:#fcfaf4}