.hero{margin:22px 0 18px;}
.hero__row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.hero__meta{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap;}
.section__title{margin:0 0 12px;}

/* Full-width, stacked service rows (Flare-like layout) */
.services{display:flex;flex-direction:column;gap:14px;}

.svc{padding:18px;}
.svc__top{display:flex;align-items:center;justify-content:space-between;gap:18px;}
.svc__left{display:flex;align-items:center;gap:12px;min-width:0;}
.svc__text{min-width:0;}
.svc__name{font-weight:750;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.svc__status{font-size:13px;color:var(--muted);margin-top:2px;}

.svc__right{text-align:right;min-width:110px;}
.svc__uptime{font-weight:800;font-size:14px;letter-spacing:.1px;}
.svc__uptimeLabel{font-size:12px;color:var(--muted);margin-top:2px;}

.svc__dot{width:12px;height:12px;border-radius:999px;flex:0 0 12px;box-shadow:0 0 0 6px rgba(255,255,255,.04);}
.svc__dot--operational{background:var(--ok);}
.svc__dot--maintenance{background:var(--maint);}
.svc__dot--degraded{background:var(--warn);}
.svc__dot--partial_outage{background:var(--partial);}
.svc__dot--major_outage{background:var(--down);}

/* Bars */
.svc__bars{
  margin-top:12px;
  display:flex;
  align-items:stretch;
  gap:2px;
  height:44px;
}
.bar{
  flex:1;
  min-width:2px;
  border-radius:3px;
  background:var(--border);
  opacity:.95;
}
.bar--g{background:var(--ok);}
.bar--y{background:var(--warn);}
.bar--r{background:var(--down);}
.bar--u{background:rgba(255,255,255,.10);}
@media (prefers-color-scheme: light){
  .bar--u{background:rgba(17,24,39,.10);}
}

.svc__desc{margin:10px 0 0;}

@media (max-width:640px){
  .svc{padding:16px;}
  .svc__right{min-width:92px;}
  .svc__bars{height:38px;gap:1px;}
  .bar{min-width:1px;}
}