:root {
  color-scheme: dark;
  background: #101622;
  color: #e8eef8;
  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; }
header {
  min-height: 4.25rem;
  padding: .75rem max(1.25rem, calc((100vw - 66rem) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #2a374c;
  background: #151e2c;
}
.brand { display: flex; align-items: center; gap: .75rem; font-weight: 650; }
.mark {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: .5rem;
  background: #a8dbfb;
  color: #162437;
  font-weight: 750;
}
main { max-width: 68.5rem; margin: auto; padding: clamp(2.25rem, 6vw, 4rem) 1.25rem; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(2.25rem, 7vw, 3.5rem); letter-spacing: -.055em; line-height: 1.1; margin-bottom: 1.5rem; }
h2 { font-size: 1.3rem; letter-spacing: -.02em; margin-bottom: .5rem; }
h3 { font-size: 1.12rem; margin-bottom: .25rem; }
p { color: #b6c4d9; margin-bottom: 1rem; }
.panel {
  border: 1px solid #34435a;
  background: #182232;
  border-radius: .875rem;
  padding: clamp(1.125rem, 4vw, 1.75rem);
}
#access { max-width: 33rem; }
.section-title { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.section-title h2 { margin: 0; }
.release-list { display: grid; gap: .875rem; }
.release-top { display: flex; align-items: start; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.state { padding: .25rem .625rem; border-radius: .35rem; background: #263952; color: #d0eaff; font-size: .83rem; }
.state[data-state="attention"], .error { color: #ffc0ad; }
.state[data-state="deployed"] { color: #b4f4cd; }
.metadata, li { color: #b6c4d9; overflow-wrap: anywhere; }
ul { margin: .75rem 0 1rem; padding-left: 1.25rem; }
code { font-family: ui-monospace, monospace; font-size: .84em; }
a { color: #afddff; }
button {
  border: 1px solid transparent;
  border-radius: .5rem;
  background: #a8dbfb;
  color: #142238;
  font: inherit;
  font-weight: 650;
  min-height: 2.75rem;
  padding: .45rem 1rem;
  cursor: pointer;
}
button:hover { background: #c2e6ff; }
button.secondary { color: #e8eef8; border-color: #4e607d; background: #1b293d; }
button.secondary:hover { background: #2b3d58; }
button:disabled { opacity: .6; cursor: wait; }
button:focus-visible, a:focus-visible { outline: 2px solid #a8dbfb; outline-offset: 3px; }
#status:empty { display: none; }