.content {
 width: 90%;
 margin: 20px auto 25px auto;}
.content-title{
 font-size: 16px !important;
 font-weight: 750 !important;
 margin-bottom: 12px;}
.acc-index {
 border-top: 1px solid #4a4a4a;}
.acc-item {
 border-bottom: 1px solid #4a4a4a;}
.acc-header {
 display: flex;
 align-items: center;
 gap: 10px;
 width: 100%;
 padding: 12px 2px;
 background: transparent;
 border: none;
 font-family: inherit;
 text-align: left;
 cursor: pointer;
 transition: background 0.2s;}
.acc-num {
 color: #daa520;
 font-size: 13.5px;
 letter-spacing: 0.5px;}
.acc-title {
 flex: 1;
 display: block;
 margin: 0;
 padding: 0;
 font-family: "Bricolage Grotesque", sans-serif;
 font-size: 14px;
 font-weight: 550;
 letter-spacing: 0.3px;
 color: #ddd;}
.acc-count {
 color: #777;
 font-size: 13.5px;
 font-weight: 400;}
.acc-icon {
 color: #daa520;
 font-size: 14.5px;
 transition: transform 0.3s ease;}
.acc-item.open .acc-icon {
 transform: rotate(90deg);}
.acc-content {
 display: grid;
 grid-template-rows: 0fr;
 transition: grid-template-rows 0.3s ease;}
.acc-item.open .acc-content {
 grid-template-rows: 1fr;}
.acc-inner {
 overflow: hidden;}
.acc-list {
 list-style: none;
 margin: 0 0 0 20px;
 padding: 0 0 15px 0;}
.acc-list a {
 box-sizing: border-box;
 width: 100%;
 font-size: 13.8px;
 font-weight: 500;
 letter-spacing: 0.4px;
 color: #22d3ee;
 text-decoration: none;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 transition: color 0.15s;}
.acc-list a:hover {
 color: #f0c75e;}
.topic-desc {
 font-size: 13.5px;
 font-weight: 300;
 font-style: italic;
 color: #bbb;}