/* 規約・表示のページ（静的な HTML）。余白と字間は em。日本語の禁則は明示する。 */
:root { --navy: #243b55; --sub: #5b6b7f; --hair: #dfe4ea; --pink: #e8336f; }
body { margin: 0; background: #fff; color: var(--navy); font-family: "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif; line-height: 1.8; line-break: strict; word-break: normal; overflow-wrap: anywhere; }
main { max-width: 46em; margin: 0 auto; padding: 2em 1em 4em; }
h1 { font-size: 1.5em; line-height: 1.5; margin: 0.4em 0 1em; word-break: auto-phrase; }
h2 { font-size: 1.15em; line-height: 1.5; margin: 2em 0 0.6em; word-break: auto-phrase; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; vertical-align: top; padding: 0.9em 0.6em; border-bottom: 1px solid var(--hair); }
th { width: 11em; font-weight: 700; }
ul { padding-left: 1.3em; }
li { margin: 0.3em 0; }
.crumb { font-size: 0.9em; color: var(--sub); margin: 0; }
.note { color: var(--sub); font-size: 0.9em; }
.big { font-size: 1.3em; font-weight: 800; }
a { color: inherit; }
@media (max-width: 40em) { th, td { display: block; width: auto; padding: 0.3em 0; } th { padding-top: 1em; border-bottom: 0; } }