html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

#jptoc {
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5; }
  #jptoc .title {
    font-size: 24px;
    background-color: #426dc3;
    color: white;
    padding: 20px; }
  #jptoc .dinamicToc .row {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto; }
    #jptoc .dinamicToc .row::after {
      clear: both;
      content: "";
      display: table; }
    #jptoc .dinamicToc .row .cell {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 31.7615656014%;
      padding: 10px 20px;
      font-size: 18px;
      font-weight: 700; }
      #jptoc .dinamicToc .row .cell:last-child {
        margin-right: 0; }
      @media screen and (max-width: 760px) {
        #jptoc .dinamicToc .row .cell {
          float: left;
          display: block;
          margin-right: 3.5786636068%;
          width: 151.7893318034%; }
          #jptoc .dinamicToc .row .cell:last-child {
            margin-right: 0; } }
      #jptoc .dinamicToc .row .cell a {
        color: #666; }
        #jptoc .dinamicToc .row .cell a:hover {
          color: #7dad8c; }
      #jptoc .dinamicToc .row .cell:nth-child(2) {
        border-right: 1px dashed #e0e0e0;
        border-left: 1px dashed #e0e0e0; }