body {
      background: #000;
      color: #FFF;
      font-family: sans-serif;
      font-size: 12px;
      padding: 10px;
      width: 100%;
      max-width: 450px;
      margin-bottom: 32px;
      text-align: justify;
      hyphens: auto;
    }

    summary::marker {
      content: none;
    }

    summary {
      color: #FFF;
      font-weight: bold;
      font-size: 14px;
    }
    
    summary:hover {
      background: #555;
    }
    
    details {
      color: #AAA;
      margin-bottom: 4px;
    }
    
    .info {
      margin-left: 12px;
    }
    
    .summarybox > details {
      background: #222;
      border-style: solid;
      border-width: 2px;
      border-radius: 16px;
      border-color: #333;
      padding: 8px;
    }
    
    .summarybox > details:hover {
      background: #622;
      border-color: #955;
    }
    
    .summarybox > details:open {
      padding-bottom: 8px;
      background: #222;
      border-color: #333;
    }