.writing-feed{--local:var(--accent);--external:var(--external-ink);margin-bottom:3.5rem}.writing-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.4rem;display:flex}.writing-heading h1,.writing-heading h2{margin:0}.writing-filters{grid-template-columns:1fr auto 1fr;gap:1.25rem;margin-bottom:.5rem;display:grid}.writing-filters button{font:inherit;min-height:48px;color:var(--muted);border:0;border-bottom:2px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.6rem 0;font-size:.8rem;display:flex}.writing-filters [data-filter=local]{color:var(--local);border-color:var(--local)}.writing-filters [data-filter=external]{color:var(--external);border-color:var(--external);justify-content:flex-end}.writing-filters [aria-pressed=true]{border-bottom-width:4px;font-weight:650}.writing-filters button:hover{background:var(--panel)}.writing-filters [data-filter=all]{justify-content:center;min-width:48px}.writing-filters [data-filter=all][aria-pressed=true]{color:var(--ink);border-color:var(--muted)}.filter-count{font-family:var(--mono);color:var(--muted);font-size:.7rem}.writing-list{margin:0;padding:0;list-style:none;position:relative}.writing-list:before,.writing-list:after{content:"";background:var(--local);opacity:.35;pointer-events:none;width:1px;position:absolute;inset-block:0}.writing-list:before{left:5px}.writing-list:after{background:var(--external);right:5px}.writing-entry{--entry-color:var(--local);opacity:1;grid-template-rows:1fr;transition:grid-template-rows .24s,opacity .18s;display:grid}.writing-entry[data-kind=external]{--entry-color:var(--external)}.writing-entry.is-collapsed{opacity:0;grid-template-rows:0fr}.writing-entry-clip{min-height:0;padding-inline:5px;overflow:hidden}.writing-entry-content{border-bottom:1px solid var(--line);margin-inline:2rem;padding:1.8rem 0 2rem;position:relative}.writing-entry:last-child .writing-entry-content{border-bottom:0}.writing-dot{background:var(--entry-color);border-radius:50%;width:9px;height:9px;position:absolute;top:4.15rem;left:-2rem;transform:translate(-50%)}.writing-entry[data-kind=external] .writing-dot{left:auto;right:-2rem;transform:translate(50%)}.writing-meta{color:var(--muted);font:.7rem/1.6 var(--mono);flex-wrap:wrap;gap:.3rem .55rem;margin-bottom:.75rem;display:flex}.writing-kind{color:var(--entry-color);border:1px solid;border-radius:2rem;align-items:center;gap:.2rem;margin-bottom:.75rem;padding:.1rem .6rem;font-size:.7rem;line-height:1.5;display:inline-flex}.writing-entry :is(h2,h3){text-wrap:pretty;margin:0 0 .5em;font-size:1.25rem;line-height:1.35}.writing-entry :is(h2,h3) a{color:var(--ink);text-decoration:none}.writing-entry :is(h2,h3) a:hover{text-decoration:underline;text-decoration-color:var(--entry-color)}.writing-entry p{color:var(--muted);max-width:75ch;margin-bottom:1rem;font-size:.95rem}.writing-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;font-size:.82rem;display:flex}.writing-credit{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.3em;font-size:.68rem;display:inline-flex}.writing-entry .writing-context{margin-bottom:.75rem;font-size:.78rem;line-height:1.6}.writing-context a{color:var(--muted)}.writing-context span{display:block}.writing-actions a{color:var(--entry-color);align-items:center;gap:.35rem;display:inline-flex}.writing-actions .writing-original{color:var(--muted)}.writing-credit a{color:inherit}.writing-empty{border:1px solid var(--line);color:var(--muted);margin:1rem 0;padding:2rem;font-size:.9rem}.writing-preview-note{color:var(--muted);margin:1.2rem 0 0;font-size:.75rem}.writing-feed[data-filter=local] .writing-list:after,.writing-feed[data-filter=external] .writing-list:before{opacity:.08}@media (width<=600px){.writing-heading{margin-bottom:.8rem}.writing-filters{gap:.65rem}.writing-filters button{gap:.35rem;font-size:.75rem}.writing-entry-content{margin-left:1.25rem;margin-right:0;padding-block:1.4rem 1.6rem}.writing-list:before{background:var(--line);opacity:1}.writing-list:after{display:none}.writing-dot,.writing-entry[data-kind=external] .writing-dot{top:3.75rem;left:-1.25rem;right:auto;transform:translate(-50%)}.writing-entry :is(h2,h3){font-size:1.13rem}.writing-entry p{font-size:.9rem}.writing-actions a{align-items:center;min-height:44px;display:inline-flex}.writing-empty{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.writing-entry{transition:none}}@media print{.writing-filters,.writing-list:before,.writing-list:after,.writing-dot{display:none}.writing-entry{opacity:1;display:block}.writing-entry-content{break-inside:avoid;margin:0}}