/* The reading pages (遊び方, このサイトについて, each puzzle's 解説): a sheet of paper on the felt, like the privacy policy. */
:root { color-scheme: light; --ink: #211a13; --paper: #f6eedc; --orange: #c9520a; --rule: #d9cbb0; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #0e2a21; font-family: system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; line-height: 1.8; }
main { width: min(760px, calc(100% - 28px)); margin: 28px auto; padding: clamp(24px, 6vw, 52px); background: var(--paper); box-shadow: 0 14px 40px rgba(0, 0, 0, .35); }
h1 { margin: 0 0 8px; font-size: clamp(24px, 6vw, 36px); line-height: 1.35; }
h2 { margin: 2.2em 0 .55em; padding-bottom: .2em; border-bottom: 2px solid var(--orange); font-size: 1.15em; }
p, ul, ol { margin: .7em 0; }
ul, ol { padding-left: 1.4em; }
a { color: #93400e; }
.date { margin: 0 0 2em; color: #685c50; font-size: .9em; }
.scroll { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; margin: .8em 0; font-variant-numeric: tabular-nums; }
th, td { padding: .35em .6em; border-bottom: 1px solid var(--rule); text-align: left; white-space: nowrap; }
th { font-size: .9em; color: #685c50; font-weight: 600; }
td.num { text-align: right; }
tr.me td { font-weight: 700; background: rgba(201, 82, 10, .08); }
.cta { display: inline-block; margin: 1em 0 .4em; padding: .55em 1.3em; color: #fff; background: var(--orange); font-weight: 700; text-decoration: none; border-radius: 4px; }
.links { margin-top: 2.4em; display: flex; flex-wrap: wrap; gap: .4em 1.4em; font-weight: 700; }