/* app だけの上書き（生成物ではない）。app-reader.css・app-site.css の後に読む */
.mg {
  --f-mincho: var(--font-mg-mincho), "Hiragino Mincho ProN", "Yu Mincho", serif;
  --f-ui: var(--font-mg-ui), "Hiragino Sans", "Yu Gothic", sans-serif;
  --f-letter: var(--font-mg-letter), "Hiragino Sans", "Yu Gothic", sans-serif;
  --display: var(--f-mincho);
  --body: var(--f-ui);
}
/* 読み手はサイトの帯の上に全画面で（STORY の読み手と同じ）。目次と Review の欄はさらに上 */
.mg-reader .v { position: fixed; inset: 0; z-index: 60; overflow-y: auto; }
.mg-reader .v-drawer, .mg-reader .v-rvpanel { z-index: 70; }
/* 本番では Review の札を出さない */
.mg-prod .review, .mg-prod .v-rv { display: none !important; }
/* 本棚・作品の頁の HP の案内（読む前の一行） */
.mg .mg-hp-note { margin: 0; padding: 10px 14px; border-radius: 8px; background: var(--water-soft); color: var(--ink); font-size: 13.5px; line-height: 1.8; }
.mg .mg-hp-note a { color: var(--water); font-weight: 700; }
/* 試作の .v は min-height: 100dvh で中の段が伸び、頁が画面より高ければ body が流れる。
   app では .v を画面に固定するので、中の段が縮んで頁の上下が切れる → 段は中身の高さまで伸ばし、.v の中で流す */
.mg-reader .v-stage { min-height: auto; }