.macro-page{padding-bottom:var(--s-8,3rem)}
.macro-page [hidden]{display:none}
.macro-page .wfg-page-head{margin-bottom:.75rem}
.macro-coverage,.macro-status,.macro-copy-row>span{color:var(--ink-3);font-family:var(--font-ui);font-size:.875rem}
.macro-coverage{margin:.5rem 0 1rem}
.macro-filters{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;padding:.75rem;background:var(--bg-2);border:1px solid var(--edge);box-shadow:inset 0 1px var(--edge-inner)}
.macro-filters label{display:grid;gap:.25rem;font-family:var(--font-ui);flex:1 1 7rem;min-width:0}
.macro-filters label:nth-child(2){flex:2 1 10rem}
.macro-filters input,.macro-filters select,.macro-code textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--edge-inner);border-radius:2px;background:var(--bg);color:var(--ink);padding:.5rem;font:inherit}
.macro-filters .wfg-btn,.macro-copy-row .wfg-btn{min-height:44px}
.macro-status{min-height:1.5rem;margin:.6rem 0}
.macro-entry{display:grid;gap:.65rem;padding:1rem 0;border-top:1px solid var(--edge-inner)}
.macro-class{display:flex;gap:.5rem;align-items:center;margin:0 0 .25rem;color:var(--accent);font-family:var(--font-ui)}
.macro-class img{border:1px solid var(--edge-inner)}
.macro-entry h2{font-size:1.65rem;line-height:1.12;margin:0 0 .5rem}
.macro-entry h2:before{display:none}
.macro-explanation>p:last-child{margin:.35rem 0 0;max-width:60ch}
.macro-code{min-width:0}
.macro-code pre{margin:0;padding:.75rem;background:var(--bg-2);border:1px solid var(--edge);box-shadow:inset 0 1px var(--edge-inner);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:.875rem;color:var(--ink)}
.macro-code code{background:none;color:inherit;padding:0;font:inherit}
.macro-copy-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.5rem}
.macro-copy-status{margin:.35rem 0 0;font-family:var(--font-ui);font-size:.875rem;color:var(--ink-2)}
.macro-copy-status:empty{display:none}
.macro-details{grid-column:1/-1;font-size:.9375rem}
.macro-details summary{font-family:var(--font-ui);cursor:pointer;min-height:36px;display:list-item;align-content:center;color:var(--ink-2)}
.macro-details>div{max-width:80ch;padding:.5rem .75rem;background:var(--bg-2)}
.macro-details p{margin:.4rem 0}
.macro-code [data-copy-fallback]{margin-top:.75rem}
.macro-code textarea{display:block;min-height:9rem;font-family:monospace;margin-top:.35rem;resize:vertical}
.macro-empty{padding:1rem;background:var(--bg-2)}
.macro-guide{margin-top:2rem}
@media(min-width:60rem){.macro-entry{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.75rem 2rem;padding:1.2rem 0}.macro-entry h2{font-size:1.9rem}}