/* --- prettier dropdown for #curriculum --- */
/* 전역 summary 화살표(▶)는 5회 커리큘럼엔 숨김 */
#curriculum summary::before { content: none; }

/* 드랍다운 컨테이너 간격 */
#curriculum { margin-top:12px; }

/* 접기/펼치기 버튼처럼 보이는 요약줄 */
#curriculum summary{
  cursor:pointer; list-style:none; position:relative;
  padding:10px 36px 10px 12px;
  font-weight:700; color:#111827;
  background:#f3f4f6;
  border:1px solid #e5e7eb; border-radius:8px;
  transition:background .15s ease, border-color .15s ease;
}

/* 기본 마커 숨김(사파리 등) */
#curriculum summary::-webkit-details-marker{ display:none; }

/* 화살표 아이콘 */
#curriculum summary::after{
  content:"▼";
  position:absolute; right:12px; top:50%;
  transform:translateY(-50%); font-size:12px; color:#6b7280;
  transition:transform .2s ease;
}

/* hover/focus 시각 피드백 */
#curriculum summary:hover{ background:#eef2f7; }
#curriculum summary:focus-visible{
  outline:2px solid #93c5fd; outline-offset:2px;
}

/* 열린 상태: 화살표 회전 + 경계 자연스럽게 연결 */
#curriculum[open] summary{
  border-bottom-left-radius:0; border-bottom-right-radius:0;
  border-color:#d1d5db;
}
#curriculum[open] summary::after{ transform:translateY(-50%) rotate(-180deg); }

/* 패널(내용) 박스: 접혔을 땐 감추고, 펼치면 부드럽게 */
#curriculum .days{
  display:none;
  border:1px solid #e5e7eb; border-top:none;
  border-radius:0 0 8px 8px;
  background:#fff; padding:12px;
  animation:dropdown-in .18s ease-out;
}
#curriculum[open] .days{ display:block; }

@keyframes dropdown-in{
  from{ opacity:.3; transform:translateY(-2px); }
  to{ opacity:1; transform:translateY(0); }
}