/* ── changelog.php ── */
/* FOOTER */
.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:40px 24px 28px}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:20px;border-top:1px solid var(--border)}
.footer-bottom p{font-size:.58em;color:var(--muted);letter-spacing:1px}
.footer-seal{width:22px;height:22px;opacity:.4}
/* PAGE */
.page-wrap{max-width:860px;margin:0 auto;padding:0 24px 80px}
/* FILTER BAR */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;align-items:center}
.filter-btn{font-family:'Rajdhani',sans-serif;font-size:.62em;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:0;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .2s}
.filter-btn:hover{color:var(--text);border-color:var(--border-hi)}
.filter-btn.active{color:var(--teal);border-color:rgba(61,184,138,.4);background:rgba(61,184,138,.07)}
.filter-label{font-size:.6em;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-right:4px}
/* ENTRIES */
.entries{display:flex;flex-direction:column;gap:16px}
.entry{background:var(--card);border:1px solid var(--border);border-radius:0;padding:22px 26px;position:relative;overflow:hidden;transition:border-color .2s, box-shadow .2s, transform .2s}
.entry:hover{border-color:var(--border-hi);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;transform:translateY(-1px)}
.entry.pinned{border-color:var(--border-purple)}
.entry.pinned::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--purple-mid),var(--purple))}
.entry-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.entry-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cat-badge{display:inline-flex;align-items:center;gap:5px;font-family:'Rajdhani',sans-serif;font-size:.6em;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 9px;border-radius:0;border:1px solid;white-space:nowrap}
.pin-badge{font-size:.55em;letter-spacing:2px;color:var(--purple-hi);text-transform:uppercase;padding:3px 8px;border:1px solid var(--border-purple);border-radius:0;background:rgba(136,96,208,.08)}
.entry-date{font-size:.6em;color:var(--muted);letter-spacing:1px;white-space:nowrap}
.entry-title{font-family:'Rajdhani',sans-serif;font-size:1em;font-weight:700;letter-spacing:1.5px;color:var(--silver-hi);margin-bottom:8px}
.entry-body{font-size:.78em;color:var(--text-dim);line-height:1.85;white-space:pre-wrap}
.entry-author{margin-top:12px;font-size:.6em;color:var(--muted);letter-spacing:1px}
/* EMPTY STATE */
.empty-state{text-align:center;padding:60px 24px;color:var(--muted)}
.empty-state .icon{font-size:2em;margin-bottom:16px;opacity:.4}
.empty-state p{font-size:.78em;letter-spacing:1px}
/* FADE IN */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.page-header{animation:fadeUp .7s ease both}
.filter-bar{animation:fadeUp .7s ease .1s both}
.entries{animation:fadeUp .7s ease .2s both}