:root {
--text: #1a1a1a;
--muted: #555;
--bg: #fdfdfd;
--rule: #d0d0d0;
--rule-soft: #e8e8e8;
--accent: #1f4e79;
--code-bg: #f5f5f5;
--panel: #f6f8fa;
}
* { box-sizing: border-box; }
html {
background: var(--bg);
color: var(--text);
font-size: 16px;
scroll-padding-top: 1em;
}
body {
margin: 0 auto;
max-width: 820px;
padding: 28px 56px 96px;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium",
"Yu Gothic", "Meiryo", "Noto Sans CJK JP", "Noto Sans JP",
-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
line-height: 1.85;
font-feature-settings: "palt";
text-rendering: optimizeLegibility;
background: var(--bg);
}
h1, h2, h3, h4, .doc-title, .part-label {
font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho",
"Noto Serif CJK JP", "Noto Serif JP",
"Hiragino Kaku Gothic ProN", "Yu Gothic", serif;
color: var(--accent);
line-height: 1.4;
font-weight: 600;
}
h1 {
font-size: 1.9em;
border-bottom: 2px solid var(--accent);
padding-bottom: 0.3em;
margin: 0.4em 0 0.8em;
}
h2 {
font-size: 1.45em;
border-bottom: 1px solid var(--rule);
padding-bottom: 0.25em;
margin: 2.6em 0 0.8em;
}
h3 { font-size: 1.2em; margin: 2.2em 0 0.6em; }
h4 { font-size: 1.05em; color: var(--text); }
.secnum { margin-right: 0.6em; }
p {
margin: 0.7em 0;
text-align: justify;
}
p.cont { margin-top: 0.2em; }
p.small { font-size: 0.85em; color: var(--muted); line-height: 1.7; }
strong.runin { color: var(--accent); }
a {
color: var(--accent);
text-decoration: underline;
text-underline-offset: 2px;
}
a:hover { color: #2a6ba8; }
a.url { word-break: break-all; }
ul, ol {
margin: 0.6em 0;
padding-left: 1.7em;
}
li { margin: 0.25em 0; }
li > p { margin: 0.2em 0; }
li.custom { list-style: none; }
li.custom .itemlabel { font-weight: 700; margin-right: 0.5em; margin-left: -1.2em; }
dl { margin: 0.8em 0; }
dt { font-weight: 700; color: var(--accent); margin-top: 0.6em; }
dd { margin: 0.1em 0 0.4em 1.4em; }
dd > p { margin: 0.2em 0; }
strong { font-weight: 700; color: #000; }
em { font-style: normal; }
code {
font-family: "SF Mono", Menlo, Consolas, monospace;
background: var(--code-bg);
padding: 1px 5px;
border-radius: 3px;
font-size: 0.9em;
}
a code { color: var(--accent); }
.table-wrap { overflow-x: auto; margin: 0.6em 0 1.2em; }
table {
border-collapse: collapse;
font-size: 0.93em;
background: #fff;
border: 1px solid var(--rule);
font-variant-numeric: tabular-nums;
line-height: 1.6;
}
table.wide { width: 100%; }
table.narrow { margin: 0 auto; min-width: 60%; }
th, td {
padding: 6px 10px;
border: 1px solid var(--rule-soft);
vertical-align: top;
text-align: left;
}
th {
background: #f0f4f8;
font-weight: 700;
color: var(--accent);
}
th strong { color: inherit; }
tbody tr:nth-child(even) td { background: #fafbfc; }
tr.rule td { border-top: 1.5px solid var(--rule); }
tr.group td { background: #f0f4f8 !important; color: var(--accent); }
tr.note td { background: #fff !important; font-size: 0.88em; color: var(--muted); }
.al-c { text-align: center; }
.al-r { text-align: right; }
.table-block { margin: 1.6em 0; }
.table-block.small table { font-size: 0.85em; }
.table-block.small th, .table-block.small td { padding: 4px 7px; }
.caption, figcaption {
font-size: 0.92em;
color: var(--muted);
margin: 0.4em 0;
line-height: 1.6;
text-align: left;
}
.capnum { font-weight: 700; color: var(--accent); margin-right: 0.7em; }
.table-block:has(table.narrow) > .caption { text-align: center; }
figure { margin: 1.8em 0; text-align: center; }
figure img { max-width: 100%; height: auto; display: inline-block; }
a.imglink { display: contents; }
figure svg { width: 100%; height: auto; max-width: 1620px; display: block; margin: 0 auto; }
.subfigs { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 3%; }
.subfig { flex-grow: 0; flex-shrink: 1; }
.subfig img { width: 100% !important; }
.subcap { font-size: 0.88em; color: var(--muted); }
.center { text-align: center; margin: 1em 0; }
.center > p { text-align: center; }
blockquote {
border-left: 4px solid var(--accent);
margin: 1.2em 0;
padding: 0.4em 1.2em;
color: #333;
background: var(--panel);
}
blockquote p { margin: 0.5em 0; }
.right { display: block; text-align: right; color: var(--muted); font-size: 0.93em; }
.math { overflow-x: auto; overflow-y: hidden; margin: 0.6em 0; }
hr { border: none; border-top: 1px solid var(--rule); margin: 2.5em 0; }
sup.fnref { line-height: 0; font-size: 0.75em; }
sup.fnref a { text-decoration: none; padding: 0 1px; }
.footnotes { margin-top: 3em; border-top: 1px solid var(--rule); padding-top: 0.8em;
font-size: 0.88em; color: var(--muted); line-height: 1.7; }
.footnotes .fn { margin: 0.4em 0; padding-left: 1.8em; text-indent: -1.8em; }
.footnotes .fn > a:first-child { display: inline-block; min-width: 1.8em; text-indent: 0; text-decoration: none; }
/* navigation */
.topbar {
display: flex; justify-content: space-between; align-items: baseline; gap: 1em;
font-size: 0.85em; border-bottom: 1px solid var(--rule-soft); padding-bottom: 0.6em;
margin-bottom: 1.6em; flex-wrap: wrap;
}
.topbar .book { color: var(--muted); text-decoration: none; }
.topbar .book:hover { color: var(--accent); }
.topbar .mini a { margin-left: 0.9em; text-decoration: none; white-space: nowrap; }
.part-label { font-size: 1em; color: var(--muted); margin: 0; letter-spacing: 0.05em; }
.chapter-toc {
background: var(--panel); border: 1px solid var(--rule-soft); border-radius: 4px;
padding: 0.7em 1.2em 0.8em; margin: 1.2em 0 2em; font-size: 0.92em; line-height: 1.6;
}
.chapter-toc .ttl { font-weight: 700; color: var(--accent); margin-bottom: 0.3em; }
.chapter-toc ol { list-style: none; padding-left: 0; margin: 0; }
.chapter-toc li { margin: 0.25em 0; padding-left: 2.6em; text-indent: -2.6em; }
.chapter-toc li .n { display: inline-block; min-width: 2.6em; text-indent: 0; color: var(--muted); }
.chapter-toc a { text-decoration: none; }
.chapter-toc a:hover { text-decoration: underline; }
.pager {
display: grid; grid-template-columns: 1fr auto 1fr; gap: 1em; align-items: stretch;
margin-top: 3.5em; padding-top: 1.2em; border-top: 2px solid var(--accent); font-size: 0.92em;
}
.pager a { text-decoration: none; display: block; line-height: 1.5; }
.pager a .dir { display: block; font-size: 0.85em; color: var(--muted); }
.pager a:hover .t { text-decoration: underline; }
.pager .next { text-align: right; }
.pager .toc { align-self: center; border: 1px solid var(--rule); border-radius: 4px; padding: 0.3em 0.9em; }
/* index page */
.doc-cover { text-align: center; margin: 1.5em 0 1.2em; }
.doc-cover .doc-title { font-size: 2em; margin: 0; line-height: 1.35; }
.doc-cover .doc-sub { font-size: 1.45em; }
.doc-cover .doc-author { margin-top: 0.8em; font-size: 1.05em; }
.doc-cover .doc-date { color: var(--muted); font-size: 0.95em; }
.update-notice { font-size: 0.92em; color: var(--muted); margin: 0 0 1.5em; line-height: 1.7; }
.links { margin: 1.5em 0 2em; }
.toc-main h2 { margin-top: 1.8em; }
.toc-part { font-family: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;
color: var(--accent); font-weight: 600; font-size: 1.12em; margin: 1.6em 0 0.4em;
border-bottom: 1px solid var(--rule-soft); padding-bottom: 0.2em; }
.toc-main > ol { list-style: none; padding-left: 0; }
.toc-sec { margin: 0.7em 0; }
.toc-sec > a { font-weight: 700; text-decoration: none; }
.toc-sec > a:hover { text-decoration: underline; }
.toc-sec .n { display: inline-block; min-width: 2em; }
.toc-sec ol { list-style: none; padding-left: 2em; margin: 0.15em 0 0; font-size: 0.9em; line-height: 1.55; }
.toc-sec ol li { margin: 0.15em 0; padding-left: 2.6em; text-indent: -2.6em; }
.toc-sec ol li .n { min-width: 2.6em; text-indent: 0; color: var(--muted); }
.toc-sec ol a { text-decoration: none; color: var(--text); }
.toc-sec ol a:hover { color: var(--accent); text-decoration: underline; }
@media (max-width: 600px) {
body { padding: 18px 16px 60px; font-size: 15px; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
.doc-cover .doc-title { font-size: 1.5em; }
table { font-size: 0.86em; }
th, td { padding: 5px 6px; }
figure img { width: 100% !important; }
.subfig { flex-basis: 100% !important; }
.pager { grid-template-columns: 1fr 1fr; }
.pager .toc { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
p { text-align: left; }
}
@media print {
body { max-width: none; padding: 0; }
.topbar, .pager, .chapter-toc { display: none; }
h1, h2, h3, h4 { page-break-after: avoid; }
table, img { page-break-inside: avoid; }
}