:root { color-scheme: light; }
body { font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
       max-width: 46rem; margin: 0 auto; padding: 1rem 1.2rem 4rem;
       line-height: 1.9; color: #222; background: #fdfdfa; }
a { color: #1a4a7a; }
header.site { border-bottom: 1px solid #ccc; margin-bottom: 2rem; padding-bottom: .5rem; }
header.site h1 { font-size: 1.3rem; margin: .5rem 0 .2rem; }
header.site h1 a { text-decoration: none; color: #222; }
header.site nav { font-size: .85rem; }
header.site nav a { margin-right: .8em; }
h1.title { font-size: 1.5rem; line-height: 1.5; }
.meta { color: #777; font-size: .85rem; margin-bottom: 2rem; }
img { max-width: 100%; height: auto; }
ul.toc { list-style: none; padding-left: 0; }
ul.toc li { margin: .4em 0; }
h2.cat { border-bottom: 1px solid #ddd; padding-bottom: .2em; margin-top: 2.5em; font-size: 1.15rem; }
footer { margin-top: 4rem; border-top: 1px solid #ccc; padding-top: .8rem;
         font-size: .8rem; color: #888; }
blockquote { border-left: 3px solid #ccc; margin-left: 0; padding-left: 1em; color: #444; }
iframe { max-width: 100%; }