/* ═══════════════════════════════════════════════════════════════════
   LUEUR 화면 어휘 — 아이 앱 홈의 짜임새를 다른 화면도 그대로 쓴다
   2026-08-06 원장: "학부모 앱 UI/UX 전체 재검토. 학생 앱과 일치하게."

   원칙은 아이 앱 홈에 이미 적혀 있던 것을 그대로 가져왔다 —
   **"카드 — 정말 따로 떨어진 것에만"**, **"오늘 공부 — 카드가 아니라 구획"**.
   그래서 기본은 구획(눈썹 + 금줄)이고, 카드는 아껴 쓴다. 그림자는 없다.

   값의 원본은 `app.html` 안의 `.ah-*` 다. 여기 값과 어긋나면
   `tools/화면어휘대조.mjs` 가 붉어진다 — 두 곳에서 만들면 반드시 갈라진다(§7).
   ═══════════════════════════════════════════════════════════════════ */

/* 절 머리 — 눈썹 글자 + 옅어지는 세이지 금줄 */
/* 구획을 여는 눈썹은 **한 급 위**다 — 값에 붙는 라벨(.ah-figk)과 같은 색이면
   TODAY·CITATION·FOCUS 가 전부 동급으로 읽힌다(2026-08-09 실측). 크기가 아니라 농도로 가른다. */
.ah-eyebrow{font-family:var(--l-sans);font-size:11px;font-weight:600;letter-spacing:.18em;
  line-height:1;color:var(--l-ink-2);margin:0}
.ah-rule{height:1px;border:0;margin:15px 0 0;background:linear-gradient(90deg,var(--l-accent-2),rgba(99,119,95,0))}
.ah-sech{margin:28px 2px 10px}

/* 숫자 — 세리프. 나란히 놓을 때는 .ah-figs 로 묶는다 */
.ah-figs{display:flex;align-items:baseline;gap:30px}   /* 숫자 밑선을 맞춘다 */
.ah-fig{font-family:var(--l-serif);font-weight:500;font-size:26px;line-height:1;margin:0;
  color:var(--l-ink);font-variant-numeric:tabular-nums}

/* 카드 — 정말 따로 떨어진 것에만. 그림자 없음 */
.ah-card{background:var(--l-surface);border:1px solid var(--l-rule);
  border-radius:var(--l-r);padding:18px 20px;margin-top:12px;box-shadow:none;text-align:left;
  transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.ah-ch{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.ah-ch b{font-size:15px;font-weight:600;color:var(--l-ink)}
.ah-ch span{font-size:13px;color:var(--l-ink-3)}

/* 글 · 빈 상태 */
.ah-note,.ah-ins{font-size:13px;line-height:1.75;color:var(--l-ink-2)}
.ah-empty{padding:22px 6px;text-align:center;font-size:13px;color:var(--l-ink-3);line-height:1.7}

/* 카드 안에서 한 번 더 나눌 때 */
.ah-trwrap{margin-top:14px;padding-top:14px;border-top:1px solid var(--l-rule)}
.ah-trh{font-size:11px;font-weight:600;letter-spacing:.18em;color:var(--l-ink-3);margin-bottom:8px}
.ah-bars{display:flex;flex-direction:column;gap:10px}