:root{--blog-bg: #fff;--blog-text-primary: #111;--blog-text-muted: #555;--blog-border: rgba(0, 0, 0, .1);--blog-hover-bg: #E8F836;--blog-hover-text: #111}[data-theme=dark]{--blog-bg: #0A1628;--blog-text-primary: #FFFFFF;--blog-text-muted: #8899AA;--blog-border: #1B3A4B;--blog-hover-bg: #E8F836;--blog-hover-text: #111}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--blog-bg: #0A1628;--blog-text-primary: #FFFFFF;--blog-text-muted: #8899AA;--blog-border: #1B3A4B;--blog-hover-bg: #E8F836;--blog-hover-text: #111}}.blog-container{display:grid;grid-template-columns:minmax(320px,25%) 1fr;gap:0;max-width:100%;margin:0 auto;align-items:start}.blog-sidebar{position:sticky;top:100px;padding-right:48px;height:max-content;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.blog-sidebar::-webkit-scrollbar{display:none}.blog-hero{font-size:110px;line-height:1;font-weight:500;letter-spacing:-3px;margin:0 0 60px;color:var(--blog-text-primary);display:flex;align-items:flex-start}.blog-hero-count{font-size:18px;font-weight:500;margin-top:15px;margin-left:4px;line-height:1}.blog-filter__label{font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.1em;color:var(--blog-text-primary);padding-bottom:12px;border-bottom:1px solid var(--blog-border);margin-bottom:12px}.blog-filter__label:before{content:"/ "}.blog-filter__topic-toggle{background:none;border:none;padding:8px 0;width:100%;text-align:left;cursor:pointer;color:var(--blog-text-primary)}.blog-filter__topic-toggle-inner{display:flex;align-items:center;gap:8px}.blog-filter__chevron{display:inline-flex;transition:transform .2s ease}.blog-filter__chevron.expanded{transform:rotate(90deg)}.blog-filter__topic-icon{width:16px;height:16px}.blog-filter__topic-label{font-size:14px}.blog-filter__checkbox-list{display:none;flex-direction:column;padding-left:20px;margin-top:4px}.blog-filter__checkbox-list.expanded{display:flex}.blog-filter__checkbox-item{display:flex;align-items:center;gap:8px;background:none;border:none;padding:4px 6px;margin-bottom:4px;width:calc(100% + 12px);margin-left:-6px;border-radius:4px;cursor:pointer;color:var(--blog-text-muted);font-size:13px;transition:background-color .15s,color .15s}.blog-filter__checkbox-item:hover{background-color:var(--blog-border);color:var(--blog-text-primary)}.blog-filter__checkbox-item.active{color:var(--blog-text-primary)}.blog-filter__checkbox{width:14px;height:14px;border:1px solid var(--blog-border);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-filter__checkbox.checked{background-color:var(--blog-text-primary);border-color:var(--blog-text-primary);color:var(--blog-bg)}.blog-filter__checkbox-count{margin-left:auto;opacity:.7}.blog-main{padding-top:8px}.blog-list{display:flex;flex-direction:column}.blog-post-row{display:flex;align-items:baseline;text-decoration:none;padding:18px 20px;border-top:1px solid var(--blog-border);color:var(--blog-text-primary);transition:background-color 0s ease}.blog-list .blog-post-row:last-child{border-bottom:1px solid var(--blog-border)}.blog-post-date-wrapper{display:flex;align-items:center;width:130px;flex-shrink:0;gap:12px;font-family:var(--font-mono, monospace);font-size:13px}.blog-post-bullet{font-size:8px;transform:translateY(-1px)}.blog-post-main{flex:1;min-width:0}.blog-post-title-wrapper{display:inline-flex;align-items:center}.blog-post-title{font-size:20px;font-weight:500;line-height:1.3;margin:0}.blog-filter__arrow-icon{width:20px;height:20px;margin-left:6px;opacity:0;transform:translate(-4px,4px);transition:opacity 0s,transform .2s ease}.blog-post-action{width:20px;flex-shrink:0;text-align:right;display:flex;align-items:center;justify-content:flex-end}.blog-post-plus{font-size:16px;font-family:monospace}.blog-post-row:hover{background-color:var(--blog-hover-bg);color:var(--blog-hover-text)}.blog-post-row:hover .blog-filter__arrow-icon{opacity:1;transform:translate(0)}@media(max-width:900px){.blog-container{grid-template-columns:1fr}.blog-sidebar{position:relative;top:0;max-height:none;padding-right:0;margin-bottom:30px}.blog-hero{font-size:80px;margin-bottom:30px}.blog-post-row{flex-direction:column;padding:16px 0;position:relative}.blog-post-date-wrapper{margin-bottom:8px}.blog-post-action{display:none}}