/* Command reference pages (County Control, CashFlow): search, audience filter, grouped cards. */
.shell{width:min(100% - 2*var(--gutter),var(--wrap));margin-inline:auto}
.page-head{padding:3rem 0 1.5rem}
.page-head .lede{font-size:1.05rem;color:var(--ink-2);max-width:44rem;margin:.9rem 0 0}
.page-head .num{font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}
.tools{position:sticky;top:4rem;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line);padding:.85rem 0;margin-bottom:2rem}
.tools .shell{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.tools .search{flex:1 1 18rem;max-width:28rem}
.filters{display:flex;flex-wrap:wrap;gap:.35rem}
.filters button{font:inherit;font-size:.88rem;font-weight:500;padding:.45rem .8rem;border-radius:999px;border:1px solid var(--line-strong);background:var(--bg);color:var(--ink-2);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.filters button:hover{background:var(--surface);color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.group{margin-bottom:2.5rem}
.group > h2{font-size:1.3rem}
.group > p{color:var(--ink-2);margin:.35rem 0 1rem}
.cmds{display:grid;gap:.75rem;align-items:start}
@media (min-width:48em){.cmds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cmd{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.15rem}
.cmd .top-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}
.cmd .top-line .aud{margin-left:auto}
.cmd .n{font-family:var(--mono);font-weight:600;font-size:.95rem}
.cmd .aud{font-size:.75rem;font-weight:600;color:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:.12rem .55rem;white-space:nowrap}
.cmd > p{margin:.35rem 0 0;color:var(--ink-2);font-size:.92rem}
.subs{margin-top:.75rem;border-top:1px solid var(--line);padding-top:.6rem;display:grid;gap:.4rem}
.sub-row{display:grid;grid-template-columns:minmax(0,auto) 1fr;gap:.2rem .75rem;font-size:.86rem;color:var(--ink-3);align-items:baseline}
.sub-row > code{background:none;padding:0;color:var(--ink);font-size:.82rem;white-space:nowrap}
.sub-row .args{margin-left:.35rem;font-size:.78rem}
@media (max-width:30em){.sub-row{grid-template-columns:1fr}}
.none{color:var(--ink-3);text-align:center;padding:2rem 0}