/* =====================================================================
 * 仕様書サイトの微調整。
 * Markdown の中身は変えず、読みやすさだけを足す。
 * ===================================================================== */

/* 既定の本文幅 (61rem) だと、権限一覧やメッセージ一覧の表が折り返されて
   読みづらい。列数の多い表に合わせて少し広げる。 */
.md-grid {
  max-width: 76rem;
}

/* 業務の流れ (10-flow) の図は縦に長い。縮めると文字が潰れるので、
   枠に押し込めず、横は必要なら動かせるようにする。 */
.mermaid {
  overflow-x: auto;
}

/* 業務の流れの図 (assets/flow.svg)。元のポスターと同じ横長なので、
   本文の幅に縮めず、枠の中で横に動かせるようにする。 */
.flow-poster {
  overflow-x: auto;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
}

.flow-poster svg,
.flow-poster img {
  display: block;
  /* 縮めると字が潰れて読めない。原寸のまま横に送る。 */
  max-width: none;
  height: auto;
}

/* 押すと画面仕様へ飛ぶカード。 */
.flow-poster a {
  cursor: pointer;
}