/* readable.css ― 法律リソース系の可読性を控えめに整える。
   元の体裁(table/レイアウト/色)は極力尊重し、行間・余白・幅・罫線のみ調整。 */

body {
  /* 元のBGCOLOR属性が優先されるが、未指定ページ用のフォールバック */
  font-family: "Hiragino Kaku Gothic ProN","Yu Gothic","MS PGothic","Meiryo",sans-serif;
  line-height: 1.8;
  color: #222;
  /* 長文を読みやすく: 本文を中央寄せの読みやすい幅に。
     ただし table主体のページは下のmax-width解除で広く使える */
  margin: 0;
  padding: 24px 18px 56px;
}

/* 本文を読みやすい幅に収める。広いテーブルは自動ではみ出しスクロール */
body > * {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* 見出し周りに余白 */
h1, h2, h3, h4 { line-height: 1.4; margin: 1.4em 0 0.6em; }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.35rem; }

/* 段落・改行主体の本文に呼吸を持たせる */
p { margin: 0 0 1em; }

/* 引用ブロック(法令の号など)を少し見やすく */
blockquote {
  margin: 0.8em 0 0.8em 1.2em;
  padding: 0.4em 0 0.4em 1em;
  border-left: 3px solid #bbb;
  background: rgba(0,0,0,0.02);
}

/* テーブルの罫線を細く整える(元のborder属性より見やすく) */
table { border-collapse: collapse; margin: 1em auto; max-width: 100%; }
th, td { padding: 8px 12px; vertical-align: top; }
table[border] th, table[border] td { border: 1px solid #ccc; }

/* リンク色は元のBODY属性を尊重。未指定時のフォールバックのみ */
a { color: #1a3fb0; }
a:visited { color: #7a2a8a; }

/* 区切り線を柔らかく */
hr { border: none; border-top: 1px solid #ccc; margin: 1.6em 0; }

/* 横スクロールを防ぐ: 広いテーブルはラップで包まれていなくても画面内に */
img { max-width: 100%; height: auto; }

/* スマホで極端に小さくならないよう最低フォントサイズ */
@media (max-width: 600px) {
  body { padding: 16px 12px 40px; font-size: 16px; }
  body > * { max-width: 100%; }
  table { display: block; overflow-x: auto; }
}