.reference-hub{margin-top:14px;padding:clamp(20px,3vw,30px);border:1px solid #326457;border-radius:18px;background:linear-gradient(145deg,#0e2922 0,#0a1d18 58%,#102820 100%);box-shadow:0 18px 50px #0003}.reference-hub-heading,.reference-panel-heading,.reference-card-topline,.reference-value-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.reference-hub-heading>div>p:last-child{max-width:760px;margin:6px 0 0;color:var(--muted);font-size:14px}.reference-refresh{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;white-space:nowrap}.reference-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.reference-summary-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,#13352c,#0a211b)}.reference-card-topline>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.reference-badge{padding:4px 8px;border-radius:999px;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.reference-badge.pending{color:#f9e8b5;background:#5b461c}.reference-badge.current{color:#082017;background:var(--green)}.reference-badge.stale{color:#fff0c1;background:#725520}.reference-badge.offline{color:#fff;background:#773438}.reference-badge.catalogued{color:#d9f4ff;background:#185468}.reference-value-row{justify-content:flex-start;margin:15px 0 10px}.reference-value-row strong{font-size:42px;line-height:.9;letter-spacing:-.06em}.reference-value-row span{align-self:flex-end;color:var(--muted);font-size:13px}.reference-summary-card p{min-height:42px;margin:8px 0;color:#d6e9df;font-size:13px}.reference-summary-card small{display:block;color:var(--muted);font-size:11px}.index-meter{height:6px;overflow:hidden;border-radius:999px;background:#06130f}.index-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--amber),var(--red));transition:width .5s ease}.reference-detail-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;margin-top:12px}.reference-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#0a1e19}.reference-panel-heading{align-items:flex-start}.reference-panel-heading h3{margin:0;font-size:18px}.reference-panel-heading>span{color:var(--muted);font-size:11px;text-align:right}.ana-station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.ana-station{padding:12px;border:1px solid #294f45;border-radius:10px;background:#102a23}.ana-station header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ana-station b{font-size:14px}.ana-station header span{color:var(--muted);font-size:10px}.ana-station .station-reading{display:flex;align-items:baseline;gap:6px;margin:9px 0 5px}.ana-station .station-reading strong{color:var(--blue);font-size:25px;letter-spacing:-.04em}.ana-station .station-reading span,.ana-station small{color:var(--muted);font-size:10px}.ana-station p{margin:0;color:#d6e9df;font-size:11px}.coverage-legend{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 12px;color:var(--muted);font-size:10px}.coverage-legend span{display:flex;align-items:center;gap:5px}.coverage-legend i{width:8px;height:8px;border-radius:50%}.coverage-legend .operational,.city-coverage.operational:before{background:var(--green)}.coverage-legend .reference,.city-coverage.reference:before{background:var(--blue)}.coverage-legend .planned,.city-coverage.planned:before{background:#6c847a}.city-coverage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.city-coverage{position:relative;min-width:0;padding:8px 7px 8px 19px;border:1px solid #294f45;border-radius:8px;color:#dcece4;background:#0d251f;font-size:10px;line-height:1.2}.city-coverage:before{content:"";position:absolute;left:8px;top:11px;width:6px;height:6px;border-radius:50%}.city-coverage.operational{border-color:#3a8069;color:#edfff7}.city-coverage.reference{border-color:#326b7b}.city-coverage.planned{color:#9eb8ac}.reference-caveat{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.reference-empty{grid-column:1/-1;color:var(--muted);font-size:12px}@media(max-width:1050px){.reference-detail-grid{grid-template-columns:1fr}.city-coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.reference-summary-grid{grid-template-columns:1fr}.reference-summary-card p{min-height:0}.reference-hub-heading{align-items:flex-start;flex-direction:column}.ana-station-grid{grid-template-columns:1fr}.city-coverage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.reference-hub{padding:17px}.city-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-panel-heading{flex-direction:column}.reference-panel-heading>span{text-align:left}}