/* 관리자 '홈페이지 내용'(소식·연혁·채용 공고·협력기관·사진) 화면 조합. 토큰과 키트 클래스만 써요(접두사 ac-).
   공통 표·카드(admin-table·admin-card·admin-grid-2)는 site_admin.css 에 있어요. */

/* 쓰기 화면: 넓은 화면은 본문 칸 + 오른쪽 360px(게시·표지), 좁으면 위아래 */
.ac-edit{display:grid;gap:var(--s-20);align-items:start}
@media (min-width:1200px){.ac-edit{grid-template-columns:minmax(0,1fr) 360px}}
.ac-edit__side{position:relative}
@media (min-width:1200px){.ac-edit__side{position:sticky;top:calc(var(--s-64) + var(--s-16))}}
.ac-edit__actions{flex-wrap:wrap;gap:var(--s-8)}
.ac-grid-keep{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 지우기 줄: 폼 아래 떨어뜨려 실수로 누르지 않게 */
.ac-danger{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-12);
  margin-top:var(--s-32);padding-top:var(--s-20);border-top:1px solid var(--line)}
.ac-danger p{margin:0}

/* 표 안 작은 표지 */
.ac-thumb{display:block;width:96px;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--r-sm);background:var(--canvas-sunken)}
.ac-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ac-thumb__empty{display:grid;place-items:center;width:100%;height:100%;color:var(--ink-subtle)}

/* 쓰기 화면 표지 미리보기 */
.ac-cover{aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--r-md);background:var(--canvas-sunken)}
.ac-cover img{display:block;width:100%;height:100%;object-fit:cover}
.ac-cover .ac-thumb__empty{display:grid;place-items:center;height:100%;color:var(--ink-subtle)}

/* 협력기관 로고 미리보기: 사이트 로고 띠처럼 흰 면 위 가운데 */
.ac-logo{display:grid;place-items:center;min-height:120px;padding:var(--s-16);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.ac-logo img{display:block;max-width:100%;max-height:88px;object-fit:contain}
.ac-logo--sm{width:120px;min-height:48px;padding:var(--s-6)}
.ac-logo--sm img{max-height:36px}
.ac-logo__name{font-weight:600;color:var(--ink-body);text-align:center}

/* 연혁: 해마다 표 하나 */
.ac-year__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-8) var(--s-12);padding:var(--s-12) 0 var(--s-4)}
.ac-year__head h2{margin:0}
.ac-year__add{margin-left:auto}

/* 사진 자리: 카드 격자 */
.ac-slots{display:grid;gap:var(--s-16);margin:0;padding:0;list-style:none}
@media (min-width:640px){.ac-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.ac-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ac-slot{display:flex;flex-direction:column;overflow:hidden;padding:0;scroll-margin-top:var(--s-80)}
.ac-slot__media{aspect-ratio:3 / 2;overflow:hidden;background:var(--canvas-sunken)}
.ac-slot__media img{display:block;width:100%;height:100%;object-fit:cover}
.ac-slot__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-12);padding:var(--s-16)}
.ac-slot__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-8);align-self:stretch}
.ac-slot__head h2{margin:0}
.ac-slot__edit{align-self:stretch}
.ac-slot__edit > summary{list-style:none;cursor:pointer}
.ac-slot__edit > summary::-webkit-details-marker{display:none}
.ac-slot__edit[open] > summary{margin-bottom:var(--s-12)}

/* 표: 날짜·분류·상태처럼 짧은 칸은 줄을 바꾸지 않아요(좁은 화면은 표가 옆으로 밀려요) */
.ac-nowrap{white-space:nowrap}

/* 본문 칸: 글을 쓰기 좋게 처음부터 넉넉한 높이 */
.ac-body{min-height:var(--s-240)}