:root{--accent:#ff6b6b;--bg:#0b0f17;--text:#eef2ff;--muted:#a8b3d6;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% 0%,rgba(255,107,107,.20),transparent 60%),radial-gradient(900px 520px at 80% 0%,rgba(73,80,255,.16),transparent 60%),var(--bg);color:var(--text)}
.t17-top{padding:16px 12px;border-bottom:1px solid var(--line);backdrop-filter:blur(10px);background:rgba(0,0,0,.18)}
.t17-brand{font-weight:800;letter-spacing:.2px;color:var(--text)}
.t17-tagline{color:var(--muted);font-size:.9rem;margin-top:6px}
.t17-slot{margin-top:10px;padding:10px;border-radius:12px;border:1px dashed rgba(255,255,255,.20)}

.t17-mag{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;padding:14px;max-width:1240px;margin:0 auto}
.t17-article{border-top:3px solid rgba(255,107,107,.45)}
.t17-rail{position:sticky;top:12px;align-self:start}
.t17-card{border-left:3px solid rgba(255,107,107,.35)}
.t17-k{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.t17-v{font-weight:700;margin-top:6px}
.t17-desc{margin-top:8px;color:var(--muted)}
.t17-url{margin-top:10px;font-size:.85rem;word-break:break-all;color:var(--muted)}

.t17-foot{padding:18px 12px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}
.t17-foot__line{font-size:.9rem}

@media (max-width: 980px){
  .t17-mag{grid-template-columns:1fr}
  .t17-rail{position:static}
}