.macro-workbench { width:min(74rem,calc(100% - 3rem)); margin-inline:auto; padding:calc(var(--shell-header-height) + 1.75rem) 0 4rem; }
.macro-examples-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.5rem 1.5rem; margin-bottom:.5rem; }
.macro-workbench .macro-examples-heading h2 { margin:0; }
.macro-workbench h2 { margin:0 0 1rem; font-size:var(--type-section-title-size); color:var(--text); }
.macro-examples-section,.macro-dictionary,.macro-create { scroll-margin-top:calc(var(--shell-header-height) + 1.25rem); }
.macro-examples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.macro-example { min-width:0; padding:1rem 1.25rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--elevated); }
.macro-example header { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.macro-example h3 { margin:0; font-size:1rem; color:var(--text); }
.macro-example__code { min-height:6.75rem; padding:.75rem 0; color:var(--text); font-size:1rem; line-height:1.75; }
.macro-example__code code { overflow-wrap:anywhere; }
.macro-example__purpose { border-top:1px solid var(--border); padding-top:.625rem; color:var(--text-secondary); font-size:var(--type-ui-size); line-height:1.7; }
.macro-example__purpose p { margin:0; }
.macro-dictionary { margin-top:2.5rem; }
.macro-dictionary header p { margin:-.375rem 0 1rem; color:var(--text-muted); font-size:var(--type-ui-size); }
.macro-dictionary__controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,22rem); gap:1.25rem; align-items:center; }
.macro-dictionary__controls > * { min-width:0; }
.macro-dictionary__controls .search-field { width:100%; }
.macro-dictionary__category { display:flex; align-items:center; gap:.75rem; }
.macro-dictionary__category > label { flex-shrink:0; color:var(--text-muted); font-size:var(--type-ui-size); }
.macro-dictionary__category .wb-search-select { min-width:0; flex:1; }
.macro-dictionary__status { margin:.875rem 0; color:var(--text-muted); font-size:var(--type-ui-size); }
.macro-command-group { margin:1.5rem 0; scroll-margin-top:calc(var(--shell-header-height) + 1rem); }
.macro-command-group h3 { margin:0 0 .625rem; font-size:1rem; color:var(--text); }
.macro-command { display:grid; grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr); gap:1.5rem; padding:.75rem 0; border-bottom:1px solid var(--border); line-height:1.7; }
.macro-command__syntax { min-width:0; color:var(--text); font-size:var(--type-ui-size); overflow-wrap:anywhere; }
.macro-command__meaning { min-width:0; color:var(--text-secondary); font-size:var(--type-ui-size); }
.macro-workbench [hidden] { display:none !important; }
.macro-create { margin:0 0 2.5rem; }
.macro-create__steps { display:grid; gap:1.75rem; }
.macro-create-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; align-items:start; padding:1rem 0; border-top:1px solid var(--border); }
.macro-create-step:first-child { border-top:0; padding-top:0; }
.macro-create-step > div > p:first-child { margin-top:0; }
.macro-create-step .faq-item__media { margin:0; }
.macro-create-step img { display:block; }
.macro-workbench :is(a,button,summary,input):focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
@media(max-width:639px) {
 .macro-workbench { width:calc(100% - 2rem); padding-top:calc(var(--shell-header-height) + 1.25rem); }
 .macro-examples { grid-template-columns:1fr; }
 .macro-example { padding:.875rem 1rem; }
 .macro-example__code { min-height:0; }
 .macro-dictionary__controls { grid-template-columns:1fr; gap:.75rem; }
 .macro-command { grid-template-columns:1fr; gap:.25rem; padding:.875rem 0; }
 .macro-command__syntax { font-size:1rem; }
 .macro-command__meaning { font-size:var(--type-ui-size); }
 .macro-create-step { grid-template-columns:1fr; gap:1rem; }
}
