.writing-page{}.writing-page h1{margin-bottom:var(--space-s)}.writing-filters{display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin-bottom:var(--space-l);padding-bottom:var(--space-s);border-bottom:2px solid var(--color-ink)}.writing-filters button{font-family:var(--font-body);font-size:var(--step--1);padding:var(--space-3xs)var(--space-xs);border:1px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.03em;font-weight:500}.writing-filters button:hover{background:var(--color-ink);color:var(--color-paper)}.writing-filters button.active{background:var(--color-ink);color:var(--color-paper)}.writing-year{font-family:var(--font-display);font-size:var(--step-3);color:var(--color-ink);margin:var(--space-l)0 var(--space-xs);padding-bottom:var(--space-3xs);border-bottom:2px solid var(--color-ink)}.writing-list{list-style:none;padding:0;margin:0}.writing-item{display:flex;align-items:baseline;gap:var(--space-s);padding:var(--space-2xs)0;border-bottom:1px solid var(--color-border-light)}.writing-item a{flex:1;display:flex;align-items:baseline;gap:var(--space-xs);text-decoration:none;color:inherit}.writing-item a:hover{text-decoration:none}.writing-item a:hover .writing-title{color:var(--color-accent)}.writing-item .writing-title{color:var(--color-ink);font-size:var(--step-0);transition:color .15s ease}.writing-item .writing-subtitle{color:var(--color-ink-faded);font-size:var(--step--1);font-style:italic}.writing-item .writing-date{font-size:var(--step--2);color:var(--color-ink-faded);white-space:nowrap;flex-shrink:0;font-family:var(--font-mono)}.writing-item.hidden{display:none}