.time-tick {
  stroke: #b9bdb6;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.time-label {
  font-size: 9px;
  letter-spacing: .02em;
}

.axis-label {
  fill: #171917;
}

.plot-tabs {
  display: flex;
  gap: 28px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
}

.plot-tabs button {
  padding: 20px 2px 17px;
  border-bottom: 3px solid transparent;
}

.plot-tabs button.active {
  color: var(--ink);
  border-bottom-color: var(--green);
}

.primary small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font: 9px DM Mono;
}

.tooltip small + small { margin-top:4px; }

.nav-tools,.language { display:flex; align-items:center; }
.nav-tools { gap:22px; }
.language { gap:2px; padding-right:18px; border-right:1px solid var(--line); }
.language button { padding:6px 5px; font-size:10px; }
.language button.active { color:var(--green); }
.language span { color:var(--muted); font:10px DM Mono; }
html[dir="rtl"] body { font-family:Manrope,Tahoma,sans-serif; }
html[dir="rtl"] .brand,html[dir="rtl"] .market-clock,html[dir="rtl"] .source { direction:ltr; }
html[dir="rtl"] .intro,html[dir="rtl"] h1 { text-align:right; }
html[dir="rtl"] .primary b { margin-left:0; margin-right:16px; }
html[dir="rtl"] .chart-hint { right:auto; left:18px; }
@media(max-width:760px){.nav-tools{gap:8px}.language{padding-right:8px}.brand>span:last-child{display:none}}

/* Compact editorial intro */
header {
  padding-top: 46px;
  padding-bottom: 38px;
}

h1 {
  font-size: clamp(34px, 4.2vw, 60px);
  line-height: .9;
  letter-spacing: -.05em;
  margin-top: 20px;
}

.intro {
  max-width: 330px;
  font-size: 13px;
  line-height: 1.65;
}

@media(max-width:760px) {
  header { padding-top: 36px; padding-bottom: 28px; }
  h1 { font-size: clamp(32px, 11vw, 46px); }
  .intro { margin-top: 22px; font-size: 12px; }
}

.theme-toggle { display:flex; align-items:center; gap:6px; padding:5px 0; color:var(--muted); }
.theme-toggle>i { position:relative; width:30px; height:16px; border:1px solid #aeb1aa; border-radius:10px; background:#e0e1db; transition:.25s; }
.theme-toggle>i:after { content:""; position:absolute; top:2px; left:2px; width:10px; height:10px; border-radius:50%; background:var(--ink); transition:.25s; }
.theme-toggle.active>i { background:#315d4e; border-color:#568270; }
.theme-toggle.active>i:after { transform:translateX(14px); background:var(--lime); }
.theme-toggle .sun,.theme-toggle .moon { font:15px/1 DM Mono; }

html[data-theme="dark"] { --ink:#eef0e9; --muted:#a5aaa1; --line:#363a36; --paper:#101310; --card:#181c18; --green:#68c99d; --lime:#c7ff42; --red:#ef806e; color-scheme:dark; }
html[data-theme="dark"] body { background:var(--paper); color:var(--ink); }
html[data-theme="dark"] nav { border-color:#30342f; }
html[data-theme="dark"] .dashboard { background:var(--card); border-color:#343834; box-shadow:0 18px 55px #0008; }
html[data-theme="dark"] .toolbar,html[data-theme="dark"] .plot-tabs,html[data-theme="dark"] footer { border-color:var(--line); }
html[data-theme="dark"] .tabs { background:#252a25; }
html[data-theme="dark"] .tabs button.active { background:#eef0e9; color:#171917; }
html[data-theme="dark"] .intro { color:#b5bab1; }
html[data-theme="dark"] .chart-wrap { border-color:#2b302b; }
html[data-theme="dark"] .chart-empty { background:var(--card); }
html[data-theme="dark"] .grid { stroke:#343934; }
html[data-theme="dark"] .axis-label { fill:#eef0e9; }
html[data-theme="dark"] .time-tick { stroke:#6d736c; }
html[data-theme="dark"] .area { opacity:.75; }
html[data-theme="dark"] .tooltip { background:#eef0e9; color:#171917; }
html[data-theme="dark"] .tooltip strong { color:#176b4d; }
html[data-theme="dark"] .tooltip small { color:#555b55; }
html[data-theme="dark"] #refresh { border-color:#444a44; }
html[data-theme="dark"] .mark { background:#eef0e9; color:#176b4d; }