*{box-sizing:border-box}body{margin:0;background:#f3f5ed;color:#18332d;font:16px/1.55 system-ui,sans-serif}header{background:#123b34;color:white;padding:1rem max(1rem,calc((100% - 820px)/2));display:flex;align-items:center;justify-content:space-between;gap:.8rem}.brand{font-weight:850;font-size:1.22rem;white-space:nowrap}.brand span,#offline{font-size:.73rem;font-weight:650}.brand span{background:#d8efb9;color:#123b34;border-radius:1rem;padding:.2rem .5rem}main{max-width:852px;margin:auto;padding:1rem}.hero{background:#d8efb9;border-radius:24px;padding:clamp(1.25rem,5vw,3rem);margin:1rem 0}.hero p{margin:.2rem 0}.hero p:first-child{font-size:.73rem;letter-spacing:.14em;font-weight:800}h1{font-size:clamp(2.5rem,8vw,5rem);letter-spacing:-.065em;line-height:1;margin:.4rem 0 .8rem}h2,h3{line-height:1.2}nav,.actions{display:flex;flex-wrap:wrap;gap:.5rem}button,select,input::file-selector-button{font:inherit;min-height:44px;border:1px solid #9eb5a9;background:white;color:#123b34;border-radius:12px;padding:.45rem .8rem}button{cursor:pointer}button[aria-current=true],.primary{background:#123b34;color:white}button:disabled{opacity:.55;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #377d67;outline-offset:3px}.panel{background:white;border:1px solid #d9e1d6;border-radius:20px;padding:clamp(1rem,4vw,2rem);margin-bottom:2rem}.muted{color:#49645a}.passage{background:#f3f5ed;border-radius:14px;padding:1rem;white-space:pre-line}.question{border:1px solid #d9e1d6;border-radius:12px;margin:1rem 0;padding:.7rem}.question label,.check{display:block;padding:.35rem 0}audio,select,input[type=file]{max-width:100%}summary{cursor:pointer;padding:.5rem 0}#notice:empty{display:none}#notice{background:#f8edce;padding:.6rem;border-radius:10px}