.syslog-page{background:var(--bg-primary);min-height:100vh;padding-top:120px;padding-bottom:140px}.syslog-hero{text-align:center;margin-bottom:80px}.syslog-hero h1{color:var(--text-primary);letter-spacing:-.04em;margin-top:12px;margin-bottom:16px;font-size:3.2rem;font-weight:700}.syslog-hero p{color:var(--text-secondary);max-width:520px;margin:0 auto;font-size:1.1rem;line-height:1.6}.syslog-legend{justify-content:center;gap:28px;margin-top:32px;display:flex}.legend-item{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.syslog-timeline{max-width:740px;margin:0 auto;position:relative}.spine-progress{background:var(--accent);transform-origin:top;opacity:.4;z-index:1;pointer-events:none;width:2px;height:100%;position:absolute;top:0;left:9px}.syslog-entry{gap:28px;display:flex;position:relative}.entry-spine{flex-direction:column;flex-shrink:0;align-items:center;width:20px;padding-top:6px;display:flex;position:relative}.spine-dot{z-index:2;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:transform .2s}.syslog-entry:hover .spine-dot{transform:scale(1.4)}.spine-line{background:var(--border-color);flex:1;width:1px;margin-top:8px}.entry-content{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;border-radius:12px;flex:1;margin-bottom:24px;padding:20px 24px;transition:all .25s cubic-bezier(.16,1,.3,1)}.entry-content:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.entry-content.expanded{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.entry-meta{align-items:center;gap:12px;margin-bottom:8px;display:flex}.entry-meta time{font-family:var(--font-headline);color:var(--text-muted);letter-spacing:.02em;font-size:.78rem}.entry-type-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;padding:3px 10px;font-size:.68rem;font-weight:700}.entry-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.entry-title-row h3{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.entry-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1),color .2s}.entry-chevron.rotated{color:var(--text-secondary);transform:rotate(90deg)}.entry-content:hover .entry-chevron{color:var(--text-secondary)}.entry-summary{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.entry-details{overflow:hidden}.details-grid{border-top:1px solid var(--border-color);grid-template-columns:1fr;gap:16px;margin-top:16px;padding-top:20px;display:grid}.detail-block{padding:0}.detail-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.detail-block p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.6}@media (max-width:768px){.syslog-hero h1{font-size:2.25rem}.syslog-legend{flex-wrap:wrap;gap:16px}.entry-content{padding:16px 18px}.entry-spine{width:16px}.syslog-entry{gap:18px}.spine-progress{left:7px}}