body {
  font-family: "Segoe UI", sans-serif;
  background: #1e1e1e;
  color: #fff;
  padding: 20px;
}

/* 全体パネル */
.panel {
  background: #2b2b2b;
  border: 1px solid #555;
  border-radius: 6px;
  margin-bottom: 12px;
  overflow: hidden;
}

/* クリック部分 */
.panel summary {
  padding: 10px 14px;
  cursor: pointer;
  font-weight: bold;
  background: linear-gradient(#3a3a3a, #2a2a2a);
  list-style: none;
}

/* 三角マーク消す（Chrome） */
.panel summary::-webkit-details-marker {
  display: none;
}

/* 中身 */
.panel .content {
  padding: 12px 14px;
  border-top: 1px solid #444;
  background: #252525;
}

/* 開いてるときの見た目 */
.panel[open] summary {
  background: linear-gradient(#4a4a4a, #333);
}