.sky-ti {
  --sky-ti-border: rgba(81, 101, 126, .14);
  --sky-ti-text: #334155;
  --sky-ti-sub: #7b8798;
  max-width: 760px;
  margin: 0 auto;
  padding: 24px;
  border: 1px solid var(--sky-ti-border);
  border-radius: 20px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 14px 40px rgba(44, 62, 80, .08);
  color: var(--sky-ti-text);
  box-sizing: border-box;
}
.sky-ti * { box-sizing: border-box; }
.sky-ti-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.sky-ti-eyebrow { display:block; margin-bottom:3px; font-size:10px; letter-spacing:.18em; color:#9aa6b6; font-weight:700; }
.sky-ti-title { margin:0; font-size:24px; line-height:1.3; color:#243244; }
.sky-ti-update { flex:none; padding:6px 10px; border-radius:999px; background:#f5f7fa; color:#7c8998; font-size:12px; }
.sky-ti-places { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sky-ti-place-card { display:flex; align-items:center; gap:13px; min-height:92px; padding:16px; border:1px solid var(--sky-ti-border); border-radius:16px; background:#fbfcfd; }
.sky-ti-icon,.sky-ti-event-icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:14px; background:#f2f5f8; overflow:hidden; }
.sky-ti-event-icon { flex-basis:42px; width:42px; height:42px; border-radius:12px; }
.sky-ti-icon-img { width:100%; height:100%; object-fit:cover; }
.sky-ti-icon-fallback { font-size:20px; color:#8c99a8; }
.sky-ti-copy { min-width:0; }
.sky-ti-label { display:block; font-size:12px; color:var(--sky-ti-sub); }
.sky-ti-area { display:block; margin-top:5px; font-size:20px; line-height:1.25; color:#2f4055; }
.sky-ti-events { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; padding-top:12px; border-top:1px dashed rgba(81,101,126,.16); }
.sky-ti-event { display:flex; align-items:center; gap:12px; padding:13px 14px; border-radius:14px; background:#f8fafc; }
.sky-ti-event-main { flex:1; min-width:0; }
.sky-ti-event-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.sky-ti-time { font-size:12px; color:#8b97a5; }
.sky-ti-countdown { display:block; margin-top:4px; font-size:18px; font-variant-numeric:tabular-nums; letter-spacing:.03em; color:#394b61; }
@media (max-width: 640px) {
  .sky-ti { padding:18px; border-radius:16px; }
  .sky-ti-places,.sky-ti-events { grid-template-columns:1fr; }
  .sky-ti-title { font-size:21px; }
  .sky-ti-place-card { min-height:82px; }
}