.writing{padding:var(--space-12) var(--space-4)}.writing__heading{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-6)}.writing__empty{color:var(--color-fg-muted);font-style:italic}.writing__list{display:flex;flex-direction:column;gap:var(--space-6)}.writing-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.writing-item{display:block;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-6);text-decoration:none;color:inherit;cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-lg);padding:var(--space-4);margin:calc(-1 * var(--space-4));margin-bottom:0}.writing-item:last-child{border-bottom:none}.writing-item:hover{background:#ffffff0a}.writing-item:hover .writing-item__title{color:var(--color-accent)}.writing-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.writing-item__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-fg);transition:color var(--transition-fast)}.writing-item__summary{font-size:var(--font-size-base);color:var(--color-fg-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.writing-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm)}.writing-item__tags{display:flex;gap:var(--space-2)}.tag{padding:var(--space-1) var(--space-2);background:var(--color-bg-alt);border-radius:.25rem;color:var(--color-fg-muted);font-size:var(--font-size-xs)}.writing-item__date{color:var(--color-fg-muted)}.writing-item__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:#ffffff14;border-radius:999px;color:var(--color-fg);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;white-space:nowrap}.writing-item__badge--latest{background:#ffffff0a}@media (max-width: 640px){.writing__heading{font-size:var(--font-size-xl)}.writing-item__title{font-size:var(--font-size-lg)}}