html { height: 100%; font-family: sans-serif; color: black; background-color: white; } body { margin: 1em auto; max-width: 50em; padding: 0 0.5em; } section { margin: 0.25em; } section h1, section h2, section h3, section h4, section h5, section h6 { padding: 0; margin: 0; display: inline-block; } .sec-link { display: none; } :hover>*>.sec-link { display: inline; } a.cnp-external:after { text-decoration: none; color: gray; display: inline-block; font-size: 0.8em; content: '\01f517'; } a.cnp-external-cnp:after { content: '[cnp]'; } a.cnp-external-http:after { content: '[http]'; } a.cnp-external-https:after { content: '[https]'; } main { border: 1px dashed #aaa; tab-size: 4; -moz-tab-size: 4; /* Pale Moon and older FF need prefix */ } main, section { padding: 0.75em; } main:hover, section:hover { } pre, code { font-family: monospace, monospace; font-size: 1em; } pre { margin: 0; display: inline-block; white-space: pre-wrap; } code { background-color: #f8f8f8; border: 1px solid #ccc; } pre.cnm-raw { display: block; } pre>code { background-color: #fbfbfb; display: block; border: 1px solid black; width: auto; padding: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; } pre>code:hover { background-color: #f4f4f4; } p, figcaption, pre { margin-bottom: 1em; } figure { border: 1px solid #aaa; display: inline-block; padding: 0 0.5em; margin: 0 auto; } summary { cursor: pointer; } details>summary>* { text-decoration: underline; } details[open]>summary>* { text-decoration: none; } header { } footer { padding-top: 0.5em; font-size: 0.8em; } footer details { display: inline-block; } table { margin-top: 0.5em; margin-bottom: 0.5em; border-collapse: collapse; } li p, li pre, li code, table p, table pre, table code { padding: 0; margin: 0; } table, th, td { border: 1px solid black; } img { padding-top: 0.5em; max-width: 100%; } #browser { width: 100%; border: 1px solid black; padding: 1em; display: flex; } #browser input[type=text] { flex: 1; } #browser input[type=submit] { border: 1px solid black; margin-left: 0.5em; }