/* ============================================================
   ENDOLPHIN ACADEMY — 엔치원2 하위 페이지 공통 (academy.css)
   ------------------------------------------------------------
   선생님 · 학생 · 일정 · 교육일지 · 장부 다섯 화면이 같이 씁니다.
   엔치원2 메인(nch.css)과 같은 결로 맞추는 게 목적입니다.

   ── 왜 새 파일인가 ──────────────────────────────────────
   game-ui.css 에 넣으면 스타·스타티어·대학현황판까지 바뀝니다
   (그 셋은 이번 작업에서 건드리면 안 되는 화면입니다).
   people.css 는 교육일지·장부가 안 불러옵니다.
   그래서 엔치원2 전용 파일을 하나 둡니다.

   ⚠️ 여기에는 '겉모습' 만 둡니다.
      데이터·권한·API 를 다루는 코드는 각 페이지 JS 에 그대로 있습니다.
   ============================================================ */

/* ── 3칸 갈래 메뉴(.ac-nav)는 없앴습니다 (2026-09-11) ────────
   최상단 GAME 드롭다운에 엔치원2·스타티어·대학현황판이 전부 있어서
   두 벌을 둘 이유가 없었습니다 (주인님 지시). HTML 마크업까지 지웠습니다.

   지금 화면 순서는
     빵부스러기 → 💗 이번 달 엔치원 서포터즈 띠 → ENDOLPHIN ACADEMY 머리말
   입니다. 띠는 _nav/starnav.js 가 만들고 모양은 게임/game-ui.css 에 있습니다.
   ★ 여기에 갈래 메뉴를 다시 만들지 마세요. */

/* ── 페이지 머리말 ─────────────────────────────────────────
   예전에는 다섯 파일이 <h1 style="..."> 를 각자 복붙하고 있었습니다.
   이제 이 세 줄(.ac-lab / .ac-h1 / .ac-sub)로 통일합니다. */
.ac-head{ padding:6px 0 4px; }
.ac-lab{ display:inline-block;
  font-family:'Playfair Display',serif; font-weight:800;
  font-size:12px; letter-spacing:2.2px; color:var(--ink-3); }
.ac-h1{ font-family:'Jua',sans-serif; font-weight:400;
  font-size:34px; line-height:1.2; color:var(--ink); margin:2px 0 0; }
.ac-sub{ font-size:14.5px; color:var(--ink-2); margin-top:6px; line-height:1.6; }

