.cp-page{}

.cp-hero-inner{
  max-width:720px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  border-bottom:1px solid var(--color-accent);
  padding-bottom:var(--space-4);
}

.cp-hero-inner p{
  max-width:65ch;
}

.cp-hero-note{
  color:var(--color-fg-secondary);
}

.cp-narrow{
  max-width:720px;
  margin:0 auto;
}

.cp-narrow p{
  max-width:65ch;
}

.cp-cards{
  align-items:stretch;
}

.cp-card{
  transition:box-shadow var(--transition-fast);
}

.cp-card:hover{
  box-shadow:0 10px 28px rgba(0,0,0,0.9);
}

.cp-manage{
  border-left:3px solid var(--color-accent);
  max-width:720px;
}

.cp-manage p{
  max-width:65ch;
}

.cp-close-inner{
  max-width:720px;
  margin:0 auto;
  text-align:center;
}

.cp-close-inner p{
  max-width:60ch;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width:768px){
  .cp-hero-inner,
  .cp-narrow,
  .cp-manage,
  .cp-close-inner{
    max-width:100%;
  }
}