:root{--color-bg:oklch(97% .004 240);--color-bg-2:oklch(94% .005 240);--color-rule:oklch(84% .006 240);--color-neutral:oklch(56% .007 240);--color-muted:oklch(40% .007 240);--color-fg:oklch(16% .008 240);--color-accent:oklch(38% .13 240);--color-focus:oklch(45% .15 240);--font-sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--color-code-bg:#24292e;--measure:42rem;--measure-wide:calc(var(--measure) + 17.5rem + 2rem)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:oklch(13% .007 240);--color-bg-2:oklch(17% .008 240);--color-rule:oklch(28% .007 240);--color-neutral:oklch(60% .006 240);--color-muted:oklch(72% .005 240);--color-fg:oklch(95% .004 240);--color-accent:oklch(68% .12 240);--color-focus:oklch(74% .13 240)}}:root[data-theme=dark]{--color-bg:oklch(13% .007 240);--color-bg-2:oklch(17% .008 240);--color-rule:oklch(28% .007 240);--color-neutral:oklch(60% .006 240);--color-muted:oklch(72% .005 240);--color-fg:oklch(95% .004 240);--color-accent:oklch(68% .12 240);--color-focus:oklch(74% .13 240)}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-weight:400;line-height:1.75}a{color:var(--color-accent);text-underline-offset:.2em}.container{width:100%;max-width:var(--measure);margin-inline:auto;padding-inline:1.25rem}.container--wide{max-width:var(--measure-wide)}.site-header{border-bottom:1px solid var(--color-rule);padding-block:1.25rem}.site-header__inner{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.site-header__title{margin:0;font-size:1.125rem;font-weight:700}.site-header__title a{color:inherit;text-decoration:none}.site-nav{gap:1rem;font-size:.9rem;display:flex}.theme-toggle{border:1px solid var(--color-rule);min-height:2rem;color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;line-height:1.5}.theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.site-footer{border-top:1px solid var(--color-rule);color:var(--color-muted);margin-top:4rem;padding-block:2rem;font-size:.85rem}main{padding-block:2.5rem}h1,.prose h2,.prose h3{letter-spacing:-.02em;font-weight:700}.post-list{gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.post-card__cover-link{display:block}.post-card__cover{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;width:100%;margin:0 0 .75rem;display:block}.post-card__title{margin:0 0 .35rem;font-size:1.35rem;line-height:1.4}.post-card__title a{color:inherit;text-decoration:none}.post-card__title a:hover{text-decoration:underline}.post-card__meta{color:var(--color-muted);margin:0 0 .5rem;font-size:.85rem}.post-card__description{margin:0 0 .75rem}.tag-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.8rem;list-style:none;display:flex}.tag-list__item a{border:1px solid var(--color-rule);color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.1rem .7rem;font-size:.75rem;text-decoration:none;display:inline-block}.tag-list__item a:before{content:"#";opacity:.5;margin-right:.1em}.pagination{border-top:1px solid var(--color-rule);justify-content:space-between;align-items:center;margin-top:3rem;padding-top:1.5rem;font-size:.9rem;display:flex}.pagination__status{color:var(--color-muted)}.article-cover{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;width:100%;margin:1rem 0;display:block}.prose{overflow-wrap:break-word}.prose h2{border-bottom:1px solid var(--color-rule);align-items:center;gap:.5rem;margin-top:2.5rem;padding-bottom:.3rem;font-size:1.3rem;display:flex}.prose h2:before,.sidebar__title:before{content:"";background:var(--color-accent);flex:0 0 .55em;width:.55em;height:.55em}.prose h3{margin-top:2rem;font-size:1.1rem}.prose img{max-width:100%;height:auto}.prose pre{background:var(--color-code-bg);border-top:2px solid var(--color-accent);border-radius:6px;padding:1rem;overflow-x:auto}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:var(--color-bg-2);border-radius:3px;padding:.1em .35em}.prose blockquote{border-left:3px solid var(--color-rule);color:var(--color-muted);margin-inline:0;padding-left:1rem}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-rule);padding:.4rem .6rem}.article-layout{grid-template-columns:minmax(0,1fr) 17.5rem;align-items:start;gap:2rem;display:grid}.article-main{max-width:var(--measure);min-width:0}.sidebar{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:1rem}.sidebar__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.7rem;font-weight:700;display:flex}.p-ad{border:1px dashed var(--color-rule);background:var(--color-bg-2);padding:.75rem}.p-ad__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:.5rem;font-size:.65rem;display:block}.p-ad__slot{aspect-ratio:300/250;text-align:center;color:var(--color-muted);font-family:var(--font-mono);border:1px solid var(--color-rule);justify-content:center;align-items:center;font-size:.7rem;line-height:1.6;display:flex}@media (width<=768px){.article-layout{grid-template-columns:1fr}.sidebar{flex-flow:wrap;position:static}.sidebar>*{flex:12rem}}.empty-state{color:var(--color-muted)}