/* 화면마다 라벨 색만 다르게 — 어느 갈래인지 한눈에 */
.ac-teacher .ac-lab{ color:#2563d6; }
.ac-student .ac-lab{ color:#c2478c; }
.ac-sched   .ac-lab{ color:#1f7f5f; }
.ac-note    .ac-lab{ color:#b07d11; }
.ac-ledger  .ac-lab{ color:#6f6892; }

/* ── 공통 카드 ─────────────────────────────────────────── */
.ac-card{ margin-top:18px; padding:24px 24px 20px;
  border-radius:24px; border:1.5px solid rgba(255,255,255,.9);
  background:linear-gradient(150deg,#ffffff 0 52%, #fdf7fb 100%);
  box-shadow:0 10px 26px rgba(214,138,164,.13);
  position:relative; overflow:hidden; }

/* ── 공통 칩 (메인 화면 gu-chip 과 같은 결) ───────────────── */
.ac-chip{ font-size:13px; font-weight:700; padding:7px 14px; border-radius:999px;
  background:#fff; border:1px solid rgba(0,0,0,.06); color:var(--ink-2);
  box-shadow:0 2px 6px rgba(0,0,0,.04); }

/* ── 공통 버튼 (메인 '소개관 열기' 와 같은 민트) ──────────── */
.ac-btn{ display:inline-flex; align-items:center; gap:8px;
  font-family:'Jua',sans-serif; font-weight:400; font-size:15px;
  color:#fff; text-decoration:none; padding:12px 24px; border-radius:999px;
  background:linear-gradient(135deg,#12a06d,#19b97f);
  box-shadow:0 8px 18px rgba(18,160,109,.26); transition:.16s; }
.ac-btn:hover{ background:linear-gradient(135deg,#0e8d5f,#15a874); }

/* ── 종족 알약 (메인 nc-race-pill 과 같은 색) ─────────────── */
.ac-race{ display:inline-flex; align-items:center; gap:5px;
  font-size:11.5px; font-weight:800; letter-spacing:.4px;
  padding:5px 11px; border-radius:999px; background:#fff;
  border:1px solid rgba(0,0,0,.06); box-shadow:0 2px 6px rgba(0,0,0,.05); }
.ac-race i{ width:7px; height:7px; border-radius:50%; }
.ac-race.t{ color:#2563d6; } .ac-race.t i{ background:#2f7bf6; }
.ac-race.p{ color:#b07d11; } .ac-race.p i{ background:#e6b964; }
.ac-race.z{ color:#7c3fb5; } .ac-race.z i{ background:#a855e0; }

/* ── 준비 중 안내 카드 (교육일지·장부가 씁니다) ─────────────
   ⚠️ 없는 기능을 있는 것처럼 꾸미지 않습니다.
      '아직 준비 중' 이라는 사실은 그대로 두고 결만 맞춥니다. */
.ac-soon{ text-align:center; padding:44px 34px 38px; }
.ac-soon .ac-soon-t{ font-family:'Jua',sans-serif; font-weight:400;
  font-size:26px; color:var(--ink); margin:14px 0 0; }
.ac-soon .ac-soon-t em{ font-style:normal; color:var(--pink-ink); }
.ac-soon .ac-soon-d{ font-size:15px; color:var(--ink-2); line-height:1.75; margin-top:10px; }
.ac-soon .ac-soon-n{ font-size:13px; color:var(--ink-3); margin-top:18px; line-height:1.7; }

/* ══ 교육일지 — 노트·기록 보드 느낌 (사람 얼굴 없음) ═══════ */
.ac-note .ac-card{
  background:linear-gradient(115deg,#fff8f0 0 46%, #fdeef4 100%); }
/* 왼쪽에 스프링 노트 구멍 */
.ac-note .ac-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:26px;
  background:
    radial-gradient(circle at 13px 26px,  rgba(0,0,0,.07) 4px, transparent 5px),
    radial-gradient(circle at 13px 74px,  rgba(0,0,0,.07) 4px, transparent 5px),
    radial-gradient(circle at 13px 122px, rgba(0,0,0,.07) 4px, transparent 5px),
    radial-gradient(circle at 13px 170px, rgba(0,0,0,.07) 4px, transparent 5px),
    radial-gradient(circle at 13px 218px, rgba(0,0,0,.07) 4px, transparent 5px),
    linear-gradient(to right, rgba(243,195,212,.35), transparent); }
.ac-note .ac-card > *{ position:relative; }
.ac-note .ac-soon{ padding-left:44px; }

/* 종족 탭 — 노트 색인 느낌 */
.ac-tabs{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:18px; }
.ac-tab{ font-size:11.5px; font-weight:800; letter-spacing:.5px; color:#fff;
  padding:6px 14px; border-radius:7px 12px 12px 7px;
  box-shadow:0 3px 8px rgba(0,0,0,.12); }
.ac-tab.t{ background:#7fa8f0; }
.ac-tab.p{ background:#e9c06a; }
.ac-tab.z{ background:#b98be0; }

/* 손글씨 메모 + 체크 */
.ac-memo{ display:inline-block; margin-top:20px; padding:14px 18px;
  font-family:'Gaegu',cursive; font-size:15px; line-height:1.6; color:#6b5560;
  background:#fffdf4; border:1px solid rgba(0,0,0,.05); border-radius:4px;
  box-shadow:0 6px 16px rgba(0,0,0,.10); transform:rotate(-1.5deg); }
.ac-check{ color:#19b97f; font-weight:800; }

/* ══ 장부 — STAFF ONLY (회색·라벤더, 문서·자물쇠·차트) ═════ */
.ac-ledger .ac-card{
  background:linear-gradient(150deg,#f3f2f7 0 50%, #ebe7f5 100%);
  border-color:rgba(255,255,255,.85); }
.ac-staff{ display:inline-flex; align-items:center; gap:6px;
  font-family:'Playfair Display',serif; font-weight:800;
  font-size:12px; letter-spacing:2px; color:#6f6892;
  padding:6px 14px; border-radius:999px;
  background:rgba(255,255,255,.7); border:1px solid rgba(140,130,190,.25); }

/* 문서 두 장 + 막대 차트 + 자물쇠 (장식) */
.ac-ledger-deco{ position:relative; height:120px; margin:22px auto 0; width:220px; }
.ac-ledger-deco .doc{ position:absolute; width:88px; height:110px; border-radius:6px;
  background:#fff; border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 16px rgba(90,80,130,.14); }
.ac-ledger-deco .doc.d1{ left:22px; top:6px;  transform:rotate(-7deg); }
.ac-ledger-deco .doc.d2{ left:74px; top:12px; transform:rotate(5deg); }
.ac-ledger-deco .chart{ position:absolute; left:96px; top:44px;
  display:flex; align-items:flex-end; gap:5px; height:40px; }
.ac-ledger-deco .chart i{ width:9px; border-radius:2px; background:#b9b1d6; }
.ac-ledger-deco .chart i:nth-child(1){ height:40%; }
.ac-ledger-deco .chart i:nth-child(2){ height:68%; }
.ac-ledger-deco .chart i:nth-child(3){ height:50%; }
.ac-ledger-deco .chart i:nth-child(4){ height:90%; background:#8e85bb; }
.ac-ledger-deco .lock{ position:absolute; right:0; bottom:0; font-size:38px;
  opacity:.55; filter:grayscale(.4); }

/* ── 좁은 화면 ───────────────────────────────────────────── */
@media (max-width:640px){
  .ac-h1{ font-size:28px; }
  .ac-sub{ font-size:13.5px; }
  .ac-card{ padding:20px 18px 18px; border-radius:20px; }
  .ac-soon{ padding:32px 18px 26px; }
  .ac-note .ac-soon{ padding-left:34px; }
  .ac-soon .ac-soon-t{ font-size:21px; }
  .ac-soon .ac-soon-d{ font-size:14px; }
  .ac-ledger-deco{ transform:scale(.88); }
}

/* ══ 한글 줄바꿈 — 단어 중간에서 끊기지 않게 (2026-09-06) ═══
   '받았/는지' · '사람에게/만' 처럼 낱말이 잘리던 것을 막습니다.
   문구는 하나도 바꾸지 않았습니다. keep-all = 한글 낱말 단위 줄바꿈. */
.ac-sub,
.ac-soon .ac-soon-t,
.ac-soon .ac-soon-d,
.ac-soon .ac-soon-n,
.ac-memo{ word-break:keep-all; overflow-wrap:break-word; }

/* Q&A 머리말 색 — 기존 갈래들과 같은 방식 (2026-09-07) */
.ac-qa .ac-lab{ color:#b0468a; }