body {
            font-family: Consolas, monospace;
            background: #f4f4f4;
            color: #000;
            padding: 20px;
            max-width: 600px;
            margin: auto;
        }

        h1 {
            text-transform: uppercase;
            border-bottom: 2px solid black;
            padding-bottom: 5px;
        }

        details {
            border: 2px solid black;
            padding: 0px;
            margin: 10px 0;
            background: #eee;
            box-shadow: 5px 5px 0px black;
        }

        summary {
            font-weight: bold;
            cursor: pointer;
            font-size: 1.2em;
            padding: 10px;
            background: #ccc;
        }

        a {
            display: inline-block;
            /*text-decoration: none;*/
            /*            color: black;*/
            vertical-align: top;
            font-weight: bold;
            padding: 5px 10px;
        }

        a:hover {
            background-color: #ccc;
        }

        footer {
            margin-top: 20px;
            padding-top: 10px;
            border-top: 2px solid black;
            text-align: center;
            font-size: 0.9em;
        }

        .icon {
            height: 1em;
            width: 1em;
            color: black;
            vertical-align:middle;        
        }

        .icon-anchor {
            /*padding: 0px 5px;*/
            /*margin-left: -20px;*/ 
            /*text-decoration: none;*/
        }

        .listTextNode {
            padding: 5px 15px;
            color: #888;
        }

        .suppl::before {
            content: '(';
            padding-right: 2px;
        }

        .suppl::after {
            content: ')';
            padding-left: 2px;
        }