.writing-layout{display:grid;grid-template-columns:1fr 288px;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.writing-sidebar{position:-webkit-sticky;position:sticky;top:88px}.writing-sidebar-card{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.writing-source-badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--primary-deep)}.col-grid:has(.col-card--text){gap:0}.col-card--text{gap:16px;padding:var(--space-4) var(--space-3) var(--space-4) 0;border-bottom:1px solid var(--line);position:relative}.col-grid .col-card--text:nth-child(odd){padding-right:var(--space-4)}.col-grid .col-card--text:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--line)}.col-card--text .col-card-cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--primary-deep);text-transform:uppercase}.col-card--text .col-card-title{font-family:var(--font-serif-zh),var(--serif);font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.005em;color:var(--ink);margin:0;text-wrap:pretty}.col-card--text .excerpt{color:var(--ink-soft);font-size:15px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.col-card--text .col-card-foot{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:14px}.col-card--text .col-card-foot .meta{font-size:12px;color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.04em;display:inline-flex;gap:10px}.col-card--text .col-card-arrow{font-family:var(--serif);font-size:18px;color:var(--ink-mute);transition:transform .2s,color .2s}.col-card--text:hover .col-card-title{color:var(--primary-deep)}.col-card--text:hover .col-card-arrow{transform:translateX(4px);color:var(--primary-deep)}.filter-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-5);max-width:100%}.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-family:var(--sans);font-size:14px;font-weight:400;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--ink);color:var(--ink)}.filter-chip-label{letter-spacing:.005em}.filter-chip-count{font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--ink-mute);padding:2px 6px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);line-height:1}.filter-chip.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-chip.is-active .filter-chip-count{background:oklch(from var(--paper) l c h/.16);color:var(--paper);border-color:transparent}.filter-chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:880px){.col-grid .col-card--text:nth-child(2n){padding-left:0;border-left:0}.col-grid .col-card--text:nth-child(odd){padding-right:0}}@media (max-width:768px){.writing-layout{grid-template-columns:1fr}.writing-sidebar{position:static;order:-1}}