/* Precisione v5.7.3 — two compact, high-contrast panels over any weather scene. */
#view-reliability .pv-page{--pv-fg:#f2f7ff;--pv-muted:#b4c4d7;--pv-line:rgba(169,192,219,.19);color:var(--pv-fg)!important;max-width:1110px;width:100%;min-width:0;margin:0 auto;padding:0 0 26px;box-sizing:border-box}
#view-reliability .pv-page *{box-sizing:border-box}
#view-reliability .pv-heading,#view-reliability .pv-metric,#view-reliability .pv-detail,#view-reliability .pv-help{background:rgba(16,24,36,.94)!important;border:1px solid rgba(155,186,220,.22);border-radius:22px;color:var(--pv-fg)!important;box-shadow:0 10px 30px rgba(4,14,26,.13)}
#view-reliability .pv-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;margin:0 0 10px}
#view-reliability .pv-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:780;color:#9cb9d7!important}
#view-reliability .pv-heading h2{margin:4px 0 3px;font-size:clamp(26px,3vw,34px)!important;line-height:1.1;letter-spacing:-.04em;color:#fff!important}
#view-reliability .pv-heading p{margin:4px 0 0;font-size:12px;color:var(--pv-muted)!important}
#view-reliability .pv-score{text-align:right;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;flex-shrink:0}
#view-reliability .pv-score small,#view-reliability .pv-score span{color:var(--pv-muted)!important;font-size:11px;line-height:1.4}
#view-reliability .pv-score strong{font-size:clamp(28px,4vw,39px);line-height:1.12;letter-spacing:-.04em;font-weight:760;color:#fff}
#view-reliability .pv-period-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:4px 6px 12px;color:#eaf4ff!important;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.65)}
#view-reliability .pv-period-strip b{color:#fff}
#view-reliability .pv-recovery{margin:0 0 10px;padding:4px 9px;color:#e1efff;background:rgba(9,35,59,.6);border-radius:9px;font-size:11px;display:inline-block}
#view-reliability .pv-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px}
#view-reliability .pv-metric{padding:19px 19px 16px;min-width:0}
#view-reliability .pv-metric-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px}
#view-reliability .pv-metric-title h3{margin:0;font-size:18px;font-weight:730;letter-spacing:-.025em;color:#fff}
#view-reliability .pv-metric-title>span{font-size:11px;color:var(--pv-muted);white-space:nowrap}
#view-reliability .pv-measure{display:flex;align-items:end;justify-content:space-between;gap:12px}
#view-reliability .pv-measure small{display:block;color:var(--pv-muted)!important;font-size:11px;line-height:1.4}
#view-reliability .pv-measure strong{font-size:clamp(27px,3.8vw,38px);line-height:1.18;letter-spacing:-.04em;color:#fff;white-space:nowrap}
#view-reliability .pv-compact-historical{text-align:right}
#view-reliability .pv-compact-historical strong{font-size:17px;letter-spacing:-.02em;font-weight:650}
#view-reliability .pv-rules{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
#view-reliability .pv-rules>span{border:1px solid var(--pv-line);border-radius:9px;padding:7px 9px;font-size:11px;color:var(--pv-muted)!important}
#view-reliability .pv-rules b{font-size:12px;color:#f5faff}
#view-reliability .pv-chart{margin:12px 0 8px;width:100%;min-width:0}
#view-reliability .pv-legend-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--pv-muted)!important}
#view-reliability .pv-legend-row small{font-size:10px;margin-left:auto;color:var(--pv-muted)!important}
#view-reliability .pv-legend::before{content:"";display:inline-block;width:15px;height:3px;vertical-align:middle;margin-right:5px;background:#57b0ef;border-radius:3px}
#view-reliability .pv-legend.observed::before{background:#f1a36e}
#view-reliability .pv-chart svg{display:block;width:100%;height:auto;max-height:145px;overflow:visible}
#view-reliability .pv-line{fill:none;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
#view-reliability .pv-line.forecast{stroke:#57b0ef;stroke-dasharray:5 4}
#view-reliability .pv-line.observed{stroke:#f1a36e}
#view-reliability .pv-axis{stroke:var(--pv-line);fill:none}
#view-reliability .pv-chart text{fill:#bdcddd;font-size:11px}
#view-reliability .pv-timestral{display:block;padding-top:10px;border-top:1px solid var(--pv-line);font-size:11px;line-height:1.4;color:var(--pv-muted)!important}
#view-reliability .pv-timestral strong{color:#f2f7ff}
#view-reliability .pv-no-plot{font-size:12px;color:var(--pv-muted);padding:25px 0}
#view-reliability .pv-detail,#view-reliability .pv-help{margin:0 0 10px;padding:0 17px;overflow:hidden}
#view-reliability .pv-detail>summary,#view-reliability .pv-help>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:16px 2px;font-weight:730;font-size:15px;min-height:55px;color:#f5f9ff}
#view-reliability .pv-detail summary::-webkit-details-marker,#view-reliability .pv-help summary::-webkit-details-marker{display:none}
#view-reliability .pv-detail summary>span{font-size:11px;font-weight:400;color:var(--pv-muted)!important}
#view-reliability .pv-detail summary b,#view-reliability .pv-help summary span{font-size:15px;color:#a8d4f9;margin-left:5px}
#view-reliability .pv-controls{display:flex;gap:8px;padding:8px 0 12px;border-top:1px solid var(--pv-line)}
#view-reliability .pv-controls button{cursor:pointer;border:1px solid var(--pv-line);border-radius:100px;color:var(--pv-fg);background:#1f3146;padding:9px 15px;font:inherit;font-size:12px;font-weight:650}
#view-reliability .pv-controls button[aria-pressed=true]{background:#398ac4;border-color:#82bfeb;color:white}
#view-reliability .pv-controls button:focus-visible,#view-reliability .pv-expand:focus-visible{outline:2px solid #81c9fd;outline-offset:3px}
#view-reliability .pv-hour-label{display:flex;align-items:center;justify-content:space-between;color:var(--pv-muted);font-size:11px;border-bottom:1px solid var(--pv-line);padding:0 0 8px}
#view-reliability .pv-hour{display:grid;grid-template-columns:110px minmax(0,1fr);gap:3px 12px;padding:11px 0;border-bottom:1px solid var(--pv-line);color:var(--pv-fg)}
#view-reliability .pv-hour[hidden]{display:none!important}
#view-reliability .pv-hour-time{font-weight:690;white-space:nowrap;font-size:12px}
#view-reliability .pv-hour-values{display:flex;gap:8px;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;font-size:12px;font-variant-numeric:tabular-nums}
#view-reliability .pv-hour-values b{color:var(--pv-fg)}
#view-reliability .pv-hour-values .pv-good{color:#80dfb8}
#view-reliability .pv-hour-values .pv-watch{color:#ffd397}
#view-reliability .pv-hour-arrow{color:var(--pv-muted)}
#view-reliability .pv-hour>small{grid-column:1 / -1;color:var(--pv-muted)!important;font-size:10px;line-height:1.4}
#view-reliability .pv-expand{display:block;margin:13px auto 16px;border:1px solid var(--pv-line);background:#20364d;color:#fff;padding:10px 17px;border-radius:12px;font:inherit;font-size:12px;cursor:pointer}
#view-reliability .pv-help p{font-size:12px;line-height:1.5;color:var(--pv-muted)!important;margin:0 0 10px}
#view-reliability .pv-help>small{display:block;font-size:11px;color:var(--pv-muted)!important;margin:5px 0 16px}
@media(max-width:720px){
  #view-reliability .pv-metrics{grid-template-columns:1fr;gap:10px}
  #view-reliability .pv-heading{padding:16px;gap:12px;border-radius:18px}
  #view-reliability .pv-heading h2{font-size:27px!important}
  #view-reliability .pv-score strong{font-size:29px}
  #view-reliability .pv-metric{padding:16px 16px 13px;border-radius:18px}
  #view-reliability .pv-chart svg{max-height:120px}
  #view-reliability .pv-metric-title h3{font-size:17px}
  #view-reliability .pv-measure strong{font-size:30px}
  #view-reliability .pv-hour{grid-template-columns:1fr;gap:4px}
  #view-reliability .pv-hour-values{justify-content:flex-start;gap:8px}
  #view-reliability .pv-hour-label span:last-child{display:none}
}
@media(max-width:370px){
  #view-reliability .pv-heading{flex-wrap:wrap}
  #view-reliability .pv-score{flex-direction:row;align-items:center;gap:8px;text-align:left}
  #view-reliability .pv-score span{display:none}
  #view-reliability .pv-rules>span{flex:1}
}
@media(prefers-reduced-motion:reduce){#view-reliability .pv-page *{transition:none!important;animation:none!important}}
