/* ============================================================================
   EverydayDev — json-viewer.css
   JSON Viewer only. Loaded after json.css, whose tokens (.jbar, .code, .tk-*,
   .tree, .inspect, .statgrid, .jerr, .jstat, .keys, .saved) are reused as-is —
   this file only changes the layout from json-formatter's two-pane .split to
   one full-width pane, since the pasted text and the result are the same box
   here rather than separate input/output panes.
   ============================================================================ */

/* json-formatter's .split is a two-column grid at >=992px; this page has one
   pane, so it stays a single, full-width column at every width instead of
   sharing that grid (which would otherwise leave half the row empty). */
.single{display:grid;grid-template-columns:1fr}

/* A single wide box reads better tall than json-formatter's half-width panes,
   and should stay tall even when empty or holding only a few lines. */
.single .code{min-height:600px;max-height:38em}
@media (min-width:768px){.single .code{max-height:56em}}
.single .code.is-scroll .edit{max-height:38em}
@media (min-width:768px){.single .code.is-scroll .edit{max-height:56em}}
.single .edit{min-height:576px}