@import url('user/electric-fiddle.css');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

* {
    box-sizing: border-box;
}

body.hyperfiddle {
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
    /* font-size: 0.8rem; */
    /*min-height: 101vh; !* DEMO ONLY, force scrollbar to show up, preventing paint flashing  *!*/
    background-color: rgb(248 250 252);
}

.hyperfiddle ol,
.hyperfiddle ul {
    margin-top: 0;
    /* margin-bottom: 1rem; */ /* why? interferes with dir-tree demo */
}

table.hyperfiddle-index { margin: 0; display: grid; grid-template-columns: max-content auto; column-gap: 1em;}
table.hyperfiddle-index > tr { display: contents; }
table.hyperfiddle-index > td:nth-child(1) { grid-column: 1; }
table.hyperfiddle-index > td:nth-child(2) { grid-column: 2; }