.post-card{border:2px solid var(--color-ink);padding:var(--space-s);background:var(--color-paper);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:background .15s ease}.post-card:hover{background:var(--color-ink);color:var(--color-paper);text-decoration:none}.post-card:hover .card-title,.post-card:hover .card-subtitle,.post-card:hover .card-date,.post-card:hover .section-badge{color:var(--color-paper);border-color:var(--color-paper)}.post-card .card-meta{display:flex;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-2xs)}.post-card .card-title{font-family:var(--font-display);font-size:var(--step-0);font-weight:700;color:var(--color-ink);margin:0 0 var(--space-3xs);line-height:1.25}.post-card .card-subtitle{font-size:var(--step--1);color:var(--color-ink-faded);margin:0;line-height:1.4}.post-card .card-date{font-size:var(--step--2);color:var(--color-ink-faded);font-family:var(--font-mono)}.section-card{border:2px solid var(--color-ink);padding:var(--space-s);background:var(--color-paper);text-decoration:none;color:inherit;transition:background .15s ease}.section-card:hover{background:var(--color-ink);color:var(--color-paper);text-decoration:none}.section-card:hover .section-name,.section-card:hover .section-count,.section-card:hover .section-latest{color:var(--color-paper)}.section-card .section-name{font-family:var(--font-display);font-size:var(--step-1);font-weight:900;color:var(--color-ink);margin:0 0 var(--space-3xs);text-transform:uppercase}.section-card .section-count{font-size:var(--step--2);color:var(--color-ink-faded);margin:0 0 var(--space-2xs);font-family:var(--font-mono)}.section-card .section-latest{font-size:var(--step--1);color:var(--color-ink-light);margin:0;line-height:1.4}