/* Form controls do not inherit font-family by default, so a bare <button>
   or <input> falls to the UA's Arial while the page speaks the kit's hand
   face. Every control inherits (decision 0015). */
button,input,select,textarea{font-family:inherit}

/* components/button.css — .btn/.row primitives shared by every page (buttons and dialog rows). Loads before dialog.css, exactly the order they had inside the old dialog.css.
   Split from the pre-#149 monolith — rule ORDER preserved; see docs/architecture.md
   ("CSS layers") for the load-order contract each page's <head> follows. */
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Works on both <button class="btn"> and <a class="btn"> (the intro page uses links). */
.btn{
  background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 18px;
  font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;line-height:1.3
}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
.btn.sm{padding:7px 13px;font-size:13px}
.btn:disabled{opacity:.4;cursor:default}