/* Scoped styles; KSL's existing Bootstrap/theme remain authoritative. */
.ksl-history { padding-bottom: 3rem; }
.ksl-history-crumb { margin-top:1.2rem; font-size:.9rem; }
.ksl-history-date { font-weight:600; opacity:.85; }
.ksl-history-controls,.ksl-history-prevnext { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; margin:1.2rem 0; }
.ksl-history-controls input[type=date] { background:var(--bs-body-bg,#fff); color:var(--bs-body-color,#222); padding:.45rem .6rem; border:1px solid #888; border-radius:5px; }
.ksl-history-prevnext { justify-content:space-between; }
.ksl-history-chart-section { margin-top:2rem; }
.ksl-chart-tabs { display:flex; flex-wrap:wrap; gap:.4rem; margin:1rem 0; }
.ksl-chart-tabs button { cursor:pointer; border:1px solid #6b9293; background:transparent; color:inherit; padding:.55rem 1rem; border-radius:5px; }
.ksl-chart-tabs button[aria-pressed=true] { color:#fff; background:#087f85; border-color:#087f85; }
.ksl-chart-tabs button:focus-visible { outline:3px solid #e4a146; outline-offset:3px; }
.ksl-chart-wrap { border:1px solid rgba(128,128,128,.3); border-radius:9px; padding:.5rem; min-height:160px; }
.ksl-chart-wrap svg { width:100%; height:auto; display:block; min-width:0; overflow:visible; }
.ksl-chart-grid { stroke:currentColor; opacity:.2; stroke-width:1; }
.ksl-chart-vertical { stroke:currentColor; opacity:.08; stroke-width:1; }
.ksl-chart-axis { fill:currentColor; font-size:13px; opacity:.8; }
.ksl-chart-line { fill:none; stroke:#07a6aa; stroke-width:3; stroke-linejoin:round; stroke-linecap:round; }
.ksl-chart-point { fill:#f5a648; stroke:#145f66; stroke-width:1.5; }
.ksl-chart-point:focus { outline:none; stroke:#fff; stroke-width:4; }
.ksl-chart-note { font-size:.9rem; opacity:.85; margin-top:.7rem; }
.ksl-history-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; margin:1rem 0 2rem; }
.ksl-history-table { min-width:1000px; font-size:.92rem; }
.ksl-history-table th,.ksl-history-table td { white-space:nowrap; vertical-align:top; }
.ksl-history-table td:last-child { white-space:normal; min-width:170px; }
.ksl-history-table caption { caption-side:top; text-align:left; color:inherit; }
.ksl-history-explainer { margin-top:2rem; }
.ksl-history-explainer details { border-top:1px solid rgba(128,128,128,.35); padding:.85rem .2rem; }
.ksl-history-explainer summary { cursor:pointer; font-weight:600; }
.ksl-history-back { margin-top:2rem; }
@media(max-width:600px){.ksl-history h1{font-size:1.9rem}.ksl-chart-tabs button{flex:1 1 19%;padding:.5rem .35rem}.ksl-chart-axis{font-size:16px}}
/* V1.2: crawlable archive list, compatible with KSL's shared theme */
.ksl-history-archive { margin-top:2.5rem; padding-top:1rem; border-top:1px solid rgba(128,128,128,.28); }
.ksl-history-archive select { background:var(--bs-body-bg,#fff); color:var(--bs-body-color,#222); border:1px solid #888; border-radius:5px; padding:.48rem .6rem; max-width:100%; }
.ksl-history-date-list { list-style:none; padding:0; margin:1rem 0 2rem; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.6rem; }
.ksl-history-date-list li a { display:block; padding:.85rem 1rem; border:1px solid rgba(128,128,128,.35); border-radius:6px; text-decoration:underline; text-underline-offset:3px; }
.ksl-history-date-list li a:focus-visible { outline:3px solid #e4a146; outline-offset:2px; }

/* Compact recorded extremes inside the existing chart border. */
.ksl-history .ksl-chart-extremes {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem 1.5rem;
    padding: .65rem .8rem .1rem;
}
.ksl-history .ksl-chart-extreme {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: .35rem;
}
.ksl-history .ksl-chart-extreme-label,
.ksl-history .ksl-chart-extreme time {
    font-size: .85rem;
    color: #737373;
}
.ksl-history .ksl-chart-extreme-value {
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 700;
}
.ksl-history .ksl-chart-extreme-high { color: #087f85; }
@media (max-width: 600px) {
    .ksl-history .ksl-chart-extremes { gap: .3rem 1rem; padding: .5rem .4rem .1rem; }
    .ksl-history .ksl-chart-extreme-value { font-size: 1.1rem; }
}

/* KSL Daily History — Section Spacing */

.ksl-history-chart-section {
    margin-top: 40px;
    margin-bottom: 45px;
}

.ksl-history-table-scroll {
    margin-bottom: 50px;
}

.ksl-history-archive {
    margin-top: 50px;
    padding-top: 25px;
}

.ksl-history-explainer {
    margin-top: 50px;
}

.ksl-history-back {
    margin-top: 40px;
}

/* Slightly tighter spacing on mobile */
@media (max-width: 600px) {
    .ksl-history-chart-section {
        margin-top: 30px;
        margin-bottom: 35px;
    }

    .ksl-history-archive,
    .ksl-history-explainer {
        margin-top: 35px;
    }
}

/* KSL History: compact, consistently aligned date navigation below chart. */
.ksl-history .ksl-history-day-nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin: 8px 0 28px;
}
.ksl-history .ksl-history-chart-section {
  margin-bottom: 0;
}
.ksl-history-day-nav-prev { text-align: left; }
.ksl-history-day-nav-archive { text-align: center; }
.ksl-history-day-nav-next { text-align: right; }
@media (max-width: 600px) {
  .ksl-history .ksl-history-day-nav { gap: 6px; margin: 8px 0 25px; font-size: .9rem; }
}