/* Reset Observatory: a new shell over the existing data and interaction contracts. */
:root, html[data-theme="light"], html[data-theme="system"] {
  --bg: #fff; --bg-elevated: #fff; --bg-soft: #eaf2fa; --bg-canvas: #f1f6fb;
  --bg-header: #f1f6fb; --bg-float: #fff; --bg-feature: #fff;
  --text: #0d1e38; --text-2: #2c4263; --text-3: #60789b; --text-4: #60789b;
  --border: #d2e0f0; --border-strong: #0284c7; --shadow: none;
  --invert-bg: #0284c7; --invert-text: #fff; --accent: #0284c7;
  --accent-deep: #0369a1; --accent-ink: #fff;
  --yes: #0284c7; --yes-soft: #0284c7; --yes-border: #0284c7;
  --scheduled: #8b5cf6; --k-scheduled: #8b5cf6; --k-scheduled-soft: #f5f3ff;
  --radius: 8px; --radius-sm: 6px; --radius-xs: 4px;
  --max: 72.5rem; --topbar-h: 88px;
  --font-display: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-sans: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;
  color-scheme: light;
}
html[data-theme="dark"] {
  --bg: #0b1325; --bg-elevated: #111d38; --bg-soft: #172648; --bg-canvas: #060b17;
  --bg-header: #060b17; --bg-float: #172648; --bg-feature: #0b1325;
  --text: #e2efff; --text-2: #c4daf5; --text-3: #83a1c7; --text-4: #83a1c7;
  --border: #1d3056; --border-strong: #38bdf8; --accent: #38bdf8; --accent-deep: #0ea5e9;
  --accent-ink: #060b17; --invert-bg: #38bdf8; --invert-text: #060b17;
  --scheduled: #8b5cf6; --k-scheduled: #8b5cf6; --k-scheduled-soft: #f5f3ff;
  --yes: #38bdf8; --yes-soft: #38bdf8; --yes-border: #38bdf8;
  color-scheme: dark;
}
@media(prefers-color-scheme:dark) {
  html[data-theme="system"] {
    --bg: #0b1325; --bg-elevated: #111d38; --bg-soft: #172648; --bg-canvas: #060b17;
    --bg-header: #060b17; --bg-float: #172648; --bg-feature: #0b1325;
    --text: #e2efff; --text-2: #c4daf5; --text-3: #83a1c7; --text-4: #83a1c7;
    --border: #1d3056; --border-strong: #38bdf8; --accent: #38bdf8; --accent-deep: #0ea5e9;
    --accent-ink: #060b17; --invert-bg: #38bdf8; --invert-text: #060b17;
    --scheduled: #8b5cf6; --k-scheduled: #8b5cf6; --k-scheduled-soft: #f5f3ff;
    --yes: #38bdf8; --yes-soft: #38bdf8; --yes-border: #38bdf8;
    color-scheme: dark;
  }
}
body { padding-left: 212px; background: var(--bg-canvas); color: var(--text); font: 15px/1.65 var(--font-sans); }
button, input, select, .control-btn { font-family: var(--font-sans); font-size: 13px; }
[hidden] { display: none !important; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.studio-rail { position: fixed; inset: 0 auto 0 0; z-index: 80; width: 212px; padding: 30px 20px 22px; background: #090f1d; color: #e2efff; display: flex; flex-direction: column; gap: 42px; }
.studio-brand { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.studio-brand svg { flex: 0 0 30px; width: 30px; height: 30px; color: #38bdf8; }
.studio-brand strong { display: block; font-size: 17px; line-height: 1.3; font-weight: 650; letter-spacing: .03em; }
.studio-brand small { display: block; margin-top: 5px; font: 9px/1.4 var(--font-mono); letter-spacing: .075em; color: #7d96b3; white-space: nowrap; }
.studio-nav { display: grid; gap: 8px; }
.studio-nav a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 10px 12px; border-radius: 5px; color: #8da4be; font-size: 14px; text-decoration: none; }
.studio-nav a i { font-size: 18px; }
.studio-nav a:hover, .studio-nav a[aria-current] { color: #fff; background: #172642; }
.studio-nav a[aria-current] { box-shadow: inset 3px 0 #38bdf8; }
.studio-docs { margin-top: auto; display: flex; flex-wrap: wrap; gap: 15px; padding: 20px 10px 0; border-top: 1px solid #1c2b47; }
.studio-docs a { color: #8da4be; font: 11px/1.6 var(--font-mono); text-decoration: none; }
.studio-docs a:hover { color: #fff; }
.topbar { position: relative; top: auto; height: 88px; border: 0; background: transparent; box-shadow: none; z-index: 60; }
.topbar-inner, main.shell, .studio-notice { width: min(1160px, calc(100% - 72px)); max-width: none; margin-left: auto; margin-right: auto; }
.topbar-inner { height: 100%; padding: 0; gap: 24px; }
.studio-page-title { min-width: 0; color: var(--text); font: 650 28px/1.2 var(--font-sans); letter-spacing: -.04em; }
.controls { gap: 8px; flex-shrink: 0; }
.controls .news-nav { display: none; }
.control-btn { min-height: 34px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); box-shadow: none; color: var(--text-2); }
.control-dropdown { border-radius: 8px; border-color: var(--border); background: var(--bg-elevated); box-shadow: 0 12px 32px #000c1e2e; z-index: 120; }
.control-option { font-family: var(--font-sans); font-size: 13px; }
.studio-notice { border-left: 3px solid #0284c7; background: #e0f2fe; padding: 9px 13px; color: #0369a1; font-size: 12px; line-height: 1.65; border-radius: 0 5px 5px 0; }
main.shell { padding: 20px 0 36px; }
main.shell:has(#status-card) { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 24px; align-items: stretch; }
main.shell:has(#status-card) > * { min-width: 0; grid-column: 1 / -1; margin-top: 0; margin-bottom: 0; }
main.shell:has(#status-card) > .home-news { grid-column: 1; }
main.shell:has(#status-card) > .tibo-radar { grid-column: 2; }
.clock-bar { min-height: 42px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.clock-bar-info { gap: 16px; }
.clock-bar-kicker, .clock-bar-now { font-size: 12px; }
.clock-bar-now { font-weight: 550; color: var(--text-2); }
.clock-bar-switch, .event-time-switch { padding: 3px; border: 1px solid var(--border); background: var(--bg); border-radius: 6px; }
.tz-btn, .event-time-btn { min-height: 28px; padding: 4px 12px; font: 12px/1.4 var(--font-sans); border: 0; border-radius: 4px; }
.tz-btn[aria-pressed="true"], .event-time-btn[aria-pressed="true"] { background: var(--accent); color: var(--accent-ink); }
#status-card {
  grid-template-columns: minmax(0, 1.85fr) minmax(0, 1fr);
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  overflow: visible;
}
.verdict-board {
  border: 0;
  border-right: 1px solid var(--border);
  border-radius: 12px 0 0 12px;
  background: var(--bg);
}
#reset-status {
  --verdict-accent: var(--scheduled);
  --verdict-accent-soft: var(--k-scheduled-soft);
  min-height: 300px;
  padding: 34px 38px;
  border-radius: 12px 0 0 12px;
  background: var(--bg);
  background-image: radial-gradient(
    circle,
    color-mix(in srgb, var(--verdict-accent) 12%, transparent) 1.2px,
    transparent 1.2px
  );
  background-size: 20px 20px;
  color: var(--text);
  position: relative;
}
#reset-status[data-reason="reset"] {
  --verdict-accent: #059669;
  --verdict-accent-soft: color-mix(in srgb, var(--verdict-accent) 8%, var(--bg));
}
html[data-theme="dark"] #reset-status[data-reason="reset"] { --verdict-accent: #34d399; }
@media(prefers-color-scheme:dark) {
  html[data-theme="system"] #reset-status[data-reason="reset"] { --verdict-accent: #34d399; }
}
#reset-status::before, #reset-status::after { display: none; }
#reset-status .verdict-kicker {
  margin: 0 0 20px;
  color: var(--text-3);
  font: 500 14px/1.5 var(--font-sans);
  letter-spacing: 0.02em;
}
#reset-status .verdict-kicker i {
  color: var(--text-2);
  opacity: 0.85;
}
#reset-status .verdict-row {
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* --- Dynamic Flowing Light (流光动态效果) --- */
#reset-status .verdict-word {
  min-width: 0;
  font: 600 66px/1.05 var(--font-sans);
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  color: var(--verdict-accent);
  display: inline-flex;
  align-items: baseline;
  gap: 12px;
}
#reset-status .verdict-answer { font-size: 1em; }
#reset-status .verdict-percent { font-size: 1em; }

@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  #reset-status[data-state="yes"] .verdict-word,
  .verdict-stage[data-state="yes"] .verdict-word {
    background-image: linear-gradient(
      110deg,
      var(--verdict-accent) 35%,
      color-mix(in srgb, var(--verdict-accent) 20%, #ffffff) 48%,
      #ffffff 50%,
      color-mix(in srgb, var(--verdict-accent) 20%, #ffffff) 52%,
      var(--verdict-accent) 65%
    );
    background-size: 250% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: verdict-shimmer 4s ease-in-out infinite;
    filter: drop-shadow(0 2px 14px color-mix(in srgb, var(--verdict-accent) 28%, transparent));
  }
}

@keyframes verdict-shimmer {
  0%, 15% { background-position: 100% 0; }
  85%, 100% { background-position: 0% 0; }
}

#reset-status .verdict-meta {
  margin: 22px 0 0;
  color: var(--text-2);
  font-size: 13.5px;
  line-height: 1.85;
}
#reset-status .verdict-meta strong.verdict-detail-type {
  color: var(--verdict-accent);
  padding: 2px 7px;
  border-radius: 4px;
  background: var(--verdict-accent-soft);
  font-weight: 600;
}
#reset-status .verdict-meta strong.verdict-detail-when,
#reset-status .verdict-meta .verdict-countdown {
  color: var(--verdict-accent);
  font-weight: 600;
  border-bottom: 1px dashed var(--verdict-accent);
}
#reset-status .verdict-excerpt {
  margin-top: 16px;
  color: var(--text-3);
  font: 12.5px/1.7 var(--font-sans);
  text-decoration: none;
}
#reset-status .verdict-excerpt:hover {
  color: var(--text);
  text-decoration: underline;
}
#reset-status .reaction-btn {
  min-height: 32px;
  padding: 4px 14px;
  border: 1px solid var(--border);
  border-radius: 9999px;
  background: var(--bg);
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}
#reset-status .reaction-btn:hover {
  background: var(--bg-soft);
  border-color: var(--border-strong);
}
#reset-status[data-reason="reset"] .reaction-btn {
  color: var(--verdict-accent);
  border-color: var(--verdict-accent);
}
#reset-status .today-share-menu { top: 18px; right: 18px; }
#reset-status .share-btn {
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text-3);
}
#reset-status .share-btn:hover {
  color: var(--text);
  border-color: var(--border-strong);
}
#reset-status .control-dropdown { color: var(--text); }

