.ran-demo{background:#f7fafc}
.ran-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d4e0e8;border-bottom:1px solid #cad8e3}
.ran-pipeline>div{display:grid;align-content:start;grid-template-columns:30px 1fr;column-gap:9px;background:#f0f5f8;padding:17px 18px}
.ran-pipeline b{grid-row:span 2;color:#298778;font:700 .9rem/1.3 'Space Grotesk',Arial,sans-serif}
.ran-pipeline span{font-size:.83rem;font-weight:700;line-height:1.3}.ran-pipeline small{color:#617486;font-size:.7rem;line-height:1.4;margin-top:3px}
.ran-technology{display:flex;gap:8px;padding:22px 24px 0}
.ran-technology button{min-width:64px;border:1px solid #b8cbd5;border-radius:7px;background:#fff;color:#334d61;padding:8px 17px;font-weight:700}
.ran-technology button[aria-pressed=true]{background:#0d3147;border-color:#0d3147;color:#fff}
.ran-source-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 13px;margin:15px 24px 0;padding:13px 16px;border:1px solid #d4e0e8;border-radius:7px;background:#fff;color:#506579;font-size:.75rem}
.ran-source-note strong{color:#1b3e52;font-size:.83rem}.ran-source-note span{overflow-wrap:anywhere}.ran-source-note small{width:100%;color:#688092;font-size:.71rem}
.ran-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 24px 23px}
.ran-metrics>div{background:#fff;border:1px solid #d4e0e8;border-radius:8px;padding:15px 18px}
.ran-metrics span{display:block;color:#52677b;font-size:.77rem;font-weight:600}.ran-metrics strong{display:block;font:700 1.8rem/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.04em;margin-top:8px}
.ran-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #d4e0e8;padding:22px 24px}
.ran-toolbar h5{font-size:1.05rem;margin:0 0 3px}.ran-toolbar p{font-size:.78rem;color:#62768a;margin:0}
.ran-filters{display:flex;gap:12px}.ran-filters label{display:grid;gap:5px;color:#43576c;font-size:.75rem;font-weight:700}
.ran-filters input,.ran-filters select{min-height:40px;border:1px solid #b6c7d4;border-radius:6px;background:#fff;padding:7px 10px;color:#122236}
.ran-filters input{width:150px}.ran-filters select{min-width:135px}
.ran-results{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:0;border-top:1px solid #d4e0e8}
.ran-site-list{background:#fff;border-right:1px solid #d4e0e8;min-width:0}.ran-list-heading{display:flex;justify-content:space-between;gap:10px;padding:15px 19px;color:#5d7284;font-size:.76rem}.ran-list-heading span:first-child{font-weight:700;color:#25485d}
.ran-site-list .table-wrap{max-height:490px;overflow:auto}.ran-site-list table{white-space:nowrap;font-size:.78rem}.ran-site-list th,.ran-site-list td{padding:9px 12px}.ran-site-list th:first-child,.ran-site-list td:first-child{padding-left:19px}.ran-site-list th{position:sticky;top:0;background:#fff;z-index:1}
.ran-site-list tr.selected{background:#eaf5f2}.ran-site-list tbody tr:hover{background:#f1f7f8}.ran-site-button{border:0;background:none;padding:0;color:#114a61;font-weight:700}.ran-site-button:hover{text-decoration:underline}
.ran-badge{display:inline-block;border-radius:4px;padding:3px 7px;font-size:.69rem;font-weight:700;white-space:nowrap}.ran-badge.alarm{background:#f9e7e7;color:#9c3838}.ran-badge.warning{background:#fff0d5;color:#87560e}.ran-badge.aligned{background:#dff3eb;color:#0a6b55}
.ran-detail{min-width:0;padding:20px 22px 24px;background:#f4f8fa}.ran-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:14px}.ran-detail-heading span:first-child{color:#2a786d;font-size:.68rem;font-weight:700;letter-spacing:.13em}.ran-detail-heading h5{font-size:1.28rem;margin:3px 0 0}.ran-detail-heading>span{font-size:.74rem;color:#65798a;text-align:right}
#ran-detail-body{display:grid;gap:10px}.ran-cell{background:#fff;border:1px solid #d4e0e8;border-radius:8px;padding:16px;min-width:0}.ran-cell-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:9px}.ran-cell-heading h6{font:700 .95rem/1.2 'Space Grotesk',Arial,sans-serif;margin:0}.ran-cell-heading span{color:#63798a;font-size:.69rem;white-space:nowrap}
.ran-cell table{font-size:.72rem;white-space:normal;min-width:400px}.ran-cell th,.ran-cell td{padding:7px 10px 7px 0;vertical-align:top}.ran-cell td:first-child{min-width:140px}.ran-cell td small{display:block;color:#687d8e;font-size:.67rem;line-height:1.3;margin-top:3px}.ran-cell-ok,.ran-empty{font-size:.78rem;color:#5b7181;margin:0}
.ran-footnote{margin:0;padding:15px 24px 19px;border-top:1px solid #d4e0e8;color:#617486;font-size:.75rem;line-height:1.5}
@media(max-width:900px){.ran-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.ran-results{grid-template-columns:1fr}.ran-site-list{border-right:0;border-bottom:1px solid #d4e0e8}.ran-site-list .table-wrap{max-height:320px}}
@media(max-width:650px){.ran-pipeline>div{padding:12px 10px;grid-template-columns:24px 1fr}.ran-pipeline span{font-size:.72rem}.ran-pipeline small{font-size:.64rem}.ran-technology{padding:17px 16px 0;gap:6px}.ran-technology button{flex:1;min-width:0;padding:8px}.ran-source-note{margin:14px 16px 0}.ran-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:8px}.ran-metrics>div{padding:12px}.ran-metrics strong{font-size:1.5rem}.ran-toolbar{align-items:stretch;flex-direction:column;padding:18px 16px;gap:14px}.ran-filters label{flex:1;min-width:0}.ran-filters input,.ran-filters select{width:100%;min-width:0}.ran-detail{padding:18px 16px}.ran-footnote{padding:15px 16px}.ran-detail-heading{align-items:start;flex-direction:column;gap:2px}.ran-detail-heading>span{text-align:left}}