/* v0.6.7 Notion project microscope: four switchable five-item views without changing the locked composition */
.project-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.project-filters{display:flex;align-items:center;gap:15px;margin-bottom:15px;border-bottom:1px solid var(--hair)}
.project-filter{border:0;border-bottom:2px solid transparent;background:transparent;padding:0 1px 7px;color:var(--muted);font-size:12px;font-weight:850;cursor:pointer}
.project-filter:hover,.project-filter:focus-visible{color:var(--blue);outline:none}
.project-filter.is-active{color:var(--blue);border-bottom-color:var(--red)}
.project-filter:disabled{opacity:.42;cursor:wait}
.project-card{position:relative;min-height:72px;cursor:pointer}
.project-card .project-meta{margin-top:4px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.035em}
.project-card .project-summary{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.4}
.project-card:hover,.project-card:focus-visible{background:rgba(255,255,255,.26);outline:none}
.project-tooltip{position:absolute;right:0;bottom:calc(100% - 2px);z-index:14;display:grid;gap:4px;width:min(320px,92%);padding:11px 13px;border:1px solid var(--hair);background:rgba(248,249,252,.98);box-shadow:0 12px 32px rgba(16,36,58,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;pointer-events:none}
.project-tooltip small{color:var(--ink);font-size:12px;line-height:1.45}
.project-card:hover .project-tooltip,.project-card:focus-visible .project-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.project-card.is-placeholder{cursor:default;opacity:.52}
.project-card.is-placeholder:hover{background:transparent}
.project-card.is-loading{animation:project-pulse 1.15s ease-in-out infinite alternate}
@keyframes project-pulse{from{opacity:.34}to{opacity:.62}}
@media(max-width:1450px){.project-head{align-items:flex-start;flex-direction:column;gap:0}.project-filters{margin-top:-7px;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.project-card.is-loading{animation:none}}