/* Right Rail enhancements matching user screenshot */
.signal-reset-type[data-reset-type="global"],
.reset-type-badge[data-reset-type="global"] {
  color: #059669;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 9999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}
html[data-theme="dark"] .signal-reset-type[data-reset-type="global"],
html[data-theme="dark"] .reset-type-badge[data-reset-type="global"] {
  color: #34d399;
  background: rgba(52, 211, 153, 0.12);
  border-color: rgba(52, 211, 153, 0.3);
}
.signal-item:last-of-type .signal-value {
  color: var(--scheduled);
  font-weight: 600;
}
.signal-rail { border: 0; background: var(--bg); border-radius: 0 8px 8px 0; }
.signal-item { padding: 18px 22px; border-bottom: 1px solid var(--border); }
.signal-label { color: var(--text-3); font: 12px/1.4 var(--font-sans); }
.signal-value { margin-top: 9px; font: 550 15px/1.6 var(--font-sans); overflow-wrap: anywhere; }
.signal-value .signal-relative-time { font-size: 12px; font-weight: 400; }
.signal-link { padding: 12px 22px; justify-content: flex-start; font-size: 12px; }
.signal-reset-type { border-radius: 3px; font-size: 10px; }
.section-kicker { color: var(--text); font: 650 18px/1.4 var(--font-sans); text-transform: none; letter-spacing: -.015em; }
.section-kicker > i { color: var(--text-3); font-size: 16px; }
.reset-heatmap { border: 1px solid var(--border); border-radius: 8px; box-shadow: none; --hm-0: #e5edf5; --hm-1: #b0d7ff; --hm-2: #60a5fa; --hm-3: #1d4ed8; --hm-4: #172554; }
.heatmap-head, .home-news-head, .timeline-head { padding: 20px 24px; min-height: 66px; border-bottom: 1px solid var(--border); }
.heatmap-meta { font: 11px/1.6 var(--font-sans); }
.heatmap-history-link { font: 12px/1.4 var(--font-sans); color: var(--text-3); }
.heatmap-scroll { max-width: 100%; padding: 20px 24px 10px; overflow-x: auto; }
.heatmap-legend { padding: 8px 24px 18px; font-family: var(--font-sans); }
.heatmap-cell { border-radius: 2px; }
.home-news, .tibo-radar, .timeline { border: 1px solid var(--border); border-radius: 8px; box-shadow: none; background: var(--bg); }
.home-news { overflow: visible; }
.home-news .news-row { padding: 22px 24px; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.home-news .news-row-main h2 { font-size: 18px; line-height: 1.55; letter-spacing: -.025em; }
.home-news .news-row-main p { margin-top: 12px; font-size: 13px; line-height: 1.8; }
.home-news .news-row-meta { padding-top: 15px; font-family: var(--font-sans); }
.tibo-radar { min-height: 265px; --tibo-scene-ink: #cce3f5; --tibo-scene-fg: var(--text); --tibo-scene-muted: var(--text-3); }
html[data-theme] .tibo-radar[data-activity] { background: var(--bg); border-color: var(--border); box-shadow: none; --tibo-scene-fg: var(--text); --tibo-scene-muted: var(--text-3); }
.tibo-content { padding: 22px 24px; }
.tibo-head { margin-bottom: 28px; }
.tibo-time { max-width: 100%; white-space: normal; overflow-wrap: anywhere; font: 500 32px/1.3 var(--font-sans); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.tibo-status, .tibo-dayline, .tibo-region, .tibo-zone { font-family: var(--font-sans); font-size: 12px; }
.tibo-canvas { opacity: .22; }
.tibo-emblem { border-radius: 5px; box-shadow: none; }
.timeline { overflow: visible; }
.timeline-head { gap: 16px; flex-wrap: wrap; }
.events > li { position: relative; padding: 26px 28px; background: transparent; border-bottom: 1px solid var(--border); box-shadow: none; }
.events > li:last-child { border-bottom: 0; }
.events > li > .tibo-avatar { width: 32px; height: 32px; border: 0; border-radius: 6px; }
.event-heading, .event-top { row-gap: 8px; }
.event-quote, .event-quote-text, .history-tweet { font: 15px/1.8 var(--font-sans); }
.event-meta { margin-top: 16px; }
.event-meta-item { padding: 4px 7px; border-radius: 3px; background: var(--bg-soft); font-size: 11px; }
.event-meta-item[data-kind="plan"] { min-width: 0; }
.event-meta-item[data-kind="plan"] .event-meta-value { white-space: normal; overflow-wrap: anywhere; }
.kind-badge, .reset-type-badge, .state-badge { border-radius: 3px; font-size: 10px; font-family: var(--font-sans); }
.fulfilled-schedules { margin-top: 20px; }
.fulfilled-more { min-width: 0; }
.fulfilled-schedule { border-radius: 0; border-width: 0 0 0 2px; background: var(--bg-soft); padding: 16px; }
.signal-translation { overflow-wrap: anywhere; }
.translation-heading { font-family: var(--font-sans); font-size: 11px; }
.source-link, .detail-link, .event-footer { font-family: var(--font-sans); font-size: 12px; }
.timeline-history { padding: 16px 24px; justify-content: flex-end; }
.site-footer { margin-top: 36px; padding: 24px 0 0; border-top: 1px solid var(--border); color: var(--text-3); }
.footer-links { gap: 12px 22px; justify-content: flex-start; }
.footer-nav-link { font-family: var(--font-sans); font-size: 12px; }
.footer-notes { text-align: left; font: 11px/1.8 var(--font-sans); }
.studio-source { margin: 12px 0 0; font-size: 11px; color: var(--text-3); }
.studio-source a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.history-hero, .faq-hero { padding: 22px 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.history-title { font-size: 28px; font-weight: 650; line-height: 1.3; letter-spacing: -.035em; }
.history-day-list { gap: 0; padding: 0 24px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
.history-day { padding: 24px 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; }
.history-day:last-child { border-bottom: 0; }
.history-day-head { margin-bottom: 20px; }
.history-day-date { color: var(--accent); font: 650 14px/1.6 var(--font-sans); }
.history-item { padding: 20px 0; gap: 12px; }
.history-detail { padding: 28px; border-radius: 8px; box-shadow: none; }
.history-detail-text { font-size: 17px; line-height: 1.8; }
.news-stream { gap: 0; padding: 0 26px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); }
.news-stream .news-row { padding: 24px 0; border: 0; border-bottom: 1px solid var(--border); border-radius: 0; box-shadow: none; }
.news-stream .news-row:last-child { border-bottom: 0; }
.news-row-main h2 { font-size: 20px; line-height: 1.5; }
.news-row-main p { font-size: 14px; }
.news-article, .faq-card, .api-section, .news-adjacent-item { border-radius: 8px; box-shadow: none; }
.news-article { padding: 32px; }
.news-article h1 { font-size: 30px; line-height: 1.45; letter-spacing: -.035em; }
.faq-grid { gap: 0; }
.faq-card { border-width: 0 0 1px; border-radius: 0; background: transparent; padding: 24px 0; }
.faq-card h2 { font-size: 18px; }
.faq-card p, .api-section p { font-size: 14px; line-height: 1.8; }
.api-section { padding: 24px; }
.api-section pre, .api-section table, .news-article pre { max-width: 100%; overflow-x: auto; }
.api-section code, .news-article code { overflow-wrap: anywhere; }
@media(max-width:1099px) {
  body { padding-left: 0; }
  .studio-rail { position: relative; width: 100%; min-height: 76px; padding: 16px 28px; flex-direction: row; align-items: center; gap: 28px; }
  .studio-nav { display: flex; gap: 4px; flex-wrap: wrap; }
  .studio-nav a { min-height: 38px; padding: 8px 12px; font-size: 13px; gap: 8px; }
  .studio-docs { margin: 0 0 0 auto; padding: 0; border: 0; gap: 12px; }
  .studio-docs a { font-size: 10px; }
  .topbar-inner, main.shell, .studio-notice { width: calc(100% - 56px); }
  #reset-status { padding: 28px; }
}
@media(max-width:760px) {
  .studio-rail { padding: 18px 16px 12px; gap: 17px; flex-wrap: wrap; }
  .studio-brand strong { font-size: 16px; }
  .studio-brand small { font-size: 8px; }
  .studio-brand svg { width: 26px; height: 26px; flex-basis: 26px; }
  .studio-docs { margin-left: auto; order: 0; max-width: 130px; justify-content: flex-end; gap: 10px 12px; }
  .studio-nav { width: 100%; order: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; }
  .studio-nav a { padding: 8px 5px; justify-content: center; font-size: 12px; gap: 5px; }
  .studio-nav a i { font-size: 14px; }
  .studio-nav a[aria-current] { box-shadow: inset 0 -2px #38bdf8; }
  .topbar { height: auto; min-height: 76px; }
  .topbar-inner { min-height: 76px; flex-wrap: wrap; gap: 12px; padding: 18px 0; }
  .topbar-inner, main.shell, .studio-notice { width: calc(100% - 32px); }
  .studio-page-title { font-size: 23px; }
  .controls { gap: 5px; margin-left: auto; }
  .control-btn { min-height: 32px; padding: 6px 8px; font-size: 11px; }
  .controls #github-btn .control-value { display: none; }
  .control-caret { display: none; }
  .control-dropdown { max-width: calc(100vw - 32px); }
  .studio-notice { padding: 8px 10px; font-size: 10px; }
  main.shell { padding-top: 16px; }
  main.shell:has(#status-card) { grid-template-columns: minmax(0,1fr); gap: 18px; }
  main.shell:has(#status-card) > .home-news, main.shell:has(#status-card) > .tibo-radar { grid-column: 1; }
  .clock-bar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 12px; }
  .clock-bar-info { display: grid; grid-template-columns: minmax(0,1fr); gap: 2px; }
  .clock-bar-kicker, .clock-bar-now { font-size: 10px; }
  .clock-bar-kicker { display: flex; grid-area: auto; grid-column: 1; grid-row: 1; order: 0; }
  .clock-bar-now-slot { grid-area: auto; grid-column: 1; grid-row: 2; order: 0; }
  .clock-bar-now { grid-area: auto; }
  .clock-bar-switch { flex: 0 0 auto; margin-left: auto; }
  .tz-btn, .event-time-btn { padding: 4px 9px; font-size: 11px; }
  #status-card { grid-template-columns: minmax(0,1fr); }
  .verdict-board, #reset-status { border-radius: 8px 8px 0 0; }
  #reset-status { min-height: 265px; padding: 26px 22px; }
  #reset-status .verdict-kicker { padding-right: 28px; font-size: 13px; margin-bottom: 23px; }
  #reset-status .verdict-word { font-size: 44px; }
  #reset-status .verdict-row { gap: 14px; }
  #reset-status .verdict-meta { font-size: 12px; line-height: 1.9; }
  #reset-status .verdict-excerpt { font-size: 11px; }
  .signal-rail { border-radius: 0 0 8px 8px; }
  .signal-item { padding: 15px 20px; }
  .signal-value { font-size: 14px; }
  .signal-link { padding: 12px 20px; }
  .section-kicker { font-size: 16px; }
  .heatmap-head, .home-news-head, .timeline-head { padding: 17px 18px; gap: 12px; flex-wrap: wrap; }
  .heatmap-meta { font-size: 10px; text-align: left; }
  .heatmap-scroll { padding: 18px 16px 10px; }
  .heatmap-legend { padding: 6px 16px 16px; font-size: 9px; }
  .home-news .news-row { padding: 20px 18px; }
  .home-news .news-row-main h2 { font-size: 17px; }
  .tibo-radar { min-height: 235px; }
  .tibo-content { padding: 20px; }
  .tibo-time { font-size: 22px; }
  .events > li { padding: 22px 18px; }
  .event-quote, .event-quote-text, .history-tweet { font-size: 14px; }
  .event-meta-item { max-width: 100%; }
  .history-day-list { padding: 0 18px; }
  .history-detail, .news-article, .api-section { padding: 20px; }
  .history-title { font-size: 24px; }
  .history-detail-text { font-size: 15px; }
  .news-stream { padding: 0 18px; }
  .news-row-main h2 { font-size: 18px; }
  .news-article h1 { font-size: 24px; }
  .footer-links { gap: 12px 18px; }
  .site-footer { padding-top: 22px; }
}

/* Temporarily unavailable entries and duplicated homepage history. */
.studio-docs,
.studio-notice,
.studio-source,
#github-btn,
.site-footer > .footer-links,
#status-card .signal-link { display: none; }

/* Three existing signals, arranged as a compact table on the homepage. */
.studio-signals { --signal-columns: 96px 82px 76px minmax(180px, 1fr) 62px 62px 116px 74px; }
.studio-signals .timeline-head { gap: 16px; padding: 17px 22px; }
.studio-signals .event-time-switch { margin-left: auto; }
.studio-signals-history { color: var(--accent); font-size: 12px; text-decoration: none; white-space: nowrap; }
.studio-signals-columns, .studio-signals .events > .studio-signal-row { display: grid; grid-template-columns: var(--signal-columns); gap: 12px; padding: 16px 22px; align-items: start; }
.studio-signals-columns { padding-top: 11px; padding-bottom: 11px; background: var(--bg-soft); color: var(--text-3); font-size: 11px; border-bottom: 1px solid var(--border); }
.studio-signals .events { display: block; padding: 0; margin: 0; }
.studio-signals .events > li:nth-child(n+4), .studio-signals .fulfilled-schedules, .studio-signals .timeline-history { display: none; }
.studio-signals .events > li::before, .studio-signals .events > li::after { display: none; }
.studio-signal-cell { min-width: 0; font-size: 12px; }
.studio-signal-cell .event-announced-time { display: block; white-space: normal; color: var(--text-3); font-size: 11px; line-height: 1.65; font-variant-numeric: tabular-nums; }
.studio-signal-cell .event-announced-time > i { display: none; }
.studio-signal-cell .kind-badge, .studio-signal-cell .reset-type-badge { padding: 4px 6px; font-size: 10px; white-space: normal; text-align: center; }
.studio-signal-cell .kind-badge > i, .studio-signal-cell .reset-type-badge > i { display: none; }
.studio-signal-cell .signal-translation { display: flex; flex-direction: column; gap: 5px; }
.studio-signal-cell [data-translation-body] { order: -1; }
.studio-signal-cell .event-quote { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; font-size: 13px; line-height: 1.65; }
.studio-signal-cell .translation-heading { font-size: 10px; line-height: 1.5; margin: 0; gap: 3px; }
.studio-signal-cell .event-meta-item { margin-top: 5px; padding: 0; background: none; font-size: 10px; }
.studio-signal-cell .event-meta-item > i { display: none; }
.studio-signal-cell-5 { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.studio-signal-cell-5 .tibo-avatar { width: 24px; height: 24px; border-radius: 4px; }
.studio-signal-cell-5 a, .studio-signal-cell-5 span { color: var(--text-2); font-size: 11px; text-decoration: none; overflow-wrap: anywhere; }
.studio-signal-cell-6 .event-meta-item { margin: 0; font-size: 12px; }
.studio-signal-cell-6 .event-meta-label { display: none; }
.studio-signal-cell-7 .schedule { margin: 0; font-size: 10px; line-height: 1.65; }
.studio-signal-cell-7 .schedule-time, .studio-signal-cell-7 .schedule-when { white-space: normal; overflow-wrap: anywhere; }
.studio-signal-cell-7 .schedule > i { display: none; }
.studio-signal-cell-8 { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.studio-signal-cell-8 a { font-size: 11px; white-space: nowrap; }
.studio-signal-cell-8 .share-btn { min-height: 24px; padding: 3px 5px; }
.studio-signal-cell-8 .share-dropdown { right: 0; left: auto; }
@media (max-width: 1250px) and (min-width: 1100px) {
  .studio-signals { --signal-columns: 80px 65px 65px minmax(130px, 1fr) 50px 50px 90px 58px; }
  .studio-signals-columns, .studio-signals .events > .studio-signal-row { gap: 9px; padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 1000px) {
  .studio-signals-columns { display: none; }
  .studio-signals .events > .studio-signal-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 18px; }
  .studio-signal-cell-4 { grid-column: 1 / -1; grid-row: 2; }
  .studio-signal-cell-5, .studio-signal-cell-6, .studio-signal-cell-7 { grid-row: 3; }
  .studio-signal-cell-8 { position: relative; grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 15px; }
  .studio-signal-cell-8 .share-menu { position: static; }
  .studio-signal-cell-8 .share-dropdown { left: 0; right: auto; }
  .studio-signal-cell-5::before, .studio-signal-cell-6::before, .studio-signal-cell-7::before { content: attr(data-label); display: block; margin-bottom: 4px; color: var(--text-3); font-size: 10px; }
  .studio-signal-cell-5 { display: block; }
  .studio-signal-cell-5 .tibo-avatar { width: 18px; height: 18px; vertical-align: middle; margin-right: 5px; }
  .studio-signals .timeline-head { gap: 10px; padding: 16px 18px; }
  .studio-signals .section-kicker { flex: 1 0 100%; }
  .studio-signals .event-time-switch { margin-left: 0; }
  .studio-signals-history { margin-left: auto; }
}
@media (max-width: 600px) {
  .studio-signal-cell-7 { grid-column: 1 / -1; grid-row: 4; }
  .studio-signal-cell-8 { grid-row: 5; }
}