:root{--color-bg:hsl(0, 0%, 100%);--color-text:hsl(240, 10%, 7%);--color-muted:hsl(240, 4%, 40%);--color-border:hsl(240, 6%, 88%);--color-accent:hsl(222, 66%, 43%);--color-accent-visited:hsl(262, 25%, 52%);--color-code-bg:hsl(240, 6%, 95%)}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:hiragino sans,noto sans cjk jp,sans-serif;font-weight:300;font-size:16px;line-height:1.7;font-feature-settings:"palt"}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:hsl(222,66%,43%,.4);text-underline-offset:.25em}a:hover{text-decoration-thickness:2px;text-decoration-color:var(--color-accent)}a:visited{color:var(--color-accent-visited);text-decoration-color:hsl(262,25%,52%,.4)}a:visited:hover{text-decoration-color:var(--color-accent-visited)}body>header{max-width:44rem;margin:0 auto;padding:1.25rem 1.5rem 0;display:flex;justify-content:space-between;align-items:baseline}body>header .brand,body>header .brand:visited{font-weight:600;font-size:1rem;color:var(--color-text);text-decoration:none;letter-spacing:.02em}body>header nav a,body>header nav a:visited{color:var(--color-muted);text-decoration:none;font-size:.85rem;margin-left:1.5em}body>header nav a:hover{color:var(--color-accent)}main{max-width:44rem;margin:0 auto;padding:0 1.5rem 3rem}.post-header{margin:2.25rem 0 1.75rem}.post-header time{display:block;font-size:.8rem;color:var(--color-muted);letter-spacing:.06em;font-variant-numeric:tabular-nums;margin-bottom:.4rem}.post-title{margin:0;font-size:1.45rem;font-weight:600;line-height:1.45;letter-spacing:.01em}article h1{margin:2.25rem 0 .6rem;font-size:1.25rem;font-weight:600}article h2{margin:2rem 0 .6rem;font-size:1.1rem;font-weight:600}article h3{margin:1.75rem 0 .5rem;font-size:1rem;font-weight:600}p{margin:1em 0}ul,ol{padding-left:1.5em;margin:1em 0}li{margin:.1em 0}li>ul,li>ol{margin:.1em 0}strong,th{font-weight:600}blockquote{margin:1.25em 0;padding:.1em 0 .1em 1em;border-left:2px solid var(--color-border);color:var(--color-muted)}blockquote p{margin:.4em 0}blockquote blockquote{margin:.6em 0;border-left-color:#ceced4}blockquote pre{margin:.6em 0}cite{display:block;font-style:normal;font-size:.8rem;text-align:right}cite::before{content:"— "}code{font-family:menlo,noto sans mono cjk jp,monospace}p code,li code{background:var(--color-code-bg);border-radius:4px;padding:.1em .35em;font-size:.82em}pre{background:var(--color-code-bg);border-radius:8px;padding:1em 1.25em;overflow-x:auto;font-size:.8rem;line-height:1.55;margin:1.25em 0}table{border-collapse:collapse;margin:1.25em 0;font-size:.95em}th,td{text-align:left;padding:.35em 1.5em .35em 0}th{border-bottom:1px solid var(--color-text)}td{border-bottom:1px solid var(--color-border)}article iframe{max-width:100%;height:auto;aspect-ratio:16/9;border:0}.page-title{margin:2.25rem 0 1.25rem;font-size:1.25rem;font-weight:600}.page-title .path{color:var(--color-muted);font-weight:300}.year{margin:1.5rem 0 .3rem;font-size:.8rem;font-weight:500;color:var(--color-muted);letter-spacing:.08em;font-variant-numeric:tabular-nums}.post-list{list-style:none;padding:0;margin:0}.post-list li{display:grid;grid-template-columns:4em 1fr;gap:1em;padding:.2em 0;margin:0}.post-list time{color:var(--color-muted);font-size:.85rem;font-variant-numeric:tabular-nums;line-height:1.9}.post-list a,.post-list a:visited{text-decoration:none;color:var(--color-text)}.post-list a:hover{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}@media(max-width:600px){body{font-size:15.5px;line-height:1.65}.post-header{margin:1.75rem 0 1.25rem}.post-title{font-size:1.3rem}.page-title{margin:1.75rem 0 1rem}}