/* 넷째 편(평가관리)만의 규칙. 뼈대는 ../common/style.css 를 그대로 쓴다.

   이 편은 번호 장이 스물일곱이다. 공용 CSS 의 물결은 .sec-20 까지만 적혀 있어서
   스물한째부터는 var() 가 빈 채로 남고 mask 가 통째로 꺼진다 — 그 장들만 머리 자리가
   «자로 자른 직선»이 된다(둘째 편 11~14 장이 그랬다). 공용 CSS 는 다른 작업이 고치는
   중이라 여기서 이어 적는다. 열 벌을 돌려 쓰는 규칙은 그대로다 — 스물한째는 첫째 탈이다.
   주소는 이 파일 기준으로 풀리므로 ../common/ 을 붙인다. */
@media print, screen and (min-width: 900px) {
  .sec-21 { --head-mask: url("../common/head-01.svg"); }
  .sec-22 { --head-mask: url("../common/head-02.svg"); }
  .sec-23 { --head-mask: url("../common/head-03.svg"); }
  .sec-24 { --head-mask: url("../common/head-04.svg"); }
  .sec-25 { --head-mask: url("../common/head-05.svg"); }
  .sec-26 { --head-mask: url("../common/head-06.svg"); }
  .sec-27 { --head-mask: url("../common/head-07.svg"); }
}

/* 화면 갈무리가 한 칸을 지는 장. 평가 화면은 표가 넓어(열이 열 개를 넘는다) 공용 두 칸
   (1.15 : 1, 키 62mm)에 걸면 글자가 깨알이 된다. 화면 칸을 1.8 배로 넓히고 키도 판의
   남는 높이(머리 자리 아래 약 120mm)까지 풀어 준다. 목록은 좁은 칸에서 줄이 늘어도 된다 —
   판에서 읽히는 것은 화면이다. 겹친 판(.stack)의 카드 규칙은 공용 쪽이 더 구체적이라 그대로 산다. */
@media print, screen and (min-width: 900px) {
  .page .split.wide { grid-template-columns: 1fr 1.8fr; gap: calc(8 * var(--mm)); }
  .flip .page .split.wide { grid-template-columns: 1.8fr 1fr; }
  .page .split.wide .art.shot img { width: 100%; max-height: calc(112 * var(--mm)); object-fit: contain; }
}