.list-page-header{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:1.75rem;padding-bottom:.875rem;display:flex}.list-page-header--tight{border-bottom:none;margin-bottom:0}.list-page-header .meta{font-family:var(--font-mono);color:var(--ink-500);text-align:left;font-size:.75rem}.list-page-header .meta .count{color:var(--red-fg)}.list-empty{font-family:var(--font-mono);color:var(--ink-500);padding:2rem 0;font-size:.8125rem}.tag-chip{gap:.5rem;text-decoration:none}:where(:root[data-theme=dark]) .tag-chip{color:var(--ink-700);background:var(--surface-1);border-color:var(--line)}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .tag-chip{color:var(--ink-700);background:var(--surface-1);border-color:var(--line)}}.tag-chip .count{font-family:var(--font-mono);font-size:var(--fs-mono-xs);background:var(--count-bg);color:var(--ink-500);border-radius:999px;padding:1px .375rem}.tag-chip:hover{color:var(--ink-900);border-color:var(--red);background:color-mix(in srgb, var(--red) 10%, var(--surface-2))}.tag-chip:not(.tag-chip--active):hover .count{color:var(--red-fg)}@media (hover:none){.tag-chip{min-height:2rem}}.tag-chip-row{border:0;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;margin:1.25rem 0 1.5rem;padding:0;display:flex}button.tag-chip{cursor:pointer;font:inherit;font-family:var(--font-mono);font-size:var(--fs-mono-xs)}.tag-chip--active{color:var(--ink-900);border-color:var(--red);background:var(--surface-1)}.tag-chip--active .count{color:var(--red-fg)}.tag-chip-clear{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:.5px;text-transform:uppercase;color:var(--red-fg);cursor:pointer;transition:color var(--dur-base) ease;background:0 0;border:none;padding:4px .5rem}.tag-chip-clear:hover{color:var(--red-fg-hover)}.projects-status-tabs{border-bottom:1px solid var(--line);display:flex;position:relative}.projects-status-tab{font-family:var(--font-mono);font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:1px;color:var(--ink-500);cursor:pointer;transition:color var(--dur-base) ease;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:.5rem .875rem;display:inline-flex}.projects-status-tab:hover{color:var(--ink-900);background:var(--surface-1)}.projects-status-tab--active{color:var(--ink-900)}.projects-status-tab .status-dot-label{color:inherit;letter-spacing:inherit;font-size:inherit}.projects-status-tab--draft{isolation:isolate;position:relative;overflow:hidden}.projects-status-tab--draft:before{content:"";background:repeating-linear-gradient(135deg, var(--ink-300) 0 1px, transparent 1px 7.0711px);pointer-events:none;z-index:-1;animation:2s linear infinite zebra-drift;position:absolute;inset:0 -10px}.projects-status-tabs-indicator{height:2px;width:var(--indicator-w,0);background:var(--red);transform:translateX(var(--indicator-x,0));pointer-events:none;transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;bottom:-1px;left:0}.projects-status-tabs-indicator[data-ready="0"]{opacity:0}.blog-card-stretch,.row-stretch{color:inherit;text-decoration:none}.blog-card-stretch:after,.row-stretch:after{content:"";z-index:1;position:absolute;inset:0}:is(.blog-card:has(.blog-card-stretch:focus-visible),.blog-archive-row:has(.row-stretch:focus-visible),.project-row:has(.row-stretch:focus-visible)){outline:2px solid var(--red);outline-offset:2px}.project-row--linked{position:relative}.project-row--linked .tags{z-index:2;position:relative}.project-tag-link{z-index:2;text-decoration:none;position:relative}.projects-status-tabs-wrap{position:relative}.projects-status-tabs-fade{pointer-events:none;opacity:0;z-index:5;width:48px;color:var(--ink-400);align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0}.projects-status-tabs-fade--left{background:linear-gradient(to right, var(--surface-0) 0%, var(--surface-0) 35%, transparent 100%);justify-content:flex-start;padding-left:4px;left:0}.projects-status-tabs-fade--right{background:linear-gradient(to left, var(--surface-0) 0%, var(--surface-0) 35%, transparent 100%);justify-content:flex-end;padding-right:4px;right:0}.projects-status-tabs-fade svg{opacity:.85;width:14px;height:14px;animation:1.6s ease-in-out infinite fade-bounce}.projects-status-tabs-fade--left svg{--fade-rot:90deg;transform:rotate(90deg)}.projects-status-tabs-fade--right svg{--fade-rot:-90deg;transform:rotate(-90deg)}.projects-status-tabs-wrap[data-scroll-left="1"] .projects-status-tabs-fade--left,.projects-status-tabs-wrap[data-scroll-right="1"] .projects-status-tabs-fade--right{opacity:1}@media (max-width:600px){.projects-status-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.projects-status-tabs::-webkit-scrollbar{display:none}.projects-status-tab{letter-spacing:.5px;flex-shrink:0;gap:.375rem;padding:.5rem}}
