body {margin:0; background:black; color:#00cc00; font-family:monospace; font-size:20px; line-height:20px;
      height:100vh; height:100dvh; display:flex; flex-direction:column; overflow:hidden;
      touch-action:manipulation}
#content {flex:1; overflow:auto}
#terminal {height:40vh; flex-shrink:0; border-top:1px solid #00cc00;
           --color:#00cc00;
           --background:black;
           --font:monospace;
           --size:1.25;
           --link-color:red}
/* Content tables (the hex dump, DNS records) are ASCII layouts whose rows must
   each render as one line to stay aligned: cells never wrap, and fitContent in
   index.js shrinks the #content font until the widest element fits the screen. */
table {font-family:monospace; font-size:inherit; line-height:1;
       max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0}
td {padding:0 1ch 0 0; white-space:nowrap}
a {color:red; text-decoration:none}
p.command {margin:0}

.faux-link-gap {color: #00cc00}

/* iOS Safari auto-zooms to a focused input or contenteditable whose font-size
   is under 16px; the terminal's hidden inputs inherit 15px (--size 1.25 * 12px
   base). Both elements are invisible, so 16px has no visual effect. jquery.terminal
   focuses the .cmd-clipboard textarea on desktop and the .cmd-editable
   contenteditable div on touch devices. */
.cmd textarea.cmd-clipboard, .terminal .cmd-editable {font-size:16px !important}

/* jquery.terminal blinks the cursor only while the command line is enabled, and
   on touch devices it is not enabled until tapped. Apply the library's blink
   animation unconditionally so the cursor blinks before first focus. */
.cmd .cmd-cursor {background-color:var(--background,#000); color:var(--color,#aaa)}
.cmd .cmd-cursor > span[data-text]:not(.emoji):not(.fa):not(.far):not(.fas) span {
    --original-background: inherit;
    animation: var(--animation, terminal-blink) 1s infinite linear;
}

@media (max-width: 600px) {
    body {font-size:16px; line-height:16px}
}