/******** log.css — 개발/운영 로그 타임라인 ********/
.log-container{max-width:900px;margin:50px auto;padding:20px;background:#fff;position:relative;border:1px solid #ddd;border-radius:8px;box-shadow:var(--shadow-1)}
.log-container::before{content:"";position:absolute;top:0;left:30px;width:3px;height:100%;background:#e4e4e4}
.log-header h1{font-size:2.2rem;font-weight:700;margin:0 0 8px;text-align:center}
.log-subtitle{font-size:1rem;color:#666;text-align:center;margin-bottom:30px}
.log-list{display:flex;flex-direction:column;gap:20px}

.log-item{position:relative;padding:20px 20px 20px 60px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s}
.log-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.log-item::before{content:"";position:absolute;left:21px;top:24px;width:16px;height:16px;background:#007acc;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #e4e4e4}
.log-title{font-size:1.15rem;font-weight:600;margin:0 0 8px;color:#000}
.log-title-link:hover .log-title{color:#007acc}
.log-meta{font-size:.9rem;color:#999;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.log-category{background:#eef6ff;color:#007acc;font-weight:600;padding:2px 8px;border-radius:12px;font-size:.75rem}
.log-desc{font-size:.95rem;color:#444;line-height:1.55}

/* 반응형 */
@media (max-width:600px){
  .log-container::before{left:18px}
  .log-item{padding:16px 14px 16px 48px}
  .log-item::before{left:12px;top:20px}
}

/* 다크 */
@media (prefers-color-scheme:dark){
  .log-container,.log-item{background:#1b1c20;border-color:#2a2a2e}
  .log-container::before{background:#2a2a2e}
  .log-title{color:#e8e8e8}
  .log-desc{color:#d8d8d8}
}