/* Every rule is confined to the added dashboard section. */
#vrs-reliability {margin-top:48px; min-width:0;}
#vrs-reliability > h2 {margin-bottom:12px;}
#vrs-reliability .rel-block,
#vrs-reliability .rel-trend {margin-top:28px; min-width:0;}
#vrs-reliability h3 {font-size:22px; margin:0 0 14px; line-height:1.3; text-wrap:pretty;}
#vrs-reliability h4 {font-size:18px; margin:0 0 12px; line-height:1.4;}
#vrs-reliability h5 {font:700 15px/1.5 system-ui,sans-serif; margin:0; color:var(--ink);}
#vrs-reliability .rel-note {font-size:14px; line-height:1.65; margin:12px 0 18px; color:var(--muted);}
#vrs-reliability .rel-callout {padding:16px; background:var(--soft); border-left:3px solid var(--accent);}
#vrs-reliability .rel-two {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;}
#vrs-reliability .rel-scroll {max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; margin-top:12px;}
#vrs-reliability .rel-scroll:focus-visible,
#vrs-reliability summary:focus-visible {outline:3px solid var(--accent); outline-offset:3px;}
#vrs-reliability caption {text-align:left; font-size:13px; color:var(--muted); padding:0 0 12px;}
#vrs-reliability .rel-heatmap {width:100%; min-width:860px; border-spacing:5px; table-layout:fixed;}
#vrs-reliability .rel-heatmap th {font-size:13px; color:var(--ink); padding:10px 4px; text-align:center;}
#vrs-reliability .rel-heatmap th:first-child {width:64px; position:sticky; left:0; background:var(--paper); z-index:1;}
#vrs-reliability .rel-heatmap abbr {text-decoration:none;}
#vrs-reliability .rel-heatmap td {padding:12px 3px; border:1px solid currentColor; border-radius:5px; text-align:center; font-size:12px; font-variant-numeric:tabular-nums;}
#vrs-reliability .rel-status-symbol {display:block; font-size:15px; margin-bottom:4px;}
#vrs-reliability .rel-high {background:#d9eee5; color:#174d38;}
#vrs-reliability .rel-mid {background:#f7e7bc; color:#5b400b;}
#vrs-reliability .rel-low {background:#f9d9d8; color:#762320;}
#vrs-reliability .rel-missing {background:var(--soft); color:var(--ink);}
#vrs-reliability .rel-status-key,
#vrs-reliability .rel-chart-key {display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:12px 0 18px; gap:10px 18px; font-size:13px;}
#vrs-reliability .rel-status-key li {padding:5px 10px; border:1px solid currentColor; border-radius:4px;}
#vrs-reliability .rel-chart-key li {display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:var(--ink);}
#vrs-reliability .rel-trend-svg {display:block; width:100%; min-width:680px; height:auto; overflow:visible;}
#vrs-reliability .rel-trend-svg text {font:13px system-ui,sans-serif; fill:var(--ink);}
#vrs-reliability .rel-trend-svg .rel-year {font-weight:700;}
#vrs-reliability .rel-trend-svg .grid {stroke:var(--line); stroke-dasharray:3 4;}
#vrs-reliability .rel-line-key {display:inline-block; width:25px; border-top:3px solid var(--accent);}
#vrs-reliability .rel-reference {stroke:var(--ink); stroke-width:1.7; fill:none;}
#vrs-reliability .rel-reference-0 {stroke-dasharray:8 5; border-top:2px dashed var(--ink);}
#vrs-reliability .rel-reference-1 {stroke-dasharray:2 5; border-top:2px dotted var(--ink);}
#vrs-reliability .rel-point {cursor:pointer; stroke-width:2;}
#vrs-reliability .rel-point:focus,
#vrs-reliability .rel-point:hover {outline:none; stroke:var(--ink); stroke-width:4; r:7;}
#vrs-reliability .rel-readout {font-size:13px; min-height:64px; padding:12px 14px; border:1px solid var(--line); border-radius:5px; color:var(--ink); background:var(--soft); margin:12px 0;}
#vrs-reliability .rel-details {margin-top:16px;}
#vrs-reliability .rel-table {min-width:580px;}
#vrs-reliability .rel-table caption {padding:12px 15px;}
#vrs-reliability .rel-incident {padding:18px; border:1px solid var(--line); border-radius:5px; background:var(--paper);}
#vrs-reliability .rel-incident p {margin:8px 0; font-size:14px;}
#vrs-reliability .rel-duration {font-size:24px; color:var(--accent);}
#vrs-reliability .rel-bars {padding:0; margin:18px 0; list-style:none; display:grid; gap:18px;}
#vrs-reliability .rel-bar-label {display:flex; justify-content:space-between; align-items:baseline; gap:16px; color:var(--ink); font-size:14px; margin-bottom:7px;}
#vrs-reliability .rel-bar-label strong {white-space:nowrap;}
#vrs-reliability .rel-track {height:12px; border-radius:3px; background:var(--soft); overflow:hidden;}
#vrs-reliability .rel-track > span {height:100%; display:block; background:var(--accent); border-radius:3px;}
#vrs-reliability .rel-counts {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0;}
#vrs-reliability .rel-counts > div {border:1px solid var(--line); padding:16px; border-radius:5px;}
#vrs-reliability .rel-counts dt {font-size:13px; line-height:1.5; color:var(--ink);}
#vrs-reliability .rel-counts dd {font-size:30px; font-weight:700; color:var(--accent); margin:8px 0 0;}
#vrs-reliability .rel-history-counts {grid-template-columns:repeat(2,minmax(0,1fr));}
#vrs-reliability .rel-history-counts > div {padding:12px;}
#vrs-reliability .rel-history-counts dd {font-size:clamp(20px,2vw,26px); overflow-wrap:anywhere;}
#vrs-reliability .rel-platform {min-width:0;}
#vrs-reliability .rel-timeline {list-style:none; padding:0 0 0 18px; margin:0; border-left:2px solid var(--line);}
#vrs-reliability .rel-timeline li {position:relative; padding:0 0 24px;}
#vrs-reliability .rel-timeline li::before {content:''; position:absolute; left:-24px; top:6px; width:10px; height:10px; background:var(--accent); border-radius:50%;}
#vrs-reliability .rel-timeline p {font-size:13px; line-height:1.65; margin:8px 0;}
#vrs-reliability .rel-version {font-size:12px; color:var(--muted);}
#vrs-reliability .rel-tags {display:flex; flex-wrap:wrap; gap:6px;}
#vrs-reliability .rel-tags span {padding:3px 7px; border:1px solid var(--line); border-radius:4px; color:var(--ink); font-size:11px;}
#vrs-reliability .rel-sources {padding-left:22px; font-size:14px; line-height:1.7;}
#vrs-reliability .rel-sources li {margin:8px 0;}
#vrs-reliability .rel-disclaimer {border-left:3px solid var(--accent); background:var(--soft); color:var(--ink); font-size:14px; padding:18px; margin:20px 0 0;}
@media(max-width:700px) {
  #vrs-reliability .rel-two {grid-template-columns:1fr;}
  #vrs-reliability .rel-counts {grid-template-columns:repeat(2,minmax(0,1fr));}
  #vrs-reliability .vrs-chart-card {padding:16px;}
  #vrs-reliability h3 {font-size:20px;}
}
@media(forced-colors:active) {
  #vrs-reliability .rel-track {border:1px solid CanvasText;}
  #vrs-reliability .rel-track > span {background:Highlight; forced-color-adjust:none;}
}