/* =========================
       Design Token
    ========================= */
    :root {
      --primary: #2c7fa8;
      --primary-soft:rgba(156, 218, 242, 0.1);
      --border: rgba(38, 33, 136, 0.15);
      --text-main: #1a1a1a;
      --text-sub: #555;
      --radius: 16px;
      --transition: 0.3s ease;
    }

    /* ===== Reset ===== */
    * {
      box-sizing: border-box;
    }



    /* =========================
       Layout
    ========================= */
.new_workshop { display:flex; flex-wrap:wrap;  width:100%; flex-direction:column; gap:20px 0px;}
    .new_workshop .accordion-wrap {
      margin: 0 auto;
	  width:100%;
      background: #fff; overflow:hidden;
      border-radius: var(--radius);
      padding:0; overflow:hidden;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    }

    .accordion-title {
      font-size:clamp(20px, 2.5vw, 23px); padding:10px 2%;
      font-weight: 700; line-height:1.5;
      background: var(--primary);
	  color:#fff !important; font-weight:bold;
	  margin:0;
    }

    /* =========================
       Accordion
    ========================= */
    .accordion-list {
      list-style: none;
      padding: 20px 20px;
      margin: 0;
    }

    .accordion-item {
      border-bottom: 1px solid var(--border);
    }

    .accordion-header {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 18px 0;
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
      font-size: 16px;
      font-weight: 500;
      color: var(--text-main);
      transition: background var(--transition);
    }
		 .accordion-item.active,
       .accordion-item:hover {
      background: var(--primary-soft);
    }

    .accordion-text { width:100%; font-size:17px;; line-height:1.3; align-items: center;
      display:flex; flex-wrap:wrap; gap:10px 15px; flex-wrap:nowrap;
    }


    .accordion-text  div:nth-child(1) {width:110px; text-align:Center;}
    .accordion-text  div:nth-child(2) {flex:1; text-align:left;}
    .accordion-text  div:nth-child(3) {width:110px; text-align:Center; font-weight: 300;}
    .accordion-text  div:nth-child(4) {width:200px; text-align:Center; font-weight: 300;}





    /* =========================
       SVG Icon
    ========================= */
    .accordion-icon {
      width: 20px;
      height: 20px;
      flex-shrink: 0;
      transition: transform var(--transition);
    }

    .accordion-icon path {
      stroke: var(--primary);
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    /* =========================
       Content
    ========================= */
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease;
    }

    .accordion-content-inner {
      padding: 0px 0px 20px 30px; display:flex; flex-wrap:wrap; gap:10px;
      color: var(--text-sub);  flex-direction:column;
      
    }
    .accordion-content-inner dl {display:flex; gap:10px; flex-wrap:wrap;}
    .accordion-content-inner dl  dt {width:160px; font-weight:bold;}
    .accordion-content-inner dl  dt,
    .accordion-content-inner dl  dd {line-height: 1.65; font-size:16px; margin:0px !important; padding:0px !important}
    .accordion-content-inner dl  dt:before {  content: "·";
  margin-right: 8px;
  color: #262188;
  font-weight: 700;}
    .accordion-content-inner dl  dd {flex:1;}


    /* =========================
       Active State
    ========================= */
    .accordion-item.active .accordion-content {
      max-height: 500px;
    }

    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }

    /* =========================
       Mobile
    ========================= */
    @media (max-width: 900px) {
	 .accordion-text { flex-wrap:wrap;  }
	.accordion-text div { font-weight:bold; }
    .accordion-text  div:nth-child(2) {flex-basis:calc(100% - 150px); padding-right:20px;}
    .accordion-text  div:nth-child(3) {width:130px;}
    .accordion-text  div:nth-child(4) {flex:1; text-align:left; padding-right:20px;}
    }