:root{font-family:system-ui,sans-serif;color:#23332d;background:#f5f4ef;--accent:#24583f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}#book-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);height:100dvh}#reader-surface,#companion{min-width:0;min-height:0;overflow:auto;padding:2rem}#reader-surface{background:#fff}#companion{border-left:1px solid #cad0c8}h1{font-size:2.4rem;font-weight:500;line-height:1.15}h2{font-weight:500;line-height:1.25}p,article{line-height:1.65}label{display:block;margin:1rem 0}input,textarea,select{font:inherit;padding:.65rem;border:1px solid #a9b8ac;border-radius:.3rem;width:100%;display:block;margin-top:.3rem}input[type=checkbox]{display:inline;width:auto}button{font:inherit;padding:.55rem .75rem;border:1px solid #a9b8ac;border-radius:.3rem;background:white;color:var(--accent);cursor:pointer;margin:.2rem .2rem .2rem 0}button:disabled{opacity:.5;cursor:default}button[aria-current=true]{background:var(--accent);color:white}a{color:var(--accent)}#outline{display:grid;gap:.3rem;margin:1rem 0}#outline button{text-align:left}#media-surface img,#media-surface video{display:block;width:100%;max-height:48dvh;object-fit:contain;border-radius:.4rem}#media-surface:empty{display:none}#media-surface figure{margin:0}figcaption{font:1rem system-ui;margin:.5rem 0;color:#4e5c55}#step-body{white-space:pre-wrap}#step-note{border-left:3px solid var(--accent);padding-left:1rem}#step-note:empty,#wait-notice:empty{display:none}#wait-notice{background:#f0ede3;padding:1rem}details{padding:.8rem;border:1px solid #cad0c8;margin:1rem 0}summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #aa801c;outline-offset:2px}[hidden]{display:none!important}html[data-visual=true] #companion{display:none}html[data-visual=true] #book-workspace{grid-template-columns:1fr}@media(max-width:650px){#book-workspace{grid-template-columns:1fr;grid-template-rows:46% 54%}#reader-surface,#companion{padding:1rem}#companion{border-left:0;border-top:1px solid #cad0c8}h1{font-size:1.8rem}html[data-visual=true] #book-workspace{grid-template-rows:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#step-body,#source-text{overflow-wrap:anywhere}