@charset "utf-8";
/* 발전지원재단 > 정관 */

.charter{
  display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start;
}
/* 폭이 큰 표(min-width 지정)가 그리드 칼럼 자체를 밀어내지 않도록 */
.charter__body{min-width:0}

/* ---------- 목차 ---------- */
.charter__toc{
  position:sticky;top:calc(var(--header-h) + 28px);
  display:flex;flex-direction:column;gap:2px;
}
.charter__toc a{
  padding:9px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-mid);
  transition:background .18s,color .18s;
}
.charter__toc a:hover{background:var(--bg-alt);color:var(--navy)}

.charter__lead{
  font-size:15px;color:var(--text-mid);line-height:1.8;word-break:keep-all;margin-bottom:20px;
}

/* ---------- 개정 이력 / 부칙 (details) ---------- */
.charter__history{
  margin-bottom:36px;padding:18px 22px;border-radius:var(--radius-m);
  /* 바탕과 같은 --bg-alt 라 상자가 안 보이던 것을 흰 카드로 */
  background:var(--surface);border:1px solid var(--line-strong);
  box-shadow:var(--shadow-s);
}
.charter__history summary{
  cursor:pointer;font-size:13.5px;font-weight:700;color:var(--brand-strong);
}
.charter__history-body{
  margin-top:14px;font-size:13px;line-height:2;color:var(--text-dim);word-break:keep-all;
}

/* ---------- 장 / 조 ---------- */
.charter__chapter{min-width:0;padding-top:8px;margin-top:8px;scroll-margin-top:calc(var(--header-h) + 20px)}
.charter__chapter + .charter__chapter{margin-top:52px;padding-top:36px;border-top:1px solid var(--line)}
.charter__chapter-title{
  font-size:clamp(19px,2.4vw,23px);font-weight:900;letter-spacing:-.02em;color:var(--navy);
  scroll-margin-top:calc(var(--header-h) + 20px);
}

.charter__article{margin-top:28px}
.charter__article-title{
  font-size:15.5px;font-weight:800;color:var(--text);
}

.charter__clauses,.charter__subclauses{
  list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;
}
.charter__clauses > li{font-size:15px;line-height:1.85;color:var(--text-mid);word-break:keep-all}
.charter__subclauses{margin-top:8px;padding-left:20px}
.charter__subclauses > li{font-size:14.5px;line-height:1.8;color:var(--text-mid);word-break:keep-all}

/* ---------- 표 (제38조 임원표, 부록) ---------- */
/* 바탕(.section)이 --bg-alt(#f2f7fa)인데 머리줄·첫칸도 같은 --bg-alt 라
   표가 배경에 묻혀 경계가 안 보였습니다. 표는 흰 카드로 띄우고, 머리줄과
   첫 칸은 바탕보다 뚜렷하게 진한 하늘빛으로 잡았습니다. */
.charter-table{margin-top:12px}
.charter-table__scroll{
  overflow-x:auto;border-radius:var(--radius-m);
  border:1px solid var(--line-strong);background:var(--surface);
  box-shadow:var(--shadow-s);
}
.charter-table table{width:100%;min-width:460px;border-collapse:collapse;font-size:13.5px;background:var(--surface)}
.charter-table th,.charter-table td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
.charter-table thead th{
  background:#dbe8f2;font-weight:800;color:var(--navy);font-size:12.5px;
  border-bottom:1px solid var(--line-strong);
}
.charter-table tbody th{background:#edf3f8;font-weight:700;color:var(--text)}
.charter-table tbody td{background:var(--surface)}
.charter-table td.l{text-align:left;white-space:normal;color:var(--text-mid)}
.charter-table tbody tr:last-child th,.charter-table tbody tr:last-child td{border-bottom:none}

/* ---------- 부칙 목록 ---------- */
.charter__addendum-list{
  list-style:decimal;margin:14px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px;
}
.charter__addendum-list li{font-size:13px;line-height:1.8;color:var(--text-dim);word-break:keep-all}

/* ---------- 부록 ---------- */
.charter__note{
  font-size:13px;color:var(--text-dim);line-height:1.8;word-break:keep-all;
  padding:14px 18px;border-radius:var(--radius-m);background:var(--sky-soft);margin-bottom:24px;
}
.charter__appendix-block + .charter__appendix-block{margin-top:36px}
.charter__table-label{margin-top:22px;font-size:13.5px;font-weight:800;color:var(--text-dim)}

@media (max-width:900px){
  .charter{grid-template-columns:1fr;gap:28px}
  .charter__toc{
    position:static;flex-direction:row;flex-wrap:wrap;gap:6px;
    padding-bottom:16px;border-bottom:1px solid var(--line);
  }
  /* 바탕과 같은 색이면 칩이 안 보입니다 */
  .charter__toc a{
    padding:7px 12px;font-size:13px;
    background:var(--surface);border:1px solid var(--line);
  }
}