@layer reset,base,layout,components,article;@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,figure{margin:0}img{max-inline-size:100%;block-size:auto}}@layer base{:root{color-scheme:light;--color-text:#29232b;--color-muted:#69616d;--color-accent:#57385e;--color-accent-dark:#3e2644;--color-soft:#f5eff6;--color-border:#e5dfe7;--color-code:#f6f4f7;font-family:-apple-system,BlinkMacSystemFont,hiragino kaku gothic pron,yu gothic,Meiryo,sans-serif}body{display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100svh;background:#fff;color:var(--color-text);font-size:1rem;line-height:1.8;overflow-wrap:anywhere}a{color:var(--color-accent);text-decoration-thickness:.08em;text-underline-offset:.2em}a:hover{color:var(--color-accent-dark)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.5}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}}@layer layout{.site-width{inline-size:min(100%,72rem);margin-inline:auto;padding-inline:2rem}.site-header{border-block-end:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-block:1.25rem}.site-main{flex:1;min-inline-size:0;padding-block:3rem 4rem}.page-content{max-inline-size:52rem;margin-inline:auto}.site-footer{border-block-start:1px solid var(--color-border);padding-block:1.5rem;color:var(--color-muted);text-align:center}@media(max-width:42rem){.site-width{padding-inline:1.25rem}.header-inner{align-items:flex-start;flex-direction:column;gap:.75rem}.site-main{padding-block:2rem 3rem}}}@layer components{.skip-link{position:absolute;z-index:1;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-200%);background:#fff;padding:.5rem 1rem}.skip-link:focus{transform:none}.site-title{font-size:1.25rem;font-weight:700;text-decoration:none}.nav-list{display:flex;flex-wrap:wrap;gap:.25rem;padding:0;list-style:none}.nav-link{display:block;padding:.5rem .75rem;border-radius:.25rem;color:var(--color-text);text-decoration:none}.nav-link:hover,.nav-link[aria-current]{background:var(--color-soft);color:var(--color-accent)}.nav-link[aria-current]{font-weight:700}.page-header{margin-block-end:2rem}.page-header h1,.home-intro h1{font-size:clamp(1.5rem,3vw,2.25rem)}.page-date{display:block;margin-block-start:.5rem;color:var(--color-muted);font-size:.875rem}.page-list{padding:0;list-style:none}.page-list li{padding-block:1.5rem;border-block-end:1px solid var(--color-border)}.page-list li:first-child{padding-block-start:0}.page-list h2{font-size:1.125rem}.home{max-inline-size:56rem;margin-inline:auto}.home-logo{display:block;inline-size:100%;border-radius:.25rem}.home-intro{padding-block-start:2.5rem;text-align:center}.home-intro p{margin-block-start:.75rem}.home-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem;margin-block-start:1.5rem}.button{display:inline-block;padding:.625rem 1.25rem;border-radius:.25rem;background:var(--color-accent);color:#fff;font-weight:700;text-decoration:none}.button:hover{background:var(--color-accent-dark);color:#fff}.text-link{padding-block:.5rem}}@layer article{.article{line-height:1.9}.article>*+*{margin-block-start:1.25em}.article h2{margin-block-start:2.5em;padding-block-end:.4em;border-block-end:1px solid var(--color-border);font-size:1.5rem}.article h3{margin-block-start:2em;font-size:1.25rem}.article h4,.article h5,.article h6{margin-block-start:1.75em;font-size:1.0625rem}.article>:first-child{margin-block-start:0}.article ul,.article ol{padding-inline-start:1.5em}.article li+li,.article li>ul,.article li>ol,.article li>p+p{margin-block-start:.5em}.article img{display:block;margin-inline:auto}.article blockquote{margin-inline:0;padding:1rem 1.25rem;border-inline-start:3px solid var(--color-accent);background:var(--color-soft)}.article blockquote>*+*{margin-block-start:.75em}.article :not(pre)>code{border-radius:.2rem;padding:.15em .35em;background:var(--color-code);font-size:.9em}.article pre{max-inline-size:100%;overflow-x:auto;padding:1.25rem;border:1px solid var(--color-border);border-radius:.25rem;background:var(--color-code);font-size:.875rem;line-height:1.7;overflow-wrap:normal;tab-size:2}.article pre code{font-size:inherit}.article table{display:block;max-inline-size:100%;overflow-x:auto;border-collapse:collapse}.article th,.article td{padding:.5rem .75rem;border:1px solid var(--color-border);text-align:start}.article th{background:var(--color-soft)}.article input[type=checkbox]{margin-inline-end:.5em;accent-color:var(--color-accent)}.article hr{border:0;border-block-start:1px solid var(--color-border);margin-block:2rem}}