.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{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-6)}.writing-item:last-child{border-bottom:none;padding-bottom:0}.writing-item__link{display:inline-block;margin-bottom:var(--space-2)}.writing-item__link--inactive{display:inline-block;margin-bottom:var(--space-2);text-decoration:none;cursor:not-allowed}.writing-item__link:hover .writing-item__title,.writing-item__link:focus-visible .writing-item__title{color:var(--color-accent)}.writing-item__link--inactive .writing-item__title{color:var(--color-fg-muted)}.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--upcoming .writing-item__summary{color:var(--color-fg-subtle, var(--color-fg-muted))}.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--upcoming .writing-item__date{color:var(--color-fg-subtle, 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--upcoming .writing-item__badge,.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)}}