:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#242424;background:#f6f3ec}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:32px 24px}a{color:inherit}h1{font-size:64px;letter-spacing:-5px;margin:28px 0 0}h2{font-size:34px;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:2px}p{line-height:1.6}.notice{background:#e8e3d7;padding:16px;font-size:13px}.fine{font-size:12px;color:#64625c}label{display:block;font-weight:bold;margin:16px 0 8px}select,textarea,button{font:inherit;min-height:48px;padding:12px;border:1px solid #bbb5aa}textarea{width:100%;background:#fffdf8}button{background:#242424;color:#f6f3ec;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.5;cursor:wait}.message{padding:18px;margin:16px 0;background:#fffdf8;border:1px solid #d5d1c8;white-space:pre-wrap}.user{border-left:4px solid #242424}.drill{border-top:1px solid #d5d1c8;padding-top:12px}.speaker{display:block;font-size:11px;letter-spacing:1px;margin-bottom:10px}#status{font-weight:bold}button:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #805c28;outline-offset:3px}

.sources{margin-top:1rem;font-size:.85rem}.sources summary{cursor:pointer}.sources small{display:block;margin-top:.25rem}.sources a{overflow-wrap:anywhere}

#learning{border:1px solid #bbb5aa;padding:16px;margin:16px 0}#learning details+details{margin-top:16px}.feedback{border-top:1px solid #d5d1c8;padding-top:16px;margin-top:16px}.feedback small{display:block;margin:8px 0}.feedback button{font-size:14px}summary{cursor:pointer}
