        details {
            border: 2px solid #cccccc;
            border-radius: 4px;
            padding: 10px;
            max-width: 800px;
            margin: 0 auto;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        summary {
            font-size: 1em;
            font-weight: bold;
            cursor: pointer;
            padding: 10px;
            border-radius: 4px;
            background-color: #fff;
            user-select: none;
        }

        summary:hover {
            background-color: #fff;
        }

        details[open] summary {
            border-bottom: 1px solid #fff;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .table-scroll {
          position: relative;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
          padding-bottom: 8px; 
        }

        .table-scroll > table {
          border-collapse: collapse;
          width: max-content; 
          min-width: 100%; 
        }

        .table-scroll th,
        .table-scroll td {
          padding: 8px 10px;
          border: 1px solid #d4d7dc;
          vertical-align: middle;
          white-space: nowrap;          
        }

        @media (max-width: 768px){
          .table-scroll td {
            line-height: 1.35;
          }

          .table-scroll th {
            font-size: inherit;
          }

          .table-scroll th.ptn3ItemL,
          .table-scroll th.ptn3ItemName {
            font-size: inherit;
          }

          .table-scroll td {
            padding-top: 5px;
            padding-bottom: 5px;
          }
        }

        @supports (position: sticky) {
          .table-scroll th.ptn3ItemL,
          .table-scroll th.ptn3ItemName {
            position: sticky;
            left: 0;
            z-index: 2;
            background: #fff; 
            box-shadow: 1px 0 0 rgba(0,0,0,0.08); 
          }
        }

        .table-scroll td {
          font-size: 0.9em; 
        }
        .annotation { font-size: 0.9em; }