.page.svelte-rqn88j{padding:4rem 3rem;max-width:1100px}.page-header.svelte-rqn88j{margin-bottom:4rem}.page-label.svelte-rqn88j{font-family:monospace;font-size:.7rem;color:var(--accent);letter-spacing:.2em;margin-bottom:1rem;opacity:.8}h1.svelte-rqn88j{font-family:var(--font-display);font-size:clamp(4rem,10vw,8rem);font-weight:900;line-height:.9;letter-spacing:-.02em;text-transform:uppercase}.accent.svelte-rqn88j{color:var(--accent)}.grid.svelte-rqn88j{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.card.svelte-rqn88j{background:var(--bg);display:flex;transition:background .15s;cursor:default}.card.svelte-rqn88j:hover{background:#0a0a0a}.card.svelte-rqn88j:hover .card-index:where(.svelte-rqn88j){color:var(--accent);border-right-color:var(--accent)}.card.svelte-rqn88j:hover h2:where(.svelte-rqn88j){color:var(--accent)}.card-index.svelte-rqn88j{font-family:monospace;font-size:.65rem;color:#2a2a2a;letter-spacing:.1em;writing-mode:vertical-rl;padding:1.25rem .75rem;border-right:1px solid var(--border);display:flex;align-items:center;transition:color .15s,border-color .15s;-webkit-user-select:none;user-select:none}.card-body.svelte-rqn88j{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.card-top.svelte-rqn88j{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}h2.svelte-rqn88j{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--text);letter-spacing:.05em;transition:color .15s}.card-links.svelte-rqn88j{display:flex;gap:.75rem;flex-shrink:0}.card-links.svelte-rqn88j a:where(.svelte-rqn88j){color:#333;text-decoration:none;font-size:.9rem;transition:color .15s}.card-links.svelte-rqn88j a:where(.svelte-rqn88j):hover{color:var(--accent)}p.svelte-rqn88j{color:#555;font-size:.9rem;line-height:1.6;flex:1}.tags.svelte-rqn88j{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.tags.svelte-rqn88j span:where(.svelte-rqn88j){font-family:monospace;font-size:.6rem;color:#444;border:1px solid #1c1c1c;padding:.2rem .5rem;letter-spacing:.1em;transition:border-color .15s,color .15s}.card.svelte-rqn88j:hover .tags:where(.svelte-rqn88j) span:where(.svelte-rqn88j){border-color:#2a2a2a;color:#666}@media(max-width:768px){.page.svelte-rqn88j{padding:3rem 1.5rem}.grid.svelte-rqn88j{grid-template-columns:1fr}}
