/* Timestamp: 2026-11-09 | Version: 1.0.1 | Author & Credits: https://www.alawise.es/1-s */
.page-hero.time-hero { min-height:0; padding-block:34px 28px; margin-bottom:22px; }
.time-hero h1 { margin-block:16px; font-size:clamp(48px,6vw,72px); }
.time-hero p { margin-bottom:0; }
.time-workspace { margin:0 5% 60px; min-width:0; }
.time-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:22px; }
.time-tabs { display:flex; flex-wrap:wrap; gap:10px; }
.time-tabs [role="tab"] { display:grid; gap:7px; text-align:left; padding:16px 22px; border:1px solid var(--line,#29263c); background:#0e0d1b; color:var(--muted,#a19db4); }
.time-tabs [role="tab"] span { font:15px/1.4 Arial,sans-serif; }
.time-tabs [role="tab"] small { font:10px/1.6 monospace; color:inherit; }
.time-tabs [aria-selected="true"] { color:#f0e9fc; background:#302755; border-color:#9a86ca; box-shadow:inset 0 -2px #b3a5ff; }
.time-tabs [role="tab"]:hover { border-color:#b3a5ff; }
.time-current { margin:20px 0 12px; color:var(--muted,#a19db4); font:11px/1.6 monospace; }
.time-frame { display:block; width:100%; min-height:760px; height:85vh; border:1px solid var(--line,#29263c); background:#070b12; }
@media(max-width:620px) {
  .time-workspace { margin-inline:3%; }
  .time-tabs { width:100%; flex-wrap:nowrap; gap:8px; }
  .time-tabs [role="tab"] { flex:1; min-width:0; padding:14px 12px; }
  .time-tabs [role="tab"] span { font-size:13px; }
  .time-tabs [role="tab"] small { font-size:9px; }
  .time-frame { min-height:820px; }
}