/* Shared layout for 404.html and maintenance.html. Tokens only. */
.ops{
  margin:0;
  min-height:100%;
  background:var(--bg);
  color:var(--text-100);
  font-family:var(--font-body);
}
.ops-wrap{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--space-20);
  padding:var(--space-24);
  text-align:center;
}
.ops-mark{
  width:min(320px,64vw);
  height:auto;
}
.ops-wrap h1{
  margin:0;
  font:var(--fw-bold) var(--fs-40)/var(--lh-85) var(--font-display);
  letter-spacing:var(--tracking-1);
  color:var(--text-100);
}
.ops-wrap p{
  margin:0;
  max-width:28rem;
  font:var(--fw-regular) var(--fs-13)/var(--lh-body) var(--font-body);
  color:var(--text-60);
}
.ops-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-12);
  justify-content:center;
}
.ops-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  min-width:138px;
  padding:0 var(--space-18);
  border-radius:var(--radius-10);
  background:var(--white-5);
  border:1px solid var(--white-18);
  color:var(--text-87);
  font:var(--fw-bold) var(--fs-17)/var(--lh-1) var(--font-display);
  letter-spacing:var(--tracking-btn-sm);
  text-decoration:none;
}
.ops-actions a:hover{
  background:var(--white-10);
}