/* === Writing Page Header === */
.writing-header{padding-top:120px;padding-bottom:32px;border-bottom:1px solid #e0e0e0}
.writing-header h1{font-size:28px;font-weight:700;letter-spacing:-0.8px;color:#0a0a0a;margin-bottom:8px}
.writing-subtitle{font-size:14px;color:#555;line-height:1.7;max-width:480px}

/* === Search === */
.writing-search{padding:24px 0 0}
.search-input{width:100%;font-family:'IBM Plex Mono',monospace;font-size:12px;padding:10px 14px;border:1px solid #ddd;background:#fff;color:#0a0a0a;outline:none;transition:border-color 0.2s;letter-spacing:0.3px}
.search-input:focus{border-color:#888}
.search-input::placeholder{color:#bbb}

/* === Filter Bar === */
.writing-filters{display:flex;gap:6px;padding:20px 0 24px;flex-wrap:wrap;border-bottom:1px solid #e0e0e0}
.filter-btn{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#888;background:none;border:1px solid #ddd;padding:5px 12px;border-radius:2px;cursor:pointer;transition:all 0.2s;text-transform:uppercase;letter-spacing:0.5px}
.filter-btn:hover{border-color:#888;color:#555}
.filter-btn.active{background:#0a0a0a;color:#fafafa;border-color:#0a0a0a}

/* === Writing Items === */
.writing-list{padding-top:8px}

.writing-item{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all 0.15s}
.writing-item:first-child{padding-top:16px}
.writing-item:last-child{border-bottom:none}
.writing-item:hover .writing-title{color:#555}
.writing-item.hidden{display:none}
.writing-item.coming-soon{opacity:0.45;cursor:default}
.writing-item.coming-soon:hover .writing-title{color:#0a0a0a}

.writing-item-content{flex:1;min-width:0}

.writing-top{display:flex;align-items:center;gap:10px;margin-bottom:7px;flex-wrap:wrap}
.writing-category{font-family:'IBM Plex Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.8px;padding:2px 8px;border-radius:2px}
.cat-published{color:#fafafa;background:#0a0a0a}
.cat-coming-soon{color:#888;background:#f0f0f0}
.cat-ai{color:#444;background:#e8e4f0}
.writing-date{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#bbb}
.writing-lang{font-family:'IBM Plex Mono',monospace;font-size:10px;color:#888;background:#f0f0f0;padding:2px 8px;border-radius:2px;letter-spacing:0.5px}
.writing-title{font-weight:700;font-size:16px;color:#0a0a0a;margin-bottom:5px;letter-spacing:-0.2px;line-height:1.35;transition:color 0.2s}
.writing-desc{font-size:13px;color:#555;line-height:1.7}
.writing-meta{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#aaa;margin-top:6px}

/* === Slide Thumbnail Size (writing page) === */
.writing-list .thumb-viewer{width:240px}

/* === No Results === */
.no-results{padding:48px 0;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12px;color:#888}
.no-results.hidden{display:none}

/* === Mobile === */
@media(max-width:600px){
  .writing-item{flex-direction:column;gap:16px}
  .thumb-viewer{width:100%;max-width:320px}
  .writing-header h1{font-size:24px}
}