:root{--color-bg:#fffefd;--color-bg-muted:#f4f2f0;--color-text:hsl(20, 50%, 12%);--color-accent:hsl(12, 45%, 42%);--color-accent-visited:hsl(12, 22%, 60%);--color-accent-bg:hsl(12, 20%, 96%);--color-muted:hsl(20, 12%, 40%);--color-border:hsl(20, 8%, 85%);--indent:1.5em;--block-gap:1.5em}html{margin:0;padding:0}body{min-height:100vh;margin:0;padding:0;color:var(--color-text);background-color:var(--color-bg);font-family:hiragino sans w3,noto sans cjk jp,sans-serif;line-height:1.6}body>header{display:flex;flex-wrap:wrap;justify-content:space-between;position:sticky;top:0;z-index:1;padding:.5ch 1ch;box-shadow:0 1px 3px rgba(0,0,0,4%);font-family:hiragino sans w4,noto sans cjk jp,sans-serif;font-size:.75em;color:var(--color-muted);background-color:var(--color-bg-muted)}body>header nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}body>header nav li:not(:first-child)::before{content:"\BB";margin:0 .5ch}body>header nav a,body>header nav a:visited{font-family:hiragino sans w6,roboto,noto sans cjk jp,sans-serif;font-weight:600;color:var(--color-accent);text-decoration:none}body>header nav a:hover,body>header nav a:hover:visited{text-decoration:underline;background-color:var(--color-accent-bg);border-radius:3px;padding:2px 1px 3px;margin:-2px -1px -3px}main>.post-list{list-style:none}main>.post-list time{font-size:.9em}main>article{max-width:72ch;margin:3.5em auto;padding:0 clamp(1em,4vw,3.5em)}blockquote{position:relative;margin:var(--block-gap)0;margin-left:calc(var(--indent) - 1em);padding-left:1em;color:var(--color-muted)}blockquote::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-muted);border-radius:1px}table{position:relative;margin:var(--block-gap)0;margin-left:var(--indent)}table::before,table::after{content:"";position:absolute;left:0;right:0;height:2px;background-color:var(--color-muted);border-radius:1px}table::before{top:0}table::after{bottom:0}:not(li)>ul,:not(li)>ol{margin:var(--block-gap)0;padding-left:var(--indent)}li>ul,li>ol{padding-left:var(--indent)}th{padding-right:1em;border-bottom:var(--color-muted)solid 1px}:not(blockquote)>p~p{margin-top:var(--block-gap)}p code,li code{padding:.2em .4em;background-color:var(--color-bg-muted);border-radius:5px;font-size:.85rem;color:var(--color-text)}pre{overflow-x:auto;font-size:.85em;line-height:1.3}pre:has(code){padding:1.5em;border-radius:5px}code{font-family:inconsolata,menlo,noto sans mono cjk jp,monospace}a{color:var(--color-accent)}a:hover{background-color:var(--color-accent-bg);border-radius:3px;padding:2px 1px 3px;margin:-2px -1px -3px}a:visited{color:var(--color-accent-visited)}th,strong{font-family:hiragino sans w6,noto sans cjk jp,sans-serif;font-weight:600}@media(max-width:820px){:root{--block-gap:1em}body{line-height:1.5}main>.post-list{margin:1em 0;padding-left:1.25em}main>article{margin:2em auto}}@media(max-width:600px){:root{--block-gap:0.75em}body{line-height:1.3}main>.post-list{margin:.25em 0;padding-left:.5em}main>article{margin:.5em auto}}