.posts-page{max-width:1280px;margin-inline:auto;padding:4rem 0}.posts-page[data-url-pending] :is(.posts-toolbar,.posts-content,#posts-pagination){visibility:hidden}.posts-page[data-url-pending] *{transition:none!important}.posts-title{letter-spacing:-.025em;color:var(--color-dark);font-size:1.875rem;font-weight:800;line-height:2.25rem}.dark .posts-title{color:var(--color-gray-50)}.posts-subtitle{color:var(--color-description);margin-top:.5rem;font-size:1rem;line-height:1.5rem}.dark .posts-subtitle{color:var(--color-muted)}.posts-toolbar{flex-wrap:wrap;align-items:center;gap:2rem;margin-top:1.5rem;display:flex}.posts-search{background:var(--color-search-surface);border:1.5px solid var(--color-search-border);width:300px;box-shadow:inset 0 1px 4px var(--color-search-inset-shadow);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:11.5px 17.5px;transition:border-color .15s,box-shadow .15s;display:flex}.dark .posts-search{background:var(--color-search-surface-dark);border-color:var(--color-search-border-dark);box-shadow:inset 0 1px 4px var(--color-search-inset-shadow-dark)}.posts-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 8px 2px var(--color-search-glow)}.dark .posts-search:focus-within{border-color:var(--color-dark-text);box-shadow:0 0 8px 2px var(--color-search-glow-dark)}.posts-search-icon{color:var(--color-search-text);flex-shrink:0;transform:translateY(1px)}.dark .posts-search-icon{color:var(--color-search-text-dark)}.posts-search-input{color:var(--color-dark);background:0 0;border:none;outline:none;flex:1;font-size:14px;line-height:21px}.dark .posts-search-input{color:var(--color-dark-description)}.posts-search-input::placeholder{color:var(--color-search-text)}.dark .posts-search-input::placeholder{color:var(--color-search-text-dark)}.posts-search-kbd{letter-spacing:.12px;background:var(--color-search-border);color:var(--color-search-text);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:12px;line-height:18px;display:inline-flex}.dark .posts-search-kbd{background:var(--color-search-border-dark);color:var(--color-search-text-dark)}.posts-search-kbd-cmd{font-size:15px;transform:translateY(1px)}.posts-chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.posts-divider{background:var(--color-border);height:1px;margin-top:2rem}.dark .posts-divider{background:var(--color-border-dark)}.posts-content{align-items:flex-start;gap:3rem;margin-top:1.5rem;display:flex}.posts-sidebar{flex-direction:column;flex-shrink:0;gap:1.75rem;width:200px;display:flex}.sidebar-section{flex-direction:column;display:flex}.sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-dark);font-size:.75rem;font-weight:700}.dark .sidebar-label{color:var(--color-muted-dark)}.sidebar-list{flex-direction:column;gap:.125rem;margin-top:.75rem;padding:0;list-style:none;display:flex}.sidebar-item{cursor:pointer;text-align:left;width:100%;color:var(--color-description);background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:.4375rem .625rem;font-size:.875rem;font-weight:500;transition:background-color .12s,color .12s;display:flex}.dark .sidebar-item{color:var(--color-muted)}.sidebar-item:hover:not(.sidebar-item-static){background:var(--color-hover-overlay-light)}.dark .sidebar-item:hover:not(.sidebar-item-static){background:var(--color-hover-overlay-dark)}.sidebar-item-active{font-weight:700;background:var(--color-primary-surface)!important;color:var(--color-primary)!important}.dark .sidebar-item-active{background:var(--color-primary-surface-dark)!important;color:var(--color-dark-text)!important}.sidebar-item-static{cursor:default}.sidebar-count{color:var(--color-muted-alpha);font-size:12.5px;font-weight:400}.dark .sidebar-count{color:var(--color-muted-dark)}#post-list{flex:1;min-width:0;margin-top:2rem}.post-row{border-top:1px solid var(--color-border);cursor:pointer;border-radius:.375rem;grid-template-columns:112px 140px 1fr;align-items:center;padding:1.125rem .75rem;text-decoration:none;transition:background-color .12s;display:grid}.dark .post-row{border-top-color:var(--color-border-dark)}.post-row:hover{background:var(--color-hover-overlay-light)}.dark .post-row:hover{background:var(--color-hover-overlay-dark)}.post-date{white-space:nowrap;color:var(--color-muted-alpha);font-size:13.5px}.dark .post-date{color:var(--color-muted-dark)}.post-tag{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);font-size:.75rem;font-weight:700;overflow:hidden}.dark .post-tag{color:var(--color-dark-text)}.post-title-text{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:var(--color-dark);font-size:16.5px;font-weight:600;overflow:hidden}.dark .post-title-text{color:var(--color-gray-200)}.posts-empty{text-align:center;color:var(--color-muted);padding:3rem 0;font-size:1rem}.dark .posts-empty{color:var(--color-muted-dark)}@media (width<=768px){.posts-page{padding-top:2rem;padding-bottom:3rem}.posts-content{flex-direction:column;gap:1.5rem}.posts-sidebar{flex-direction:row;gap:2rem;width:100%}.posts-search{width:100%}.post-row{grid-template-columns:1fr;gap:.25rem;padding:.875rem .5rem}.post-date{font-size:.75rem}.post-tag{order:-1}}