.blog-page,.post-page{margin:0 auto;padding:clamp(1.25rem,4vh,2.75rem) clamp(1rem,4vw,2.5rem) clamp(3rem,8vh,5.5rem)}.blog-page{max-width:58rem}.post-page{max-width:47rem}@media(max-width:719.98px){.blog-page,.post-page{padding-inline:0;padding-top:.75rem}}.blog-window{--win-pad: 0;--blog-pad-x: clamp(1rem, 3.5vw, 1.6rem)}.blog-header{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:.85rem;padding:1.1rem var(--blog-pad-x) 0}.blog-header-prompt{color:var(--color-accent);font-weight:800}.blog-header-cmd{font-weight:700;color:var(--color-ink)}.blog-header-flag{color:var(--color-ink-muted)}.blog-intro{color:var(--color-ink-soft);font-size:.92rem;line-height:1.65;padding:.6rem var(--blog-pad-x) 1.1rem;max-width:60ch}.blog-intro-link{color:var(--color-accent);margin-left:.5rem}.blog-intro-link:hover,.blog-intro-link:focus-visible{text-decoration:underline}.blog-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border-faint)}.blog-list-item{border-bottom:1px solid var(--color-border-faint)}.blog-list-item:last-child{border-bottom:0}.blog-list-link{display:grid;grid-template-columns:110px 1fr auto;gap:1.25rem;align-items:baseline;padding:1rem var(--blog-pad-x);transition:background var(--t-fast)}.blog-list-link:hover,.blog-list-link:focus-visible{background:var(--tint-writing);outline:none}.blog-list-link:focus-visible{box-shadow:inset 3px 0 0 var(--color-accent)}.blog-list-date{font-size:.82rem;color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.blog-list-title{font-size:1rem;font-weight:700;color:var(--color-ink);letter-spacing:-.01em;text-wrap:balance}.blog-list-arrow{font-weight:700;color:var(--color-accent);transition:transform var(--t-fast)}.blog-list-link:hover .blog-list-arrow{transform:translate(4px)}.blog-empty{padding:1.5rem var(--blog-pad-x) 2rem;color:var(--color-ink-muted);font-size:.92rem}.blog-page .new-badge{font:700 10px/1.5 var(--font-pixel);letter-spacing:0;padding:1px 5px;border-width:1px}@media(max-width:640px){.blog-list-link{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.25rem 1rem}.blog-list-date{grid-column:1 / -1;order:2}.blog-list-title{grid-column:1 / 2;order:1}.blog-list-arrow{grid-column:2 / 3;grid-row:1 / 2;order:1}}.blog-window .win-statusbar,.post-window .win-statusbar{flex-wrap:wrap;padding-block:5px}.statusbar-links{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.statusbar-link{color:var(--color-ink-muted)}.statusbar-link:hover,.statusbar-link:focus-visible{color:var(--color-accent)}.statusbar-unread{color:var(--color-accent);font-weight:700}.statusbar-unread:empty{display:none}.tag-grid{list-style:none;margin:0;padding:.25rem var(--blog-pad-x) 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:10px}.tag-folder{display:flex;flex-direction:column;align-items:center;gap:8px;padding:1rem .6rem .85rem;border:1px solid var(--color-border-faint);background:var(--color-surface);text-align:center;transition:background var(--t-fast)}.tag-folder:hover,.tag-folder:focus-visible{background:var(--tint-writing);border-color:var(--color-ink)}.tag-folder-icon{width:28px;height:28px;shape-rendering:crispEdges}.tag-folder-name{font-size:.85rem;font-weight:700;color:var(--color-ink);overflow-wrap:anywhere}.tag-folder-count{font-size:.72rem;color:var(--color-ink-muted);font-variant-numeric:tabular-nums}@media(max-width:480px){.tag-grid{grid-template-columns:repeat(2,1fr)}}.post-window{--win-pad: clamp(1.4rem, 5vw, 2.75rem)}.post-window>.win-bar{position:sticky;top:var(--menubar-h);z-index:6}.post-progress{position:sticky;top:calc(var(--menubar-h) + var(--titlebar-h));z-index:6;height:3px;pointer-events:none}.post-progress-bar{height:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left;will-change:transform}.post-article,.post-follow,.related-posts{max-width:68ch;margin-inline:auto}.post-meta{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap;font-size:.85rem;color:var(--color-ink-muted);margin-bottom:1rem}.post-meta-prompt{color:var(--color-accent);font-weight:800}.post-meta-cmd{font-weight:700;color:var(--color-ink)}.post-date{display:block;font-size:.85rem;color:var(--color-ink-muted);margin-bottom:.5rem;font-variant-numeric:tabular-nums}.post-title{font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:1.1rem;text-wrap:balance}.post-period{color:var(--color-accent)}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.post-tag{text-decoration:none}.post-rule{border:none;border-top:1px solid var(--color-border-faint);margin:0 0 2.25rem}.post-content{font-size:1rem;line-height:1.75;color:var(--color-ink)}.post-content>*+*{margin-top:1.1rem}.post-content h2,.post-content h3,.post-content h4{font-weight:700;letter-spacing:-.02em;margin-top:2.25rem;margin-bottom:.5rem;scroll-margin-top:calc(var(--menubar-h) + var(--titlebar-h) + 15px)}.post-content h2{font-size:1.5rem;line-height:1.2;padding-bottom:.4rem;border-bottom:1px solid var(--color-border-faint)}.post-content h3{font-size:1.2rem;line-height:1.25}.post-content h4{font-size:1.05rem;line-height:1.3}.post-content p{color:var(--color-ink-soft)}.post-content strong{color:var(--color-ink);font-weight:700}.post-content a{color:var(--color-ink);background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding-bottom:1px;transition:background-size .18s ease}.post-content a:hover,.post-content a:focus-visible{background-size:100% 36%}.post-content a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.post-content ul,.post-content ol{padding-left:1.4rem;color:var(--color-ink-soft)}.post-content li{margin-top:.35rem}.post-content blockquote{border-left:4px solid var(--color-accent);padding:.5rem 0 .5rem 1rem;margin:1.5rem 0;font-style:italic;color:var(--color-ink-soft);background:var(--color-bg-alt)}.post-content blockquote p{color:var(--color-ink)}.post-content code{font-family:var(--font-mono);font-size:.88em;padding:.12rem .35rem;background:var(--color-bg-alt);border:1px solid var(--color-border-faint)}.post-content pre{background:var(--color-terminal-bg);color:var(--color-terminal-fg);padding:1rem 1.1rem;border:var(--border-w) solid var(--color-ink);border-radius:0;overflow-x:auto;font-size:.85rem;line-height:1.55}.post-content pre code{background:transparent;border:0;padding:0;color:inherit;font-size:inherit}.post-content hr{border:none;border-top:1px solid var(--color-border-faint);margin:2.25rem 0}.post-content img{border:var(--border-w) solid var(--color-ink);margin:1.5rem 0}.post-follow{margin-top:3.25rem;border:var(--border-w) solid var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-hard-sm)}.post-follow-chrome{display:block;font:700 10px/1 var(--font-pixel);text-transform:lowercase;color:var(--color-ink);background:var(--tint-writing);padding:6px 10px;border-bottom:var(--border-w) solid var(--color-ink)}.post-follow-inner{display:grid;gap:.6rem;padding:1.1rem 1.15rem 1.3rem}.post-follow-header{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem}.post-follow-prompt{color:var(--color-accent);font-weight:800}.post-follow-cmd{font-weight:700;color:var(--color-ink-soft)}.post-follow-title{font-size:clamp(1.1rem,2.25vw,1.35rem);font-weight:800;line-height:1.15;margin:0;color:var(--color-ink);text-wrap:balance}.post-follow-handle{color:var(--color-accent)}.post-follow-desc{margin:0;font-size:.9rem;line-height:1.55;color:var(--color-ink-soft);max-width:52ch}.post-follow-cta{justify-self:start;display:inline-flex;align-items:center;gap:.5rem;margin-top:.35rem;text-decoration:none}.post-follow-cta-arrow{font-weight:800;line-height:1}.related-posts{margin-top:3.25rem}.related-posts-header{display:flex;align-items:baseline;gap:.5rem;font-size:.85rem;margin-bottom:.5rem}.related-posts-prompt{color:var(--color-accent);font-weight:800}.related-posts-cmd{font-weight:700;color:var(--color-ink-soft)}.related-posts-title{font-size:clamp(1rem,2vw,1.2rem);font-weight:800;margin:0 0 .85rem;color:var(--color-ink)}.related-posts-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border-faint)}.related-posts-item{margin:0;border-bottom:1px solid var(--color-border-faint)}.related-posts-link{display:grid;gap:.3rem;padding:.9rem .6rem;color:var(--color-ink);text-decoration:none;transition:background var(--t-fast)}.related-posts-link:hover,.related-posts-link:focus-visible{background:var(--tint-writing);outline:none}.related-posts-link:focus-visible{box-shadow:inset 3px 0 0 var(--color-accent)}.related-posts-link-title{font-weight:800;font-size:.98rem;text-wrap:balance}.related-posts-link-desc{font-size:.88rem;color:var(--color-ink-soft);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-posts-link-tags{display:inline-flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem;color:var(--color-ink-muted)}.related-posts-link-tag{font-weight:700}.post-window .win-statusbar{padding:10px;row-gap:10px}.post-statusbar-info{font-variant-numeric:tabular-nums}.post-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-left:auto}.post-nav .post-nav-link{max-width:100%;text-decoration:none}@media(max-width:640px){.post-window .win-statusbar{flex-direction:column;align-items:stretch}.post-nav{margin-left:0;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.blog-list-link,.blog-list-arrow,.tag-folder,.related-posts-link{transition:none}.blog-list-link:hover .blog-list-arrow{transform:none}.post-content a{transition:none}}