.workspace-list {
  max-width: 720px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 1px 2px #17202e0a, 0 10px 28px #17202e12;
}
.workspace-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 86px;
  padding: 18px 24px;
  color: var(--ink);
  text-decoration: none;
}
.workspace-link + .workspace-link { border-top: 1px solid var(--line); }
.workspace-link:hover { background: #f7f9fc; text-decoration: none; }
.workspace-link:focus-visible { outline-offset: -3px; }
.workspace-link strong { display: block; font-size: 15px; font-weight: 650; }
.workspace-link small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
.workspace-link > span:last-child { color: var(--blue); font-size: 20px; }
@media (max-width: 700px) {
  .workspace-link { min-height: 78px; padding: 15px 17px; }
}

.page-heading:has(#home-title) { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.lights-out-link { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 16px; border-radius: 10px; background: #1e2440; color: #fff; font: 600 14px/1 Inter, sans-serif; text-decoration: none; }
.lights-out-link svg { width: 17px; height: 17px; fill: none; stroke: #a5b4fc; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.lights-out-link:hover { background: #2b3360; }