/* Framework tools are kept outside the scaled paper. */
.framework-toolbar{position:sticky;top:0;left:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--bg,#f4f1e8);border-bottom:1px solid var(--line,#d4cec0);cursor:default;min-height:58px;width:100%}
.framework-toolbar button,.framework-inspector button,.framework-footer button{font:inherit;font-size:12px;border:0;background:transparent;color:var(--ink,#252920);cursor:pointer;padding:7px 10px;border-radius:4px;white-space:nowrap}
.framework-mode{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line,#d4cec0);border-radius:6px}
.framework-mode button[aria-pressed=true]{background:var(--ink,#252920);color:var(--paper,#fffdf6)}
.framework-actions{display:flex;gap:4px;align-items:center}.framework-actions button:hover,.framework-inspector button:hover{background:#2529200c}.framework-actions .framework-add{background:var(--action-card,#f4db77);border:1px solid #9e8f5466}
.framework-toolbar button:disabled{opacity:.3;cursor:default}.framework-toolbar button:focus-visible,.framework-inspector button:focus-visible,.framework-card-controls button:focus-visible{outline:2px solid var(--blue,#275db7);outline-offset:3px}
.framework-inspector{position:sticky;top:65px;left:0;z-index:14;background:var(--paper,#fffdf7);border-bottom:1px solid var(--line,#d4cec0);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:default;width:100%;font-size:11px;color:#6c6c62;flex-wrap:wrap}
.framework-inspector label{display:flex;align-items:center;gap:8px;min-width:0;margin:0}.framework-inspector select{font-size:11px;background:transparent;border:0;border-bottom:1px solid #bbb7a8;border-radius:0;max-width:220px;padding:5px 22px 5px 4px;color:var(--ink,#252920);min-height:30px}.framework-inspector>div{display:flex}.framework-empty-inspector{min-height:44px}
.framework-lane-label{position:absolute;font-size:12px;letter-spacing:.04em;color:var(--muted,#77766a);border-left:2px solid var(--blue,#315eb8);padding-left:12px;line-height:20px;pointer-events:none}
.graph-document-title{top:23px}.framework-editing .graph-task-card{cursor:default;overflow:visible}.framework-editing .graph-task-card.framework-selected{outline:2px solid var(--blue,#315eb8);outline-offset:5px}
.framework-card-controls{position:absolute;top:-30px;right:0;display:flex;gap:3px;align-items:center}.framework-card-controls button{font:11px inherit;border:0;background:var(--paper,#fffdf7);color:var(--muted,#77766a);border-radius:4px;padding:3px 8px;min-height:24px;cursor:pointer}.framework-card-controls [data-framework-drag]{cursor:grab;touch-action:none;font-size:18px;line-height:18px;width:32px}.framework-dragging{z-index:20!important;box-shadow:0 12px 28px #24282026!important;opacity:.92}.framework-dragging [data-framework-drag]{cursor:grabbing}
.framework-task-edit textarea{font:600 17px/1.55 inherit;font-family:inherit;font-size:17px;font-weight:600;line-height:1.55;resize:none;padding:0 0 6px;width:100%;min-height:56px;max-height:65px;background:transparent;border:0;border-bottom:1px solid #6c633a44;border-radius:0;color:var(--ink,#252920);box-shadow:none}.framework-task-edit textarea:focus{outline:0;border-bottom-color:var(--blue,#315eb8);background:#fff2}.framework-task-detail{font-size:10px;color:#716c50;display:block;margin-top:8px}
.framework-footer{border:0!important;background:transparent!important;padding:0!important}.framework-footer-actions{display:flex;align-items:flex-start;gap:22px}.framework-footer-actions>button{border:1px dashed #9e987d;padding:12px 20px}.framework-footer details{font-size:12px}.framework-footer summary{cursor:pointer;padding:12px 0}.framework-footer details div{display:grid;gap:4px}.framework-footer details button{display:flex;gap:20px;text-align:left;border-bottom:1px solid #d7d1c3}.framework-footer details span{margin-left:auto;color:#315eb8}
.practice-scale-ticks{display:flex;justify-content:space-between;padding:0 8px;margin-top:1px;pointer-events:none}.practice-scale-ticks span{display:grid;justify-items:center;gap:4px;font:9px ui-monospace,monospace;color:#747468}.practice-scale-ticks i{height:5px;width:1px;background:#777565}.practice-scale-caption{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:10px;color:#77766c}.practice-scale-caption output{font-size:11px;color:var(--ink,#252920)}
.practice-color-only{padding-bottom:15px!important}.framework-editing .flip-ink{display:none}.framework-editing .graph-method-card{z-index:3}.framework-editing .graph-task-card .card-flip-button{display:none}.framework-editing .graph-card-meta{margin-bottom:10px}
@media(max-width:760px){.framework-toolbar{padding:8px 10px;gap:5px;min-height:54px}.framework-toolbar button{font-size:11px;padding:7px 8px}.framework-actions{gap:1px}.framework-actions button span{display:none}.framework-inspector{top:54px;padding:9px 12px}.framework-inspector select{max-width:170px}.framework-inspector button{font-size:11px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.framework-dragging{transition:none}}

.framework-task-edit .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}