*{box-sizing:border-box}body{margin:0;color:#222;background:#f7f7f5;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{padding:18px 30px;border-bottom:1px solid #bbb;background:white;display:flex;gap:24px;align-items:center}header span{color:#777;font-size:12px}a{color:inherit}nav{display:flex;gap:8px;padding:18px 0;border-bottom:1px solid #bbb;margin-bottom:28px}main{max-width:1000px;margin:auto;padding:0 28px 60px}footer{padding:24px;text-align:center;color:#777;font-size:12px}.student{max-width:460px;background:#fff;min-height:calc(100vh - 70px);padding:0 22px 80px;border:1px solid #ddd}.student nav{position:sticky;top:0;background:#fff;z-index:1}.student nav button{flex:1}button,.button{display:inline-block;background:white;border:1px solid #777;padding:9px 15px;font:inherit;cursor:pointer;border-radius:3px;margin:3px 3px 3px 0;text-decoration:none}button:hover{background:#eee}button.primary,button.selected{background:#333;color:white}button:disabled{opacity:.4;cursor:default}.row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.card{padding:20px;border:1px solid #bbb;margin:14px 0;background:#fff;border-radius:4px}.muted,small{color:#777}h1{font-size:26px;font-weight:600}h2{font-size:19px;margin:0 0 8px}h3{font-size:16px}p{white-space:pre-line}label{display:block;margin:14px 0}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid #aaa;border-radius:2px;font:inherit;background:#fff}input[type=checkbox]{display:inline;width:auto}textarea{min-height:85px}.form{max-width:620px}.badge{font-size:12px;border:1px solid #aaa;padding:3px 7px;border-radius:3px}audio,video{width:100%;margin:14px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#333;color:white;padding:12px 22px;border-radius:4px;display:none;z-index:20;max-width:90vw}.page{min-height:230px;background:#f3f3f3;border:1px dashed #aaa;padding:35px 20px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;white-space:pre-line}.help{padding:10px;background:#eee;font-size:13px}.danger{color:#8b2929}.inline{display:flex;gap:12px}.inline>*{flex:1}@media(max-width:600px){header{padding:12px;gap:12px;flex-wrap:wrap}header span{display:none}main{padding:0 16px 40px}nav{gap:2px}nav button{padding:8px 10px}}

.card{padding:14px 18px;margin:10px 0}.card h2{margin-bottom:3px}.clickable{cursor:pointer}.clickable:hover{background:#f1f1ef}.clickable:focus-visible{outline:2px solid #333;outline-offset:3px}.student-row{padding:14px 0;border-bottom:1px solid #ddd}.more{position:relative}.more summary{cursor:pointer;list-style:none;font-size:24px}.more button{position:absolute;right:0;z-index:2}dialog{border:1px solid #999;border-radius:5px;padding:24px;max-width:90vw}dialog::backdrop{background:#0004}dialog h2{margin:0}small,.muted{font-size:14px}.student nav button{font-size:14px;padding:8px 6px}

.page-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.prototype-input{margin:20px 0}[hidden]{display:none!important}

.book-page{width:100%;height:auto;display:block}.page:has(.book-page){padding:0;background:white}