/* ===== commands.css — только страница команд (commands.html) ===== */
/* Здесь фон без кода: один спокойный тёмный цвет. Поменять — значение --bg */
:root{--bg:#100E08}
html{scroll-behavior:smooth}
.wrap{max-width:880px;margin:0 auto;padding:32px 20px 130px}
header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
h1{font:600 clamp(32px,7vw,56px)/1 Unbounded,sans-serif;margin:0;letter-spacing:-.03em}
.sub{color:var(--muted);margin:10px 0 0;max-width:46ch}
.tools{position:sticky;top:0;z-index:5;background:var(--bg);padding:16px 0 12px;margin-top:24px;border-bottom:1px solid var(--line)}
input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);color:var(--text);padding:12px 14px;font:inherit}
input:focus,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chips button{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:5px 14px;font:inherit;font-size:14px;cursor:pointer}
.chips button[aria-pressed=true]{color:var(--text);border-color:var(--accent)}
section{margin-top:40px}
h2{font:600 22px/1.2 Unbounded,sans-serif;margin:0 0 4px}
.mod-desc{color:var(--muted);margin:0 0 14px}
section[data-m=stalzone] h2{color:var(--orange)}
details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}
details[open]{border-color:var(--accent)}
summary{cursor:pointer;padding:12px 14px;list-style:none;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
summary::-webkit-details-marker{display:none}
code{font-family:ui-monospace,Consolas,monospace;font-size:15px;color:var(--text)}
.cmd{background:#100E08;border:1px solid var(--line);border-radius:6px;padding:2px 8px;cursor:copy}
.cmd.ok{border-color:var(--accent);color:var(--accent)}
.brief{color:var(--muted);flex:1;min-width:200px}
.tag{font-size:12px;border-radius:99px;padding:1px 9px;border:1px solid var(--orange);color:var(--orange)}
.body{padding:0 14px 14px;border-top:1px solid var(--line)}
table{width:100%;border-collapse:collapse;margin-top:10px;font-size:15px}
td{padding:6px 8px 6px 0;vertical-align:top;border-bottom:1px solid var(--line)}
td:first-child{white-space:nowrap;padding-right:16px}
.none{color:var(--muted);margin:10px 0 0;font-size:15px}
.empty{color:var(--muted);text-align:center;margin-top:48px}
footer{margin-top:56px;color:var(--muted);font-size:14px}
a{color:var(--accent)}
[hidden]{display:none!important}
