body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-main{padding-block:40px 0}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--reading-rail);gap:var(--reading-gap);align-items:start}.blog-aside{position:sticky;top:24px;align-self:start}.blog-title{font-family:var(--font-sans);font-size:clamp(30px,5vw,44px);font-weight:600;letter-spacing:-.03em;margin:0 0 28px}.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:36px}.post-link{font-family:var(--font-sans);font-size:22px;font-weight:600;color:var(--text-primary);text-decoration:none}.post-link:hover{color:var(--accent-link)}.post-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--text-muted);margin:6px 0}.post-meta .dot{color:var(--ui-muted)}.post-desc{font-family:var(--font-sans);color:var(--text-secondary);margin:6px 0}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.tag-chip{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.tag-chip:hover{color:var(--accent-link)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.reading .post{max-width:var(--reading-column)}.post-hero{display:block;width:100%;height:auto;aspect-ratio:1376 / 768;object-fit:cover;border:1px solid var(--border);border-radius:12px;margin:0 0 28px}.post-heading{font-family:var(--font-sans);font-size:clamp(28px,5vw,40px);font-weight:600;letter-spacing:-.03em;margin:0 0 8px}.post-video{aspect-ratio:16 / 9;margin:20px 0 28px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.post-video iframe{display:block;width:100%;height:100%;border:0}.post-content{font-family:var(--font-sans);color:var(--text-secondary);margin-top:28px}body.reading .post>:is(.post-heading,.post-meta,.post-tags,.post-back),body.reading .post-content>:is(p,h2,h3,h4,ul,ol,blockquote),body.reading .post-list>li{max-width:var(--shell-measure)}body.reading .post-content,body.reading .post-desc{font-size:var(--reading-font-size);line-height:var(--reading-line-height)}@media screen{body.reading :is(.post,.ebook-chapter,.ebook-landing,.post-list){container-type:inline-size}}.post-content :is(h2,h3){color:var(--text-primary);margin:28px 0 10px}.post-content a{color:var(--accent-link)}.post-content pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:15px}.post-content :not(pre)>code{font-family:var(--font-mono);background:var(--bg-secondary);padding:1px 5px;border-radius:4px}.post-content table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:.85em;line-height:1.55}.post-content :is(th,td){text-align:start;vertical-align:top;padding:10px 16px 10px 0;border-bottom:1px solid var(--border)}.post-content :is(th,td):last-child{padding-right:0}.post-content th{color:var(--text-primary);font-weight:600;border-bottom-color:var(--text-secondary)}@media(max-width:600px){.post-content table{display:block;overflow-x:auto}}.post-content img{display:block;max-width:100%;height:auto;border:1px solid var(--border);border-radius:12px;margin:28px 0 0}.post-content img+em{display:block;font-size:14px;color:var(--text-muted);margin-top:8px}.post-content .post-figure{margin:0}.post-back{margin:36px 0 0}.post-back a{color:var(--text-secondary);text-decoration:none}.post-back a:hover{color:var(--accent-link)}.reading-width{display:flex;gap:8px;margin:0 0 16px}.reading-width[hidden]{display:none}.post>.reading-width{margin:12px 0 0}.reading-width button{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.reading-width button[aria-pressed=true]{color:var(--text-primary);border-color:var(--accent-primary)}.reading-width button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}@media(max-width:860px){.blog-layout{grid-template-columns:minmax(0,1fr);gap:36px}.blog-aside{position:static}}@media(max-width:600px){.page-main{padding-block:24px 0}}