.instruction-editor{display:grid;gap:16px;min-width:0}.instruction-row{padding:16px;border:1px solid #d8dfda;border-radius:12px;min-width:0}.instruction-row label{display:block;margin:8px 0}.instruction-row input,.instruction-row textarea,.instruction-form input,.instruction-form select{width:100%;box-sizing:border-box;min-width:0}.instruction-row textarea{min-height:150px;resize:vertical;font:inherit;font-weight:400;line-height:1.6}.instruction-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.instruction-actions button{white-space:normal}.instruction-text{white-space:pre-wrap;overflow-wrap:anywhere}.instruction-form{display:grid;gap:14px}#instruction-content h2,#instruction-content h3,#instruction-content p{overflow-wrap:anywhere}#instruction-content details{margin:16px 0}#instruction-content .check{display:flex;gap:10px;align-items:flex-start}#instruction-content .check input{width:auto;flex-shrink:0;margin-top:5px}
#instruction-content{padding-bottom:110px}#instruction-content button,#instruction-content select,#instruction-content input:not([type=checkbox]),#instruction-content summary{min-height:44px}#instruction-content input,#instruction-content textarea,#instruction-content select{font-size:16px}#instruction-content button:focus-visible,#instruction-content summary:focus-visible{outline:3px solid #1c7468;outline-offset:3px}.instruction-card-summary h3{margin:0 0 8px}.instruction-snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.instruction-fields{margin-top:12px}.instruction-fields[hidden],.instruction-save-bar[hidden]{display:none}.instruction-deleted{border-style:dashed;background:#f3f5f3;color:#46534b}.instruction-error{color:#a12828;white-space:normal;margin:0}.instruction-error:empty{display:none}.instruction-save-bar{position:sticky;bottom:calc(var(--instruction-keyboard,0px) + env(safe-area-inset-bottom,0px));z-index:12;display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid #d8dfda;border-radius:12px;box-shadow:0 -3px 18px #0001;padding:12px;margin-top:16px}.instruction-save-state{font-size:14px;flex:1}.instruction-save-bar .instruction-error{flex-basis:100%}.instruction-editor .instruction-row{scroll-margin-top:calc(var(--site-header-height,80px) + 16px);scroll-margin-bottom:150px}.instruction-editor textarea{scroll-margin-bottom:170px}.instruction-save-bar button{margin:0}@media(max-width:600px){.instruction-row{padding:12px}.instruction-save-bar{gap:8px}.instruction-save-state{flex-basis:100%}.instruction-save-bar button{flex:1;padding:10px 8px}.instruction-actions button{flex:1}.instruction-editor{gap:12px}}
.instruction-save-bar{position:fixed;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:760px;box-sizing:border-box;bottom:calc(var(--instruction-keyboard,0px) + max(12px,env(safe-area-inset-bottom,0px)));margin:0}#instructions-panel{padding-bottom:180px}