.instructions-guide{max-width:1120px}
.instructions-guide>.guide-crumbs,.instructions-guide>h1,.instructions-guide>.guide-meta,.instructions-guide .guide-body> :not(#instructions-workshop){max-width:720px;margin-left:auto;margin-right:auto}
.instructions-template{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;border:1px solid #dcd7e6;border-radius:16px;background:#fff;font:14px/1.65 ui-monospace,SFMono-Regular,monospace}
#instructions-workshop{margin:28px 0 44px;padding:24px;border:1px solid #dcd7e6;border-radius:22px;background:#f6f3fc;color:var(--ink)}
#instructions-workshop *{box-sizing:border-box}
#instructions-workshop [hidden]{display:none!important}
#instructions-workshop .modes,#instructions-workshop .examples,#instructions-workshop .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}
#instructions-workshop button{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;border:1px solid #ccc5dc;border-radius:10px;padding:10px 15px;background:#fff;color:var(--ink);cursor:pointer}
#instructions-workshop button:disabled{opacity:.5;cursor:default}
#instructions-workshop button:hover:not(:disabled){border-color:#4a22cc}
#instructions-workshop button[aria-pressed=true],#instructions-workshop .primary{background:var(--ink);color:#fff;border-color:var(--ink)}
#instructions-workshop :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #704be6;outline-offset:3px}
#instructions-workshop .examples>span{font-size:13px;color:var(--ink-soft)}
#instructions-workshop .examples button{font-size:12px;padding:6px 10px}
#instructions-workshop .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
#instructions-workshop .layout>form,#instructions-workshop .layout>section{min-width:0;padding:20px;background:#fff;border:1px solid #e4deed;border-radius:16px}
#instructions-workshop .section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
#instructions-workshop .section-title h2{margin:0;font-size:21px}
#instructions-workshop .section-title>span{font-size:12px;color:var(--ink-soft)}
#instructions-workshop label{display:block;margin:16px 0 6px;font-size:14px;font-weight:650}
#instructions-workshop :is(input,textarea,select){width:100%;max-width:100%;border:1px solid #c9c2d6;border-radius:8px;padding:10px;background:#fff;color:var(--ink);font-family:inherit;font-size:14px;line-height:1.5}
#instructions-workshop textarea{resize:vertical}
#instructions-workshop :is(.hint,.boundary,.card p){font-size:13px;line-height:1.5;margin:6px 0;color:var(--ink-soft)}
#instructions-workshop .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#instructions-workshop .primary{margin-top:20px;width:100%}
#instructions-workshop details{border-top:1px solid #e4deed;margin-top:18px;padding-top:14px}
#instructions-workshop summary{cursor:pointer;font-weight:650;font-size:14px}
#instructions-workshop .actions{margin-top:12px;margin-bottom:0}
#instructions-workshop #status{font-size:14px;line-height:1.5;margin:0 0 12px}
#instructions-workshop #findings{font-size:13px;color:#943e23;padding-left:20px}
#instructions-workshop #findings:empty{display:none}
#instructions-workshop :is(#draft,#template){font:12px/1.65 ui-monospace,SFMono-Regular,monospace;background:#faf9fd}
#instructions-workshop .card{padding:10px 0;border-bottom:1px solid #e4deed}
#instructions-workshop .workshop-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px}
#instructions-workshop .workshop-footer p{font-size:13px;margin:0}
@media(max-width:800px){#instructions-workshop{padding:16px}#instructions-workshop .layout{grid-template-columns:1fr}#instructions-workshop .pair{grid-template-columns:1fr}.instructions-template{padding:18px}}