/* SOMMAIRE
   STYLE 1
   LAYOUT : Full Width (1 column)
*/

/* Layout: full width, single column */
.ruby-table-contents {
  display: block;
  width: 100%;
  max-width: 100%;
  float: none;
  clear: both;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.ruby-table-contents .inner {
  column-count: 1;
}


.ruby-table-contents {
  border: 3px solid #e5e7eb;
    border-radius:0;
  padding: 12px 15px 12px 15px;
    box-shadow:none;
}
.ruby-table-contents .ruby-toc-toggle i {
  font-size: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}

.ruby-table-contents .toc-header {
  margin-bottom:8px!important;
    padding-bottom:0!important;
}
.ruby-table-contents .toc-header span {
  font-size:34px!important;
  padding-bottom:6px!important;
}
.ruby-table-contents .toc-header .rbi-read:before {
  content: '\2630'; /* ☰ */
  font-family: initial;
  font-size:32px;
  color:var(--g-color)!important;
  padding-right:6px!important;
  padding-bottom:60px!important;
}

.ruby-table-contents .inner {
  margin-top:0!important;
    padding-top:0!important;
}
.ruby-table-contents .inner a {
  position: relative;
  display: block;
  padding: 6px 4px 10px 18px!important;
  color: #444;
  left: 16px;
  font-size:16px;
  line-height:20px;
  padding-left: 18px;
  border-bottom:0!important;
    text-decoration:none!important;
}
.ruby-table-contents .inner a:hover {
  color: #6366f1;
}
.ruby-table-contents .inner a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--g-color) !important;
}
.ruby-table-contents .inner a::after {
  display:none!important;
}

/* Collapse toggle icon — personalized */
.ruby-table-contents .ruby-toc-toggle i:before {
  content: "\2304" !important;
  font-family: initial !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--g-color) !important;
}