/* Skills: the section stylesheet. Every rule in it is scoped under
   #ps-network-concept, for the reason the header of /css/account-app.css gives:
   this page also carries the site's own style.css, and the scope is why the two
   can share it. Loaded after the core's stylesheet, so a rule here at the same
   specificity wins.

   The section draws almost entirely with the core's classes (.ps-table,
   .ps-detailgrid, .ps-code, .ps-form, .ps-subtabs, .ps-tools). What is here is
   the little the core does not have: the JSON textareas, the verdict under the
   Test form, and the list of findings a failed check leaves there. */

/* A schema or an example is JSON the person edits by hand; a monospace face
   keeps the braces and quotes readable, and a taller box shows a small
   contract whole rather than four lines of it. */
#ps-network-concept .ps-form textarea[name="input_schema"],
#ps-network-concept .ps-form textarea[name="output_schema"],
#ps-network-concept .ps-form textarea[name="input"],
#ps-network-concept .ps-form textarea[name="output"]{
  font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  min-height:150px;
  tab-size:2;
}

/* The filter on the list. The core gives a filter input flex:1 1 200px for the
   search page, where the form spans the row; inside .ps-tools the form is
   sized to its content, and a text input's own minimum width is wider than
   that basis, so the button wrapped under it at desktop width. A fixed width
   keeps input and button on one line, as the prototype draws them. */
#ps-network-concept .sk-tools .ps-filterform .ps-input{flex:0 0 auto;width:230px;max-width:100%;min-width:0}

/* The answer to a check, under the form it answers. Empty until there is one. */
#ps-network-concept #ps-skill-test-result:empty{display:none}
#ps-network-concept .sk-verdict{margin:14px 0 4px}
#ps-network-concept .sk-errors strong{display:block;color:var(--ps-ink);margin-bottom:6px}
#ps-network-concept .sk-errors ul{margin:0 0 0 18px;padding:0}
#ps-network-concept .sk-errors li{margin:3px 0}

/* The owner's row of buttons under the overview grid. The core disables
   Publish until an example passed; the note under it says why. */
#ps-network-concept .sk-actions{margin-top:6px}
#ps-network-concept .sk-actions + .ps-note{margin-top:0}