/* 여섯째 편(전자결재)만의 규칙. 뼈대는 ../common/style.css 를 그대로 쓴다.

   ① 화면 갈무리가 한 칸을 지는 장은 넷째·다섯째 편과 같은 넓은 짜임이다(값이 갈라지면 시험이 잡는다).
   ② 번호 장이 스물여섯이라 공용 물결(.sec-20 까지)을 21~26 으로 잇는다 — 넷째 편과 같은 까닭.
   ③ 마지막 선언 장은 그림 대신 휴대폰 화면 한 장이 선다. 문의 그림 자리(.life)는 판 폭의 70% 라
      세로로 긴 휴대폰 화면이 판을 넘긴다 — 키로 묶는다. */
@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; }

  .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"); }

  .page .life.phone { margin: auto 0; text-align: center; }
  .page .life.phone img {
    width: auto; max-width: 100%; max-height: calc(92 * var(--mm)); margin: 0 auto;
    border: 1px solid var(--line); border-radius: var(--r-card);
  }
}