/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Knowledge graph dual-range date slider — shared by speaker/stock show pages.
   Track 는 min 쪽에만 그려서 min/max 겹침 방지. thumb pointer-events: auto 로 양쪽 독립 드래그. */
.kg-range-min, .kg-range-max {
  -webkit-appearance: none; appearance: none;
  pointer-events: none; background: transparent;
}
.kg-range-min::-webkit-slider-runnable-track,
.kg-range-max::-webkit-slider-runnable-track {
  height: 3px; background: var(--border); border-radius: 2px;
}
.kg-range-max::-webkit-slider-runnable-track { background: transparent; }
.kg-range-min::-webkit-slider-thumb,
.kg-range-max::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--accent); border: 2px solid var(--bg-page);
  cursor: pointer; pointer-events: auto; margin-top: -6px;
}
.kg-range-min::-moz-range-track,
.kg-range-max::-moz-range-track {
  height: 3px; background: var(--border); border-radius: 2px; border: none;
}
.kg-range-max::-moz-range-track { background: transparent; }
.kg-range-min::-moz-range-thumb,
.kg-range-max::-moz-range-thumb {
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--accent); border: 2px solid var(--bg-page);
  cursor: pointer; pointer-events: auto;
}