/* ============ TICKER TIMELINE PAGE ============ */
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}

.tk-banner{border-radius:var(--radius);background:linear-gradient(105deg,var(--brand-deep) 0%,#6e0a0a 55%,var(--red) 125%);color:#fff;padding:24px 30px;position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.tk-banner::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 16px);pointer-events:none}
.tk-banner>*{position:relative}
.tk-live{display:inline-flex;align-items:center;gap:9px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:8px 16px;font-family:var(--font-head);font-weight:800;font-size:13px}
.tk-live i{width:9px;height:9px;border-radius:50%;background:#fff;animation:tkblink 1.2s infinite}
@keyframes tkblink{0%,100%{opacity:1}50%{opacity:.25}}
.tk-banner h1{font-size:28px;font-weight:800;color:#fff;line-height:1.35}
.tk-banner p{font-size:12.5px;color:#ffd6d6;line-height:1.8;flex-basis:100%;max-width:640px}
.tk-upd{margin-inline-start:auto;font-size:11.5px;color:#ffb3b3;font-variant-numeric:tabular-nums}

.timeline{position:relative;padding-inline-start:30px}
.timeline::before{content:"";position:absolute;top:8px;bottom:8px;inset-inline-start:9px;width:2px;background:var(--line-strong)}
.tl-day{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--brand-deep);color:#fff;border-radius:4px;padding:7px 18px;font-family:var(--font-head);font-weight:800;font-size:12.5px;margin:24px 0 16px;margin-inline-start:-30px;font-variant-numeric:tabular-nums}
.timeline>.tl-day:first-child{margin-top:0}
.tl-day .icon{width:13px;height:13px;color:#ffb3b3}
.tl-item{position:relative;margin-bottom:13px}
.tl-item::before{content:"";position:absolute;inset-inline-start:-27px;top:15px;width:11px;height:11px;border-radius:50%;background:var(--surface);border:3px solid var(--red);box-sizing:border-box}
.tl-item.hot::before{animation:tkpulse 1.6s infinite}
@keyframes tkpulse{0%{box-shadow:0 0 0 0 rgba(204,0,0,.45)}70%{box-shadow:0 0 0 9px rgba(204,0,0,0)}100%{box-shadow:0 0 0 0 rgba(204,0,0,0)}}
.tl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 17px;transition:.18s;cursor:pointer}
.tl-card:hover{border-color:var(--red);box-shadow:var(--shadow)}
.tl-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tl-time{color:var(--red);font-family:var(--font-head);font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}
.tl-cat{font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:2px 9px}
.tl-card h3{font-size:14.5px;font-weight:800;line-height:1.7;margin-top:7px}
.tl-card:hover h3{color:var(--red)}
.tl-card .excerpt{font-size:12.5px;color:var(--muted);line-height:1.8;margin-top:5px}
.tl-foot{display:flex;align-items:center;gap:12px;margin-top:9px}
.tl-foot a{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--muted);transition:.15s}
.tl-foot a:hover{color:var(--red)}
.tl-foot .icon{width:13px;height:13px}
.tl-more{display:flex;justify-content:center;margin-top:20px}
.tl-more a{height:44px;display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:4px;padding:0 34px;font-family:var(--font-head);font-weight:800;font-size:13.5px;color:var(--ink);transition:.2s}
.tl-more a:hover{border-color:var(--red);color:var(--red);background:var(--red-soft)}

@media (max-width:1080px){ .article-grid{grid-template-columns:1fr} }
@media (max-width:720px){
  .tk-banner{padding:20px 18px}
  .tk-banner h1{font-size:21px}
  .tk-upd{margin-inline-start:0}
  .timeline{padding-inline-start:24px}
  .tl-day{margin-inline-start:-24px}
  .tl-item::before{inset-inline-start:-21px}
}