/* Clear task entry, calm editing surfaces, accessible touch targets. */
.s336-practice{margin:10px 0 32px;padding:24px;border:1px solid #e5dded;border-radius:22px;background:linear-gradient(120deg,#faf7ff,#f2f8f6)}
.s336-practice h2{font-size:clamp(20px,2.4vw,28px);margin:7px 0 18px;line-height:1.2}
.s336-practice nav{display:flex;flex-wrap:wrap;gap:9px}
.s336-practice a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;background:#fff;color:#38294d;border:1px solid #e2d9ed;border-radius:12px;font-weight:650;text-decoration:none;transition:background .15s,box-shadow .15s}
.s336-practice a:hover{background:#eee6fb;box-shadow:0 3px 10px #41245912}
.s336-practice a:active{transform:translateY(1px)}
.s336-practice a:focus-visible,.study47 :is(button,a,input,select,textarea):focus-visible{outline:3px solid #8b63d8;outline-offset:3px}
.study47.s47-editor{max-width:1320px}.s47-editor :is(input:not([type="checkbox"]),select,button){min-height:44px}
.s47-editor .s47-block{border:1px solid #e2dce9;border-radius:18px;padding:20px;background:#fff;box-shadow:0 3px 12px #35214405}
.s47-editor .s47-block-bar{gap:10px;flex-wrap:wrap}.s47-editor .s47-block-bar>div{display:flex;gap:6px;flex-wrap:wrap}
.s47-editor .s47-block-bar button{border-radius:9px;padding:7px 12px}
.s336-readiness{padding:12px 14px;border:1px solid #e3d9ee;background:#f8f4fd;border-radius:12px;margin:12px 0}
.s336-readiness p{margin:0!important;font-size:14px;line-height:1.5}.s336-readiness button{margin-top:5px;text-align:left}
.s336-preview-link{display:inline-flex;min-height:42px;align-items:center;font-weight:650;margin-bottom:8px}
.s336-needs-edit{border-color:#b08a36!important;background:#fffcf3!important}
.s336-import{margin:16px 0;padding:18px;border:1px solid #ded8e9;border-radius:16px;background:#faf8fd}
.s336-import summary{cursor:pointer;font-weight:650;min-height:30px}.s336-import textarea{width:100%;box-sizing:border-box}
.study47 :is(#s47-form,#s47-preview,#s156-export),#study-tools{scroll-margin-top:24px}
@media(max-width:600px){.s336-practice{padding:18px}.s336-practice nav{display:grid;grid-template-columns:1fr 1fr}.s336-practice a{padding:10px 7px;font-size:13px}.s47-editor .s47-block{padding:14px}.s47-editor .s47-row-fields{grid-template-columns:1fr!important}.s47-editor .s47-block-bar button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.s336-practice a{transition:none}.s336-practice a:active{transform:none}}
@media print{.s336-practice,.s336-readiness,.s336-preview-link{display:none!important}}