/* minopopo のサイト共通。じゃんてんのUI（墨と点棒）と同じ色にそろえる */
:root { color-scheme: dark; --bg: #15171a; --surface: #202328; --line: #34383f; --ink: #f2ede3; --muted: #b4b0a7; --accent: #c8412b; --popo: #f2c94c; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: "BIZ UDPGothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; line-height: 1.8; }
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 64px; }
.site { display: inline-block; color: var(--muted); text-decoration: none; font-size: 0.95rem; margin-bottom: 32px; }
.site::before { content: "✿ "; color: var(--popo); }
h1 { font-size: 1.6rem; margin: 0 0 4px; border-left: 6px solid var(--accent); padding-left: 12px; line-height: 1.4; }
.lead, .date { color: var(--muted); font-size: 0.95rem; margin: 4px 0 32px; }
h2 { font-size: 1.15rem; margin: 36px 0 8px; padding-bottom: 6px; border-bottom: 1px solid var(--line); }
h3 { font-size: 1rem; margin: 20px 0 4px; }
p, li { font-size: 1rem; }
ul, ol { padding-left: 1.4em; }
a { color: var(--ink); }
.summary, .card { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 16px 20px; }
.summary p { margin: 0; }
.card h2 { margin-top: 0; border: 0; padding: 0; }
.card p { margin: 4px 0 8px; }
.links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; padding: 0; list-style: none; }
.mail { font-size: 1.1rem; font-weight: bold; }
footer { max-width: 720px; margin: 0 auto; padding: 0 16px 32px; color: var(--muted); font-size: 0.85rem; }